/*
	Theme Name: Quanex
	Description: Quanex
	Version: 1.0
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
	Author: Framework
	Author URI: http://frameworkmn.com
*/

/* Reset */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h5,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h5,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0px 10px 0;
	font-weight: normal;
}

h1 {
	font: 700 42px 'Roboto Condensed', Arial, Helvetica, sans-serif;
	letter-spacing: 2.5px;
	line-height: 1.25em;
	text-transform: uppercase;
	margin: 0 0 55px 0;
	color: #027223;
	position: relative;
}

h1.line:after, h2.line:after, h4.line:after, .number:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 37px;
	height: 4px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #027223;
}

.gray-background h1.line:after, .gray-background h2.line:after, .gray-background h4.line:after {
	background-color: #e1e1e1;
}

h1.line.centered:after, h2.line.centered:after, h4.line.centered:after {
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

h2.line:after, h4.line:after, .number:after {
	background: #EBEBEB;
}

.white-text h1:after {
	background: #EBEBEB;
}

/* .gray-background h4.line:after {
	mix-blend-mode: multiply;
} */

h2 {
	font: 700 28px 'Roboto Condensed', Arial, Helvetica, sans-serif;
	letter-spacing: 2.3px;
	line-height: 1.35em;
	text-transform: uppercase;
	margin: 0 0 11px 0;
	color: #027223;
	position: relative;
}

h1 + h2 {
	margin-top: -52px;
}

h2 a:link, h2 a:visited {
	text-decoration: none;
}

h2 + p {
	margin-top: 22px;
}

h4 + h2 {
	margin-top: -10px;
}

h3 {
	font-size: 20px;
	font-weight: 700;
	color: #027223;
	margin: 0 0 15px 0;
	line-height: 1.8em;
}

h4 {
	font: 700 14px 'Roboto Condensed', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #54565A;
	margin: 0 0 15px 0;
	position: relative;
}

p + h4, ul + h4 {
	margin-top: 48px;
}

.green {
	color: #027223;
}

h4.line {
	padding-bottom: 4px;
	margin-bottom: 35px;
}

h5 {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.75px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

.button {
	margin: 22px 0 0 0;
}

.buttons {
	display: flex;
	flex-flow: row wrap;
}

.buttons .button + .button {
	margin-left: 37px;
}

.button a, .btn {
	font: 700 12px Roboto, Arial, Helvetica, sans-serif;
	background: transparent;
	letter-spacing: 0.5px;
	line-height: 1.2em;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	display: inline-block;
	color: #027223 !important;
	border: 1px solid #027223;
	padding: 11px 21px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-width: 126px;
	text-align: center;
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

.button a:link, .button a:visited {
	text-decoration: none;
}

.button a:hover, .button a:focus, .btn:hover {
	background: #027223;
	color: #FFF !important;
}

.white-text .button a, .white-text .button a:focus, white-text .btn {
	border-color: #FFF;
	color: #FFF !important;
}

.footer .button a, .footer .btn {
	letter-spacing: 1px;
}

.white-text .button a:hover, .white-text .button a:focus, .white-text .btn:hover {
	background: #FFF;
	color: #027223 !important;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
	font: 700 12px Roboto, Arial, Helvetica, sans-serif !important;
	background: transparent !important;
	letter-spacing: 0.5px !important;
	line-height: 1.2em !important;
	margin: 0 0 20px 0 !important;
	text-transform: uppercase !important;
	color: #027223 !important;
	border: 1px solid #027223 !important;
	padding: 11px 21px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	text-align: center !important;
	-webkit-transition: all 350ms ease-in-out !important;
	transition: all 350ms ease-in-out !important;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
	background: #027223 !important;
	color: #FFF !important;
}

/* Links */

a:link, a:visited, a:active {
	color: #027223;
	text-decoration: underline;
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

a:hover, a:focus {
	color: #000;
}

a:focus {
	outline: none;
}

/* Paragraphs */

p {
	line-height: 1.75em;
	letter-spacing: 0.1px;
	margin: 0 0 10px 0;
}

.small {
	font-size: 12px;
}

.large {
	font-size: 20px;
}

.centered {
	text-align: center;
}

.large-margin {
	margin-bottom: 30px;
}

.extra-large-margin {
	margin-bottom: 80px;
}

.alignleft, .wp-caption.alignleft {
	float: left;
	display: inline;
	margin: 0 25px 15px 0;
}

.alignright, .wp-caption.alignright {
	float: right;
	display: inline;
	margin: 0 0 15px 25px;
}

.aligncenter {
	display: block;
}

.aligncenter, .wp-caption.aligncenter {
	margin: 0 auto 40px auto;
}

/* Lists */

ul {
	margin: 20px 0 20px 16px;
}

ul.two-column-list {
	column-count: 2;
	column-gap: 88px;
	margin: 35px 0 30px 0;
}

ul li {
	list-style: disc;
	padding: 0;
	margin: 0;
	line-height: 1.75em;
}

ul.two-column-list li {
	list-style: none;
	margin-bottom: 11px;
}

ol {
	margin: 5px 0 30px 40px;
}

ol li {
	list-style: decimal;
	margin: 0;
	line-height: 1.75em;
}

/* Clearfix */

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* Layout */

body {
	font: 14px Roboto, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #000;
}

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

iframe {
	max-width: 100%;
}

table {
	width: 100%;
	margin: 0;
}

.table {
	margin: 20px 0 25px 0;
	padding: 0 0 15px 0;
	width: 100%;
	overflow: auto;
}

td {
	border: 1px solid #EBEBEB;
	padding: 9px 13px;
}

th {
	background: #EBEBEB;
	font: 700 14px 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	padding: 15px 13px;
}

.frame {
	width: 1264px;
	margin: 0 auto;
	position: relative;
	max-width: calc(100% - 40px);
}

.wide-frame {
	width: calc(100% - 40px);
	max-width: 1336px;
}

.extra-wide-frame {
	width: calc(100% - 40px);
	max-width: 1520px;
}

.page-content {
	width: 100%;
	padding: 150px 0 0 0;
	overflow: hidden;
	-webkit-transition: padding-top 350ms ease-in-out;
	transition: padding-top 350ms ease-in-out;
}

.translate-open .page-content {
	padding-top: 200px;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 320;
	background: #FFF;
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	z-index: 430;
}

.header:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f2f2f2;
	height: 1px;
	/* z-index: 310; */
}

.admin-bar .header {
	top: 32px;
}

.header,
.header>.frame {
	height: 150px;
}

.translate-open .header {
	height: 200px;
}

.header>.frame {
	padding: 30px 0 15px 0;
}

.page-template-landing-php .header>.frame, .page-template-landing-php .header-widgets {
	height: 100%;
}

.page-template-landing-php .header-widgets {
	margin-bottom: 0;
}

.header a:link, .header a:visited {
	color: #54565A;
	text-decoration: none;
}

.header-widgets {
	display: flex;
	align-items: center;
	margin: 0 0 20px 0;
}

.search-form3{
	width: 100%;
	border: 1px solid #54565A;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: flex;
}

.keyword {
	border: none;
	font: 14px Roboto, Arial, Helvetica, sans-serif;
	color: #54565A;
	height: 40px;
	background: transparent;
	width: 305px;
	padding: 0 9px;
}

.keyword:focus {
	outline: none;
}

.search-button {
	width: 40px;
	height: 40px;
	border-left: 1px solid #54565A;
	border: none;
	background: transparent;
	margin: 1px 0 0 0;
}

.search-button:hover svg g, .search-button:hover svg line,
.search-button:focus svg g, .search-button:focus svg line {
	stroke: #027223;
}

.landing-nav ul {
	margin: 0;
	display: flex;
}

.landing-nav ul li {
	list-style: none;
	margin: 0 0 0 66px;
	font-size: 20px;
	font-weight: 700;
}

.landing-nav ul li:first-child {
	margin-left: 0;
}

.landing-nav li a:link, .landing-nav li a:visited {
	color: #027223;
}

.translate-button {
	margin: 0 -24px 0 110px;
	font-size: 12px;
	display: flex;
	align-items: center;
}

.page-template-landing-php .translate-button {
	margin-left: 70px;
}

.translate-button svg {
	margin: 0 13px 0 7px;
}

.translate-button:hover svg g, .translate-button:hover svg line,
.translate-button:focus svg g, .translate-button:focus svg line {
	stroke: #027223;
}

.translate-button i {
	-webkit-transition: transform 350ms ease-in-out;
	transition: transform 350ms ease-in-out;
}

.translate-open .translate-button i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

body .translator-dropdown-container, body .translator-dropdown-sub-container {
	height: 19px !important;
	font: 12px Roboto !important;
}

body .translator-dropdown-languages-list-opened .translator-dropdown-current-language,
body .translator-dropdown-languages-list-opened .translator-dropdown-current-language span,
body .translator-dropdown-current-language span {
	color: #54565A !important;
}

body .translator-dropdown-current-language span,
body .translator-dropdown-sub-container a span {
    line-height: 19px !important;
	font: 12px Roboto !important;
}

body .translator-dropdown-current-language img, body .translator-dropdown-sub-container a img {
	width: 19px !important;
	height: auto !important;
}

.translator-dropdown-current-language>img {
	margin-top: 3px !important;
}

body .translator-dropdown-body {
	background: transparent !important;
	border: none !important;
	padding: 0 50px 0 0 !important;
	height: 21px !important;
	background: url('i/ico-globe.svg') no-repeat right 23px top 0 !important;
	cursor: pointer !important;
	position: relative !important;
}

body .translator-dropdown-languages-list-opened .translator-dropdown-body {
	height: 21px !important;
}

body .translator-dropdown-body:before {
	content: '\f078';
	display: block;
	position: absolute;
	top: 4px;
	right: 0;
	font: 900 13px 'Font Awesome 6 Free';
	color: #54565A;
}

body .translator-dropdown-sub-container p {
	height: 25px !important;
	margin: 0 !important;
	padding: 0 !important;
}

body .translator-dropdown-languages-list p {
	border-top: none !important;
	padding: 0 !important;
	break-inside: avoid !important;
}
	
body .translator-dropdown-current-language,
body .translator-dropdown-sub-container a {
	height: 25px !important;
	line-height: 25px !important;
	font: 12px Roboto !important;
	display: block !important;
	padding: 0 !important;
	margin: 0 !important;
}

body .translator-dropdown-sub-container a {
	break-inside: avoid !important;
	padding: 0 10px!important;
	/*
	height: auto !important;
	*/
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	/*
	height: 26px !important;
	line-height: 26px !important;
	*/
	text-align: center !important;
}

body .translator-dropdown-current-language span, body .translator-dropdown-sub-container a span {
    line-height: 19px!important;
    height: auto !important;
    display: block !important;
    margin: 1px 0 0 0 !important;
}

body .translator-dropdown-current-language-arrow {
	display: none !important;
}

body .translator-dropdown-languages-list-opened .translator-dropdown-body {
	background: url('i/ico-globe.svg') no-repeat right 23px top 0 !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

body .translator-dropdown-languages-list-scroll, body .translator-dropdown-languages-list {
    background: #fff !important;
	border: 1px solid #54565A !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    width: auto !important;
    position: absolute !important;
	top: calc(100% - 2px) !important;
	/*
	left: -11px !important;
	right: -11px !important;
	*/
	left: 0 !important;
	right: 0 !important;
}

body .translator-dropdown-languages-list {
	left: auto !important;
	right: -11px !important;
	column-count: 7;
}

.translator-dropdown-languages-list-scroll-bar,
body .translator-dropdown-languages-list-scroll-bar-rail {
	display: block !important;
}

body .translator-dropdown-hover .translator-dropdown-languages-list p:hover a,
body .translator-dropdown-hover .translator-dropdown-languages-list p:hover a span {
	color: #54565A !important;
	background: #EBEBEB !important;
}

body .translator-dropdown-hover .translator-dropdown-languages-list p:hover {
	background: #EBEBEB !important;
}

.login-button {
	display: flex;
	align-items: center;
	margin: 0 0 0 30px;
}

.login-button i {
	display: none;
}

.login-button svg g, .login-button svg line,
.translate-button svg g, .translate-button svg line,
.search-button svg g, .search-button svg path {
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

a.login-button:hover, a.translate-button:hover,
a.login-button:focus, a.translate-button:focus {
	color: #027223;
}

.login-button svg {
	margin: 0 11px 0 0;
}

.logged-in .login-button svg g,
.login-button:hover svg g,
.login-button:focus svg g {
	stroke: #027223;
}

.logged-in .login-button svg g {
	fill: #027223;
}

.logged-in .login-button svg path:last-child,
.login-button:hover svg path:last-child,
.login-button:focus svg path:last-child {
	fill: #027223;
}

.login-arrow {
	display: none;
}

.login-button:hover .logout, .login-button:focus .logout {
	color: #000;
}

.logo {
	width: 195px;
	margin: 0 auto 0 0;
}

.logo a {
	display: block;
}

.logo a:focus {
	opacity: 0.7;
}

.nav {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 310;
}

.main-nav {
	font-size: 19px;
	font-weight: 700;
}

.sub-nav {
	font-size: 14px;
	margin: 6px 0 0 0;
}

.main-nav>ul, .sub-nav ul {
	display: flex;
	margin: 0;
}

.main-nav>ul>li {
	list-style: none;
	margin: 0 41px 0 0;
}

.main-nav li, .sub-nav li {
	line-height: 1.3em;
}

.sub-nav ul li {
	list-style: none;
	margin: 0 0 0 35px;
}

.main-nav>ul>li>a:link, .main-nav>ul>li>a:visited {
	color: #027223;
	text-decoration: none;
	display: block;
	padding: 0 0 23px 0;
}

.sub-nav li:hover>a:link, .sub-nav li:hover>a:visited,
.sub-nav li>a:focus,
.sub-nav>ul>li.current-menu-item>a:link, .sub-nav>ul>li.current-menu-item>a:visited,
.sub-nav>ul>li.current-menu-parent>a:link, .sub-nav>ul>li.current-menu-parent>a:visited,
.sub-nav>ul>li.current-menu-ancestor>a:link, .sub-nav>ul>li.current-menu-ancestor>a:visited,
.single-case-study .sub-nav>ul>li.menu-item-514>a:link, .single-case-study .sub-nav>ul>li.menu-item-514>a:visited,
.single-post .sub-nav>ul>li.menu-item-514>a:link, .single-post .sub-nav>ul>li.menu-item-516>a:visited{
	color: #027223;
}

.main-nav>ul>li>a>span {
	display: inline-block;
}

.main-nav>ul>li>a>span,
.sub-nav>ul>li>a {
	position: relative;
}

.main-nav>ul>li>a>span:after,
.sub-nav>ul>li>a:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 1px;
	background: #027223;
	opacity: 0;
	-webkit-transition: opacity 350ms ease-in-out;
	transition: opacity 350ms ease-in-out;
}

.main-nav>ul>li:hover>a>span:after,
.main-nav>ul>li>a:focus>span:after,
.main-nav>ul>li.current-menu-item>a:after,
.main-nav>ul>li.current-menu-parent>a:after,
.main-nav>ul>li.current-menu-ancestor>a:after,
.main-nav>ul>li.current-page-item>a:after,
.main-nav>ul>li.current-page-parent>a:after,
.main-nav>ul>li.current-page-ancestor>a:after,
.sub-nav>ul>li:hover>a:after,
.sub-nav>ul>li>a:focus:after,
.sub-nav>ul>li.current-menu-item>a:after,
.sub-nav>ul>li.current-menu-parent>a:after,
.sub-nav>ul>li.current-menu-ancestor>a:after,
.single-case-study .sub-nav>ul>li.menu-item-514>a:after,
.single-post .sub-nav>ul>li.menu-item-516>a:after,
.single-product .main-nav>ul>li.menu-item-557>a:after {
	opacity: 1;
}

.main-nav>ul>li.has-children>a:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: -58px;
	right: -58px;
	height: 15px;
	background: #FFF;
	opacity: 0;
	pointer-events: none;
	z-index: 110;
}

.main-nav>ul>li.has-children:hover>a:before, .main-nav>ul>li.has-children>a:focus:before {
	opacity: 1;
}

.second-level {
	position: absolute;
	top: 100%;
	left: -58px;
	right: -58px;
	max-height: calc(100vh - 150px);
	overflow-y: auto;
    overflow-x: hidden;
	background: #FFF url('i/chevron-right-green.svg') no-repeat -999px -999px;
	/* padding: 40px 58px 85px 58px; */
	padding: 18px 58px 85px 58px;
	box-shadow: 2px 2px 8px 0 #ccc;
	margin: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: height 150ms ease-in-out;
	transition: height 150ms ease-in-out, opacity 350ms ease-in-out;
	border-top: 1px solid #f2f2f2;
}

/*
li:first-child .second-level {
	opacity: 1;
	pointer-events: inherit;
}
*/

.second-level.has-left-panel {
	padding-top: 18px;
	padding-bottom: 345px;
}

.admin-bar .second-level {
	max-height: calc(100vh - 182px);
}

.main-nav>ul>li:hover>.second-level {
	opacity: 1;
	pointer-events: inherit;
}

.dropdown-heading, .dropdown-back {
	display: none;
}

.second-level:before {
	content: '';
	display: block;
	position: absolute;
	top: 40px;
	bottom: 105px;
	left: 305px;
	width: 424px;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	z-index: 10;
}

.second-level.has-left-panel:before {
	left: 0;
	top: 0;
	bottom: 0;
	left: 0;
	width: 370px;
	background: #f5f5f5;
	z-index: 0;
}

.second-level:after {
	content: '';
	display: block;
	position: absolute;
	top: 40px;
	bottom: 105px;
	left: 1154px;
	width: 1px;
	background: #f1f1f1;
	z-index: 10;
}

.second-level>ul {
	width: 217px;
	margin: 0;
}

.second-level.has-left-panel>ul {
    width: 275px;
}

.second-level>ul>li {
	list-style: none;
	margin: 0;
}

.second-level>ul>li>a:link, .second-level>ul>li>a:visited,
.fourth-level>h4>a:link, .fourth-level>h4>a:visited {
	display: block;
	color: #027223;
	padding: 12px 12px 12px 0;
	position: relative;
}

.second-level.has-left-panel>ul>li>a:link, .second-level.has-left-panel>ul>li>a:visited,
.has-left-panel .fourth-level>h4>a:link, .has-left-panel .fourth-level>h4>a:visited {
	padding-top: 10px;
	padding-bottom: 10px;
}

.fourth-level>h4>a:link, .fourth-level>h4>a:visited {
	padding-bottom: 13px;
}

/*
.second-level>ul>li>a:focus {
	color: #54565A;
}
*/

.second-level>ul>li>a span, .fourth-level>h4>a span {
	display: inline-block;
	position: relative;
}

.second-level>ul>li>a span:after, .fourth-level>h4>a span:after,
.has-left-panel .sixth-level h4>a span:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	background: #027223;
	opacity: 0;
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

.has-left-panel .fourth-level>h4>a span:after {
	background-color: #027223;
}

.fourth-level>h4>a span:after {
	background: #000;
}

.has-left-panel .sixth-level h4>a span:after {
	background: #c0c0c0;
}

.second-level>ul>li:hover>a span:after,
.fourth-level:hover>h4>a span:after,
.has-left-panel .sixth-level:hover h4>a span:after {
	right: 0;
	opacity: 1;
}

.second-level>ul>li.has-children>a:before,
.has-subcategories .fourth-level.has-children>h4>a:before,
.has-left-panel .sixth-level.has-children h4 a:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	background: url('i/chevron-right.svg') no-repeat;
	width: 7px;
	height: 12px;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.second-level>ul>li.has-children.current>a:before,
.has-subcategories .fourth-level.has-children.current>h4>a:before,
.second-level.has-left-panel>ul>li.has-children>a:before,
.has-left-panel .fourth-level.has-children>h4>a:before,
.has-left-panel .sixth-level.current h4 a:before {
	background-image: url('i/chevron-right-green.svg');
}

.second-level.has-left-panel:after {
    top: 33px;
    bottom: 100px;
    left: 763px;
    width: 407px;
	background: transparent;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}

.third-level {
	position: absolute;
	top: 30px;
	left: 370px;
	column-count: 3;
	column-gap: 93px;
	z-index: 20;
}

.third-level-single-column,
.has-subcategories.third-level {
	/* top: 40px; */
	top: 20px;
	left: 370px;
	column-count: 1;
	width: 227px;
}

.has-left-panel .third-level {
	top: 21px;
	left: 433px;
}

.has-subcategories.third-level {
	width: 280px;
}

.has-subcategories .fifth-level, .eigth-level {
	position: absolute;
    top: 10px;
    left: 370px;
    /* column-count: 2;
    column-gap: 90px;
	*/
    width: 770px;
}

.has-left-panel .has-subcategories .fifth-level {
	left: 395px;
}

.has-left-panel h4 {
	font-family: Roboto;
	letter-spacing: 0;
}

.eigth-level {
	width: 291px;
	top: 0;
	left: 402px;
	display: none;
}

.sixth-level.current .eigth-level {
	display: block;
}

.second-level>ul>li:not(.current) .third-level,
.has-subcategories .fourth-level:not(.current) .fifth-level {
	display: none;
}

.fourth-level, .sixth-level, .seventh-level {
	break-inside: avoid;
}

.third-level ul {
	margin: 0 0 45px 0;
}

.sixth-level {
	margin: 0 0 17px 0;
}

.has-left-panel .sixth-level {
	margin-bottom: 17px;
}

.has-left-panel .sixth-level.nav-product-list {
	margin-bottom: 0;
}

.has-left-panel .sixth-level.nav-product-list h4>a span:after {
	display: none;
}

.has-left-panel .sixth-level.nav-product-list a:hover {
	color: #027223;
}

.sixth-level ul {
	margin: 0;
}

.has-left-panel .sixth-level h4 {
	text-transform: none;
	font-size: 16px;
	letter-spacing: 0.3px;
	margin: 0;
	width: 290px;
}

.has-left-panel .sixth-level h4 a:link, .has-left-panel .sixth-level h4 a:visited {
	display: block;
	color: #000;
}

.has-left-panel .sixth-level h4 a span {
	position: relative;
	display: inline-block;
}

.second-level:not(.has-left-panel) .sixth-level h4 {
	font: 400 14px Roboto;
	text-transform: none;
	letter-spacing: 0;
	margin: 0;
}

.second-level:not(.has-left-panel) .sixth-level h4 a:link, .second-level:not(.has-left-panel) .sixth-level h4 a:visited {
	color: #000;
}

.second-level:not(.has-left-panel) .sixth-level h4 a:hover {
	color: #027223;
}

.third-level ul li {
	list-style: none;
	margin: 0 0 9px 0;
	font-size: 14px;
	font-weight: 400;
}

.eigth-level ul li,
.has-left-panel .sixth-level.nav-product-list h4 {
	font-size: 14px;
	margin-bottom: 11px;
	font-weight: 400;
}

.third-level a:hover {
	color: #027223;
}

.third-level h4 {
	color: #027223;
	margin: 0;
}

.sixth-level h4:last-child {
	margin-bottom: 0;
}

.has-subcategories .fourth-level>h4 {
	margin: 0;
    text-transform: none;
    font-size: 16px;
}

.third-level h4 a:link, .third-level h4 a:visited {
	color: #027223;
}

.third-level h4 a:focus {
	color: #54565A;
}

.has-subcategories .fourth-level>h4 a:link, .has-subcategories .fourth-level>h4 a:visited, .has-subcategories .fourth-level>h4 a:focus {
	color: #000;
}

.has-left-panel .has-subcategories .fourth-level>h4 a:link, .has-left-panel .has-subcategories .fourth-level>h4 a:visited, .has-left-panel .has-subcategories .fourth-level>h4 a:focus {
	color: #027223;
}

.menu-button {
	display: none;
}

.contact-button {
	background: #027223;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	padding: 0 18px;
	height: 60px;
	line-height: 60px;
	position: fixed;
	top: 130px;
	right: 0;
	z-index: 420;
	letter-spacing: 1px;
	transform: rotate(-90deg);
	transform-origin: bottom right;
}

a.contact-button:link, a.contact-button:visited {
	color: #FFF;
	text-decoration: none;
}

a.contact-button:hover,
a.contact-button:focus {
	background: #000;
}

.translate-area, .logout-area {
	padding: 0 !important;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 350ms ease-in-out;
	transition: max-height 350ms ease-in-out;
}

.translate-open .translate-area, .logout-open .logout-area {
	max-height: 50px;
}

.translate-area .frame, .logout-area .frame {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
}

body .translator-sub-container {
	background: transparent !important;
}

body .translator-sub-container table {
	background: transparent !important;
}

body .translator-sub-container a span {
	color: #000 !important;
}

body .translator-sub-container a {
	font: 14px Roboto, Arial, Helvetica, sans-serif !important;
	padding: 0 20px !important;
}

.content {
	padding: 50px 0;
	position: relative;
	z-index: 10;
}

.gray-background, .gray-background + .updated, .um-page-password-reset .shop-area {
	background: #EBEBEB;
	border-top: none;
}

.graphic-background {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.white-text, .white-text *, .white-text a:link, .white-text a:visited {
	color: #FFF;
}

.slider {
	height: 530px;
	position: relative;
	margin: 0 0 45px 0;
}

.slider-nav {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 60px;
	z-index: 310;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	align-items: center;
}

.has-slider-nav:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 60px;
	background: #027223;
	mix-blend-mode: multiply;
	z-index: 300;
}

.slider-nav span {
	text-indent: -100em;
	overflow: hidden;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #FFF;
	margin: 0 0 24px 0;
	cursor: pointer;
}

.slider-nav span.cycle-pager-active {
	background: #FFF;
}

.hero {
	padding: 13px 0 0 0;
	height: 530px;
	display: flex;
	flex-flow: column nowrap;
	margin: 0 0 30px 0;
	position: relative;
	z-index: 20;
}

.hero-images {
	display: flex;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.hero-image {
	height: 100%;
}

.hero-image img {
	display: none;
}

.hero-image-small {
	width: 27.5%;
}

.hero-image-large {
	width: 72.5%;
}

.hero-content {
	display: flex;
	flex: 1 0 auto;
}

.landing-area .hero-content {
	align-items: flex-end;
}

.slide {
	width: 100% !important;
	height: 100% !important;
	padding-top: 70px;
}

.slide:not(:first-child) {
	position: absolute;
	top: 0;
	left: 0;
}

.hero-logo {
	margin: 0 0 30px 0;
}

.hero-text {
	width: 30.16%;
	background: #027223;
	padding: 44px 32px 64px 32px;
	font-size: 20px;
	margin: 0 0 -45px 0;
}

.landing-area .hero-text {
	padding-top: 50px;
	padding-bottom: 44px;
}

.hero-text p {
	margin-bottom: 17px;
	line-height: 1.8em;
}

.hero-text>:last-child {
	margin-bottom: 0;
}

.background-image {
	display: none;
}

.text-callout {
	padding: 45px 0;
	min-height: 309px;
	z-index: 0;
}

.gray-background + .text-callout {
	padding: 145px 0 130px 0;
}

.text-callout .frame {
	display: flex;
}

.tc-image {
	width: 35.5%;
	position: absolute;
	top: -64px;
	left: -44px;
	z-index: 10;
}

/*
.gray-background + .text-callout .tc-image {
	width: 39%;
    position: absolute;
    top: 88px;
    left: -117px;
}
*/

.tc-image img {
	display: block;
	width: 100%;
	height: auto;
}

.tc-headline, .tc-text {
	position: relative;
	z-index: 20;
}

.tc-headline {
	width: 29%;
}

.tc-headline>:last-child, .tc-text>:last-child {
	margin-bottom: 0;
}

.tc-text {
	width: 64.4%;
	margin: 0 0 0 6.5%;
}

.video-area {
	padding: 110px 0;
}

.video {
	position: relative;
	width: 100%;
	height: 0;
	padding: 0 0 56.25% 0;
	/* max-width: 1040px; */
	margin: 0 auto;
}

.video iframe, .video lite-youtube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
}

.tabs-area {
	padding: 145px 0 160px 0;
}

.tabs-area .frame {
	display: flex;
	justify-content: space-between;
}

.tabs-text {
	width: 29.3%;
	margin: 12px 0 0 0;
	font-size: 20px;
	position: relative;
	z-index: 20;
}

.links-area .frame {
	padding-bottom: 75px;
}

ul.links {
	margin: 35px 0 0 0;
}

ul.links li {
	list-style: none;
	margin: 0 0 20px 0;
	font-size: 20px;
	font-weight: 700;
}

.links a:link, .links a:visited {
	display: inline-block;
	color: #000;
	position: relative;
	border-bottom: 1px solid transparent;
	padding: 0 0 5px 0;
	text-decoration: none;
}

.tabs a:link, .tabs a:visited {
	color: #027223;
}

.links a:hover,
.links a:focus,
.tabs li.current a:link, .tabs li.current a:visited {
	border-bottom-color: #027223;
}

.links-accordion li.has-children>a {
	padding-right: 26px;
	position: relative;
}

.links-accordion li.has-children>a:before {
	content: '\f078';
	display: block;
	position: absolute;
	top: 11px;
	right: 0;
	font: 900 12px 'Font Awesome 5 Free';
	-webkit-transition: transform 350ms ease-in-out;
	transition: transform 350ms ease-in-out;
}

.links-accordion li.open>a:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.links-accordion li:not(.open) ul {
	display: none;
}

.links-accordion a {
	padding-bottom: 0 !important;
	border-bottom: none !important;
}

.links-accordion ul li.current-parent>a {
	color: #027223 !important;
}

ul.links-accordion li {
	margin-bottom: 9px;
}

.links-accordion li ul {
	margin: 5px 0 0 17px;
}

.links-accordion li ul ul ul {
	margin: 0;
}

.links-accordion li ul ul ul li, ul.links-product-list li {
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 4px 0;
}

.links-accordion li ul ul ul li.current, ul.links-product-list li.current {
	font-weight: 700;
}

.tab-contents {
	width: 64.24%;
	position: relative;
	z-index: 20;
}

.tabs-area .tab-content:not(.current) {
	display: none;
}

.links-area .frame:before {
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 30.46%;
	width: 1px;
	background: #EBEBEB;
}

.links-area .frame:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 25px;
	right: 0;
	width: 35.6%;
	background: url('i/world-map.svg') no-repeat 0 100%;
	background-size: contain;
	z-index: 10;
}

.links-no-map .frame:after {
	display: none;
}

.links-area .tab-contents {
	margin-top: 8px;
}

ul.products {
	display: flex;
	flex-flow: row wrap;
	margin: 0 -27px;
	width: calc(100% + 54px);
}

ul.products>li {
	width: calc(33.33% - 54px);
	margin: 0 27px 54px 27px;
	list-style: none;
}

.product-link {
	display: flex;
	flex-flow: column nowrap;
}

a.product-link:link, a.product-link:visited {
	color: #000;
	text-decoration: none;
}

a.product-link:hover,
a.product-link:focus {
	color: #027223;
}

.product-thumbnail {
	background: #EBEBEB;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 146px;
	margin: 0 0 15px 0;
}

.product-title {
	text-align: center;
	font-size: 14px;
	font-weight: 700;
}

.callout {
	position: relative;
	margin: 0 0 85px 0;
}

.gray-background + .callout {
	margin-top: 155px;
}

.text-callout + .callout {
	margin-top: 60px;
}

.callout + .content:not(.gray-background):not(.three-columns-area-with-intro):not(.posts-area-2):not(.posts-area-4) {
	/* margin-top: 190px; */
	margin-top: 130px;
}

.callout + .gray-background,
.callout + .history-area {
	padding-top: 145px;
	margin-top: -85px;
}

.callout .frame {
	display: flex;
	justify-content: space-between;
}

.callout .frame:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	background: #027223;
	width: 53.16%;
	z-index: 10;
	/* border-bottom: 30px solid #026c22; */
	mix-blend-mode: multiply;
}

.left-callout .frame:before {
	left: auto;
	right: 0;
}

.callout .frame:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	background: #027223;
	width: 3000px;
	z-index: 10;
}

.left-callout .frame:after {
	right: auto;
	left: 100%;
}

.callout-image {
	width: 79.11%;
	margin: 0 -25.9% 0 0;
	-webkkit-transform: translate(0,85px);
	transform: translate(0,85px);
	position: relative;
	z-index: 5;
}

.left-callout .callout-image {
	order: 1;
	margin: 0 0 0 -25.9%;
}

.callout-image img {
	display: block;
}

.callout-text {
	width: 39.24%;
	margin: 135px 0 0 0;
	position: relative;
	z-index: 20;
	font-size: 20px;
}

.left-callout .callout-text {
	order: 2;
}

.callout-text>:last-child, .callout-text>:last-child>a {
	margin-bottom: 0;
}

.numbers-area {
	padding: 64px 0 100px 0;
}

.callout + .numbers-area {
	margin-top: -85px;
	padding-top: 145px;
}

ul.numbers {
	display: flex;
	justify-content: space-between;
	margin: 0 -27px;
	width: calc(100% + 54px);
}

ul.numbers>li {
	list-style: none;
	width: calc(25% - 54px);
	margin: 0 27px;
}

.number {
	font: 700 28px 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #027223;
	letter-spacing: 2px;
	line-height: 1.25em;
	padding: 0 0 2px 0;
	margin: 0 0 30px 0;
	position: relative;
}

.cs-area {
	padding: 150px 0;
}

.featured {
	display: flex;
	margin: 0 0 50px 0;
}

.featured-area .featured:not(:first-child) {
	margin-top: 35px;
}

.featured:last-child {
	margin-bottom: 0;
}

.featured-image {
	width: 79.11%;
	position: relative;
	z-index: 10;
}

.featured-image a {
	display: block;
}

.featured-image a:focus {
	opacity: 0.7;
}

.featured-image img {
	display: block;
	width: 100%;
	height: auto;
}

.featured-text {
	width: 32%;
	margin: 50px 0 50px -8.2%;
	background: #027223;
	padding: 28px 45px;
	font-size: 22px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	position: relative;
	z-index: 20;
}

.featured-text h2 a:focus {
	opacity: 0.7;
}

.featured-text h4.line:after {
	mix-blend-mode: normal;
}

.featured-left .featured-image {
	order: 2;
}

.featured-left .featured-text {
	order: 1;
	margin-left: 0;
	margin-right: -8.2%;
}

.featured-text h4 {
	margin-bottom: 60px;
}

.featured-text>:last-child {
	margin-bottom: 0;
}

/*
.posts-area.gray-background {
	padding: 140px 0;
}
*/

ul.posts {
	display: flex;
	flex-flow: row wrap;
	margin: 0 -40px;
	width: calc(100% + 80px);
}

ul.posts-with-margin {
	margin-top: 40px;
}

ul.posts:not(:last-child) {
	margin-bottom: -50px !important;
}

ul.posts li {
	list-style: none;
	width: calc(25% - 80px);
	margin: 0 40px 80px 40px;
	background: #FFF;
}

ul.posts-3 {
	margin: 40px -20px 0 -20px;
	width: calc(100% + 40px);
}

ul.posts-with-load-more {
	margin-top: 40px;
}

ul.posts-3 li {
	width: calc(33.33% - 40px);
	margin: 0 20px 40px 20px;
}

.related-more-button {
	margin-top: 42px;
}

.posts-with-load-more li {
	display: none;
}

.posts-with-load-more li:first-child,
.posts-with-load-more li:nth-child(2),
.posts-with-load-more li:nth-child(3),
.posts-with-load-more li:nth-child(4),
.posts-with-load-more li:nth-child(5),
.posts-with-load-more li:nth-child(6),
.related-area .posts-with-load-more li:nth-child(7),
.related-area .posts-with-load-more li:nth-child(8){
	display: block;
}

ul.gray-posts li {
	background: #EBEBEB;
}

a.post-link:link, a.post-link:visited,
.post-details>a:link, .post-details>a:visited {
	color: #000;
	text-decoration: none;
}

.post-details a:link, .post-details a:visited,
.post-category a:link, .post-category a:visited {
	text-decoration: none;
}

h2.line + .post-category {
	margin-top: 30px;
}

a.post-link:hover, a.post-link:focus,
.post-details>a:hover, .post-details>a:focus {
	color: #027223;
}

.post-link {
	display: flex;
	flex-flow: column nowrap;
	min-height: 100%;
}

.post-thumbnail {
	position: relative;
	display: flex;
	width: 100%;
}

.library-nav .post-thumbnail {
	height: 0;
	padding: 0 0 56.25% 0;
	overflow: hidden;
}

.post-thumbnail:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 10px;
	background: #027223;
	mix-blend-mode: multiply;
}

.posts-with-load-more .post-thumbnail:after {
	display: none;
}

.posts-with-load-more .post-thumbnail {
	border-bottom: 10px solid #027223;
}

.posts-with-load-more .post-details {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	font-weight: 700;
}

.post-thumbnail a, .post-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
}

.library-nav .post-thumbnail img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display: block;
	width: 100%;
	height: auto;
	max-width: 106%;
	width: 106%;
}

.post-details {
	padding: 10px 14px;
	display: flex;
	flex-flow: column nowrap;
	line-height: 1.65em;
}

.post-category {
	font: 700 14px 'Roboto Condensed', Arial, Helvetica, sans-serif;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	color: #027223;
	margin: 0 0 2px 0;
}

.post-details .post-category {
	margin-top: 15px;
}

.post-title {
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 2px 0;
}

.pagination {
	text-align: center;
	font-size: 12px;
	margin: 0 0 40px 0 !important;
}

.pagination a:link, .pagination a:visited, .pagination span {
	letter-spacing: 0.5px;
	line-height: 1.2em;
	text-transform: uppercase;
	color: #027223;
	border: 1px solid #027223;
	padding: 11px 21px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	min-width: 42px;
	margin: 0 6px;
}

.pagination span.current, .pagination a:hover, .pagination a:focus {
	background: #027223;
	color: #FFF;
}

.location-search-area {
	padding: 90px 0 85px 0;
	overflow: hidden;
}

.white-background:not(.two-different-columns-area):not(.three-columns-area) + .white-background {
	padding-top: 0;
}

.gray-background + .gray-background,
.gray-background + .three-columns-area-with-intro .team-intro,
.three-columns-area-with-intro + .gray-background {
	padding-top: 1px;
}

.gray-background + .white-background:not(.three-columns-area):not(.two-different-columns-area),
.white-background + .callout {
	margin-top: 50px;
}

.two-equal-columns-area + .callout {
	margin-top: 120px;
}

.graphic-testimonials-area.white-background + .white-background {
	margin-top: -100px;
}

.white-background + .location-search-area {
	padding: 15px 0 85px 0;
}

.benefits-area + .location-search-area {
	margin-top: -60px;
}

.benefits-area + .two-equal-columns-area {
	margin-top: -35px;
}

.location-search-area .frame {
	display: flex;
	justify-content: space-between;
}

.lc-text {
	width: 29.5%;
}

.lc-text>:last-child {
	margin-bottom: 0;
}

.lc-search {
	width: 26.5%;
	margin: 0 0 0 7%;
}

.lc-text, .lc-search {
	margin-top: 110px;
	margin-bottom: 20px;
	position: relative;
	z-index: 20;
}

.lc-image {
	width: 54%;
	position: relative;
	z-index: 10;
	margin: 0 -10.5% 0 -5%;
}

.lc-image img {
	display: block;
	width: 100%;
	height: auto;
}

ul.lc-filters {
	margin: 0;
}

ul.lc-filters li {
	list-style: none;
	margin: 0 0 32px 0;
}

.lc-filter-label {
	display: block;
	font-weight: 700;
	margin: 0 0 7px 18px;
}

.lc-filters select {
	width: 100%;
	border: 1px solid #EBEBEB;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font: 14px Roboto, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 10px 12px;
}

.updated {
	text-align: right;
	font-size: 12px;
	padding: 0 0 12px 0;
	border-top: 1px solid #FFF;
	margin: -1px 0 0 0;
	position: relative;
	z-index: 90;
}

.updated p {
	margin: 0;
	line-height: 1.1em;
}

.footer {
	background: #027223;
	padding: 47px 0;
	position: relative;
    z-index: 20;
}

.hidden-footer {
	display: none;
}

.footer .frame {
	display: flex;
}

.footer-left {
	width: 25.7%;
	font-size: 12px;
}

.footer-left p {
	margin-bottom: 0;
}

.copyright-line {
	margin: 0 0 18px 0;
}

.mobile-footer-tagline, .mobile-social, .mobile-footer-links {
	display: none;
}

.footer-nav {
	width: 41%;
	display: flex;
	justify-content: space-between;
	margin: 4px 2.3% 0 auto;
}

.footer-nav ul {
	margin: 26px 0 0 0;
}

.footer-nav ul li {
	list-style: none;
	margin: 0 0 13px 0;
}

.footer-nav a:link, .footer-nav a:visited {
	text-decoration: none;
}

.footer-nav a:focus {
	opacity: 0.7;
}

.footer-right {
	width: 15.8%;
	margin: 4px 0 0 5.2%;
}

.footer-logo {
	margin: 0 0 32px 0;
}

.footer-buttons {
	margin: 0 0 44px 0;
}

.footer-buttons ul {
	display: flex;
	margin: 0;
}

.footer-buttons ul li {
	list-style: none;
	margin: 0 0 0 40px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}

.footer-buttons ul li:first-child {
	margin-left: 0;
}

.footer-buttons a:link, .footer-buttons a:visited {
	display: block;
	border: 1px solid #FFF;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 12px 18px;
	text-decoration: none;
}

.footer-buttons a:hover,
.footer-buttons a:focus {
	color: #027223;
	background: #FFF;
}

.social {
	margin: 21px 0 15px 0;
}

.social ul {
	margin: 0;
	display: flex;
}

.social ul li {
	list-style: none;
	margin: 0 0 0 15px;
}

.social ul li:first-child {
	margin-left: 0;
}

.social-title {
	display: none;
}

.social a:link, .social a:visited {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 26px;
	background: #FFF;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #027323;
	text-decoration: none;
	border: 1px solid #FFF;
}

.social a:hover, .social a:focus {
	background: transparent;
	color: #FFF;
}

.social a i {
	color: #027323;
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

.social a:hover i, .social a:focus i {
	color: #FFF;
}

.breadcrumbs {
	position: relative;
	z-index: 130;
	font-size: 10px;
	color: #54565A;
}

.slider:not(.has-long-text) + .breadcrumbs {
	padding-top: 0;
	margin-top: -20px;
}

.standalone-breadcrumbs {
	padding: 13px 0 0 0;
	margin-bottom: -25px;
}

@media (min-width: 1304px) {
	.standalone-breadcrumbs + .content {
		padding-top: 70px !important;
	}
}

.page-featured-image .breadcrumbs {
	margin-top: -13px;
	margin-bottom: 0;
	padding: 13px 0;
	background: #f5f5f5;
}

.breadcrumbs *,
.breadcrumbs a:link, .breadcrumbs a:visited {
	color: #54565A;
	text-decoration: none;
}

.breadcrumbs a:hover, .breadcrumbs a:focus {
	text-decoration: underline;
}

.hero-text h4.line {
	margin-bottom: 60px;
}

.landing-area .hero-text h4.line {
    margin-bottom: 32px;
}

.links-area .frame {
	display: flex;
	justify-content: space-between;
}

.team-intro {
	padding: 95px 0 135px 0;
}

.columns {
	display: flex;
	justify-content: space-between;
}

.sidebar {
    will-change: min-height;
}

.sidebar__inner, .inner-wrapper-sticky {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

.column-one-third {
	width: 29%;
}

.column-two-thirds {
	width: 64.5%;
}

ul.team {
	width: calc(100% + 80px);
	margin: 0 -40px;
	display: flex;
	flex-flow: row wrap;
}

ul.team {
	margin-bottom: -115px;
}

ul.additional-team {
	margin-top: 115px;
}

ul.team>li {
	list-style: none;
	width: calc(33.33% - 80px);
	margin: 0 40px 80px 40px;
}

.team-people {
	position: relative;
	z-index: 20;
}

.team-outro {
	position: relative;
	z-index: 30;
}

.team-intro + .team-people {
	margin-top: -60px;
}

.team-headshot {
	margin: 0 0 20px 0;
}

.team-headshot img {
	display: block;
}

.team-name {
	margin-bottom: 2px;
}

.team li p {
	margin-bottom: 23px;
}

.team li h4 {
	margin-bottom: 2px;
}

.team li p + h4 {
	margin-top: 23px;
}

.gallery-area {
	padding-bottom: 85px;
}

.gallery {
	margin: 27px 0 0 0;
}

.gallery .featured-text {
	justify-content: flex-start;
}

ul.the-gallery, .lSPager {
	margin: 0;
}

ul.the-gallery>li, .lSPager li {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.the-gallery>li img {
	display: block;
}

ul.the-gallery>li:before, .lSPager li:before {
	display: none;
}

/*
.lSPrev, .lSNext {
	opacity: 1 !important;
	background: transparent !important;
	margin-top: 0 !important;
	-webkit-transform: translate(0,-50%) !important;
	transform: translate(0,-50%) !important;
	width: auto !important;
	height: auto !important;
	display: none !important;
}
*/

.gallery-prev, .gallery-next {
	position: absolute;
	top: auto;
	bottom: 95px;
	text-indent: -100em;
	overflow: hidden;
}

.gallery-prev {
	left: -70px;
}

.gallery-next {
	right: -70px;
}

.gallery-prev:focus, .gallery-next:focus {
	outline: none;
}

.lSPrev:before, .lSNext:before,
.gallery-prev:before, .gallery-next:before,
.lSPrev:after, .lSNext:after,
.gallery-prev:after, .gallery-next:after {
	content: '';
	display: block;
	width: 7px;
	height: 12px;
	background-repeat: no-repeat;
	-webkit-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
	position: absolute;
}

.lSPrev:before, .gallery-prev:before {
	background-image: url('i/chevron-left.svg');
}

.lSPrev:after, .gallery-prev:after {
	background-image: url('i/chevron-left-green.svg');
	opacity: 0;
}

.lSNext:before, .gallery-next:before {
	background-image: url('i/chevron-right.svg');
}

.lSNext:after, .gallery-next:after {
	background-image: url('i/chevron-right-green.svg');
	opacity: 0;
}

.lSSlideOuter .lSPager.lSGallery {
	padding-bottom: 19px;
}

.lSSlideOuter .lSPager.lSGallery li {
	overflow: visible !important;
}

.lSPrev:hover:before, .lSNext:hover:before,
.gallery-prev:hover:before, .gallery-next:hover:before,
.lSPrev:focus:before, .lSNext:focus:before,
.gallery-prev:focus:before, .gallery-next:focus:before {
	opacity: 0;
}

.lSPrev:hover:after, .lSNext:hover:after,
.gallery-prev:hover:after, .gallery-next:hover:after,
.lSPrev:focus:after, .lSNext:focus:after,
.gallery-prev:focus:after, .gallery-next:focus:after {
	opacity: 1;
}

.lSSlideOuter .lSPager.lSGallery li {
	position: relative !important;
}

.horizontal-gallery-area .lSSlideOuter .lSPager.lSGallery li:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -19px;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	right: 0;
	height: 4px;
	width: 100%;
	max-width: 0;
	opacity: 0;
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #027223;
}

.horizontal-gallery-area .lSSlideOuter .lSPager.lSGallery li.active:after {
	opacity: 1;
	max-width: 100%;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover, .lSSlideOuter .lSPager.lSGallery li:focus {
	-webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}

.gallery li .featured {
	margin-bottom: 0;
}

.horizontal-gallery-area .lSPager {
	margin-top: 45px !important;
}

.the-vertical-gallery li,
.vertical-gallery-area .lSPager li a {
	overflow: hidden;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
}

.the-vertical-gallery li img,
.vertical-gallery-area .lSPager li img {
	min-height: 100%;
	width: auto;
	max-width: 200%;
	min-width: 100%;
}

.logos-area {
	padding: 0 0 100px 0;
}

.graphic-background + .logos-area,
.gray-background + .logos-area {
	padding-top: 50px;
}

ul.logos {
	margin: 60px auto 0 auto;
	max-width: 1060px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

ul.logos {
	margin-bottom: -30px !important;
}

ul.logos li {
	list-style: none;
	margin: 0 85px 30px 85px;
	width: calc(33.33% - 170px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.logos li img {
	-webkit-transition: transform 350ms ease-in-out;
	transition: transform 350ms ease-in-out;
}

.logos li a:hover img, .logos li a:focus img {
	transform: scale(1.06);
}

.testimonials-area {
	padding-bottom: 70px;
}

.testimonials-area h4.line {
	margin-bottom: 27px;
}

.testimonials {
	position: relative;
}

.testimonial {
	position: absolute;
	display: flex !important;
	width: 100% !important;
	height: 100% !important;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.testimonial.cycle-sentinel {
	height: auto !important;
}

.author {
	margin: 10px 0 0 0;
}

.testimonials-nav, .gt-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px 0 0 0;
}

.gt-nav {
	margin-top: 15px;
}

.testimonials-nav span, .gt-nav span {
	border: 1px solid #027223;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 11px;
	height: 11px;
	margin: 0 12px;
	text-indent: -100em;
	overflow: hidden;
	cursor: pointer;
}

.testimonials-nav span.cycle-pager-active, .gt-nav span.cycle-pager-active {
	background: #027223;
}

.history-area {
	padding: 60px 0;
}

/*
.history-area.gray-background {
	background: #f5f5f5;
}
*/

.history-wrapper, .history, .history-item-image {
	position: relative;
}

.history-wrapper:before, .history-item-image:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 5px;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	background: #EBEBEB;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.history-item-image:before {
	height: 104px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.history:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	width: 37px;
	height: 4px;
	background: #EBEBEB;
	top: 0;
}

.history:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	width: 29px;
	height: 14px;
	background: url('i/history-chevron.svg') no-repeat;
	bottom: 0;
}

.gray-background .history:before,
.gray-background .history-wrapper:before,
.gray-background .history-item-image:before {
	background-color: #d1d1d1;
}

.gray-background .history:after {
	background-image: url('i/history-chevron-dark.svg');
}

.history {
	margin: 20px 0 0 0;
	padding: 70px 0 103px 0;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

.history-item-small, .history-sub-item {
	width: 310px;
}

.history-item-large {
	width: 584px;
}

h2.history-year {
	margin-bottom: 0;
}

h2.history-year + p {
	margin-top: 0;
}

.history-left {
	transform: translate(-50%,0);
	text-align: right;
	margin-right: 108px;
}

.history-left .history-year {
	margin-right: -7px;
}

.history-right {
	transform: translate(50%,0);
	margin-left: 108px;
}

.history-right.history-item-large {
	margin-left: 90px;
}

.history-left + .history-right,
.history-right + .history-left {
	margin-top: -35px;
}

.history-image {
	margin: 0 0 10px 0;
}

.history-image img {
	display: block;
}

.history-item-double {
	display: flex;
	justify-content: space-between;
	width: 700px;
	margin: 100px 0 30px 0;
}

.history-sub-left {
	text-align: right;
}

.history-item-image {
	margin: 0 0 37px 0;
}

.history-left + .history-left,
.history-right + .history-right {
	margin-top: 50px;
}

.library-area {
	padding: 90px 0;
}

.gray-background +.library-area {
	padding-top: 155px;
}

.library {
	margin: 30px 0 50px 0;
}

.library-video:not(.current) {
	display: none;
}

.library-video .video {
	max-width: 100%;
}

.library-more {
	text-align: center;
}

.library-more a:focus {
	outline: none;
}

.library-nav .post-details {
	padding: 21px 18px;
}

.additional-library-nav:not(.visible), .additional-team:not(.visible) {
	display: none;
}

.library-view-less,
.library-less .library-view-more,
.team-view-less,
.team-less .team-view-more {
	display: none;
}

.library-less .library-view-less,
.team-less .team-view-less {
	display: inline;
}

.callout + .three-columns-area-with-intro {
	margin-top: -85px;
}

.three-columns-intro {
	padding-bottom: 90px;
}

.three-columns-intro .frame {
	padding: 0 !important;
}

.three-columns-content {
	background: #FFF;
	max-width: 1398px;
	margin: 0 auto;
	padding: 60px 30px;
}

.callout + .three-columns-area-with-intro .team-intro {
    padding-top: 208px;
}

/*
.three-columns-area, .two-different-columns-area {
	padding: 0 !important;
}
*/

.standalone-breadcrumbs + .three-columns-area, .standalone-breadcrumbs + .two-different-columns-area {
	padding-top: 40px !important;
}

.three-columns-area + .updated, .two-different-columns-area + .updated {
	padding-top: 60px;
}
/*
.three-columns-area.gray-background .frame,
.two-different-columns-area .frame {
	padding: 125px 0;
}
*/

.three-columns-area:not(.gray-background)>.frame,
.two-different-columns-area:not(.gray-background)>.frame {
	padding: 45px 0 45px 0;
	border-bottom: 1px solid #EBEBEB;
}

.single-product .two-different-columns-area:not(.gray-background)>.frame {
	padding-bottom: 0;
}

.single .three-columns-area:not(.gray-background)>.frame, .single .two-different-columns-area:not(.gray-background)>.frame {
	padding-top: inherit;
	/* padding-bottom: inherit; */
	border-bottom: none;
}
/*
.single-column-area:not(.gray-background) .frame {
	border-bottom: 1px solid #EBEBEB;
}
*/

.three-columns-area:not(.gray-background) + .callout,
.two-different-columns-area:not(.gray-background) + .callout,
.single-column-area:not(.gray-background) + .callout {
	border-top: 1px solid #FFF;
	margin-top: -1px;
	padding-top: 75px;
}

.two-equal-columns-area {
	padding: 0;
}

.two-equal-columns-area .frame {
	padding: 55px 0;
}

.gray-background + .two-equal-columns-area.gray-background .frame {
	padding-top: 0;
}

.two-equal-columns-area:not(.gray-background) .frame {
	border-bottom: 1px solid #EBEBEB;
}

.single .two-equal-columns-area:not(.gray-background) .frame {
	border-bottom: none;
}

.white-background + .three-columns-area:not(.gray-background) {
	padding-top: 0;
}

.column-one-third {
	width: 29.1%;
}

.column-one-third .aligncenter, .column-one-third .wp-caption.aligncenter {
	margin-bottom: 30px;
}

.column>:last-child {
	margin-bottom: 0;
}

.toi {
	padding: 154px 0 110px 0;
}

.toi-image img {
	display: block;
}

.toi-text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-85%);
	transform: translate(-50%,-85%);
	text-align: center;
	width: 100%;
	max-width: 786px;
	padding: 20px;
}

.toi-text>:last-child {
	margin-bottom: 0;
}

.toi-text h1.line:after {
	bottom: -27px;
}

.graphic-testimonials-area {
	padding: 110px 0 135px 0;
}

.gt-slider {
	position: relative;
}

.gt-slide {
	position: absolute;
	display: flex !important;
	width: 100% !important;
	margin: 0;
}

.gt-slide .featured-text {
	font-size: 20px;
}

.gt-slide .featured-text p {
	line-height: 1.8em;
}

.gt-slide .author {
	font-size: 14px;
	margin: 55px 0 0 0;
	line-height: 1.7em;
}

.column-half {
	width: 46.5%;
}

/*
.single-column-area {
	padding: 0;
}

.single-column-area .frame {
	padding: 95px 0;
}
*/

.small-columns {
	display: flex;
	justify-content: space-between;
	margin: 30px 0 0 0;
}

.small-column {
	width: 44.9%;
}

.small-column>:last-child {
	margin-bottom: 0;
}

.small-column ul {
	margin-bottom: 42px;
}

/*
.two-different-columns-area.gray-background .frame {
	padding-bottom: 150px;
}
*/

.benefits-area {
	padding: 0;
}

/*
.benefits-area.gray-background {
	background-color: #f5f5f5;
}
*/

.benefits-area .frame {
	padding: 40px 0 60px 0;
}

.benefits-area .frame:before, .benefits-area .frame:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: calc(100% + 25px);
	width: 3000px;
	height: 40px;
	background: #fff;
}

.benefits-area .frame:after {
	top: auto;
	bottom: 0;
	right: auto;
	left: calc(100% + 25px);;
}

ul.benefits {
	margin: 74px 0 0 0;
	position: relative;
}

ul.benefits:before {
	content: '';
	position: absolute;
    display: block;
    width: 2px;
    top: -45px;
    bottom: -45px;
	left: 1px;
	background: #EBEBEB;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

.gray-background ul.benefits:before {
	background-color: #d1d1d1;
}

ul.benefits>li {
	list-style: none;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 0 0 108px 0;
	opacity: 0.4;
	-webkit-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}

ul.benefits>li:last-child {
	margin-bottom: 30px;
}

ul.benefits>li.active {
	opacity: 1;
}

ul.benefits>li:before {
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	width: 4px;
	height: 85px;
	background: #027223;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	opacity: 0;
	-webkit-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}

ul.benefits>li.active:before {
	opacity: 1;
}

.benefit-text {
	width: 59.7%;
	margin: 0 0 0 4.7%;
}

.benefit-text>:last-child {
	margin-bottom: 0;
}

.benefit-image {
	width: 28.95%;
	margin: 6px 0 0 0;
}

.benefit-image img {
	display: block;
}

.benefit-title {
	margin-bottom: 5px;
}

/*
.gray-background + .three-columns-area.white-background {
	padding: 100px 0;
}
*/

.large-margin + .columns {
	margin-top: 60px;
}

.single .large-margin + .columns {
	margin-top: 35px;
}

.three-columns-area.white-background:not(.three-columns-area):not(.two-different-columns-area) + .single-column-area.gray-background {
	margin-top: -101px;
}

.gray-background + .updated {
	padding-top: 12px;
}

.no-results {
	min-height: 400px;
}

.gallery-area + .white-background {
	margin-top: 25px;
}

.gallery-area + .white-background .frame {
	border-top: 1px solid #EBEBEB;
	padding-top: 100px;
}

.not-found-area {
	padding: 0;
}

.not-found-area:not(.gray-background) {
	background: #027223;
}

.not-found-area .frame {
	min-height: calc(100vh - 150px);
	padding: 190px 0 190px 0;
}

.admin-bar .not-found-area .frame {
	min-height: calc(100vh - 150px - 32px);
}

.not-found-text {
	margin: 0 auto;
	max-width: 860px;
	position: relative;
}

.not-found-area .frame:before {
	content: '';
	display: block;
	position: absolute;
	bottom: -8%;
    right: -12.5%;
	width: 60.32%;
	height: 100%;
	background: url('i/world-map.svg') no-repeat 100% 100%;
	background-size: 100% auto;
	z-index: 0;
	-moz-mix-blend-mode: multiply;
	-webkit-mix-blend-mode: multiply;
	mix-blend-mode: multiply;
}

.not-found-text h2 {
	margin-bottom: 30px;
}

.not-found-text p {
	line-height: 2.1em;
	margin-bottom: 15px;
}

.not-found-text .button {
	margin-top: 0;
}

.not-found-tagline {
	position: absolute;
	right: 0;
	bottom: 85px;
	font-size: 17px;
	font-style: italic;
}
/*
.not-found-tagline:before {
	content: '';
	display: block;
	position: absolute;
	top: -12px;
	right: -13px;
	width: 34px;
	height: 34px;
	border-top: 2px solid #6BA43A;
	border-right: 2px solid #6BA43A;
}
*/
.not-found-tagline p {
	line-height: 1.2em;
	margin: 0;
}

#cookie-law-info-bar[data-cli-style="cli-style-v2"] {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.cli-bar-container {
    max-width: 1580px !important;
    padding: 15px 30px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font: 14px Roboto, Arial, Helvetica, sans-serif !important;
}

.cli-bar-message {
	width: 76.3% !important;
	margin: 0 5% 0 0 !important;
    text-align: left !important;
    line-height: 1.6em !important;
	letter-spacing: 0.1px !important;
}

.cli-bar-message a:link, .cli-bar-message a:visited {
	color: #000;
	text-decoration: none;
}

.cli-plugin-button {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #027223 !important;
	letter-spacing: 0 !important;
	padding: 13px 18px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	min-width: 112px !important;
	border: 1px solid #027223 !important;
	text-align: center !important;
	-webkit-transition: all 350ms ease-in-out !important;
	transition: all 350ms ease-in-out !important;
	text-transform: uppercase !important;
	background: transparent !important;
}

.cli-plugin-button:hover {
	background: #027223 !important;
	color: #FFF !important;
}

.cn-close-icon {
	display: none !important;
}

.push-up {
	position: relative;
	z-index: 120;
}

.push-up>.frame {
	margin-top: -83px;
	background: #FFF;
	width: calc(100% - 60px);
	max-width: 1350px;
	padding-top: 50px !important;
	padding-left: 44px !important;
	padding-right: 44px !important;
}

.page-featured-image {
	height: 528px;
	padding: 13px 0;
	background-position: 50% 50%;
}

.gallery-area + .two-equal-columns-area {
	margin-top: 0;
}

.push-down {
	margin-bottom: 390px;
	padding: 1px 0;
}

.push-down .frame {
	margin-bottom: -290px;
	padding-bottom: 0 !important;
}

.vertical-gallery {
	display: flex;
	justify-content: space-between;
}

ul.vertical-gallery-images {
	width: 73.4%;
	margin: 0;
	position: relative;
}

ul.vertical-gallery-images li {
	margin: 0;
	list-style: none;
}

ul.vertical-gallery-images li:not(:first-child):not(.current) {
	position: absolute;
}

ul.vertical-gallery-images li:not(.current) {
	display: none;
}

ul.vertical-gallery-images li img {
	display: block;
	width: 100%;
	height: auto;
}

.vertical-gallery-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFF;
	padding: 12px 15px;
}

.vertical-gallery-caption:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #027223;
	mix-blend-mode: multiply;
	z-index: 10;
}

.vertical-gallery-caption span {
	position: relative;
	z-index: 20;
}

ul.vertical-gallery-thumbnails {
	width: 21.5%;
    margin: 0;
    height: 100%;
    overflow-y: auto;
    position: absolute;
    top: 0;
    right: 0;
}

ul.vertical-gallery-thumbnails li {
	list-style: none;
	margin: 50px 0 0 0;
}

ul.vertical-gallery-thumbnails li:first-child {
	margin-top: 0;
}

ul.vertical-gallery-thumbnails li img {
	display: block;
	width: 100%;
	height: auto;
}

ul.vertical-gallery-thumbnails li a {
	display: block;
	position: relative;
}

ul.vertical-gallery-thumbnails li a:before,
.vertical-gallery-area .lSPager li a:before {
	content: '';
	background: #027223;
	width: 100%;
	height: 4px;
	max-width: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	opacity: 0;
}

ul.vertical-gallery-thumbnails li.current a:before,
.vertical-gallery-area .lSPager li.active a:before {
	max-width: 100%;
	opacity: 1;
}

.two-different-columns-area + .related-area {
	margin-top: 60px;
}

.single-product .two-different-columns-area + .related-area {
	margin-top: 0;
}

.related-area .frame {
	border-top: 1px solid #EBEBEB;
	padding: 100px 0 0 0;
}

.related-area ul.posts {
    margin-bottom: -90px !important;
}

.content:not(.open) .more-posts {
	display: none;
}

.open ul.more-posts {
	margin-top: 40px !important;
}

.related-more-button a:focus {
	outline: none;
}

.breadcrumbs-area {
	padding: 11px 0 0 0;
	border-top: 1px solid #EBEBEB;
	margin: 0 0 -80px 0;
}

.featured-area {
	padding-bottom: 60px;
}

/*
.vertical-gallery-area .frame {
	width: 815px;
}
*/

.vertical-gallery-area + .three-columns-area {
	margin-top: 90px;
}

.page-columns-area {
	padding: 30px 0;
}

.page-columns-area>.frame:before {
	content: '';
	display: block;
	position: absolute;
	top: 30px;
	bottom: 30px;
	left: 30.5%;
	width: 1px;
	background: #EBEBEB;
}

.product-meta {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 5px 0 24px 0;
}

h4.product-number {
	margin-bottom: 0;
}

.print-button {
	display: flex;
	align-items: center;
	margin: 5px 10px 0 auto;
}

a.print-button:link, a.print-button:visited {
	text-decoration: none;
}

.print-button img {
	margin: 0 11px 0 0;
}

.three-columns-area.gray-background .column .frame,
.two-different-columns-area .column .frame {
	padding: 0 !important;
}

.column .frame {
	max-width: 100% !important;
}

.column ul.vertical-gallery-thumbnails li:not(:first-child) {
	margin-top: 32px;
}

.product-specs-area, .documents-area:not(:first-child), .product-chart-area {
	border-top: 1px solid #EBEBEB;
	padding: 74px 0 0 0;
	margin: 64px 0 0 0;
}

.page-columns-area ul {
	margin-top: 10px;
}

.page-columns-area h2 + p {
    margin-top: 0;
}

.documents-headline {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.documents-cart {
	display: flex;
	align-items: center;
	margin: -15px 3px 0 0;
}

a.documents-cart {
	text-decoration: none;
}

.cart-count {
	width: 36.3px;
	height: 31px;
	background: url('i/ico-cart.svg') no-repeat;
	margin: 0 8px 0 0;
	font-size: 12px;
	padding: 6px 0 0 19px;
}

ul.documents {
	display: flex;
	flex-flow: row wrap;
	margin: 0 -22px;
	width: calc(100% + 44px);
}

ul.documents>li {
	list-style: none;
	width: calc(50% - 44px);
	margin: 0 22px 26px 22px;
	background: #f4f4f4;
	padding: 0;
}

.document-link {
	display: flex;
	justify-content: space-between;
	padding: 8px 9px 10px 9px;
}

a.document-link:link, a.document-link:visited {
	text-decoration: none;
}

.document-preview {
	width: 70px;
    margin: 0 15px 0 0;
}

.document-icon {
	position: relative;
	color: #cbcbcb;
}

.document-icon i {
	font-size: 74px;
	margin: 0 6px;
	display: block;
}

.document-icon-extension {
	position: absolute;
	bottom: 17%;
	left: 0;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 21px;
	font-weight: 700;
	color: #FFF;
	background: #cbcbcb;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1px 5px;
}

.document-title {
	font-size: 14px;
	font-weight: 700;
	width: calc(100% - 100px);
}

.document-meta {
	width: 70px;
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-end;
}

.document-type {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	background: #027223;
	width: 46px;
	text-align: center;
	margin: 0 0 10px 0;
}

.document-type-doc, .document-type-docx {
	background-color: #005487;
}

.document-type-xls, .document-type-xlsx, .document-type-link {
	background-color: #027223;
}

.document-type-pdf {
	background-color: #C44447;
}

.document-buttons {
	display: flex;
}

.document-button {
	width: 30px;
	height: 30px;
	border: 1px solid #027223;
	margin: 0 0 0 10px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.document-button-added {
	background: #027223;
}

.icon-added {
	display: none;
}

.document-button-added .icon-add {
	display: none;
}

.document-button-added .icon-added {
	display: block;
}

.filter {
	margin: 23px 17px 35px 0;
}

.filter-heading,
.filter h5 {
	margin-left: 17px;
}

.filter h5 {
	margin: 0 0 10px 0;
}

.filter h5 span {
	display: inline-block;
	padding-right: 22px;
	position: relative;
	cursor: pointer;
}

.filter h5 span:before {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	right: 0;
	width: 12px;
	height: 7px;
	background: url('i/chevron-down.svg') no-repeat;
	-webkit-transition: transform 350ms ease-in-out;
	transition: transform 350ms ease-in-out;
}

.filter.open h5 span:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.facetwp-template:empty:before {
	content: "Sorry, We Couldn’t Find Any Results";
	display: inline;
}

.facetwp-facet {
	margin: 10px 0 0 0 !important;
}

.filter:not(.open) .facetwp-facet {
	display: none;
}

.facetwp-link {
	margin: 0 0 14px 0 !important;
}

.field,
.fs-label-wrap, .facetwp-facet input[type=text] {
	background: #FFF !important;
	border: 2px solid #E7E9EA !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	outline: none !important;
}

.facetwp-facet select {
	border: 1px solid #54565A !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	padding: 9px 11px !important;
}

.fs-dropdown,
.facetwp-facet select,
.field,
.fs-label-wrap,
.facetwp-facet input[type=text] {
	width: 350px !important;
}

.fs-dropdown {
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
}

.fs-dropdown .fs-search {
	display: none !important;
}

.fs-option-label {
	color: #000 !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.fs-wrap.single .fs-option.selected {
    background-color: #EBEBEB !important;
}

.field {
	width: 100%;
}

.field,
.fs-label-wrap .fs-label, .facetwp-facet input[type=text] {
    padding: 9px 22px 9px 15px !important;
    font: 14px Roboto, Arial, Helvetica, sans-serif !important;
    color: #000 !important;
}

.facetwp-facet input[type=text]::placeholder {
	color: #707070 !important;
}

.fs-arrow {
	border: none !important;
	width: auto !important;
	height: auto !important;
}

.fs-arrow:before {
	content: '\f078';
	display: flex;
	justify-content: center;
	align-items: center;
	font: 900 12px 'Font Awesome 5 Free';
	color: #5B7F95;
	height: 100%;
	width: 34px;
}

.quicksearch,
.facetwp-facet input[type=text] {
	background: #FFF url('i/ico-search.svg') no-repeat 95% 50% !important;
}

.single-product-title {
	text-align: left;
	color: #027223;
	margin-bottom: 0;
}

.single-product-title + .content {
	padding-top: 10px;
}

.login-area {
	background-color: #EBEBEB !important;
}

.login-area .frame {
	padding-top: 110px;
}

/*
.login-area .frame:before {
	bottom: -16.5%;
    right: -25%;
    width: 70%;
}
*/

.login-area .not-found-tagline {
	color: #00460e;
}

.login-form {
	width: 100%;
	max-width: 437px;
	margin: 0 auto;
	text-align: center;
	position: relative;
    z-index: 20;
}

.um-postmessage {
	text-align: center !important;
}

.register-form {
	max-width: 764px;
}

body .register-form .um-form input.select2-search__field[type=search] {
	display: none !important;
}

.login-form h2 {
	margin-bottom: 7px;
	letter-spacing: 3.3px;
}

.login-form h2 + p {
    margin-top: 0;
}

body .um-login {
	max-width: 366px !important;
	margin: 25px auto 20px auto !important;
}

body .um-register {
	margin: 25px auto 20px auto !important;
}

body .um-register .um-col-1 {
	display: flex !important;
	flex-flow: row wrap !important;
	justify-content: space-between !important;
}

body .um-register .um-col-1 .um-field {
	width: calc(50% - 17px) !important;
}

body .um-register .um-col-1 .um-field.um-field-user_email,
body .um-register .um-col-1 .um-field.um-field-company,
body .um-register .um-col-1 .um-field.um-field-other,
body .um-register .um-col-1 .um-field.um-field-consent {
	width: 100% !important;
}

.um-field-consent .um-field-half {
	width: 100% !important;
	float: none !important;
}

body .um-field-label label {
	color: #000 !important;
	font: 700 12px Roboto, Arial, Helvetica, sans-serif !important;
	text-transform: uppercase !important;
	margin-left: 15px !important;
	letter-spacing: 1px !important;
}

.um-field {
    padding: 15px 0 13px 0 !important;
}

body ._um_row_1 {
	margin-bottom: 5px !important;
}

body .um-col-alt {
	margin-top: 0 !important;
}

body .um-field-checkbox-option, body .um-field-radio-option {
	margin-left: 31px !important;
}

body .um input[type=submit].um-button,
body .um input[type=submit].um-button:focus,
body .um a.um-button,
body .um a.um-button.um-disabled:hover,
body .um a.um-button.um-disabled:focus,
body .um a.um-button.um-disabled:active {
	font: 700 12px Roboto, Arial, Helvetica, sans-serif !important;
	background: transparent !important;
	letter-spacing: 0.5px !important;
	line-height: 1.2em !important;
	margin: 0 0 20px 0 !important;
	text-transform: uppercase !important;
	display: inline-block !important;
	color: #027223 !important;
	border: 1px solid #027223 !important;
	padding: 11px 21px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	min-width: 112px !important;
	text-align: center !important;
	-webkit-transition: all 350ms ease-in-out !important;
	transition: all 350ms ease-in-out !important;
}

body .um input[type=submit].um-button:hover, body .um a.um-button:hover {
	background: #027223 !important;
	color: #FFF !important;
}

body .um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=number], .um .um-form input[type=password], .um .um-form textarea, .um .upload-progress, .select2-container .select2-choice, .select2-drop, .select2-container-multi .select2-choices, .select2-drop-active, .select2-drop.select2-drop-above {
	border: 1px solid #ebebeb !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
}

body .um-col-alt-b {
    padding-top: 34px !important;
}

body a.um-link-alt:link, body a.um-link-alt:visited {
	color: #027223 !important;
    text-decoration: underline !important;
}

body a.um-link-alt:hover {
	color: #000 !important;
}

body .um-field-checkbox-option, body .um-field-radio-option {
	color: #000 !important;
}

.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
    color: #027223 !important;
}

.column .cs-area {
	margin: 0;
	padding: 0;
}

ul.posts-2 li {
	width: calc(50% - 80px);
	margin-bottom: 53px;
}

.posts-2 .post-details {
	padding: 20px;
	font-weight: 700;
    font-size: 15px;
}

.fcomplete-wrap {
	display: none !important;
}

.facetwp-facet-search {
	border: 1px solid #54565A !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	overflow: hidden !important;
}

.quicksearch, .facetwp-facet input[type=text] {
	background: transparent !important;
	border: none !important;
	width: calc(100% - 40px) !important;
	height: 39px !important;
}

.facetwp-autocomplete-update {
	background: url('i/ico-search.svg') no-repeat 50% 50% !important;
	height: 39px !important;
	width: 40px !important;
	border: none !important;
	border-left: 1px solid #54565A !important;
	text-indent: -100em !important;
	overflow: hidden !important;
	cursor: pointer !important;
}

.facetwp-type-radio, .facetwp-type-checkboxes {
	margin-left: 12px !important;
}

.facetwp-radio, .facetwp-checkbox {
	background: transparent !important;
	padding: 6px 0 6px 42px !important;
    margin: 0 0 10px 0 !important;
	position: relative !important;
}

.facetwp-radio:before, .facetwp-checkbox:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border: 1px solid #EBEBEB;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.facetwp-radio:after, .facetwp-checkbox:after {
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #027223;
	opacity: 0;
	-webkit-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}

.facetwp-radio.checked:after, .facetwp-checkbox.checked:after {
	opacity: 1;
}

.countries {
	display: flex;
	flex-flow: column nowrap;
}

.country {
	order: 2;
	margin: 0 0 100px 0;
}

.country-united-states {
	order: 1;
}

h4.country-name {
	margin-bottom: 44px;
}

.facetwp-map-filtering { 
    display: none; 
}

.finder-area {
	padding-top: 15px;
}

.map-area {
	display: flex;
	margin: 0 0 40px 0;
}

.map-filters {
	width: 31%;
	background: #027223;
	padding: 44px 37px;
}

.map-filters h2 {
	margin-bottom: 60px;
}

.map-filter:not(:last-child) {
	margin-bottom: 35px;
}

.map-filter h4 {
	margin: 0 0 0 8px;
}

.map-filter .facetwp-facet {
	margin: 8px 0 0 0 !important;
}

.map-filter .fs-dropdown, .map-filter .field, .map-filter .fs-label-wrap, .map-filter .facetwp-facet input[type=text] {
    width: 322px !important;
}

.map {
	width: 69%;
}

.map iframe {
	width: 100%;
}

.facetwp-facet-map {
	margin: 0 !important;
}

.states {
	column-count: 5;
	column-gap: 110px;
}

.state {
	break-inside: avoid-column;
}

.state-name {
	white-space: nowrap;
	margin-bottom: 6px;
}

.location {
	line-height: 1.65em;
	margin: 0 0 25px 0;
	break-inside: avoid;
}

.location a:link, .location a:visited {
	text-decoration: none;
}

.location-phone, .location-email, .location-website {
	white-space: nowrap;
}

.numbers-slider {
	display: none;
}

.carousel-wrapper {
	display: none;
}

.grecaptcha-badge {
	z-index: 90;
}

#facetwp-map {
	width: 100% !important;
}

.filter-button {
	display: none;
}

.facetwp-counter {
	display: none !important;
}

.mobile-filters-area {
	display: none;
	z-index: 310;
}

.translator-sub-container a img {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.page-template-login .not-found-tagline, .page-template-register .not-found-tagline {
	bottom: 44px;
}

.gm-style-iw-d {
	max-width: 200px;
}

.top-button {
	display: none;
}

ul.results {
	margin: 0;
}

ul.results>li {
	list-style: none;
	margin: 0 0 30px 0;
}

ul.results>li>:last-child {
	margin-bottom: 0;
}

h3.result-title {
	margin-bottom: 5px;
}

h3.result-title a:link, h3.result-title a:visited {
	text-decoration: none;
}

.facetwp-pager {
	text-align: center;
	margin: 50px 0 0 0;
}

.mobile-vertical-gallery-area {
	display: none;
}

.nav-form {
	position: absolute;
	bottom: 38px;
	left: 58px;
	width: 221px;
	font-size: 10px;
	font-weight: 400;
}

.nav-form h5 {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
    margin: 0;
	color: #027223;
}

.nav-form p {
	line-height: 2.4em;
	margin-bottom: 10px;
}

body .nav-form .um-login {
	margin-top: 18px !important;
	margin-bottom: 0 !important;
}

body .nav-form .um input[type=submit].um-button,
body .nav-form .um input[type=submit].um-button:focus,
body .nav-form .um a.um-button,
body .nav-form .um a.um-button.um-disabled:hover,
body .nav-form .um a.um-button.um-disabled:focus,
body .nav-form .um a.um-button.um-disabled:active,
.nav-form .button a:link, .nav-form .button a:visited {
	font-size: 9px !important;
	min-width: 76px !important;
	padding: 7px 8px !important;
	margin-bottom: 0 !important;
}

.nav-form .um-col-alt .um-center {
	display: flex;
}

.nav-form .um-col-alt .um-center .button {
	margin: 0 0 0 27px;
}

body .nav-form .um-col-alt {
    margin-top: 11px !important;
}

body .nav-form .um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=number], .um .um-form input[type=password], .um .um-form textarea, .um .upload-progress, .select2-container .select2-choice, .select2-drop, .select2-container-multi .select2-choices, .select2-drop-active, .select2-drop.select2-drop-above {
	width: 100% !important;
	padding: 9px !important;
}

body .nav-form .um-field-label label {
	margin-left: 5px !important;
	font-size: 10px !important;
}

.nav-form .um-field {
    padding: 0 0 5px 0 !important;
}

body .nav-form .um-col-alt {
    margin-top: 20px !important;
}

.um-page-password-reset .content .um-form:before {
	content: 'Password Reset';
	display: block;
	font: 700 28px 'Roboto Condensed', Arial, Helvetica, sans-serif;
	letter-spacing: 2.3px;
	line-height: 1.35em;
	text-transform: uppercase;
	margin: 0 0 11px 0;
	color: #027223;
	text-align: center;
}

.nav-form .um-notice {
	display: none !important;
}

.temporary-download-link {
	display: none;
}

.facetwp-facet-format .facetwp-checkbox {
	text-transform: uppercase;
}

canvas {
	margin-bottom: 40px;
}

.piechart {
	max-width: 550px;
}

.wide-piechart, .barchart {
	max-width: 650px;
}

.td-wrapper {
	padding: 40px 0;
	display: flex;
	flex-flow: column nowrap;
}

.td-logo {
	margin: 0 0 27px 0;
	display: none;
}

.td-logo img {
	width: 147px;
}

.td-product-logo {
	margin: 0 0 27px 0;
}

.td-product-logo img {
	max-width: 279px;
}

.td-product-image {
	margin: -10px 30px 0 0;
	width: 120px;
}

.td-product-image img {
	display: block;
}

.td-product-intro-content {
	width: calc(100% - 160px);
}

.td-product-intro {
	color: #027223 !important;
	font-size: 15px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 12px 0;
}

.td-product-intro * {
	color: #027223 !important;
}

.td-product-intro>:last-child {
	margin-bottom: 0;
}

.td-image {
	margin: 0 0 17px 0;
}

.td-image img {
	max-width: 357px !important;
}

.td-chart {
	margin-bottom: 35px;
	break-inside: auto;
}

.td-table {
	padding-bottom: 0;
	margin-bottom: 5px;
}

.td-table table {
	table-layout: fixed;
	break-inside: auto !important;
}

.td-table tr {
	break-inside: auto !important;
}

.td-table th {
	font-size: 11px;
	letter-spacing: 0.3px;
	color: #027223 !important;
	padding: 12px 6px;
	border-color: #dad9d6;
	break-inside: auto !important;
}

.td-table td {
	font-size: 12px;
	letter-spacing: 0.3px;
	line-height: 1.43em;
	padding: 7px 11px 6px 11px;
	border-color: #dad9d6;
	break-inside: auto !important;
}

.td-table td p {
	margin: 0;
}

.td-table tbody tr:nth-child(even) td {
	background: #eaebe9 !important;
}

.td-headline {
	font: 700 19px 'Roboto Condensed';
	text-transform: uppercase;
	letter-spacing: 1.9px;
	line-height: 1.35em;
	color: #027223 !important;
	margin: 0 0 20px 0;
}

.td-headline>span {
	color: #027223 !important;
}

.td-paragraph {
	font-size: 12px;
	font-weight: 300;
}

.td-paragraph p, .td-paragraph ul, .td-paragraph ol, .td-product-intro p {
	margin: 0 0 11px 0;
}

.td-paragraph p, .td-paragraph li, .td-product-intro p, .td-table td p {
	line-height: 1.43em;
}

.td-product-intro p {
	line-height: 1.55em;
}

.td-paragraph ul, .td-paragraph ol {
	margin-left: 16px;
}

.td-paragraph li {
	margin-bottom: 10px;
}

.td-indented {
	margin-left: 18px;
	padding-top: 2px;
}

/*
.td-paragraph p strong:first-child:last-child {
	display: block;
	margin-bottom: -7px;
}
*/

.td-paragraph p {
	letter-spacing: 0.17px;
}

.td-paragraph p strong {
	letter-spacing: 0;
}

.td-footer {
	/*position: fixed;
	bottom: 20px;
	left: 48px;
	right: 48px;
	*/
	margin: 40px 0 0 0;
	opacity: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.td-footer-left {
	font-size: 8px;
	letter-spacing: 0.2px;
}

.td-footer-right {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	color: #027223 !important;
}

.td-footer-right a {
	color: #027223 !important;
	text-decoration: none;
}

.td-bottom-line {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 30px 0 13px 0;
}

.td-chart + .td-bottom-line {
	margin-top: 0 !important;
}

.td-bottom-contacts {
	font-size: 10.6px;
}

.td-bottom-contacts p {
	line-height: 1.5em;
	margin-bottom: 15px;
}

.td-disclaimers p {
	line-height: 1.5em;
	margin-bottom: 10px;
}

.td-bottom-contacts strong {
	color: #027223 !important;
}

.td-bottom-contacts>:last-child {
	margin-bottom: 0;
}

.td-disclaimers {
	font-size: 8px;
	letter-spacing: 0.2px;
}

.td-subhead {
	font-weight: 700;
	letter-spacing: 0;
	color: #027223 !important;
	margin: 0 0 2px 0;
}

/* Form */

div.wpforms-container-full {
	margin: 30px 0 0 0 !important;
}

p.large-margin + div.wpforms-container-full {
	margin-top: 62px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
	padding: 17px 0 !important;
}

.footer div.wpforms-container-full .wpforms-form .wpforms-field {
	padding: 6px 0 7px 0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
	color: #000000 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	line-height: 1.1em !important;
    margin: 0 0 8px 13px !important;
    letter-spacing: 1px !important;
}

.wpforms-required-label {
	display: none !important;
}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
	border: 1px solid #EBEBEB !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	width: 100% !important;
	max-width: 100% !important;
	font: 14px Roboto, Arial, Helvetica, sans-serif !important;
	color: #54565A !important;
	background: #FFF !important;
	padding: 10px 14px !important;
	height: auto !important;
}

div.wpforms-container-full .wpforms-form select {
	appearance: none !important;
    background-image: url('i/chevron-down.svg') !important;
    background-repeat: no-repeat !important;
    background-position: right 19px center !important;
}

div.wpforms-container-full .wpforms-form input[type=date]::placeholder, div.wpforms-container-full .wpforms-form input[type=datetime]::placeholder, div.wpforms-container-full .wpforms-form input[type=datetime-local]::placeholder, div.wpforms-container-full .wpforms-form input[type=email]::placeholder, div.wpforms-container-full .wpforms-form input[type=month]::placeholder, div.wpforms-container-full .wpforms-form input[type=number]::placeholder, div.wpforms-container-full .wpforms-form input[type=password]::placeholder, div.wpforms-container-full .wpforms-form input[type=range]::placeholder, div.wpforms-container-full .wpforms-form input[type=search]::placeholder, div.wpforms-container-full .wpforms-form input[type=tel]::placeholder, div.wpforms-container-full .wpforms-form input[type=text]::placeholder, div.wpforms-container-full .wpforms-form input[type=time]::placeholder, div.wpforms-container-full .wpforms-form input[type=url]::placeholder, div.wpforms-container-full .wpforms-form input[type=week]::placeholder, div.wpforms-container-full .wpforms-form select::placeholder, div.wpforms-container-full .wpforms-form textarea::placeholder {
	color: #54565A !important;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    height: 220px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
	margin-top: 0px !important;
}

div.wpforms-container-full ::placeholder {
	color: #4A4F55 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    padding-top: 15px !important;
}

.vertical-gallery-area .lSSlideWrapper {
	margin-right: 40px;
}

ul.lightSlider {
	margin-top: 0 !important;
}

.lSSlideOuter.vertical,.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-webkit-touch-callout:none;-khtml-user-select:none;overflow:hidden}.lSSlideOuter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before,.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform 1s,height 1s;-moz-transition-property:-moz-transform,height;transition-property:transform,height;-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lSSlideWrapper .lSFade>.active{z-index:10}.lSAction>a:hover,.lSSlideOuter .media.active,.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:.5s linear;transition:.5s linear}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url('../img/controls.png');cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear;transition:opacity .35s linear}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;overflow:hidden}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd,.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:.3s rightEnd;animation:.3s rightEnd;position:relative}.lSSlideOuter .leftEnd,.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:.3s leftEnd;animation:.3s leftEnd;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:.3s topEnd;animation:.3s topEnd;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:.3s bottomEnd;animation:.3s bottomEnd;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}

lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:720px}lite-youtube::before{content:'';display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:.2s cubic-bezier(0, 0, .2, 1)}lite-youtube::after{content:"";display:block;padding-bottom:calc(100% / (16 / 9))}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lty-playbtn{display:block;width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0, 0, .2, 1);border:none}lite-youtube .lty-playbtn:focus,lite-youtube:hover>.lty-playbtn{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated::before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}

.lSPrev, .lSNext {
	margin: 0 !important;
	opacity: 1 !important;
	top: 50% !important;
	-webkit-transform: translate(0,-50%) !important;
	transform: translate(0,-50%) !important;
	display: none !important;
}

.has-arrows + .lSAction .lSPrev, .has-arrows + .lSAction .lSNext {
	display: block !important;
}

.lSPrev {
	left: 15px !important;
}

.lSNext {
	left: auto !important;
	right: 15px !important;
}

.lSPrev:before, .lSNext:before,
.lSPrev:after, .lSNext:after {
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%,-50%) !important;
	transform: translate(-50%,-50%) !important;
}


/* Animations */

/******************
* Bounce in right *
*******************/


.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 
.slow{
     -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slower{
     -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest{
     -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

/* Added by Andy Meetan */
.delay-250 {
    -webkit-animation-delay:0.25s;
    -moz-animation-delay:0.25s;
    -o-animation-delay:0.25s;
    animation-delay:0.25s;
}
.delay-500 {
    -webkit-animation-delay:0.5s;
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.delay-750 {
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
    -o-animation-delay:0.75s;
    animation-delay:0.75s;
}
.delay-1000 {
    -webkit-animation-delay:1.0s;
    -moz-animation-delay:1.0s;
    -o-animation-delay:1.0s;
    animation-delay:1.0s;
}
.delay-1250 {
    -webkit-animation-delay:1.25s;
    -moz-animation-delay:1.25s;
    -o-animation-delay:1.25s;
    animation-delay:1.25s;
}
.delay-1500 {
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.delay-1750 {
    -webkit-animation-delay:1.75s;
    -moz-animation-delay:1.75s;
    -o-animation-delay:1.75s;
    animation-delay:1.75s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2250 {
    -webkit-animation-delay:2.25s;
    -moz-animation-delay:2.25s;
    -o-animation-delay:2.25s;
    animation-delay:2.25s;
}
.delay-2750 {
    -webkit-animation-delay:2.75s;
    -moz-animation-delay:2.75s;
    -o-animation-delay:2.75s;
    animation-delay:2.75s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-3000 {
    -webkit-animation-delay:3.0s;
    -moz-animation-delay:3.0s;
    -o-animation-delay:3.0s;
    animation-delay:3.0s;
}
.delay-3250 {
    -webkit-animation-delay:3.25s;
    -moz-animation-delay:3.25s;
    -o-animation-delay:3.25s;
    animation-delay:3.25s;
}
.delay-3500 {
    -webkit-animation-delay:3.5s;
    -moz-animation-delay:3.5s;
    -o-animation-delay:3.5s;
    animation-delay:3.5s;
}
.delay-3750 {
    -webkit-animation-delay:3.75s;
    -moz-animation-delay:3.75s;
    -o-animation-delay:3.75s;
    animation-delay:3.75s;
}
.delay-4000 {
    -webkit-animation-delay:4.0s;
    -moz-animation-delay:4.0s;
    -o-animation-delay:4.0s;
    animation-delay:4.0s;
}
.delay-4250 {
    -webkit-animation-delay:4.25s;
    -moz-animation-delay:4.25s;
    -o-animation-delay:4.25s;
    animation-delay:4.25s;
}
.delay-4750 {
    -webkit-animation-delay:4.75s;
    -moz-animation-delay:4.75s;
    -o-animation-delay:4.75s;
    animation-delay:4.75s;
}
.delay-4500 {
    -webkit-animation-delay:4.5s;
    -moz-animation-delay:4.5s;
    -o-animation-delay:4.5s;
    animation-delay:4.5s;
}
.delay-5000 {
    -webkit-animation-delay:5.0s;
    -moz-animation-delay:5.0s;
    -o-animation-delay:5.0s;
    animation-delay:5.0s;
}

.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{
    opacity:0;
}

.lightSpeedInRight, .lightSpeedInLeft{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn.go { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn; 
}

/****************
* bounceInRight *
****************/

@-webkit-keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(400px); 
    } 
    60% { 
        
        -webkit-transform: translateX(-30px); 
    } 
    80% { 
        -webkit-transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        transform: translateX(400px); 
    } 
    60% { 
        
        transform: translateX(-30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        transform: translateX(0); 
    } 
} 


.bounceInRight.go { 
    -webkit-animation-name: bounceInRight; 
    animation-name: bounceInRight; 
}

/******************
* Bounce in left *
*******************/

@-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        transform: translateX(-400px); 
    } 
    60% { 
       
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateX(0); 
    } 
} 

.bounceInLeft.go { 
    -webkit-animation-name: bounceInLeft; 
    animation-name: bounceInLeft; 
}

/******************
* Bounce in up *
*******************/

@-webkit-keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(-30px); 
    } 
    80% { 
        -webkit-transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        transform: translateY(400px); 
    } 
    60% { 
       
        transform: translateY(-30px); 
    } 
    80% { 
        transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInUp.go { 
    -webkit-animation-name: bounceInUp; 
    animation-name: bounceInUp; 
}


/******************
* Bounce in down *
*******************/

@-webkit-keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        transform: translateY(-400px); 
    } 
    60% { 
       
        transform: translateY(30px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInDown.go { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
}


/**********
* Fade In *
**********/ 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
}
.fadeIn{
    opacity:0;
}
.fadeIn.go { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

/**********
* Grow in *
***********/

@-webkit-keyframes growIn { 
    0% { 
        -webkit-transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        -webkit-transform: scale(1.2); 
        
    } 
    100% { 
        -webkit-transform: scale(1); 
        opacity:1;
    } 
} 
@keyframes growIn { 
    0% { 
        transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        transform: scale(1.2); 
        
    } 
    100% { 
        transform: scale(1); 
        opacity:1;
    } 
} 
.growIn { 

    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity:0;
}
.growIn.go{
    -webkit-animation-name: growIn; 
    animation-name: growIn; 
}

/********
* Shake *
********/
@-webkit-keyframes shake { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
} 
@keyframes shake { 
    0%, 100% {transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
    20%, 40%, 60%, 80% {transform: translateX(10px);} 
} 
.shake.go { 
    -webkit-animation-name: shake; 
    animation-name: shake; 
}

/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp { 
    0%, 100% {-webkit-transform: translateY(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);} 
} 
@keyframes shakeUp { 
    0%, 100% {transform: translateY(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);} 
    20%, 40%, 60%, 80% {transform: translateY(10px);} 
} 
.shakeUp.go { 
    -webkit-animation-name: shakeUp; 
    animation-name: shakeUp; 
}

/*************
* FadeInLeft *
*************/

@-webkit-keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeft{ 
    opacity: 0; 
    -webkit-transform: translateX(-400px); 
    transform: translateX(-400px);
}
.fadeInLeft.go { 
    -webkit-animation-name: fadeInLeft; 
    animation-name: fadeInLeft; 
}


/*************
* FadeInRight *
*************/

@-webkit-keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRight{ 
    opacity: 0; 
    -webkit-transform: translateX(400px); 
    transform: translateX(400px);
}
.fadeInRight.go { 
    -webkit-animation-name: fadeInRight; 
    animation-name: fadeInRight; 
}

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUp{ 
    opacity: 0; 
    -webkit-transform: translateY(400px); 
    transform: translateY(400px);
}
.fadeInUp.go { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}

/*************
* FadeInDown *
*************/

@-webkit-keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDown{ 
    opacity: 0; 
    -webkit-transform: translateY(-400px); 
    transform: translateY(-400px);
}
.fadeInDown.go { 
    -webkit-animation-name: fadeInDown; 
    animation-name: fadeInDown; 
}

/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateIn { 
    0% { 
        transform-origin: center center; 
        transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateIn.go { 
    -webkit-animation-name: rotateIn; 
    animation-name: rotateIn; 
}

/*****************
* rotateInUpLeft *
*****************/

@-webkit-keyframes rotateInUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpLeft.go { 
    -webkit-animation-name: rotateInUpLeft; 
    animation-name: rotateInUpLeft; 
}

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownLeft.go { 
    -webkit-animation-name: rotateInDownLeft; 
    animation-name: rotateInDownLeft; 
}

/******************
* rotateInUpRight *
*******************/

@-webkit-keyframes rotateInUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpRight.go { 
    -webkit-animation-name: rotateInUpRight; 
    animation-name: rotateInUpRight; 
}

/********************
* rotateInDownRight *
********************/

@-webkit-keyframes rotateInDownRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownRight.go { 
    -webkit-animation-name: rotateInDownRight; 
    animation-name: rotateInDownRight; 
}

/*********
* rollIn *
**********/

@-webkit-keyframes rollIn { 
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 
} 
@keyframes rollIn { 
    0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 
    100% { opacity: 1; transform: translateX(0px) rotate(0deg); } 
} 
.rollIn.go { 
    -webkit-animation-name: rollIn; 
    animation-name: rollIn; 
}

/*********
* wiggle *
**********/

@-webkit-keyframes wiggle { 
    0% { -webkit-transform: skewX(9deg); } 
    10% { -webkit-transform: skewX(-8deg); } 
    20% { -webkit-transform: skewX(7deg); } 
    30% { -webkit-transform: skewX(-6deg); } 
    40% { -webkit-transform: skewX(5deg); } 
    50% { -webkit-transform: skewX(-4deg); } 
    60% { -webkit-transform: skewX(3deg); } 
    70% { -webkit-transform: skewX(-2deg); } 
    80% { -webkit-transform: skewX(1deg); } 
    90% { -webkit-transform: skewX(0deg); } 
    100% { -webkit-transform: skewX(0deg); } 
} 
@keyframes wiggle { 
    0% { transform: skewX(9deg); } 
    10% { transform: skewX(-8deg); } 
    20% { transform: skewX(7deg); } 
    30% { transform: skewX(-6deg); } 
    40% { transform: skewX(5deg); } 
    50% { transform: skewX(-4deg); } 
    60% { transform: skewX(3deg); } 
    70% { transform: skewX(-2deg); } 
    80% { transform: skewX(1deg); } 
    90% { transform: skewX(0deg); } 
    100% { transform: skewX(0deg); } 
} 
.wiggle.go { 
    -webkit-animation-name: wiggle; 
    animation-name: wiggle; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 

/********
* swing *
*********/

@-webkit-keyframes swing { 
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
    20% { -webkit-transform: rotate(15deg); } 
    40% { -webkit-transform: rotate(-10deg); } 
    60% { -webkit-transform: rotate(5deg); } 
    80% { -webkit-transform: rotate(-5deg); } 
    100% { -webkit-transform: rotate(0deg); } 
} 
@keyframes swing { 
    20% { transform: rotate(15deg); } 
    40% { transform: rotate(-10deg); } 
    60% { transform: rotate(5deg); } 
    80% { transform: rotate(-5deg); } 
    100% { transform: rotate(0deg); } 
} 
.swing.go { 
    -webkit-transform-origin: top center; 
    transform-origin: top center; 
    -webkit-animation-name: swing; 
    animation-name: swing; 
}

/*******
* tada *
********/

@-webkit-keyframes tada { 
    0% {-webkit-transform: scale(1);} 
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
    100% {-webkit-transform: scale(1) rotate(0);} 
} 
@keyframes tada { 
    0% {transform: scale(1);} 
    10%, 20% {transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
    100% {transform: scale(1) rotate(0);} 
} 
.tada.go { 
    -webkit-animation-name: tada; 
    animation-name: tada; 
}

/*********
* wobble *
**********/

@-webkit-keyframes wobble { 
  0% { -webkit-transform: translateX(0%); } 
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
  30% { -webkit-transform: translateX(20%) rotate(3deg); } 
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
  60% { -webkit-transform: translateX(10%) rotate(2deg); } 
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
  100% { -webkit-transform: translateX(0%); } 
} 
@keyframes wobble { 
  0% { transform: translateX(0%); } 
  15% { transform: translateX(-25%) rotate(-5deg); } 
  30% { transform: translateX(20%) rotate(3deg); } 
  45% { transform: translateX(-15%) rotate(-3deg); } 
  60% { transform: translateX(10%) rotate(2deg); } 
  75% { transform: translateX(-5%) rotate(-1deg); } 
  100% { transform: translateX(0%); } 
} 
.wobble.go { 
    -webkit-animation-name: wobble; 
    animation-name: wobble; 
}

/********
* pulse *
*********/

@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
} 
.pulse.go { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
}

/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight { 
   0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInRight { 
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInRight.go { 
    -webkit-animation-name: lightSpeedInRight; 
    animation-name: lightSpeedInRight; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 

/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft { 
   0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInLeft { 
    0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInLeft.go { 
    -webkit-animation-name: lightSpeedInLeft; 
    animation-name: lightSpeedInLeft; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 


/*******
* Flip *
*******/
@-webkit-keyframes flip { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0); 
        -webkit-animation-timing-function: ease-out; 
    } 
    40% { 
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); 
        -webkit-animation-timing-function: ease-out; 
    } 
    50% { 
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
    80% { 
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); 
        -webkit-animation-timing-function: ease-in; 
    } 
    100% { 
        -webkit-transform: perspective(400px) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
}
@keyframes flip { 
    0% { 
        transform: perspective(400px) rotateY(0); 
        animation-timing-function: ease-out; 
    } 
    40% { 
        transform: perspective(400px) translateZ(150px) rotateY(170deg); 
        animation-timing-function: ease-out; 
    } 
    50% { 
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
        animation-timing-function: ease-in; 
    } 
    80% { 
        transform: perspective(400px) rotateY(360deg) scale(.95); 
        animation-timing-function: ease-in; 
    } 
    100% { 
        transform: perspective(400px) scale(1); 
        animation-timing-function: ease-in; 
    } 
} 
.flip.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flip; 
    backface-visibility: visible !important; 
    animation-name: flip; 
}

/**********
* flipInX *
**********/
@-webkit-keyframes flipInX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInX { 
    0% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
.flipInX.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInX; 
    backface-visibility: visible !important; 
    animation-name: flipInX; 
}

/**********
* flipInY *
**********/

@-webkit-keyframes flipInY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInY { 
    0% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
.flipInY.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInY; 
    backface-visibility: visible !important; 
    animation-name: flipInY; 
}

/*****************
* Out animations *
*****************/


/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut { 
    0% { 
        -webkit-transform: scale(1); 
    } 
    25% { 
        -webkit-transform: scale(.95); 
    } 
    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.1); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 
} 
@keyframes bounceOut { 
    0% { 
        transform: scale(1); 
    } 
    25% { 
        transform: scale(.95); 
    } 
    50% { 
        opacity: 1; 
        transform: scale(1.1); 
    } 
    100% { 
        opacity: 0; 
        transform: scale(.3); 
    } 
} 
.bounceOut.goAway { 
    -webkit-animation-name: bounceOut; 
    animation-name: bounceOut; 
}

/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp { 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
} 
@keyframes bounceOutUp { 
    0% { 
        transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
} 
.bounceOutUp.goAway { 
    -webkit-animation-name: bounceOutUp; 
    animation-name: bounceOutUp; 
}

/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown { 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
} 
@keyframes bounceOutDown { 
    0% { 
        transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
} 
.bounceOutDown.goAway { 
    -webkit-animation-name: bounceOutDown; 
    animation-name: bounceOutDown; 
}


/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft { 
    0% { 
        -webkit-transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
} 
@keyframes bounceOutLeft { 
    0% { 
        transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
} 
.bounceOutLeft.goAway { 
    -webkit-animation-name: bounceOutLeft; 
    animation-name: bounceOutLeft; 
}

/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight { 
    0% { 
        -webkit-transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateX(-20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
} 
@keyframes bounceOutRight { 
    0% { 
        transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
} 
.bounceOutRight.goAway { 
    -webkit-animation-name: bounceOutRight; 
    animation-name: bounceOutRight; 
}

/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
@keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
.fadeOut.goAway { 
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut; 
}

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
} 
@keyframes fadeOutUp { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
} 
.fadeOutUp.goAway { 
    -webkit-animation-name: fadeOutUp; 
    animation-name: fadeOutUp; 
}

/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
} 
@keyframes fadeOutDown { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
} 
.fadeOutDown.goAway { 
    -webkit-animation-name: fadeOutDown; 
    animation-name: fadeOutDown; 
}

/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
} 
@keyframes fadeOutLeft { 
    0% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
} 
.fadeOutLeft.goAway { 
    -webkit-animation-name: fadeOutLeft; 
    animation-name: fadeOutLeft; 
}

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
} 
@keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
} 
.fadeOutRight.goAway { 
    -webkit-animation-name: fadeOutRight; 
    animation-name: fadeOutRight; 
}
/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutX { 
    0% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
} 
.flipOutX.goAway { 
    -webkit-animation-name: flipOutX; 
    -webkit-backface-visibility: visible !important; 
    animation-name: flipOutX; 
    backface-visibility: visible !important; 
}

/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutY { 
    0% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
.flipOutY { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipOutY; 
    backface-visibility: visible !important; 
    animation-name: flipOutY; 
}

/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight { 
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutRight { 
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
.lightSpeedOutRight.goAway { 
    -webkit-animation-name: lightSpeedOutRight; 
    animation-name: lightSpeedOutRight; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 


/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft { 
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutLeft { 
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
.lightSpeedOutLeft.goAway { 
    -webkit-animation-name: lightSpeedOutLeft; 
    animation-name: lightSpeedOutLeft; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 

} 

/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(200deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOut { 
    0% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(200deg); 
        opacity: 0; 
    } 
} 
.rotateOut.goAway { 
    -webkit-animation-name: rotateOut; 
    animation-name: rotateOut; 
}


/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -transform-origin: left bottom; 
        -transform: rotate(-90deg); 
        opacity: 0; 
    } 
} 
.rotateOutUpLeft.goAway { 
    -webkit-animation-name: rotateOutUpLeft; 
    animation-name: rotateOutUpLeft; 
}

/************
* rotateOutDownLeft *
*************/

@-webkit-keyframes rotateOutDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
.rotateOutDownLeft.goAway { 
    -webkit-animation-name: rotateOutDownLeft; 
    animation-name: rotateOutDownLeft; 
}
/************
* rotateOutUpRight *
*************/

@-webkit-keyframes rotateOutUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
.rotateOutUpRight.goAway { 
    -webkit-animation-name: rotateOutUpRight; 
    animation-name: rotateOutUpRight; 
}

/************
* rollOut *
*************/
@-webkit-keyframes rollOut { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0px) rotate(0deg); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(100%) rotate(120deg); 
    } 
} 
@keyframes rollOut { 
    0% { 
        opacity: 1; 
        transform: translateX(0px) rotate(0deg); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(100%) rotate(120deg); 
    } 
} 
.rollOut.goAway { 
    -webkit-animation-name: rollOut; 
    animation-name: rollOut; 
}
/*****************
* Short Animations
*******************/

/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUpShort{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
}
.fadeInUpShort.go { 
    -webkit-animation-name: fadeInUpShort; 
    animation-name: fadeInUpShort; 
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInDownShort { 
    0% { 
        opacity: 0; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDownShort{
    opacity: 0; 
    -webkit-transform: translateY(-20px); 
    transform: translateY(-20px); 
}
.fadeInDownShort.go { 
    -webkit-animation-name: fadeInDownShort; 
    animation-name: fadeInDownShort; 
}

/*********************
* fadeInRightShort 
*********************/
@-webkit-keyframes fadeInRightShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRightShort { 
    0% { 
        opacity: 0; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRightShort { 
    opacity: 0; 
    -webkit-transform: translateX(20px);  
    transform: translateX(20px); 
}
.fadeInRightShort.go { 
    -webkit-animation-name: fadeInRightShort; 
    animation-name: fadeInRightShort; 
}

/*********************
* fadeInLeftShort 
*********************/
@-webkit-keyframes fadeInLeftShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeftShort { 
    0% { 
        opacity: 0; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeftShort { 
    opacity: 0; 
    -webkit-transform: translateX(-20px);  
    transform: translateX(-20px); 
}
.fadeInLeftShort.go { 
    -webkit-animation-name: fadeInLeftShort; 
    animation-name: fadeInLeftShort; 
}

@media (max-width: 1710px) {
	.contact-button {
		top: 130px;
	}
}

@media (max-width: 1559px) {
	.translate-button {
		margin-right: 0;
	}
	.main-nav {
		font-size: 16px;
	}
	.main-nav>ul>li {
		margin-right: 40px;
	}
	.callout-image, .left-callout .callout-image {
		width: 50%;
		margin: 0;
	}
	.callout-text {
		align-self: center;
		margin: 40px 0;
		width: 49%;
	}
}

@media (max-width: 1303px) {
	ul.logos {
		margin-bottom: 0 !important;
	}
	.benefits-area .frame {
		padding-bottom: 50px;
	}
	.benefits-area + .location-search-area {
		margin-top: -15px;
	}
	.gray-background + .white-background:not(.three-columns-area):not(.two-different-columns-area),
	.white-background + .callout {
		margin-top: 0;
	}
	.fs-dropdown, .facetwp-facet select, .field, .fs-label-wrap, .facetwp-facet input[type=text] {
		width: 250px!important;
	}
	.header>.frame {
		padding: 0;
	}
	.header, .header>.frame {
		height: 50px;
	}
	.page-content {
		padding-top: 50px;
	}
	.translate-open .header, .logout-open .header {
		height: 100px;
	}
	.translate-open .page-content, .logout-open .page-content {
		padding-top: 100px;
	}
	.header-widgets {
		height: 100%;
		margin: 0;
	}
	.search-form, .nav, .contact-button {
		display: none;
	}
	.login-button {
		position: relative;
	}
	.login-button-text {
		display: none;
	}
	.login-arrow {
		display: inline;
		-webkit-transition: transform 350ms ease-in-out;
		transition: transform 350ms ease-in-out;
	}
	.logout-open .login-arrow {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.logo {
		width: 104px;
		margin: 0 auto 0 0;
	}
	.menu-button {
		display: flex;
		width: 26px;
		height: 26px;
		justify-content: center;
		align-items: center;
	}
	.translate-button {
		margin: 0 25px 0 0;
		font-size: 10px;
	}
	.translate-button svg {
		margin: 0 10px 0 7px;
		width: 16px;
	}
	.translate-button i {
		font-size: 13px;
	}
	.close-icon {
		display: none;
	}		
	.login-button {
		margin: 0 28px 0 0;
	}
	.login-button i {
		display: inline;
		font-size: 13px;		
	}
	.login-button svg {
		margin-right: 6px;
	}
	.hero {
		background: transparent !important;
	}
	.slide {
		padding: 0;
	}
	.hero .background-image {
		display: block;
		position: relative;
		width: 100%;
		height: 325px;
		overflow: hidden;
	}
	.hero .background-image img {
		display: block;
		width: auto;
		max-width: 300%;
		min-height: 100%;
		min-width: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-65%,0);
	}
	.hero-content {
		margin: -220px 0 0 20px;
		/* position: absolute; */
		position: relative;
	}
	.has-slider-nav .hero-content {
		position: relative;
	}
	.slide .hero-content {
		margin-top: -160px;
	}
	.hero-text {
		width: 72%;
		padding: 30px 32px 23px 23px;
		font-size: 14px;
		min-height: 288px;
		margin: 0;
	}
	.slide .hero-text {
		padding-top: 20px;
		min-height: 1px;
		margin-bottom: -45px;
		/* max-width: 440px; */
		width: 310px;
	}
	.slider {
		height: 354px;
	}
	.hero-text h4.line {
		margin-bottom: 27px;
	}
	.hero {
		height: auto;
		margin: 0;
		padding: 0;
	}
	.slide {
		height: auto !important;
	}
	.slider {
		height: auto;
		margin-bottom: 50px;
	}
	.slider:before {
		width: 20px;
		height: 325px;
	}
	.slider-nav {
		width: 16px;
		bottom: auto;
		height: 325px;
	}
	.slider-nav span {
		width: 6px;
		height: 6px;
		border: 1px solid #FFF;
		margin-bottom: 13px;
	}
	h1 {
		font-size: 24px;
		margin-bottom: 25px;
		letter-spacing: 2px;
	}
	h1.line:after, h2.line:after, h4.line:after, .number:after {
		width: 20px;
		height: 2px;
	}
	h2.line:after {
		width: 30px;
		height: 3px;
	}
	h2, .um-page-password-reset .um-form:before {
		font-size: 17px;
		letter-spacing: 1.5px;
	}
	h1 + h2 {
		margin-top: 0;
	}
	h2 + p {
		margin-top: 14px;
	}
	h3 {
		font-size: 14px;
		line-height: 1.7em;
	}
	h4 {
		font-size: 12px;
		letter-spacing: 0.5px;
	}
	.button {
		margin-top: 15px;
	}
	.hero-text p {
		margin-bottom: 17px;
	}
	.button a, .btn {
		margin-bottom: 0;
	}
	ul.posts {
		margin: 0 -20px;
		width: calc(100% + 40px);
	}
	ul.posts:not(:last-child) {
		margin-bottom: -20px !important;
	}
	ul.posts li {
		width: calc(25% - 40px);
		margin: 0 20px 40px 20px;
	}
	.featured {
		align-items: center;
		font-size: 18px;
	}
	.featured-text {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.logos-area {
		padding-bottom: 70px;
	}
	.graphic-testimonials-area {
		padding: 40px 0;
	}
	.footer {
		display: none;
	}
	.drawer-open .header {
		position: static;
	}
	.header:after {
		display: none;
	}
	.drawer-open .header {
		height: auto;
	}
	.drawer-open .header .frame {
		height: auto;
	}
	.drawer-open .header-widgets {
		height: 50px;
	}
	.translate-area .frame, .logout-area .frame {
		height: 50px !important;
	}
	.drawer-open .translate-area, .logout-open .logout-area {
		top: 50px;
		position: absolute;
		left: 0;
		right: 0;
	}
	.drawer-open .menu-icon {
		display: none;
	}
	.drawer-open .close-icon {
		display: block;
	}
	.drawer-open .search-form, .page-id-345 .search-form, .page-id-346 .search-form {
		display: flex;
		position: absolute;
		top: 54px;
		left: 0;
		right: 0;
	}
	.search-form:before {
		content: '';
		display: block;
		position: absolute;
		top: -10px;
		left: -20px;
		right: -20px;
		bottom: -10px;
		background: #FFF;
		z-index: 10;
	}
	.search-form form {
		position: relative;
		z-index: 20;
	}
	.translate-open.drawer-open .search-form, .translate-open.page-id-345 .search-form, .translate-open.page-id-346 .search-form,
	.logout-open.drawer-open .search-form, .logout-open.page-id-345 .search-form, .logout-open.page-id-346 .search-form {
		top: 114px;
	}
	.keyword, .search-button {
		height: 37px;
	}
	.drawer-open .page-content {
		display: none;
	}
	.landing-nav {
		display: none;
	}
	.drawer-open .nav {
		display: block;
		margin-top: 54px;
	}
	.drawer-open .landing-nav {
		display: block;
		margin: 35px 0 0 0;
		order: 99;
		width: 100%;
	}
	.page-template-landing-php .header-widgets {
		flex-flow: row wrap;
	}
	.landing-nav ul {
		flex-flow: column nowrap;
	}
	.landing-nav ul li {
		margin-left: 0;
	}
	.landing-nav ul li:not(:last-child) {
		margin-bottom: 10px;
	}
	.translate-open.drawer-open .nav, .logout-open.drawer-open .nav {
		margin-top: 135px;
	}
	.keyword {
		padding: 0 15px;
		width: calc(100% - 40px);
	}
	.nav {
		margin: 0 -20px;
		overflow: hidden;
	}
	.nav-form {
		display: none;
	}
	.nav ul {
		display: block;
	}
	.main-nav {
		padding: 0 20px 12px 20px;
		margin: 0 -20px 20px -20px;
		border-top: 1px solid #eaeaea;
		border-bottom: 1px solid #eaeaea;
	}
	.second-level:before {
		display: none;
	}
	.main-nav>ul>li, .dropdown-level h4 {
		font-size: 18px !important;
		margin: 0;
	}
	.dropdown-level h4 {
		text-transform: none;
	}
	.dropdown-level h4 a,
	.main-nav>ul>li>a:link, .main-nav>ul>li>a:visited,
	.fifth-level>ul>li>a:link, .fifth-level>ul>li>a:visited,
	.sixth-level>ul>li>a:link, .sixth-level>ul>li>a:visited,
	.seventh-level>ul>li>a:link, .seventh-level>ul>li>a:visited {
		display: block;
		padding: 7px 20px;
		position: relative;
	}
	.dropdown-level h4 a:link, .dropdown-level h4 a:visited {
		color: #027223 !important;
	}
	.fourth-level.has-children>h4>a:before,
	.main-nav>ul>li.has-children>a:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: auto;
		bottom: auto;
		right: 25px;
		background: url('i/chevron-right-green.svg') no-repeat;
		width: 7px;
		height: 12px;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		opacity: 1;
		pointer-events: inherit;
	}
	.second-level:not(.has-left-panel) .sixth-level h4 {
		font: 700 18px 'Roboto Condensed', Arial, Helvetica, sans-serif !important;
		letter-spacing: 0.5px !important;
	}
	.main-nav>ul>li>a>span:after {
		display: none;
	}
	.dropdown-level {
		position: absolute;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: auto !important;
		height: auto !important;
		min-height: 100% !important;
		background: #FFF;
		opacity: 1;
		pointer-events: inherit;
		padding: 0;
		z-index: 410;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: auto;
		max-height: 9999em !important;
	}
	.second-level.has-left-panel {
		padding-top: 0;
		padding-bottom: 0;
	}
	.has-left-panel .sixth-level h4 {
		width: auto;
	}
	.fourth-level>h4>a:link, .fourth-level>h4>a:visited {
		padding-left: 20px;
	}
	.second-level {
		z-index: 210;
	}
	.third-level {
		z-index: 310;
	}
	.fourth-level {
		z-index: 410;
		height: auto !important;
		position: static;
	}
	.fifth-level {
		z-index: 510;
		column-count: 1;
	}
	.sixth-level {
		z-index: 610;
		column-count: 1;
	}
	.seventh-level {
		z-index: 710;
		column-count: 1;
		top: 105px !important;
	}
	.has-left-panel .seventh-level {
		top: 0 !important;
	}
	.eigth-level {
		display: block;
		position: static;
	}
	.eigth-level ul li {
		font: 400 14px Roboto;
	}
	.eigth-level ul li a {
		display: block;
		padding: 7px 20px;
		color: #027223;
	}
	li:not(.open)>.dropdown-level,
	.fourth-level:not(.open)>.fifth-level,
	.fifth-level:not(.open)>.sixth-level,
	.sixth-level:not(.open)>.seventh-level {
		display: none;
	}
	.open>..seventh-level * {
		position: relative;
		z-index: 999;
	}
	.third-level {
		column-count: 1;
	}
	.dropdown-heading {
		display: block;
		font-size: 18px !important;
		text-transform: none !important;
		font-weight: 700;
		margin: 0 0 3px 0 !important;
		border-bottom: 1px solid #f1f1f1;
	}
	.dropdown-heading a:link, .dropdown-heading a:visited {
		display: block;
		padding: 7px 20px;
		color: #000;
	}
	.sixth-level {
		position: static !important;
		height: auto !important;
		margin: 0 !important;
	}
	.has-subcategories .fourth-level.has-children>h4>a:before {
		right: 27px;
	}
	.fifth-level .dropdown-heading,
	.sixth-level .dropdown-heading,
	.seventh-level .dropdown-heading {
		font-size: 15px;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
	.dropdown-back {
		display: block;
		background: #ebebeb;
		text-align: center;
		font-size: 10px;
		text-transform: uppercase;
		height: 44px;
		line-height: 44px;
		letter-spacing: 1px;
		position: relative;
	}
	a.dropdown-back:link, a.dropdown-back:visited {
		color: #027223;
	}
	.dropdown-back:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 27px;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		background: url('i/chevron-left.svg') no-repeat;
		width: 7px;
		height: 11px;
		background-size: contain;
	}
	.second-level>ul, .second-level.has-left-panel>ul {
		width: 100%;
		margin-left: 0;
	}
	.has-left-panel .sixth-level.has-children h4 a:before {
		right: 25px;
	}
	.second-level>ul>li>a:link, .second-level>ul>li>a:visited,
	.fourth-level h4>a {
		display: block;
		padding: 9px 20px;
		text-transform: none;
	}
	.second-level>ul>li.current>a span:after {
		display: none;
	}
	.second-level>ul>li.has-children>a:before {
		right: 27px;
		width: 6px;
		height: 11px;
		background-size: contain;
	}
	.sub-nav ul li {
		margin: 0 0 22px 0;
	}
	.sub-nav>ul>li {
		margin-left: 20px;
		margin-right: 20px;
	}
	.drawer-open .footer, .page-id-345 .hidden-footer, .page-id-346 .hidden-footer {
		display: block;
	}
	.footer-logo, .footer-buttons, .footer-nav nav:not(:first-child), .footer-right {
		display: none;
	}
	.footer {
		font-size: 12px;
		padding: 24px 0 14px 0;
		margin: 30px 0 0 0;
	}
	body:not(.drawer-open) .hidden-footer {
		margin-top: 0;
	}
	.footer .frame {
		flex-flow: row wrap;
	}
	.footer-nav {
		order: 1;
		width: 100%;
		margin: 0;
		justify-content: flex-start;
		position: relative;
	}
	.footer-nav h4 {
		display: none;
	}
	.footer-nav ul {
		margin: 0;
	}
	.footer-nav ul li {
		margin: 0 0 9px 0;
	}
	.footer-left {
		order: 2;
		width: 100%;
		border-top: 1px solid #6BA43A;
		margin: 12px 0 0 0;
		padding: 24px 0 0 0;
	}
	.footer-nav nav:first-child {
		width: 105px;
	}
	.copyright {
		font-size: 10px;
	}
	.footer-left p {
		margin-bottom: 0;
	}
	.footer-left>:last-child {
		margin-bottom: 0;
	}
	.copyright-line {
		display: flex;
		justify-content: space-between;
	}
	.mobile-footer-tagline {
		display: block;
		font-size: 9px;
		font-style: italic;
		position: relative;
		margin: -20px -18px -20px 0;
		padding: 0;
		width: 160px;
		flex: 1 0 auto;
	}
	/*
	.mobile-footer-tagline:before {
		content: '';
		display: block;
		position: absolute;
		top: -7px;
		right: 0;
		width: 18px;
		height: 18px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	*/
	.mobile-footer-tagline p {
		line-height: 1.2em;
		margin: 0;
	}
	.mobile-footer-links {
		display: block;
		margin: 0 0 0 50px;
	}
	.mobile-footer-links a:link, .mobile-footer-links a:visited {
		text-decoration: underline;
	}
	.mobile-footer-links a:hover {
		text-decoration: none;
	}
	.mobile-social {
		display: block;
		position: absolute;
		left: 155px;
		bottom: 8px;
		margin: 0;
	}
	.mobile-social ul li {
		margin: 0 0 0 17px;
	}
	.mobile-social ul li:first-child {
		margin-left: 0;
	}
	.callout + .content:not(.gray-background):not(.three-columns-area-with-intro):not(.posts-area-2):not(.posts-area-4) {
		margin-top: 140px;
	}
	.breadcrumbs {
		display: none;
	}
	.standalone-breadcrumbs + .three-columns-area, .standalone-breadcrumbs + .two-different-columns-area {
		padding-top: 0 !important;
	}
	ul.posts-2 li {
		width: calc(50% - 40px);
	}
	ul.vertical-gallery-images li {
		position: static;
	}
	.states {
		column-count: 4;
	}
	.map-filter .fs-dropdown, .map-filter .field, .map-filter .fs-label-wrap, .map-filter .facetwp-facet input[type=text] {
		width: 212px !important;
	}
	.eigth-level ul li, .has-left-panel .sixth-level.nav-product-list h4 {
		font-size: 14px !important;
		margin-bottom: 0 !important;
	}
	.eigth-level ul li, .has-left-panel .sixth-level.nav-product-list h4 a:link, .eigth-level ul li, .has-left-panel .sixth-level.nav-product-list h4 a:visited {
		color: #000 !important;
	}
	.eigth-level ul li, .has-left-panel .sixth-level.nav-product-list h4 a:hover {
		color: #027223 !important;
	}
}
@media (max-width: 959px) {
	.links-area {
		overflow: hidden;
	}
	.text-callout {
		padding: 26px 0 42px 0;
	}
	.text-callout .frame {
		flex-flow: column nowrap;
	}
	.tc-image {
		width: 100%;
		top: -74px;
		left: 0;
	}
	.tc-headline {
		width: 100%;
		width: 220px;
		margin: 0 0 48px 0;
	}
	.tc-text {
		width: 100%;
		margin: 0;
	}
	.video-area {
		padding: 50px 0;
	}
	.tabs-area {
		display: none;
	}
	.callout {
		margin-bottom: 0;
	}
	.callout .frame {
		flex-flow: column nowrap;
	}
	.callout .frame:before, .callout .frame:after {
		display: none;
	}
	.callout-text {
		width: calc(100% + 40px);
		margin: 0 -20px;
		padding: 32px 20px 32px 20px;
		font-size: 14px;
		background: #027223;
	}
	.callout-image {
		width: calc(100% + 40px) !important;
		margin: 0 -20px !important;
		-webkit-transform: none;
		transform: none;
		position: relative;
	}
	.callout-image:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 13px;
		background: #027223;
		-moz-mix-blend-mode: multiply;
		-webkit-mix-blend-mode: multiply;
		mix-blend-mode: multiply;
	}
	.callout-image img {
		-webkit-transform: none !important;
		transform: none !important;
	}
	.callout + .content:not(.gray-background):not(.three-columns-area-with-intro):not(.posts-area-2):not(.posts-area-4) {
		margin-top: 0;
	}
	.callout + .numbers-area {
		padding-top: 48px;
		text-align: center;
	}
	.numbers-area {
		padding: 64px 0 38px 0;
	}
	ul.numbers {
		display: none;
	}
	.numbers-slider {
		display: block;
		position: relative;
		width: 100%;
		margin: 18px 0 0 0;
	}
	.numbers-slide {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		text-align: center;
		padding: 0 10px;
	}
	.numbers-slide h2 {
		margin-bottom: 30px;
	}
	.cs-area {
		padding: 0 0 25px 0;
	}
	.featured {
		flex-flow: column nowrap;
		margin: 0 -20px 26px -20px;
	}
	.featured-image {
		width: 100%;
	}
	.featured-text, .featured-left .featured-text {
		width: auto;
		/* margin: -40px 65px 0 65px; */
		margin: -40px 65px -30px 65px;
		position: relative;
		z-index: 20;
		padding: 15px 20px 23px 20px;
		font-size: 14px;
	}
	.featured-text:last-child {
		margin-bottom: 0;
	}
	.gt-slide .featured-text {
		margin-top: 0 !important;
	}
	.featured-text h4 {
		padding-bottom: 0;
		margin-bottom: 40px;
	}
	.featured-text h2 + p {
		margin-top: 43px;
	}
	.numbers-nav {
		top: 16px;
		width: 9px;
		height: 17px;
		z-index: 110;
	}
	.numbers-nav:before, .numbers-nav:after {
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
	}
	.numbers-prev {
		left: 13px;
	}
	.numbers-next {
		right: 13px;
	}
	.cs-area>.frame>h4 {
		text-align: center;
	}
	.cs-area>.frame>ul.posts {
		display: none;
	}
	ul.posts {
		margin-left: -5px;
		margin-right: -5px;
		width: calc(100% + 10px);
	}
	ul.posts>li {
		width: calc(50% - 10px);
		margin: 0 5px 20px 5px;
	}
	.carousel-wrapper {
		display: block;
		position: relative;
		width: 232px;
		margin: 0 auto 25px auto;
		overflow: visible;
	}
	.carousel-wrapper:last-child {
		margin-bottom: 0;
	}
	.carousel {
		width: 100%;
		overflow: visible;
		position: relative;
	}
	.carousel ul {
		width: 9999em !important;
		flex-flow: row nowrap !important;
		position: relative;
		display: flex;
		margin: 0 !important;
	}
	.carousel ul li {
		list-style: none;
		width: 232px !important;
		margin: 0 42px 0 0 !important;
	}
	.post-details {
		padding: 17px 22px 11px 22px;
	}
	.post-category {
		font-size: 12px;
		margin-bottom: 6px;
	}
	.post-title {
		line-height: 1.3em;
		margin-bottom: 0;
	}
	.posts-area.gray-background {
		padding: 0 0 48px 0;
	}
	.posts-area .featured {
		padding-top: 25px;
		margin-bottom: 33px;
		background: #FFF;
	}
	.posts-area h4 {
		text-align: center;
	}
	.posts-area .featured-text {
		margin: 0 65px -30px 65px;
	}
	.posts-area .featured-text h4 {
		text-align: left;
	}
	.posts-area .featured-text .button {
		margin-top: 44px;
	}
	.posts-area>.frame>ul.posts {
		display: none;
	}
	.post-details {
		padding: 13px 17px 11px 17px;
	}
	.gray-background ul.posts li {
		background: transparent;
	}
	.gray-background + .callout {
		margin-top: 50px;
	}
	.left-callout .callout-image:before {
		top: auto;
		bottom: 0;
	}
	.location-search-area {
		padding: 46px 0 0 0;
	}
	.location-search-area .frame {
		flex-flow: column nowrap;
	}
	.lc-text, .lc-search {
		margin: 0;
		width: 100%;
	}
	.lc-text {
		margin-bottom: 20px;
	}
	.large {
		font-size: 14px;
	}
	.lc-filter-label {
		margin: 0 0 -2px 12px;
		font-size: 12px;
		letter-spacing: 1px;
	}
	.lc-filters select {
		padding: 7px 7px;
	}
	ul.lc-filters li {
		margin-bottom: 14px;
	}
	ul.lc-filters {
		width: 100%;
		max-width: 246px;
		margin: 0 auto 13px auto;
	}
	.lc-search {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
	}
	.lc-image {
		width: 100%;
		max-height: 300px;
		margin: -55px 0 -78px 0;
	}
	/*
	.header {
		position: static;
		-webkit-transition: none;
		transition: none;
	}
	.header .frame {
		-webkit-transition: none;
		transition: none;
		padding: 11px 0 11px 0;
		height: auto;
	}
	.page-content {
		padding-top: 0 !important;
	}
	.drawer-open .header {
		height: auto;
	}
	.drawer-open .header .frame {
		height: auto;
	}
	*/
	.updated {
		text-align: left;
	}
	.links-area {
		padding: 26px 0;
	}
	.links-area .frame {
		flex-flow: column nowrap;
		padding-bottom: 15px;
	}
	.tabs-text {
		width: 100%;
		margin: 0 0 50px 0;
	}
	.tab-contents, .links-area .tab-contents {
		width: 100%;
		margin: 0;
	}
	ul.links {
		margin-top: 0;
	}
	h4.line {
		margin-bottom: 28px;
	}
	h4.line:after {
		bottom: -5px;
	}
	ul.links li {
		font-size: 16px;
		margin-bottom: 3px;
	}
	p + h4 {
		margin-top: 34px;
	}
	.links-area .frame:after {
		bottom: -75px;
		width: 100%;
	}
	.team-intro {
		padding: 49px 0 105px 0;
	}
	.columns {
		flex-flow: column nowrap;
	}
	.column {
		width: 100%;
		margin: 0;
	}
	.column + .column {
		margin-top: 40px;
	}
	.column>:last-child {
		margin-bottom: 0;
	}
	ul.two-column-list {
		column-count: 1;
		margin: 25px 0 30px 0;
	}
	.team-intro + .team-people {
		margin-top: -75px;
	}
	ul.team {
		width: 100%;
		margin: 0 0 -53px 0;
		flex-flow: column nowrap;
	}
	ul.team>li {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.white-background + .gallery-area, .team-area + .gallery-area {
		padding-top: 10px;
	}
	.horizontal-gallery-area .lSSlideOuter {
		overflow: visible !important;
		padding: 0 0 0 40px !important;
	}
	.horizontal-gallery-area .lSSlideWrapper {
		margin: 0 -20px 0 -60px !important;
		width: calc(100% + 80px) !important;
		max-width: calc(100% + 80px) !important;
	}
	.gallery li .featured {
		margin: 0;
	}
	.gallery .featured-text {
		padding-bottom: 45px;
	}
	.gallery .featured-text h4.line {
		margin-bottom: 40px;
	}
	.featured-text h2 {
		margin-bottom: 6px;
	}
	.featured-text h2 + p {
		margin-top: 0;
	}
	.horizontal-gallery-area .lSPager {
		margin: 27px 0 0 0 !important;
	}
	.horizontal-gallery-area .lSSlideOuter .lSPager.lSGallery li {
		width: 235px !important;
	}
	.horizontal-gallery-area .lSSlideOuter .lSPager.lSGallery li img {
		width: 100% !important;
		height: auto !important;
	}
	.horizontal-gallery-area .lSSlideOuter .lSPager.lSGallery li:after {
		bottom: 0;
	}
	.gallery-area {
		padding-bottom: 28px;
	}
	h4.line + h2 {
		margin-top: -10px;
	}
	.logos-area {
		padding-bottom: 25px;
	}
	ul.logos {
		flex-flow: column nowrap;
		margin: 24px 0 0 0;
	}
	ul.logos>li {
		width: 100%;
		margin: 0 0 27px 0;
	}
	.testimonials-area {
		padding-top: 70px;
	}
	.testimonials-nav span, .gt-nav span {
		width: 12px;
		height: 12px;
	}
	.history-area {
		padding: 44px 0 !important;
		margin-top: 0 !important;
	}
	.history-wrapper {
		margin: 45px 0 0 0;
	}
	.history-wrapper:before, .history-item-image:before {
		bottom: auto;
		height: 87px;
	}
	.history {
		padding: 95px 0 65px 0;
	}
	.history-item {
		width: auto !important;
		margin: 0 20px 55px 20px !important;
		-webkit-transform: none !important;
		transform: none !important;
		text-align: center !important;
		display: flex !important;
		flex-flow: column nowrap !important;
		justify-content: flex-start !important;
		align-items: center !important;
		position: relative;
		z-index: 10;
	}
	.history-item:not(:first-child) {
		padding-top: 32px;
	}
	.history-item:last-child {
		margin-bottom: 0 !important;
	}
	.history-item-small, .history-sub-item {
		width: auto !important;
		text-align: center !important;
	}
	.history-item:not(:first-child):before {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: -43px;
		height: 60px;
		width: 5px;
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
		background: #EBEBEB;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		z-index: 20;
	}
	.history-item:last-child:after {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 100%;
		height: 60px;
		width: 5px;
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
		background: #EBEBEB;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		z-index: 20;
	}
	.gray-background .history-item:not(:first-child):before,
	.gray-background .history-item:last-child:after {
		background-color: #d1d1d1;
	}
	h2.history-year {
		margin-bottom: 6px;
	}
	.history-item-has-image * {
		order: 2;
	}
	.history-image {
		max-width: 310px;
		margin-left: auto;
		margin-right: auto;
	}
	.history-item-has-image .history-image {
		order: 1;
	}
	.library-area {
		padding: 30px 0;
	}
	.gray-background +.library-area {
		padding-top: 30px;
	}
	.library-area h4 {
		text-align: center;
	}
	.library {
		margin: 0 -20px 20px -20px;
	}
	.frame>ul.library-nav, .library-more {
		display: none;
	}
	.three-columns-area.gray-background .frame, .two-different-columns-area .frame {
		padding: 50px 0;
	}
	.toi {
		padding: 47px 0;
	}
	.toi-text {
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.toi-text h1 {
		font-size: 17px;
		line-height: 1.5em;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.toi-text h1.line:after {
		display: none;
	}
	.three-columns-area:not(.gray-background)>.frame, .two-different-columns-area:not(.gray-background)>.frame {
		padding: 45px 0 45px 0;
	}
	.two-different-columns-area:not(.gray-background)>.frame {
		padding: 15px 0 34px 0;
	}
	.white-background + .three-columns-area:not(.gray-background) .frame {
		padding-top: 0;
	}
	.graphic-testimonials-area {
		padding: 88px 0 20px 0;
	}
	.graphic-testimonials-area.white-background + .white-background {
		margin-top: 0;
	}
	.gt-slide {
		width: calc(100% + 40px) !important;
	}
	.gt-slide .featured-text {
		margin-bottom: -30px;
	}
	.gt-nav {
		margin-top: -10px;
	}
	.two-equal-columns-area .frame {
		padding: 21px 0 20px 0;
	}
	.two-equal-columns-area:not(.gray-background) .frame {
		padding-bottom: 50px;
	}
	.callout + .gray-background, .callout + .history-area {
		padding-top: 16px;
		margin-top: 0;
	}
	.small-columns {
		flex-flow: column nowrap;
	}
	.small-column {
		width: 100%;
		margin: 0;
	}
	.small-column + .small-column {
		margin-top: 40px;
	}
	.two-different-columns-area.gray-background .frame {
		padding-bottom: 50px;
	}
	/*
	.benefits-area .frame {
		padding: 40px 0 12px 0;
	}
	*/
	ul.benefits {
		margin-top: 40px;
	}
	ul.benefits>li {
		flex-flow: column nowrap;
		margin-bottom: 44px;
		opacity: 1;
	}
	ul.benefits:before,
	ul.benefits>li:before {
		display: none;
	}
	.benefit-image {
		width: 100%;
		margin: 0;
	}
	.benefit-text {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.gray-background + .three-columns-area.white-background {
		padding: 0;
	}
	.three-columns-area.white-background:not(.three-columns-area):not(.two-different-columns-area) + .single-column-area.gray-background {
		margin-top: 0;
	}
	.login-area .frame {
		padding-top: 83px;
		padding-bottom: 122px;
	}
	body .um {
		font-size: 14px !important;
	}
	body .um-login {
		margin: 0 auto 15px auto !important;
	}
	body .um-field-label {
		margin-bottom: 3px !important;
	}
	body .um-field {
		padding: 12px 0 0 0 !important;
	}
	body .um-col-alt {
		margin-top: -4px !important;
	}
	body .um input[type=submit].um-button, body .um input[type=submit].um-button:focus, body .um a.um-button, body .um a.um-button.um-disabled:hover, body .um a.um-button.um-disabled:focus, body .um a.um-button.um-disabled:active {
		margin-top: 9px !important;
	}
	body .um-col-alt-b {
		padding-top: 0 !important;
	}
	.not-found-tagline {
		right: 12px;
		bottom: 65px;
		font-size: 10px;
	}
	.error404 .not-found-tagline {
		bottom: 33px;
	}
	.not-found-tagline:before {
		top: -8px;
		right: -13px;
		width: 20px;
		height: 20px;
	}
	.not-found-tagline img {
		max-width: 134px;
	}
	.page-template-login .not-found-tagline, .page-template-register .not-found-tagline {
		right: -6px;
	}
	.page-template-login .not-found-tagline img, .page-template-register .not-found-tagline img {
		max-width: 170px;
	}
	.not-found-area .frame:before {
		bottom: -2%;
		right: -29.5%;
		width: 140.32%;
	}
	.cli-bar-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		justify-content: flex-start !important;
	}
	.register-form p {
		margin-bottom: 0;
	}
	.register-form p:not(.large) {
		font-size: 12px;
	}
	body .um-register {
		margin: 20px 0 !important;
	}
	body .um-register .um-col-1 .um-field {
		width: 100% !important;
	}
	body .um-field-label label {
		margin-left: 7px !important;
	}
	.page-id-346 .not-found-tagline {
		display: none;
	}
	.page-id-346 .login-area .frame {
		padding-bottom: 28px;
	}
	.not-found-area .frame {
		min-height: calc(100vh - 50px);
		padding: 104px 0 210px 0;
	}
	h1 + h2 {
		margin-top: -9px;
	}
	.not-found-area h2 {
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	p.large {
		line-height: 1.7em;
	}
	.not-found-text .button {
		margin-top: 28px;
	}
	body .translator-sub-container a span {
		display: none !important;
	}
	.map-area {
		flex-flow: column nowrap;
	}
	.map-filters {
		width: 100%;
		margin: -14px auto -5px auto;
		max-width: 320px;
		padding: 18px 26px 71px 26px;
		position: relative;
		z-index: 20;
	}
	.map {
		width: auto;
		margin: 0 -20px;
	}
	.map-filters h2 {
		font-size: 24px;
		margin-bottom: 37px;
		letter-spacing: 2px;
	}
	.map-filter h4 {
		margin-left: 12px;
		letter-spacing: 2px;
	}
	.map-filter .fs-dropdown, .map-filter .field, .map-filter .fs-label-wrap, .map-filter .facetwp-facet input[type=text] {
		width: 262px !important;
	}
	.map-filter:not(:last-child) {
		margin-bottom: 27px;
	}
	#facetwp-map {
		height: 200px !important;
	}
	.states {
		column-count: 1;
	}
	h4.country-name {
		letter-spacing: 1px;
		margin-bottom: 18px;
	}
	h4.country-name:after {
		bottom: -6px;
	}
	h2.state-name {
		font-size: 14px;
		letter-spacing: 1px;
		margin: 0 0 7px 0;
		/* padding: 0 0 0 21px; */
		position: relative;
	}
	/*
	.state-name:before {
		content: '';
		display: block;
		position: absolute;
		top: 7px;
		left: 2px;
		width: 12px;
		height: 6px;
		background: url('i/chevron-up.svg') no-repeat;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transition: transform 250ms ease-in-out;
		transition: transform 250ms ease-in-out;
	}
	.state.open .state-name:before {
		-webkit-transform: none;
		transform: none;
	}
	*/
	.location {
		padding-bottom: 18px;
		margin: 0;
		/* display: none; */
	}
	/*
	.country-international .location {
		display: block;
	}
	*/
	.location:last-child {
		padding-bottom: 0;
	}
	.state {
		margin-bottom: 22px;
	}
	.state.open .location {
		display: block;
	}
	.country {
		margin-bottom: 20px;
	}
	.finder-area {
		padding-bottom: 10px;
	}
	.gray-background + .text-callout {
		padding: 45px 0;
	}
	p.large-margin + div.wpforms-container-full {
		margin-top: -10px !important;
	}
	div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
		width: 100% !important;
		float: none !important;
	}
	div.wpforms-container-full .wpforms-form .wpforms-five-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-sixths, div.wpforms-container-full .wpforms-form .wpforms-four-fifths, div.wpforms-container-full .wpforms-form .wpforms-one-fifth, div.wpforms-container-full .wpforms-form .wpforms-one-fourth, div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-one-sixth, div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-three-fourths, div.wpforms-container-full .wpforms-form .wpforms-three-fifths, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths, div.wpforms-container-full .wpforms-form .wpforms-two-fifths, div.wpforms-container-full .wpforms-form .wpforms-two-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
		float: none !important;
		margin-left: 0 !important;
	}
	div.wpforms-container-full .wpforms-form .wpforms-field {
		padding: 12px 0 !important;
	}
	div.wpforms-container-full .wpforms-form .wpforms-field-label {
		margin-bottom: 5px !important;
	}
	div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
		height: 198px !important;
	}
	.hero-image-small {
		display: none;
	}
	.hero-image-large {
		width: 100%;
		height: 325px;
	}
	.landing-area .hero-content {
		margin-top: 165px;
	}
	.landing-area .hero-text {
		padding-top: 19px;
		padding-bottom: 20px;
	}
	.hero-logo {
		margin-bottom: 15px;
	}
	.landing-area .hero-text h4.line {
		margin-bottom: 18px;
	}
	.landing-area .hero-text h4.line:after {
		bottom: -7px;
	}
	.tc-headline {
		width: 100%;
		margin: 0 0 93px 0;
	}
	.tc-text div.wpforms-container-full {
		margin-top: 17px !important;
	}
	.text-callout + .callout {
		margin-top: 0;
	}
	.callout + .three-columns-area-with-intro {
		margin-top: 0;
	}
	.callout + .three-columns-area-with-intro .team-intro {
		padding-top: 46px;
		padding-bottom: 49px;
	}
	.callout + .three-columns-area-with-intro .team-intro + .team-people {
		margin-top: 0;
	}
	.three-columns-content {
		padding: 40px 0;
	}
	.three-columns-area-with-intro + .gallery-area {
		padding-top: 27px;
	}
	.gallery {
		margin-top: 12px;
	}
	.gallery-area>.frame>h4 {
		text-align: center;
	}
	.gallery-area + .white-background {
		margin-top: 0;
	}
	.three-columns-area + .updated, .two-different-columns-area + .updated {
		padding-top: 15px;
		margin-top: -1px;
	}
	.single-cs-intro {
		padding-bottom: 5px;
		padding-top: 0;
	}
	.single-cs-intro .featured-image {
		height: 340px;
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
	}
	.single-cs-intro .featured-image img {
		max-width: 400%;
		height: 100%;
		width: auto;
	}
	.single-cs-intro .featured-text {
		margin: -160px 0 0 20px;
		width: 230px;
		padding: 29px 20px 63px 24px;
	}
	h4.line {
		padding-bottom: 9px;
	}
	.single-cs-intro .featured-text h4 {
		padding-bottom: 6px;
		margin-bottom: 35px;
	}
	.single-cs-intro .featured-text h2 {
		font-size: 24px;
		line-height: 1.25em;
	}
	h2.large-margin {
		margin-bottom: 20px;
	}
	.columns, .single .large-margin + .columns {
		margin-top: 20px;
	}
	.two-equal-columns-area:not(.gray-background) .frame {
		padding-bottom: 20px;
	}
	.vertical-gallery-area {
		padding: 30px 0;
	}
	.vertical-gallery {
		flex-flow: column nowrap;
	}
	ul.vertical-gallery-images {
		width: 100%;
		margin: 0 0 20px 0;
	}
	ul.vertical-gallery-images li {
		position: static;
	}
	ul.vertical-gallery-thumbnails {
		position: static;
		height: auto;
		width: calc(100% + 10px);
		margin: 0 -5px;
		display: flex;
		flex-flow: row wrap;
	}
	ul.vertical-gallery-thumbnails>li {
		width: calc(50% - 10px);
		margin: 0 5px 20px 5px;
	}
	.column ul.vertical-gallery-thumbnails li:not(:first-child) {
		margin-top: 0;
	}
	.vertical-gallery-caption {
		font-size: 12px;
		line-height: 1.4em;
	}
	.vertical-gallery-area + .three-columns-area {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 30px;
	}
	.three-columns-area + .related-area {
		padding-top: 0;
		padding-bottom: 40px;
		margin-top: -10px;
	}
	.related-area .frame {
		padding-top: 50px;
	}
	.related-more-button {
		display: none;
	}
	.related-area ul.posts {
		margin-bottom: 0 !important;
	}
	.links-area + .three-columns-area:not(.gray-background)>.frame {
		padding-top: 20px;
	}
	.three-columns-area:not(.gray-background) + .callout, .two-different-columns-area:not(.gray-background) + .callout, .single-column-area:not(.gray-background) + .callout {
		padding-top: 0;
		background: #FFF;
	}
	.filter-button-open {
		display: none;
	}
	.sidebar {
		position: absolute;
		top: 40px;
		left: -20px;
		width: 285px;
		background: #FFF;
		box-shadow: 1px 1px 5px 0 #999;
		z-index: 310;
		padding: 0 20px 40px 20px;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: opacity 350ms ease-in-out;
		transition: opacity 350ms ease-in-out;
	}
	.filter-open .sidebar {
		opacity: 1;
		pointer-events: inherit;
	}
	.sidebar h2 {
		font-size: 20px;
		margin: 0 0 0 -20px;
		padding: 0 0 0 20px;
		width: 2000px;
		height: 44px;
		line-height: 44px;
		background: #FFF;
		border-bottom: 1px solid #EBEBEB;
	}
	.fs-dropdown, .field, .fs-label-wrap, .facetwp-facet select {
		width: 246px !important;
	}
	.facetwp-facet input[type=text] {
		width: 186px !important;
	}
	.filter {
		margin-bottom: 39px;
	}
	.filter-heading + .filter {
		margin-top: 14px;
	}
	.breadcrumbs-area {
		display: none;
	}
	.page-columns-area {
		padding: 0;
	}
	.page-columns-area>.frame {
		padding: 0 !important;
	}
	.filter-button {
		border-top: 1px solid #EBEBEB;
		border-bottom: 1px solid #EBEBEB;
		margin: 0 -20px;
		cursor: pointer;
		display: block;
		position: relative;
		z-index: 410;
	}
	.filter-button a {
		display: block;
		position: relative;
		padding: 0 20px;
		height: 40px;
		line-height: 40px;
	}
	.filter-button a:link, .filter-button a:visited, .filter-button a:hover, .filter-button a:focus {
		text-decoration: none;
	}
	.filter-button-closed {
		background: #FFF;
	}
	.filter-button a.filter-button-open {
		display: none;
	}
	.filter-button-open {
		background: #EBEBEB;
		font-size: 10px;
		text-align: center;
	}
	.filter-open .filter-button a.filter-button-open {
		display: block;
	}
	.filter-open .filter-button a.filter-button-closed {
		display: none;
	}
	.filter-button-closed:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 30px;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		background: url('i/chevron-right.svg') no-repeat;
		width: 5px;
		height: 9px;
		background-size: contain;
	}
	.filter-button-open:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 30px;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		background: url('i/chevron-left.svg') no-repeat;
		width: 5px;
		height: 9px;
		background-size: contain;
	}
	.sidebar + .column {
		margin-top: 0;
	}
	.page-columns-area .columns {
		margin-top: 13px;
	}
	.print-button {
		display: none;
	}
	.page-columns-area>.frame:before {
		display: none;
	}
	h4.product-number {
		padding-bottom: 6px;
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
	.single-product-title {
		color: #027223;
	}
	.single-product-title + .content {
		padding-top: 20px;
	}
	/*
	.page-columns-area .vertical-gallery-area {
		padding-bottom: 3px;
	}
	*/
	.buttons {
		flex-flow: column nowrap;
		align-items: center;
		margin: 20px 0 0 0;
	}
	.buttons .button {
		margin: 0;
	}
	.buttons .button + .button {
		margin-top: 17px;
		margin-left: 0;
	}
	.product-specs-area, .documents-area:not(:first-child), .product-chart-area {
		padding-top: 34px;
		margin-top: 47px;
	}
	th {
		font-size: 12px;
		padding: 9px;
	}
	.two-different-columns-area + .related-area {
		margin-top: 0;
	}
	ul.responsive-posts, .posts-area>.frame>ul.responsive-posts {
		display: flex !important;
		flex-flow: row wrap;
		margin: 0 -5px;
		width: calc(100% + 10px);
		max-width: 524px;
	}
	ul.responsive-posts>li {
		width: calc(50% - 10px);
		margin: 0 5px 20px 5px;
	}
	.responsive-posts:not(.posts-2) .post-thumbnail:after {
		display: none;
	}
	.responsive-posts .post-details {
		padding-left: 0;
		padding-right: 0;
		font-weight: 700;
	}
	.documents-cart {
		display: none;
	}
	ul.documents {
		width: 100%;
		margin: 10px 0 0 0;
	}
	ul.documents:last-child {
		margin-bottom: -18px !important;
	}
	ul.documents>li {
		width: 100%;
		margin: 0 0 18px 0;
	}
	.document-link {
		padding: 10px 17px 10px 14px;
	}
	.document-meta {
		flex-flow: row nowrap;
		align-items: center;
		width: auto;
	}
	.document-type {
		margin: 0 1px 0 0;
	}
	.document-button-add {
		display: none;
	}
	.document-title {
		font-size: 12px;
		line-height: 1.7em;
	}
	.page-columns-area .documents-area:first-child {
		padding-top: 0;
	}
	.documents-headline {
		margin-bottom: 13px;
	}
	.document-category + .document-category {
		margin-top: 40px;
	}
	.mobile-filters-area {
		display: block;
		padding: 0;
	}
	.mobile-filters-area + .content + .content .filter-button, .mobile-filters-area + .content + .content .sidebar {
		display: none !important;
	}
	.mobile-filters-area + .hero .hero-text {
		margin-top: 60px;
	}
	ul.posts-2 {
		margin: 20px auto !important;
	}
	ul.posts-2>li {
		width: 100%;
		margin: 0 0 30px 0;
	}
	.posts-2 .post-details {
		padding: 17px 22px;
	}
	h2 + .featured {
		margin-top: 55px !important;
	}
	/*
	.posts-area + .posts-area {
		padding-top: 0;
	}
	*/
	.page-featured-image {
		height: 332px;
	}
	.push-up>.frame {
		margin-top: 0;
		padding: 6px 0 0 0 !important;
	}
	.single-column {
		padding: 43px 0;
	}
	.single-column.white-background + .gallery-area {
		padding-top: 0;
	}
	.gallery-area .featured-text:not(:last-child) {
		margin-top: 0;
	}
	.gallery-area + .two-equal-columns-area {
		margin-top: -23px;
	}
	.white-background + .gray-background {
		margin-top: 30px;
	}
	.three-columns-area.gray-background .frame, .two-different-columns-area .frame {
		padding: 30px 0;
	}
	.extra-large-margin {
		margin-bottom: 82px;
	}
	.two-different-columns-area.push-up {
		padding-bottom: 20px !important;
	}
	.push-down .frame {
		margin-bottom: -215px;
	}
	.push-down {
		margin-bottom: 250px;
	}
	.vertical-gallery-area + .related-area {
		padding-top: 0;
	}
	.links-area .frame:before {
		display: none;
	}
	.top-button {
		display: block;
		opacity: 0;
		pointer-events: none;
		width: 40px;
		height: 40px;
		text-indent: -100em;
		overflow: hidden;
		background: #027223;
		border: 1px solid #FFF;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		position: fixed;
		bottom: 40px;
		right: 20px;
		z-index: 510;
	}
	.scrolled .top-button {
		opacity: 1;
		pointer-events: inherit;
	}
	.drawer-open .top-button, .error404 .top-button, .page-template-login .top-button, .page-template-register .top-button {
		display: none;
	}
	.top-button:hover, .top-button:focus {
		background-color: #EBEBEB;
		border-color: #EBEBEB;
	}
	.top-button svg {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.top-button svg path {
		-webkit-transition: stroke 350ms ease-in-out;
		transition: stroke 350ms ease-in-out;
	}
	.top-button:hover svg path {
		stroke: #000;
	}
	body .translator-dropdown-languages-list {
		column-count: 6;
	}
	.page-content {
		min-height: 100vh;
	}
	.sidebar {
		padding-bottom: 10px;
	}
	.document-icon i {
		font-size: 60px;
	}
	.document-icon-extension {
		font-size: 18px;
	}
}

@media (min-width: 550px) and (max-width: 959px) {
	ul.vertical-gallery-thumbnails>li {
		width: calc(33.33% - 10px);
	}
}

@media (min-width: 550px) {
	.hero .background-image img {
		transform: translate(-50%,0);
	}
	#facetwp-map {
		height: 400px !important;
	}
}

/* Responsive Gallery */
@media (max-width: 850px) {
	.desktop-vertical-gallery-area {
		display: none;
	}
	.mobile-vertical-gallery-area {
		display: block;
	}
	/* 
	.lSSlideOuter.vertical {
		padding-right: 0 !important;
	}
	.vertical-gallery-area .lSSlideWrapper {
		margin-right: 0;
	}
	.lSSlideOuter.vertical .lSGallery {
		position: static;
	}
	.lSSlideOuter.vertical .lSGallery {
		position: static !important;
		display: flex;
		flex-flow: row wrap;
		height: auto !important;
		width: calc(100% + 10px) !important;
		margin: 20px -5px 0 -5px !important;
		-webkit-transform: none !important;
		transform: none !important;
	}
	.vertical .lSSlideWrapper, .vertical .lSSlideWrapper li {
		height: auto !important;
	}
	.the-vertical-gallery li img {
		width: 100% !important;
		height: auto !important;
		min-height: 1px !important;
	}
	.lSSlideOuter.vertical .lSGallery li {
		width: calc(50% - 10px) !important;
		height: auto !important;
		margin: 0 5px 20px 5px !important;
	}
	*/
}