@scope (.product-origin) {




.product-origin {
  font-family: sans-serif; 
  -ms-text-size-adjust: 100%; 
  -webkit-text-size-adjust: 100%; 
}



.product-origin {
  margin: 0;
}





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



audio,
canvas,
progress,
video {
  display: inline-block; 
  vertical-align: baseline; 
}



audio:not([controls]) {
  display: none;
  height: 0;
}



[hidden],
template {
  display: none;
}





a {
  background-color: transparent;
}



a:active,
a:hover {
  outline: 0;
}





abbr[title] {
  border-bottom: 1px dotted;
}



b,
strong {
  font-weight: bold;
}



dfn {
  font-style: italic;
}



h1 {
  font-size: 2em;
  margin: 0.67em 0;
}



mark {
  background: #ff0;
  color: #000;
}



small {
  font-size: 80%;
}



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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}





img {
  border: 0;
}



svg:not(.product-origin) {
  overflow: hidden;
}





figure {
  margin: 1em 40px;
}



hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}



pre {
  overflow: auto;
}



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







button,
input,
optgroup,
select,
textarea {
  color: inherit; 
  font: inherit; 
  margin: 0; 
}



button {
  overflow: visible;
}



button,
select {
  text-transform: none;
}



button,
.product-origin input[type="button"], 
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; 
  cursor: pointer; 
}



button[disabled],
.product-origin input[disabled] {
  cursor: default;
}



button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}



input {
  line-height: normal;
}



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



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



input[type="search"] {
  -webkit-appearance: textfield; 
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; 
  box-sizing: content-box;
}



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



fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}



legend {
  border: 0; 
  padding: 0; 
}



textarea {
  overflow: auto;
}



optgroup {
  font-weight: bold;
}





table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
}
@scope (.product-origin) {
@font-face {
    font-family: 'AvenirNext-Regular';
    src: url(6b77aaa0d4a9.eot);
    src: url(6b77aaa0d4a9.eot) format('embedded-opentype'),
    url(ae722cd7d2ef.svg) format('svg'),
    url(0a7bd0f28a6e.ttf) format('truetype'),
    url(31d71d809c60.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirNext-UltLt';
    src: url(79fd62a686ea.eot);
    src: url(79fd62a686ea.eot) format('embedded-opentype'),
    url(039f061c48cd.svg) format('svg'),
    url(438a2c7b344f.ttf) format('truetype'),
    url(b3ff36537888.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirNext-Medium';
    src: url(d6771379fd7f.eot);
    src: url(d6771379fd7f.eot) format('embedded-opentype'),
    url(61cdec2b2d1f.svg) format('svg'),
    url(d11bc22225fc.ttf) format('truetype'),
    url(8be86dbfb6a6.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirNext-Heavy';
    src: url(9d5fa136da53.eot);
    src: url(9d5fa136da53.eot) format('embedded-opentype'),
    url(cd26bc1c624b.svg) format('svg'),
    url(ad48d4d6b251.ttf) format('truetype'),
    url(18aadc302636.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'AvenirNext-Bold';
    src: url(58846b7a8e7f.eot);
    src: url(58846b7a8e7f.eot) format('embedded-opentype'),
    url(722fde99a3ae.svg) format('svg'),
    url(b44f6e313671.ttf) format('truetype'),
    url(6dffb7247a7b.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}

}
@scope (.product-origin) {

.product-origin, .product-origin, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header,menu, nav, section {
	display: block;
}
.product-origin {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




.product-origin { font-size: 62.5%; }
.product-origin { font-size: 1.8em;font-weight: 400;font-family: 'AvenirNext-Regular', sans-serif; color: #222;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}






.blue-title h1,
.blue-title h2 {color:#3771C8;text-transform: uppercase;}



p {line-height:1.6;margin-bottom:20px;}

em {font-style:italic;}
strong {font-family: 'AvenirNext-Bold', sans-serif;}

.entry ul,
.entry ol {margin:0 0 20px 20px;}
.entry ul {list-style:disc;}
.entry ol {list-style:decimal;}
.entry li {line-height:1.6;margin-bottom:10px;}

code { padding: 2px 5px; margin: 0 2px; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; }
pre > code { display: block; padding: 10px 15px; white-space: pre; }

hr { margin-top: 30px; margin-bottom: 35px; border-width: 0; border-top: 1px solid #E1E1E1; }

sup {font-size:11px;}



input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select { height: 38px; padding: 6px 10px; background-color: #fff; border: 1px solid #D1D1D1; border-radius: 0; box-shadow: none; box-sizing: border-box; }


input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
button,
.button,
input[type=button],
input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus { border: 1px solid #222; outline: 0; }



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


a {color:#009DDC;text-decoration:none;transition:all 0.4s ease;}
a:hover {color:#0E6B90;}
a,
a:focus {outline:none;}

.anchor {margin-top:-86px;padding-bottom:86px;display:block;position:relative;z-index:-1;}

.remove-bottom { margin-bottom:0; }
.add-bottom { margin-bottom: 20px; }
.half-bottom { margin-bottom: 10px; }
.double-bottom { margin-bottom: 40px; }
.spacer {padding-top:80px;padding-bottom:80px;}
.spacer-top {padding-top:80px;}
.spacer-btm {padding-bottom:80px;}

.left {float:left;}
.right {float:right;}
.alignleft {display: inline;float: left;margin-right: 15px;}
.alignright {display: inline;float: right;margin-left: 15px;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.nofloat {float:none !important;}

.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}
.cap {text-transform:uppercase;}

.f-light {font-family: 'AvenirNext-UltLt', sans-serif;font-weight:400;}
.f-white {color:#FCF7F7;}
.f-blue {color:#3771C8;}

.bg-cover {background-position:center center;background-repeat:no-repeat;background-size:cover;}
.bg-dark-grey {background:#313133;}
.bg-blue {background:#0085C0;}

.frame-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.frame-container iframe,
.frame-container object,
.frame-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

}
@scope (.product-origin) {


.container	{position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.column,
.columns	{ width: 100%; float: left; box-sizing: border-box; }

@media (min-width: 400px) {
	.container { width: 85%; padding: 0; }
}


@media (min-width: 750px) {
	.container					{ width: 80%; }

	.container .one-fourth	{width:23.5%;}
	.container .one-third		{width:32%;}
	.container .two-thirds	{width:66%;}
	.container .one-half		{width:49%;}
	.container .column		{float:left;margin-right:2%;}
	.container .column.last	{float:right;margin-right:0;}
}
}
@scope (.product-origin) {






header {width:100%;position:fixed;padding:10px 0;top:0;left:0;z-index:99;    background-color: rgba(15, 15, 15, 0.8);-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
header.sticky {background:rgba(255,255,255,1);box-shadow: 0 0 1em 0 rgba(45, 35, 66, 0.1);}
header:after {display:none;content:"";position:absolute;width:100%;;top:100%;left:0;    background-color: rgba(15, 15, 15, 0.8);}
header.shownav:after {display:block;}
.page-id-6 header:after {background:rgba(0,111,237,0.5);}

.logo {width:160px;float:left;z-index: 9999;position: absolute;}
.logo img {display:block;}

.logo-blue,
.logo-grey,
.logo-black{fill:#fff;}

.search-trigger {position:absolute;right:27%;font-size:18px;transition: all 0.5s;color:#fff;       top: -30px;;
;z-index: 99999999;    max-width: 20px;cursor:pointer;

;}
.search-bar {display:none;position:absolute;left:0;bottom:-57px;width:100%;;border-top:1px solid #333;padding:10px 0;text-align:center;z-index:999;}
.search-bar input[type=text] {width:60%;font-weight:700;font-size:12px;text-align:left;padding:0 5px;}
.search-bar .button {height:38px;}
.search-bar-inner {padding-right:30px;position:relative;}
.close-search-bar {position:absolute;width:30px;height:30px;text-align:right;line-height:30px;top:5px;right:0;color:#fff;}


.mainNav {;position:relative;}
.mainNav li {display:inline-block;font:18px/1 'AvenirNext-Medium', sans-serif;;position:relative;}
.mainNav > li:after {content:"";position:absolute;width:0;height:0;left:0;bottom:0;border-top:5px solid #fff;transition:all 0.6s;text-transform:uppercase;}
.mainNav li a {color:#fff;}
.mainNav li:hover:after {width:83%;}


.mainNav li ul {display:none;}
.mainNav li:hover > ul {display: block;}
.mainNav ul {position: absolute; top: 100%;width:200px;padding:20px 0;text-align:left;z-index:99;}
.mainNav ul li {display:block;font-size:16px;margin:0;text-transform:none;}

.page-id-6 .mainNav ul li a:hover {color:#333 !important;}


.mainNav {display:none;}

.mobile-nav-trigger-outter {float:right;width:30px;height:30px;z-index:99;margin-top:10px;}
.mobile-nav-trigger {display:block;}
.mobile-nav-trigger .cd-menu-icon {margin-top:15px;margin-left:15px;display: block;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 30px; height:2px;-webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute;top:0;left:0;z-index:9;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }
.mobile-nav-trigger .cd-menu-icon::before { top: -9px; }
.mobile-nav-trigger .cd-menu-icon::after { top: 9px; }
.mobile-nav-trigger .cd-menu-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.mobile-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.mobile-nav-trigger .cd-menu-icon.is-clicked { background: none !important }
.mobile-nav-trigger .cd-menu-icon,
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after,
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:#fff;}

.mobile-nav {position: fixed;visibility:hidden;opacity:0; left: 0; top: 0; height:100%;width:100%;background:#4370B6; z-index:98;transition:all 0.3s ease;overflow:scroll;}
.mobile-nav.is-visible {visibility:visible;opacity:1;z-index: 99999;}
.mobile-nav-inner {padding:100px 20px 20px;z-}

.mobileNav li,
.mobileNav li a {display:block;}
.mobileNav > li {padding-top:22px;font-size: 24px;
    font-weight: 500;
    line-height: 33.6px;}
.mobileNav li a {padding:5px 0;color:#fff;}
.mobileNav li ul {padding-left:30px;}
.mobileNav li ul li {font-size:16px;}

.post-edit-link {display:block;position:fixed;top:140px;right:0;padding:10px;z-index:99999999;background:#1C1B4A;}
.post-edit-link:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f085";color:#fff;}

header.sticky .logo-blue{fill:#4370B6;}
header.sticky .logo-grey{fill:#3B3C3D;}
header.sticky .logo-black{fill:#1A1818;}

header.sticky .mainNav li a,
header.sticky .mainNav li:after {border-color:white;}

header.sticky .mobile-nav-trigger .cd-menu-icon,
header.sticky .mobile-nav-trigger .cd-menu-icon::before,
header.sticky .mobile-nav-trigger .cd-menu-icon:after,
header.sticky .mobile-nav-trigger .cd-menu-icon.is-clicked::before,
header.sticky .mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:#4370B6;}


.cta-button-fixed {position:fixed !important;bottom:0 !important;right:0;border-radius:0 !important;}

    
.button {display:inline-block;padding:14px 30px;background:none;border:2px solid #fff;color:#4370B6;font-size: 20px;text-transform:uppercase;cursor:pointer;}
.button:hover,
.button-orange,
.gform_footer .button {border-color:#4370B6;background:#4370B6;color:#fff;}
.button-orange:hover,
.gform_footer .button:hover {border-color:#3771C8;background:#3771C8;color:#fff;}
.gform_footer {text-align:right;}
.button-blue,
.button-blue:hover {border-color:#3771C8;background:#3771C8;color:#fff;}

.alert-banner {padding:10px 0;background:#4370B6;color:#fff;}
.alert-banner span {font-size:24px;}
.alert-banner span,
.alert-banner a {color:#fff;}

.banner {display:block;width:100%;position:relative;overflow:hidden;}
.banner.desktop-banner {display:none;}

.banner-tall {height:80vh;min-height:400px;}
.banner-short {height:300px;}
.content-banner {height:50vh;min-height:300px;max-height:500px;}

.banner-shadow {position:absolute;width:100%;height:60%;left:0;bottom:0;z-index:2;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#4d000000',GradientType=0 );
}

.page-header-popup {position: absolute;top: 50%;left: 50%;font-size: 50px;display: block;width: 80px;height: 80px;border: 1px solid #fff;border-radius: 100%;text-align: center;line-height: 85px;text-indent: 3px;transform: translate(-50%,-50%);}
.page-header-popup:hover {background:rgba(255,255,255,0.6);}

.banner-inner {position:absolute;width:100%;left:0;z-index:3;}
.banner-inner-top {top:150px;}
.banner-inner-bottom {bottom:15%;}

.banner-inner h1,
.banner-inner h2 {color:#fff;margin:0;font-family:'AvenirNext-Medium', sans-serif;}
.banner-inner h1 {font-size:40px;}
.banner-animation {position:absolute;bottom:10%;left:0;width:100%;z-index:4;}
.banner-animation span {display:none;font:60px/1 'AvenirNext-UltLt';}

.teaser-banner .teaser-title-btm,
.teaser-banner .teaser-title-top {position:absolute;left:0;width:100%;color:#fff;}
.teaser-banner .teaser-title-top {top:15%;}
.teaser-banner .teaser-title-btm {bottom:15%;}


.banner video{ position:absolute; top:50%; left:50%; z-index:0; min-width:100%; min-height:100%; width:auto; height:auto; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.landing-banner {height:300px;}

.half-col {padding-top:70%;position:relative;}
.col-inner {position:absolute;width:100%;bottom:30px;left:0;z-index:3;color:#fff;}

.switch-gallery.active {display:block !important;}
.switch-button {width:65px;max-width:50%;margin:10px auto;cursor:pointer;}
.switch-icon {fill:#E6E6E6;}
.switch-gallery-trigger:hover .switch-icon {fill:#4370B6;}

.wrap-3d-item {display:none;}
.wrap-3d-item.active {display:block;}

.slider-3d {position:relative;padding-left:40px;padding-right:40px;}
.slide-3d-item {padding:0 15px;}
.feature-block {margin-bottom:60px;position:relative;padding-bottom:60px;min-height:320px}
.testimonial p {font-size:20px;line-height:2;}
.feature-block .button {position:absolute;bottom:0;left:50%;transform:translateX(-50%);}

.video-block {display:block;padding-top:80%;position:relative;}
.video-play {position:absolute;width:40px;height:40px;border:2px solid #222;border-radius:100%;font-size:20px;color:#222;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;line-height:42px;text-indent:2px;transition:all 0.4s;}
.video-pop:hover .video-play {background:rgba(0,0,0,0.5);color:#fff;}
.video-block p {font:18px/1.2 'AvenirNext-Medium', sans-serif;margin:0;}
.switch-gallery {display:none !important;padding-top:100% !important}

.home-feature-banner {height:80vh;min-height:800px;}
.home-feature-banner .banner-inner {top:auto;bottom:10%;transform:none;}

.video-banner {height:80vh;min-height:600px;}
.video-banner .video-play {width:120px;height:120px;line-height:130px;font-size:60px;}
.video-banner .banner-inner {top:10%;transform:none;}

.team-wrap {padding-top:40px;}
.team-wrap h3 {border-bottom:1px solid #ccc;margin-bottom:60px;}
.team-block {margin-bottom:30px;}
.team-block p {line-height:1.3;}
.team-block p strong {font-size:20px;}

.resource-column {margin-top:40px;}
.resource-column p,
.resource-column li,
.resource-column a {color:#fff;}
.resource-column p {margin-bottom:5px;}
.resource-column li {margin-bottom:5px;line-height:1.4;}
.resource-column li:before {content:"> ";}
.resource-column li a:hover {text-decoration:underline;}

.video-section-header {padding:30px 0;}
.video-section-header h2 {color:#fff;margin:0;}

.collapse-downloads-header {margin:0;}
.collapse-downloads-content {padding-top:30px;}
.collapse-downloads-content,
.collapse-downloads-header .fa-caret-up,
.active .collapse-downloads-header .fa-caret-down {display:none;}
.active .collapse-downloads-header .fa-caret-up,
.active .collapse-downloads-content {display:block;}

.js-focus-visible :focus:not(.focus-visible),
[data-js-focus-visible] :focus:not([data-focus-visible-added]),
.js-focus-visible:focus:not(.focus-visible),
[data-js-focus-visible]:focus:not([data-focus-visible-added]),
canvas,
iframe {outline: none !important;}


.archive-post {padding-top:20px;}
.archive-post.even-post {background:#F0F0F0;}
.archive-post-content {padding:20px 0;}
.archive-post-thumb {width:100%;height:200px;}


.panel-row {position:relative;height:40px;}
.panel-button {position:absolute;top:8px;left:10px;padding-left:30px;line-height:27px;cursor:pointer;}
.panel-button:before {content:"\f067";font-family: "Font Awesome 5 Free"; font-weight: 900;position:absolute;top:0;left:0;width:20px;height:20px;font-size:14px;text-align:center;line-height:20px;border:2px solid #222;border-radius:100%;}

.panel-row.active {height:auto;}
.panel-content,
.panel-row.active .panel-button span {display:none;}
.panel-row.active .panel-content {display:block;}
.panel-row.active .panel-button:before {content:"\f068";}

.panel-icon-nav {border-bottom:1px solid #eee;border-top:1px solid #eee;cursor:pointer;text-align:center;background:#fff;}
.icon-nav li {display:inline-block;width:30%;cursor:pointer;position:relative;}
.icon-nav li .filter-link-inner {display:block;color:#222;padding:20px;cursor:pointer;}
.icon-nav li:hover .filter-link-inner {background:rgba(142,142,142,0.3);}
.icon-nav li.active .filter-link-inner {background:rgba(142,142,142,0.6);}
.icon-nav li .filter-link-title {display:block;}
.icon-nav li .filter-link-title {font-size:11px;margin-top:10px;}

.icon-nav li a.preview-button {display:block;position:absolute;padding:0;top:-31px;left:0;width:100%;height:30px;line-height:30px;border:none;font-size:16px;color:#fff;}

.training-video-block {margin-bottom:40px;}
.training-video-thumb {display:block;position:relative;max-width:640px;margin-bottom:10px;border-radius:10px;overflow:hidden;}
.training-video-thumb img {display:block;}
.training-video-thumb .video-play {width:80px;height:80px;font-size:40px;line-height:80px;color:#fff;border-color:#fff;}
.training-video-block h4 {margin-bottom:5px;}
.training-video-block h4 a {color:#222;}

.training-nav {}
.training-nav-grid {}
.training-cat-link {display:block;padding:15px 5px;box-sizing: border-box;cursor: pointer;color:#222 !important;}
.training-cat-link:hover {background:rgba(142,142,142,0.3);}
.training-cat-link .filter-link-title {display:block;margin-top:5px;font-size:11px}

.training-sub-nav {padding:10px 0;}
.training-filter-list {text-align:right;}
.training-filter-list li {display:inline-block;padding:0 5px;margin:5px 0;font-size:13px;border-left:1px solid #ccc;cursor:pointer;}
.training-filter-list li:first-of-type {border-left:0;}
.training-filter-list li:hover,
.training-filter-list li.active {color:#3771C8;}


.project-gallery-row {padding-bottom:40px;margin-bottom:50px;border-bottom:1px solid #ccc;}
.project-gallery-grid {display: grid;grid-template-columns: repeat(auto-fill, 49%);justify-content: space-between;text-align:center;}
.gallery-block {margin-bottom:10px;}

.breadcrumbs {padding-bottom:20px;}
.breadcrumbs li {display:inline-block;font-size:14px;}
.breadcrumbs li:after {content:">";display:inline-block;margin:0 5px;}
.breadcrumbs li:last-of-type:after {display:none;}


.footer-btm {padding:30px 0;background:#050505;}

.footerNav {text-align:center;}
.footerNav li {display:inline-block;margin:5px;font-size:14px;}
.footerNav li a {color:#fff;}
.footerNav li a:hover {text-decoration: underline;}

.ca-solar,
.copy {margin-bottom:20px;text-align:center;}
.copy span {display:block;margin-bottom:20px;}
.copy span,
.copy a {color:#fff;font-size:14px;}
.copy .fab {display:inline-block;margin-left:10px;font-size:16px;}


.clearer:after,
.container:after,
.row:after,
.mainNav:after {content: ""; display: table; clear: both;}

.fas.fa-search{
    cursor:pointer;
}
.switch-gallery.active{
    cursor: pointer;
}
.ilightbox-button.dark.disabled {
    opacity: 0!important;
    }
.intercom-lightweight-app-launcher {
    bottom: 55px!important;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span
{
transition:all 2.2s ease!important;}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

#fp-nav .active::before {
    content: " ";
    display: block;
    width: 50px;
    height: 30px;
    position: absolute;
    
    right: 30px;
    top: -17px;
    bottom: 0px;
    background-image: url(cc6ed14d576c.svg);
    background-size: contain;
    background-repeat: no-repeat;
    animation: fade-in 2s ease forwards;
    opacity: 0; 
}
#fp-nav.fp-right{
        z-index: 99999;
}
#fp-nav ul li a span  {
        width: 16px!important;
    height: 16px!important;
}
.video_thumb_wrap::after{
        background-image: url(8b4db55875d3.svg)!important;

}
.video_thumb_wrap:hover::after{
            background-image: url(f7396d87f29e.svg)!important;

    }
i.fa.fa-play{
        transform: scale(0.6);
}
.training-video-thumb:hover .play-icon {
    color: black;
                fill: black!important;

}

.training-video-thumb:hover .video-play{
        background-color: white;
}

  .play-button {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid white;
            border-radius: 50%;
            background: transparent;
            transition: background 0.3s, color 0.3s;
        }

        .play-button svg {
            width: 24px;
            height: 24px;
            fill: white;
        }

        .play-button:hover {
            background: white;
        }

    .training-video-thumb:hover .play-icon polygon {
            fill: black!important;
        }
        .product-origin .product-origin header:after{
            height: 560px;
        }
                .banner_wrap h2 {

    font-size: 72px!important;

    font-weight: 400;

    line-height: 110%!important;

    letter-spacing: -2.16px;

}
.mobile_only {
display: none;
}
  .logospartners{
    padding-left: 60px;
    padding-right: 60px;
  } 
  .vps_popup_off {

    position: relative!important;

       top: 20px !important;

    right: 40px !important;

    float: right!important;

}

.vps_video_popup_wrap{

 

    max-width: 1066px;

    max-height: 560px;

    }

.vps_content iframe {



  border: none;

}

.vps_content {

  overflow: hidden;

}



.video_caption{

    z-index: -1;

}

.video_popup_wrap.on ~ .banner_block {

  z-index: auto;

}

.page-id-288 .video-play {

  background: darkgray !important;

}

.roof_type_tile .roof_type_tile.active{

    top:0;

}

.radio_toggle_image.radio_toggle_image{

    top:0;

}

    .logop{

    max-width: 100px;

    margin-right: 16px;

}

.t1{

transform: translateY(-10px);

}

.menu-item-title-0{

    cursor:pointer;

}
    @media (max-width: 1000px){
      .product-origin .product-origin header:after {
    height: 0px!important;
    pointer-events: none!important;
}
.logo img {
    margin-top: -8px!important;
}
.mobile-nav{
        background:#000
}
    .logo-container {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 16px;
    }
    .logo-container img {
        height: 30px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    }
header.shownav:after{
    display: none!important;
}
header.shownav::before {
display: none;
}
.video_caption {
         min-width: inherit!important; 
    }
    .vps_popup_off {

    top: 20px!important;

    }
header:after{
        height: 0px!important;

}
section{

    height: auto!important;

}

.internal_control{

    height: auto!important;

}
.desktop_only {
display: none;
}

.mobile_only {
display: block !important;
}

    .banner_wrap{

        padding-top: 30px!important;

    }

        .radio_toggle_section .internal_control {

        padding-top: 30px!important;

    }

    .radio_toggle_section .banner_block {

    height: 800px!important;

}

.flat_bg_section_title{

    padding-bottom: 20px!important

}

#ajaxsearchprores1_1{

            margin-top: -90px!important;

}
  .suggested-wrapper, .quick-links-wrapper{

        margin-top: -20px;



  }
  .wpsl-search {

    padding: 12px 12px 55px 12px !important;

    }
  .logospartners{
    padding-left: inherit!important;
    padding-right:inherit!important;
  } 
.copy span, .copy a{
        margin-bottom: 12px!important;
        text-align: left!important;
        display: block!important;
}
.copy a{
  margin-bottom: 12px!important;
        text-align: left!important;
        display: block!important;  
}
header.shownav:after {display:none!important;}
.section_0 h2.font_70 {
    font-size: 28px!important;
    padding-top: 50px;
transform: translateY(80%);
}

.search-trigger{
        top: -30px;
}

.section_0 .p_40 p{ 
        margin-top: 100px!important;
    font-size: 14px;

}


#menu-item-382 > a {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}

#menu-item-382 .sub-menu li > a {
    font-weight: normal; 
}
#menu-item-252 > a {
    font-weight: bold;
    margin-bottom: 10px;
}

#menu-item-252 .sub-menu li > a {
    font-weight: normal; 
}
#menu-item-221 > a {
    margin-bottom: 10px;
}

#menu-item-221 .sub-menu li > a {
    font-weight: normal; 
}
#menu-item-210 > a {
    margin-bottom: 10px;
}

.mobileNav li a {
    padding: 12px 0!important;
    }
    .mobileNav li ul li {
    font-size: 20px!important;
}
.toggle_section .switch_states_wrap{
        transform: translate(-50%, 0%)!important;
}
.yellow_link{
width: 220px !important;

}
.mobilecenter{
    text-align: center;
    margin:0 auto;
    }
        .mobile_menu_cta {
margin: 15px 0px 10px;
            text-align: center;
    display: inline-block;
    vertical-align: middle;
            background-color: white;
        color: black;
        border: none;
        border-radius: 4px;
        padding-top:8px;
        padding-right:20px;
        padding-bottom:8px;
                height: 56px !important;
        padding-left:20px;
                font: inherit !important;
    }
    header{
    z-index: 9999999999999999999999;
    
}
.long_text_left .banner_control_wrap{
    padding-top:inherit!important;
}
.scroll-container{
    display: none!important;
}
    .banner_block {
        padding: 0 16px;
    }
    #wpsl-search-wrap .wpsl-select-wrap {
    margin-left: 10px;
    }
    .archive-post {
    width: auto!important;
}
#wpsl-search-btn{
    right: 0%!important;
}
.wpsl-store-below #wpsl-gmap{
        margin-top: 90px;

}
}
    @media (max-width: 900px){
                 .section_1 .logo_row_wrap_1 svg{
        height: 74px!important;
    }
                 .section_3 .logo_row_wrap_1 svg{
        height: 74px!important;
    }
             .section_2 .logo_row_wrap_1 svg{
        height: 74px!important;
    }
          .section_4 .logo_row_wrap_1 svg{
        height: 74px!important;
    }
    .section_6 .logo_row_wrap_1 svg{
                height: 74px!important;

    }
    .section_5 .logo_row_wrap_1 svg {
        height: 64px!important;
    }
    .section_5 .logo_row_wrap_1 svg {
height: 64px !important;
}

.scroll-down{
    display: none!important;
}
    .df_caption{
    max-width: 320px!important;
    margin: 0 auto!important;
    }
    .lh_logo{
        margin-left:30px;
    }
    .sampletitle,h2.sampletitle{
        font-size: 40px;
}
}
    @media (max-width: 400px){

.toggle_section .section_text {
    max-width: 300px!important;
}


}
    @media (max-width: 643px){
       .mobile_menu_cta {
        min-width: auto !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;

}
.banner_wrap h2 {
    font-size: 28px!important;
}
.long_text_left .banner_control_wrap h2 {
    font-size: 28px!important;
}
.long_text_right .banner_control_wrap h2{
       font-size: 28px!important;
 
}
    .section_text p {
        font-size: 18px !important;
    }
.vid_cap_wrap {
    width: 280px!important;

}
.lh_logo{
    font-size: 41px!important;
}
.logo_row_wrap_1{
        margin-left: 30px;
}
}


.cta2_blue:hover {
    background-color:white;
    color: #2f5da5;
}
.blue_button:hover .yellow_link:hover, .blue_button:hover .video_caption:hover{
        background-color:white;
    color: #2f5da5;
}
.video_caption{
    pointer-events: auto!important;
}
.video_caption:hover{
background-color: white;
}

.long_text_left.banner_control_wrap{
    padding-top:280px;
}
#fp-nav{
    margin-top:40px;
}
.button-orange:hover{
        background: #fff!important;
    color: #4370B6!important;
    border: solid 2px #4370B6 !important;
}

.yellow_link:hover{
        background: #fff;
    color: #4370B6;

}

.button-orange{
    border: solid 2px #4370B6 !important;
}


.borderhoveronyellow .yellow_link:hover   {
        border: solid 2px #4370B6!important;
}
.borderhoveronyelloww{
         border: solid 2px #4370B6!important;
    }
    .borderhoveronyelloww:hover{
             border: solid 2px #4370B6!important;

    }
    #wpsl-search-btn{
  
 background-color:#2f5da5!important;
             border: solid 2px #2f5da5 !important;
         color: white!important;
        box-shadow:none!important;
            font: 18px / 1 'AvenirNext-Bold', sans-serif;
            width: 185px;
    height: 42px;
        position: absolute;
    right: 9%;
    transform: translateY(-2px);
    }
        #wpsl-search-btn:hover{
       color: #2f5da5!important;
             border: solid 2px #2f5da5 !important;
background-color:white!important;

    }
    #wpsl-wrap{
    max-width: 1600px;
    margin: 0 auto;
    }
    #wpsl-search-input {
    width: 350px;
    margin-right: 50px;
}
.wpsl-input label{
    width: 125px!important;
}
#wpsl-radius label{
        width: 125px!important;

}
.df_caption {
    font-size: 18px!important;
    background-color: #2f5da5;
    padding-top: 10px!important;
    padding-bottom: 10px;
        line-height: 1.5em;
                 border: solid 2px #2f5da5 !important;

}
.df_caption:hover{
          color: #2f5da5!important;
             border: solid 2px #2f5da5 !important;
background-color:white!important;
}
.dfl_button{
    background: #2f5da5!important;
    border: solid 2px #2f5da5 !important;

}
.dfl_button:hover{
        border: solid 2px #2f5da5 !important;
 background: white!important;
    color: #2f5da5;
}

.blue_button .yellow_link:hover{
        border: solid 2px #2f5da5 !important;
          color: #2f5da5;
}
.blue_button .yellow_link{
        border: solid 2px #2f5da5 !important;

}

.secondsec h2 {
    line-height: 1!important;
}

.firstsec h2{
    padding-top:280px;
}
.scroll-down {
   display: inline;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 25px;
    color: #ffffff;
    z-index: 100;
        width: 350px;
}
.scroll-container{
       display: inline;
    position: absolute;

    font-size: 25px;
    color: #ffffff;
    z-index: 100;

    right: 250px;
    bottom: 50px;
    transform: translateX(38%);
}

   
   .arrow-down-{
        animation: moveUpDown 1s infinite;

    width: 25px;
    height: 25px;
   display: block;
    position: absolute;

    transform: translateX(-50%);
    font-size: 30px;
    z-index: 100;
    background-size: cover;
     transition: opacity 0.5s ease, transform 0.5s ease;
   }
      .arrow-up-{
        animation: moveUpDown 1s infinite;
  
  width: 25px;
    height: 25px;
   display: block;
    position: absolute;

    transform: translateX(-50%);
    font-size: 30px;
    z-index: 100;
    background-size: cover;
     transition: opacity 0.5s ease, transform 0.5s ease;
     top: -90px;
   }

   .arrow-down.visible {
    opacity: 1;
    transform: translateY(0); 
}

.arrow-up.hidden {
    opacity: 0;
    transform: translateY(-20px); 
}


@keyframes moveUpDown {
    0%, 100% {
        transform: translate(-50%, 0);
    }
    50% {
        transform: translate(-50%, -10px);
    }
}
.pe-none{
    pointer-events: none;
}

  
    @media (min-width: 1000px){
.container{
padding-left: 60px;
    width: 100%;
    padding-right: 60px;
    min-width: 100%;
    max-width: inherit;
    }
    .section_0.left_bottom .banner_wrap {
    max-width: none;
    padding: 0px 0 60px 0px!important;
}
.tab_ctas_wrap {
    margin-right: 60px;
}
.banner_block {
    padding: 0 50px!important;
    }
.wpsl-store-below #wpsl-gmap{
        margin-top: 90px;

}
}
.section_0 .overlay{

    opacity: inherit !important;
background: linear-gradient(270deg, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 1)) 50% !important;
}
[data-aos^=fade][data-aos^=fade] {
    opacity: 1;
}


.tab_ctas_wrap {

    display: flex;
        top: 42px;
gap: 12px; 
}

header{
    box-shadow: 0 0 1em 0 rgba(45, 35, 66, 0.1);
     
          background-color: rgba(15, 15, 15, 0.8);
 content: "";


}

header.shownav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
    height: 440px!important;
  opacity: 1; 
        background-color: rgba(15, 15, 15, 0.8);
color:#4A5468;
                  backdrop-filter: blur(20px)!important;

}
header.sticky{
                      backdrop-filter: blur(10px)!important;

}

header.sticky{
        background-color: rgba(15, 15, 15, 0.8);

}
header.shownav:after,header.sticky:after{
            background-color: rgba(15, 15, 15, 0.8)!important;

    width: 100%;
border-radius: 2px;

}
header.shownav:after{
            background-color: rgba(15, 15, 15, 0.8);
    
    width: 100%;
border-radius: 4px;
display: none!important;

}

header.sticky:after {
    
    background-color: rgba(15, 15, 15, 0.8)!important;
    width: 100%;
border-radius: 2px;

}



.header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1; 
        background-color: rgba(15, 15, 15, 0.8);
color:#4A5468;

}
header.sticky .mainNav li:after{

}

.mainNav ul{
    padding-top:20px!important;
}
.mainNav ul li{

}

.mainNav li a{
font-size: 16px;
font-weight: 600;
    min-width: 100%;

}
.mainNav li {
        margin-left: 16px;

}
.navcont{

            padding-bottom: 5px;
    margin-top: -16px;
}
.navcont:after{
content: "";
    backdrop-filter: blur(20px) !important;
    position: absolute;
}
.mainNav {
    text-align: center;
    }.menu-item-title{
        font-weight: 600;
        font-size: 16px;

    }




    .mainNav li:hover:after {
    width: 83%;

}

.mainNav li.menu-item-3208:hover:after {
    width: 88%!important;
}
.mainNav li:hover:after{
        border-top: 1px solid #fff;
    margin-top: 20px;
  
}

.mainNav > li:after{
    border-top: none
}


    .menu-item-description{
        font-size: 12px;
        font-weight: 500;
        padding-top:16px;
        color:#D2D2D2!important;

    }
    .container-50{
    width: 50%;
     }
     .flex{
        display: flex;
            justify-content: space-between;
     }
.flex-100{ display: inline-flex;
width: 100%;
}

.flexcenter {
    display: flex;
    justify-content: center; 
    align-items: center; 
}
.footercont{
    padding-bottom:37px;
}
.product-origin .product-origin header:after {
    height: 560px!important;
    display: none;
}
.linkdiv{
    padding-top:18px;
    padding-bottom:18px;

}

.linkdiv-noimage{
        max-width: 300px;
}

ul .sub-menu .linkdiv-image:hover{
    background-color: #4A5468;
    color:white;
    border-radius:2px;
    padding:0px!important;
    padding-right: 0px!important;
text-indent: 0px!important;
} 
ul .sub-menu .linkdiv-image{
        background-position-y: bottom;
    background-size: 100%;
    background-position-x: 40px;
   color:white;
    border-radius:2px;
    padding:0px!important;
    padding-right: 0px!important;
text-indent: 0px!important;
        max-width: 280px;
margin-top:10px;
 background-color: rgb(46, 49, 56, 0.9);
 backdrop-filter:20px
 ;
 } 

ul .sub-menu .linkdiv:hover .menu-item-description {
color:white;
}

.linkdiv-image .menu-item-title{
    color:#F7F9FC;
    margin-top: 10px;
} 

.mainNav li ul{
    padding: 0px 0;
    }
       br {
    display: block;
}
.radius4{
      box-shadow:  -5px -4px 5.32px 0px rgba(103, 124, 166, 0.04), 
    3px 15px 17.87px 0px rgba(89, 110, 151, 0.04),
    0px 100px 80px 0px rgba(199, 211, 235, 0), 
    0px 13px 28px 0px rgba(110, 153, 221, 0.1), 
    0px 51px 51px 0px rgba(110, 153, 221, 0.09),
    0px 114px 68px 0px rgba(110, 153, 221, 0.05), 
    0px 202px 81px 0px rgba(110, 153, 221, 0.01), 
    0px 316px 89px 0px rgba(110, 153, 221, 0); 
}

.tab_ctas_wrap{
   
    top: 5px !important;


}
    .banner_block {
        padding: 0 16px;
    }
.fas.fa-search{
    cursor:pointer;
    position: absolute;
    right: 30%;
    top: -1.7vw;

}
@media screen and (min-width: 600px) and (max-width: 1000px) {



.pegasus-popup-heading{

display: none!important;

}

}

.linkdiv-noimage{
    margin-right: 0px!important;
}
.search-trigger {
    right: 45REM!important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1700px) {

.search-trigger {
        top: -30px;
}
}
    @media (max-width: 1160px){

.search-trigger {
        display: none!important;
    }
    .logo {
    width: 103px!important;
}
.menu-item-title {
    font-size: 13px!important;
    margin-top: 6px!important;
    }

    }

    ul .sub-menu .linkdiv-image::before{
         content: '';
    position: absolute;
    top: -10px;
    left: -365px;
    right: -10px;
    bottom: -43px;
    z-index: -1;
    }

    .dc4 {

}
.logo img {
        margin-top: 3px;

}
@supports (-webkit-touch-callout: none) {
    .mainNav li:hover:after {
    width: 85%;

}
}
@media (min-width: 900px) and (max-width: 1064px) {
    .section_7 .logo_row_wrap_1 svg {
    height: 104px!important;
}
    }
    @media (min-width: 700px) and (max-width: 900px) {
    .flat_bg_section_title{
            font-size: 31px!important;
}
.logo_row_wrap_1 svg {
    margin-left: 0px!important;
}
}
@media (min-width: 570px) and (max-width: 730px) {

#wpsl-search-btn, #wpsl-search-wrap div{
    float: none!important;
}
}
    @media (min-width: 1000px) and (max-width: 1125px) {

    .footer__links{
            margin-left: -70px;

    }
}
@media (min-width: 1000px) and (max-width: 1200px) {

    .footer__links{
            margin-left: -70px;

    }
       .logop{

    max-width: 70px;

    margin-right: 20px;

}
    #wpsl-search-btn{
    width: 115px;
        right: 0%;
    }
    #wpsl-search-wrap .wpsl-select-wrap{
        margin-left: -50px;

    }
        .internal_control{
            height: 110vh!important;
    }
    .section{
           height: 110vh!important;   
    }
}
.frame-container{
        padding-bottom: 20.25%;
}
.toggle_image_on .toggle_image{
object-fit: cover!important;
    top: 0px!important;
    }
    .toggle_section .toggle_image{
      object-fit: cover!important;  
          top: 0px!important;

    }

    .fas.fa-arrow-down {
    display: none;
}
.video_caption{
    cursor: pointer;
}
.fa-caret-down:before {
    cursor: pointer;
}
.fa-caret-down:after {
    cursor: pointer;
}
.fa-caret-up:before{
        cursor: pointer;
}
.fa-caret-up:after{
        cursor: pointer;
}
.page-id-202 .button.button-orange {
    display: none !important;
}
header.sticky .mobile-nav-trigger .cd-menu-icon, header.sticky .mobile-nav-trigger .cd-menu-icon::before, header.sticky .mobile-nav-trigger .cd-menu-icon:after, header.sticky .mobile-nav-trigger .cd-menu-icon.is-clicked::before, header.sticky .mobile-nav-trigger .cd-menu-icon.is-clicked::after{
    background: white;
}
@media (min-width: 768px) and (max-width: 1024px) {
.section{
    height: auto!important;
}
}
.sampletitle,h2.sampletitle{
        font-size: 70px;
}

@supports (-moz-appearance: none) {

  .navcont {

     margin-top: 0px;

  }

}


}
@scope (.product-origin) {



@media (min-width: 750px) {

	.mobile-banner {display:none;}
	.banner.desktop-banner {display:block;}
	.banner-inner h1 {font-size:50px;}

	.banner-short {height:400px;}
	.half-col {width:50%;float:left;padding-top:45%;}
	.feature-block {margin-bottom:0;}

	.video-block {float:left;}
	.video-block.third {width:33.333333%;padding-top:30%;}
	.video-block.half {width:50%;padding-top:40%;}
	.switch-gallery-block {width:50%;float:left;}
	.switch-gallery {width:100%;}

	.ca-solar {width:100px;float:left;text-align:left;margin:0}
	.copy {float:right;text-align:right;margin:0;}
	.copy span {display:inline;margin:0;}

	.archive-post-thumb {height:300px;}

	.half-col {width:50%;float:left;padding-top:45%;}

	.video-grid {display: grid;grid-template-columns: repeat(auto-fill, 48%);justify-content: space-between;}

	.project-gallery-grid {grid-template-columns: repeat(auto-fill,32%);}

}


@media (min-width: 1000px) {
	.mainNav {display:block;}
	.mobile-nav-trigger-outter,
	.mobile-nav { display: none }

	.logo {width:200px;}

	header {padding:0px 0 0;}
	.search-trigger {margin:45px 0 0 40px;}

	.header-spacer {height:102px;}
	.banner-short {height:550px;}

	.banner-inner h1 {font-size:60px;}
	.banner-animation span {margin-left:90px;}

	.archive-post {padding-top:0;}
	.archive-post-content {width:60%;float:left;padding:40px 0;}
	.archive-post.even-post .archive-post-content {float:right;}
	.archive-post-thumb {position:absolute;top:0;right:0;width:35%;height:100%;margin:0;background-size: contain !important;}
	.archive-post.even-post .archive-post-thumb {left:0;right:auto;}

	.icon-nav li {width:19%;}
	.icon-nav.show-rail li {width:13.5%;box-sizing:border-box;}

	.training-cat-link {margin-bottom:0;}

	.project-gallery-grid {grid-template-columns: repeat(auto-fill,24%);}


}


@media (min-width: 1200px) {
	.banner-inner h1 {font-size:70px;}
	.project-gallery-grid {grid-template-columns: repeat(auto-fill,19%);}

}

@media (min-width: 1400px) {
	.banner-animation span {font-size:100px;}

	.video-block.third {padding-top:25%;}
	.video-block.half {padding-top:30%;}
	.feature-block {min-height:280px;}
}

}