/******************************************************************
Site Name: Element
Author: Element Creative, LLC

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
FONT COLOR STYLES
*********************/
/*******************
USEFUL FONT MIXINS (size, color, weight, line-height)
********************/
/*Mixin for setting up Corner Clips with optional colored background shape
    - Options for Corners are topleft, topright, bottomright, bottomleft
    -structure below
    <div class="imageclip-wrap">
        <div class="imageclip">
            <div class="clip-wrap">
                <img src="" />
            </div>
        </div>
    </div>
    .imageclip-wrap{
        @include imageclip(bottomright, $lightgray);
    }
*/
/*********************
ELEMENT LIST OF MIXINS
*********************/
/*********************
Column split into X columns
@include column-count(3);
*********************/
/*********************
Column split with px gap
@include column-gap(40px);
*********************/
/*********************
Column split style
@include column-rule-style(solid);
*********************/
/*********************
Column split border
@include column-rule(1px solid #ededed);
*********************/
/*********************
Background gradient 2 color
@include background-gradient(#ccc, #000);
*********************/
/*********************
Background gradient 3 color
@include accordion-gradient(#ccc, #000, #666);
*********************/
/*********************
Transform duration by X seconds
@include transition(1.5s);
*********************/
/*********************
Transform Rotate element by x degrees
@include rotate(180);
*********************/
/*********************
Creates a 6px arrow with pure css
@include arrow(#000);
*********************/
/*********************
Clip 10px corner off the bottom right corner
@include cornerclip(#000);
*********************/
/*********************
Clip 3px corner off the bottom right corner
@include cornerclipsmall(#000);
*********************/
/*********************
Clip 10px corner off the top right corner
@include cornercliptop(#000);
*********************/
/*********************
Clip 10px corner off the top left corner
@include cornercliptopleft(#000);
*********************/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/******************************************************************
Stylesheet: Mobile Menu Styles
******************************************************************/
#wrapper-header {
  transition: 0.3s ease-in-out;
  left: 0;
}

#page-wrapper {
  transition: 0.3s ease-in-out;
  position: relative;
  left: 0;
}

#mobile-menu-button {
  width: 40px;
  height: auto;
  cursor: pointer;
  position: absolute;
  top: 67px;
  right: 20px;
  display: none;
}

#mobile-menu-button img {
  width: 100%;
  height: auto;
}

#panel {
  background-color: #fff;
  height: 100%;
  width: 300px;
  right: -310px;
  position: absolute;
  padding: 0;
  z-index: 999;
  box-shadow: 0 0 5px #000;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  border-left: 1px solid #333;
}
#panel div.menu-main-menu-container ul#menu-main-menu li.noclick > a,
#panel #main-menu div.menu-main-menu-container ul.main-nav li.noclick > a {
  cursor: pointer !important;
  pointer-events: auto !important;
}
#panel a.mobile-logo {
  text-align: center;
}
#panel a.mobile-logo img {
  max-width: 200px;
  display: block;
  margin: 0 auto;
  padding: 10px 0 15px;
}
#panel #mobile-menus-wrap {
  border-top: 1px solid #333;
}
#panel #mobile-menus-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none !important;
  /*Parent indicators*/
  /*Submenu panel*/
}
#panel #mobile-menus-wrap ul li.products {
  display: none !important;
}
#panel #mobile-menus-wrap ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  outline: none;
  width: 100%;
  background: #fff; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #fff 51%, #ccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$color1, endColorstr=$color3,GradientType=0 ); /* IE6-9 */
}
#panel #mobile-menus-wrap ul li.corporate {
  display: none;
}
#panel #mobile-menus-wrap ul li a {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.05em;
  text-decoration: none;
  margin: 0;
  padding: 4px 20px;
  display: block;
  outline: none;
  box-sizing: border-box;
}
#panel #mobile-menus-wrap ul li.menu-item-has-children a {
  background-image: none;
}
#panel #mobile-menus-wrap ul div.back {
  background: #fff;
  color: #4d4d4d;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
  cursor: pointer;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ccc;
}
#panel #mobile-menus-wrap ul div.back-inner {
  background: #151F6D;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  padding: 5px 52px;
  margin: 0 auto;
  text-align: center;
}
#panel #mobile-menus-wrap ul div.mobile-parent,
#panel #mobile-menus-wrap ul div.mobile-parent-click {
  background: #fff; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff 0%, #fff 50%, #fff 51%, #ccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$color1, endColorstr=$color3,GradientType=0 ); /* IE6-9 */
}
#panel #mobile-menus-wrap ul .menu-item-has-children div.mobile-parent-click a {
  background-image: url("/assets/images/mobile-menu/plus-white.png");
  background-repeat: no-repeat;
  background-position: 273px center;
}
#panel #mobile-menus-wrap ul div.mobile-link-btn {
  position: absolute;
  cursor: pointer;
  top: auto;
  right: 0;
  width: 38px;
  height: 38px;
  border-bottom: 1px solid #000;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #151F6D;
}
#panel #mobile-menus-wrap ul div.mobile-link-btn-arrow {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  background: url("../../assets/images/mobile-menu/plus-white.png") no-repeat center;
}
#panel #mobile-menus-wrap ul li.menu-item-has-children > a {
  position: relative;
  width: 259px;
}
#panel #mobile-menus-wrap ul li.menu-item-has-children ul {
  display: none;
}
#panel #mobile-menus-wrap ul li ul.sub-menu {
  position: absolute;
  display: block !important;
  width: 300px;
  height: 100%;
  left: 100%;
  top: 59px;
  z-index: 10;
  transition: left 0.3s ease;
  background: #fff;
  padding-left: 0;
}
#panel #mobile-menus-wrap ul li ul.sub-menu ul.sub-menu {
  top: -1px;
  background-color: rgb(95, 95, 95);
}
#panel #mobile-menus-wrap ul li ul.sub-menu ul.sub-menu li {
  background-color: #fff;
}
#panel #mobile-menus-wrap ul li ul.sub-menu.sub-menu-show-panel {
  left: 0px;
  z-index: 999;
  transition: left 0.3s ease;
}
#panel #mobile-menus-wrap ul li ul.sub-menu.sub-menu-show-panel .sub-menu-show-panel {
  left: 0px;
  width: 299px;
}
#panel #mobile-menus-wrap ul li ul.sub-menu.sub-menu-show-panel .mobile-parent a {
  color: #151F6D;
  cursor: pointer;
  border-bottom: 6px solid #151F6D;
  position: relative;
}
#panel #mobile-menus-wrap ul li ul.sub-menu.sub-menu-show-panel .mobile-parent a:after {
  height: 0;
  width: 0;
  background: none;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #151F6D;
  margin-right: 8px;
  transition: 0.2s ease-in-out;
  content: "";
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: 0.2s ease-in-out;
}
#panel #mobile-menus-wrap ul li ul.sub-menu.sub-menu-show-panel li {
  padding-left: 16px;
}
#panel #mobile-menus-wrap ul li ul.sub-menu li ul.sub-menu {
  position: absolute;
  display: block !important;
  width: 300px;
  height: 100%;
  left: 100%;
  top: 0px;
  z-index: 999;
  transition: left 0.3s ease;
  background: #fff;
  padding-left: 0;
}
#panel #mobile-menus-wrap ul li ul.sub-menu li ul.sub-menu.sub-menu-show-panel {
  left: 0px;
  transition: left 0.3s ease;
}
#panel #mobile-menus-wrap ul li ul.sub-menu li ul.sub-menu.sub-menu-show-panel .sub-menu-show-panel {
  left: 0px;
  width: 299px;
}

#panel-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
  position: absolute;
  cursor: pointer;
  z-index: 997;
  left: -100%;
  opacity: 0;
  transition: left 0s ease 0.7s, opacity 0.7s ease 0s;
}

.mobile-btn:hover span,
.mobile-btn:active span {
  background-color: #e69f30 !important;
}

body.mobile-menu-view #panel-overlay {
  left: 0;
  opacity: 0;
  transition: left 0s ease 0s, opacity 0.3s ease 0s;
}
body.mobile-menu-view #panel {
  right: 0;
  box-shadow: 0 0 5px #000;
}
body.mobile-menu-view #page-wrapper {
  left: -300px;
}
body.mobile-menu-view .mobile-btn span {
  background-color: #151F6D;
}
body.mobile-menu-view .mobile-btn span.two {
  opacity: 0;
}
body.mobile-menu-view .mobile-btn span.one {
  top: 15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
body.mobile-menu-view .mobile-btn span.three {
  top: 15px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#searchwrap {
  border: none !important;
}

#search-mobile {
  display: none;
  background-image: url("/assets/images/icon-search.png");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 42px;
  height: 44px;
  padding: 15px;
  cursor: pointer;
  top: 64px;
  right: 60px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

#searchwrap.mobile {
  transition: 0.1s ease-in-out;
  overflow: hidden;
  position: absolute;
  background: #c3c3c3;
  width: 150px !important;
  height: auto;
  max-height: 0;
  border: 1px solid #ccc;
  margin: 15px auto 0;
  top: 93px;
  right: 10px;
}
#searchwrap.mobile.active-mobilebtn {
  max-height: 44px;
}
#searchwrap.mobile input#s {
  margin: 1px 0 1px 1px;
  background: #fff;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid #c3c3c3;
  border-radius: 0;
  width: 75%;
  height: 42px;
  padding: 0 10px;
  color: #4d4d4d;
  float: left;
  line-height: 1em;
  box-sizing: border-box;
}
#searchwrap.mobile input#searchsubmit {
  margin: 1px 1px 1px 0;
  border: none;
  background: #4d4d4d;
  border-radius: 0;
  width: 23%;
  height: 42px;
  padding: 0;
  color: #fff;
  float: right;
  line-height: 1em;
  box-sizing: border-box;
}
#searchwrap.mobile input#searchsubmit:hover {
  background: #c3c3c3;
}

div.targetLanguage {
  display: none !important;
}

.mobile-btn {
  box-shadow: 0 0 5px #b7b7b7;
  background: #fff;
  border-radius: 3px;
  cursor: pointer;
  height: 33px;
  top: 70px;
  right: 10px;
  position: absolute;
  transition: 0.5s ease-in-out;
  width: 34px;
  z-index: 999;
  display: none;
}
.mobile-btn span {
  background-color: #151F6D;
  clear: both;
  display: block;
  height: 3px;
  margin: 0 auto 3px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  transition: 0.5s ease-in-out;
  width: 20px;
}
.mobile-btn span {
  background-color: #151F6D;
  opacity: 1;
}
.mobile-btn span.one {
  left: 7px;
  top: 9px;
}
.mobile-btn span.two {
  left: 7px;
  top: 15px;
}
.mobile-btn span.three {
  left: 7px;
  top: 21px;
}

.mobile-btn:hover span,
.mobile-btn:active span {
  background-color: #47672d !important;
}

@media only screen and (max-width: 767px) {
  #search-mobile,
  .mobile-btn {
    display: block;
  }
  #wrapper-header #mobile-menu-button {
    display: block;
    z-index: 9999;
  }
}
/*iPhone 5 styles (320px and smaller)*/
@media only screen and (max-width: 330px) {
  body.mobile-menu-view #page-wrapper {
    left: -265px;
  }
  body.mobile-menu-view #wrapper-header,
  body.mobile-menu-view #page-wrapper {
    left: -265px;
  }
  #panel {
    width: 265px;
    right: -275px;
  }
  #panel #mobile-menus-wrap ul li a {
    width: 100%;
    padding: 4px 38px 4px 10px;
    background-position: 243px center !important;
  }
  #panel #mobile-menus-wrap ul li.menu-item-has-children a {
    width: 264px;
    padding: 4px 38px 4px 10px;
    background-position: 243px center !important;
  }
  #panel #mobile-menus-wrap ul li ul.sub-menu {
    width: 100%;
  }
  #panel #mobile-menus-wrap ul li ul.sub-menu.sub-menu-show-panel .sub-menu-show-panel {
    left: 0px;
    width: 264px;
  }
  #panel #mobile-menus-wrap ul li ul.sub-menu li ul.sub-menu.sub-menu-show-panel .sub-menu-show-panel {
    width: 264px;
  }
}
/*********************
BASE STYLES
*********************/
#wrapper-all {
  position: relative;
  overflow: hidden;
}

#wpadminbar {
  z-index: 999999;
}

section article a {
  color: #151F6D;
}

a {
  color: #151F6D;
}

p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #7A7270;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.05em;
  margin: 0 0 15px 0;
}

h1 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 60px;
  color: #151F6D;
  font-weight: bold;
  line-height: 65px;
  margin: 0;
  padding: 0;
}

h2 {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #151F6D;
  font-weight: 900;
  line-height: 36px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 30px;
  padding: 0;
}

h3 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 36px;
  color: #151F6D;
  font-weight: bold;
  line-height: 60px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

h2.outline {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 50px;
  color: #fff;
  font-weight: 900;
  line-height: 60px;
  letter-spacing: 0.25em;
  font-style: italic;
  margin: 25px 0 45px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  color: transparent;
  position: relative;
  z-index: 10;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #BFBFBF;
}
h2.outline:before {
  content: "";
  position: absolute;
  width: 80px;
  height: 20px;
  left: -10px;
  bottom: -4px;
  background: #E0E0E0;
  z-index: -1;
}

section ul li,
section ol li {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #7A7270;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.05em;
}

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

section {
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

sup {
  display: inline-block;
}

a {
  text-underline-offset: 1px;
}

a > sup {
  text-decoration: underline;
  text-underline-offset: calc(0.5em + 1px);
}

div {
  box-sizing: border-box;
}

@media only screen and (max-width: 950px) {
  p {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #7A7270;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.05em;
  }
  h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 45px;
    color: #151F6D;
    font-weight: bold;
    line-height: 50px;
  }
  h2 {
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 25px;
    color: #151F6D;
    font-weight: 900;
    line-height: 26px;
    letter-spacing: 0.1em;
  }
  h3 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 28px;
    color: #151F6D;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 0.1em;
  }
  h2.outline {
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 45px;
    color: #fff;
    font-weight: 900;
    line-height: 55px;
    letter-spacing: 0.25em;
  }
}
@media only screen and (max-width: 767px) {
  p {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #7A7270;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.05em;
  }
  h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 45px;
    color: #151F6D;
    font-weight: bold;
    line-height: 50px;
  }
  h2 {
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 25px;
    color: #151F6D;
    font-weight: 900;
    line-height: 26px;
    letter-spacing: 0.1em;
  }
  h3 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 26px;
    color: #151F6D;
    font-weight: bold;
    line-height: 45px;
    letter-spacing: 0.1em;
  }
}
@media only screen and (max-width: 500px) {
  p {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #7A7270;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.05em;
  }
  h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 35px;
    color: #151F6D;
    font-weight: bold;
    line-height: 40px;
  }
  h2 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #151F6D;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 0.1em;
  }
  h3 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 26px;
    color: #151F6D;
    font-weight: bold;
    line-height: 40px;
    letter-spacing: 0.1em;
  }
  h2.outline {
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    line-height: 45px;
    letter-spacing: 0.25em;
  }
  h2.outline:before {
    height: 12px;
    bottom: 0;
  }
}
.termsbutton a {
  background: #151F6D;
  border: 2px solid #151F6D;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  padding: 15px 30px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  margin: 20px 0 0;
  display: inline-block;
}
.termsbutton a:hover {
  background: #fff;
  border: 2px solid #151F6D;
  color: #151F6D;
}
@media only screen and (max-width: 600px) {
  .termsbutton a {
    display: block;
    text-align: center;
  }
}

.lity-close {
  display: none !important;
}

.lity {
  background: rgba(0, 0, 0, 0.75) !important;
}

.lity-container {
  padding: 0 30px;
}

.litybox {
  overflow: auto;
  background: rgb(253, 253, 246);
  padding: 20px;
  width: 1000px;
  max-width: 100%;
  border-radius: 0px;
  max-height: 610px;
  padding: 32px 50px;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 11px 15px rgba(0, 0, 0, 0.2);
}
.litybox .closelity {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 15px;
  right: 15px;
  color: #000;
  cursor: pointer;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 26px;
  color: #000;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.05em;
  transition: 0.2s ease-in-out;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.litybox .closelity:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  background: #000;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.litybox .closelity:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 100%;
  background: #000;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.litybox .closelity:hover {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.litybox p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #7A7270;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.05em;
}
.litybox p:last-child {
  margin-bottom: 0;
}
.litybox a {
  background: #151F6D;
  border: none;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  padding: 15px 30px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  margin: 20px 0 0;
  display: inline-block;
}
.litybox a sup {
  text-decoration: none !important;
}
.litybox a:hover {
  background: #003142;
}

@media only screen and (max-width: 650px) {
  .litybox {
    padding: 32px 30px;
  }
  .lity-container {
    padding: 0;
  }
}
.imageclip {
  flex: 0 0 50%;
  min-width: 570px;
}
.imageclip .clip-wrap {
  height: 520px;
  position: relative;
}
.imageclip:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 570px;
  height: 100%;
}
.imageclip .clip-wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  height: 100%;
  position: absolute;
}
.imageclip.imageclipleft .clip-wrap:after {
  left: 0;
  background: linear-gradient(120.18deg, rgba(64, 117, 164, 0.9) 1.76%, rgba(38, 93, 141, 0) 40.27%);
}
.imageclip.imageclipleft.imageclipleftbottom {
  -webkit-clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.imageclip.imageclipleft.imagecliprightbottom {
  -webkit-clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.imageclip.imageclipright .clip-wrap:after {
  right: 0;
  background: linear-gradient(-120.18deg, rgba(64, 117, 164, 0.9) 1.76%, rgba(38, 93, 141, 0) -40.27%);
}
.imageclip.imageclipright.imagecliprightbottom {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 89% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 89% 100%, 0% 100%);
}
.imageclip.imageclipright.imagecliprighttop {
  -webkit-clip-path: polygon(0% 0%, 89% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 89% 0%, 100% 100%, 0% 100%);
}
@media only screen and (max-width: 768px) {
  .imageclip {
    min-width: 700px;
  }
}
@media only screen and (max-width: 600px) {
  .imageclip {
    min-width: 600px;
  }
}
@media only screen and (max-width: 500px) {
  .imageclip {
    min-width: 500px;
  }
}

.banner.banner-interior {
  position: relative;
  height: 450px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
}
.banner.banner-interior:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.63) 100%);
  z-index: 2;
}
.banner.banner-interior h1 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 60px;
  color: #fff;
  font-weight: bold;
  line-height: 65px;
  max-width: 1200px;
  text-align: center;
  text-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
  z-index: 3;
  position: relative;
}
.banner.banner-interior img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .banner.banner-interior {
    height: 500px;
  }
  .banner.banner-interior h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    line-height: 68px;
  }
}
@media only screen and (max-width: 600px) {
  .banner.banner-interior {
    height: 300px;
  }
  .banner.banner-interior h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    line-height: 45px;
  }
}
@media only screen and (max-width: 500px) {
  .banner.banner-interior {
    height: 200px;
  }
  .banner.banner-interior h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 35px;
  }
}

body.hero-anchor-left .banner.banner-interior img {
  -o-object-position: left center;
     object-position: left center;
}

li.noclick > a,
a.noclick {
  pointer-events: none !important;
  cursor: default !important;
}

section.interior-intro {
  margin: 90px auto 0;
}
section.interior-intro .inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 30px;
  margin: 0 auto;
}
section.interior-intro .inner .content {
  max-width: 650px;
  flex: 0 0 50%;
  padding-right: 50px;
}
section.interior-intro .inner .imageclip-wrap {
  align-self: flex-start;
  margin-top: 18px;
  position: relative;
  flex: 0 0 50%;
  min-width: 570px;
  z-index: 10;
}
section.interior-intro .inner .imageclip-wrap .imageclip {
  position: relative;
}
section.interior-intro .inner .imageclip-wrap .imageclip .clip-wrap {
  height: 520px;
  position: relative;
}
section.interior-intro .inner .imageclip-wrap .imageclip:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 570px;
  height: 100%;
}
section.interior-intro .inner .imageclip-wrap .imageclip .clip-wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  height: 100%;
  position: absolute;
}
section.interior-intro .inner .imageclip-wrap .imageclip .clip-wrap:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
section.interior-intro .inner .imageclip-wrap .clip-wrap:after {
  left: 0;
  background: linear-gradient(120deg, rgba(64, 117, 164, 0.9) 1.76%, rgba(38, 93, 141, 0) 40.27%);
}
section.interior-intro .inner .imageclip-wrap .imageclip {
  left: 10%;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 11% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 11% 100%);
}
section.interior-intro .inner .imageclip-wrap:after {
  content: "";
  position: absolute;
  top: -12%;
  left: 0;
  z-index: -1;
  width: 200%;
  height: 100%;
  background-color: #E0E0E0;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5.5% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5.5% 100%);
}
@media only screen and (max-width: 768px) {
  section.interior-intro .inner .imageclip-wrap .imageclip {
    height: 300px;
  }
  section.interior-intro .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
  section.interior-intro .inner .imageclip-wrap .imageclip .clip-wrap img {
    -o-object-position: center !important;
       object-position: center !important;
  }
}
@media only screen and (max-width: 500px) {
  section.interior-intro .inner .imageclip-wrap .imageclip {
    height: 300px;
    min-width: 320px;
  }
  section.interior-intro .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
}
@media only screen and (max-width: 1200px) {
  section.interior-intro .inner {
    padding: 30px 30px 0;
  }
  section.interior-intro .inner .content {
    flex: 0 0 50%;
  }
  section.interior-intro .inner .imageclip-wrap {
    flex: 0 0 50%;
    min-width: 0px;
    margin-top: -60px;
  }
}
@media only screen and (max-width: 768px) {
  section.interior-intro {
    margin: 45px auto;
  }
  section.interior-intro .inner {
    flex-direction: column;
  }
  section.interior-intro .inner .content {
    flex: 0 0 100%;
    padding: 0;
    margin-bottom: 90px;
  }
  section.interior-intro .inner .imageclip-wrap {
    flex: 0 0 100%;
    margin: 30px -60px 0 0;
  }
}

body.feature-image-center section.interior-intro .inner .imageclip-wrap .imageclip .clip-wrap img {
  -o-object-position: center center;
     object-position: center center;
}

section.default-intro .inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 60px 30px;
}

section.error .inner {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 60px 30px;
}
section.error .content-bottom {
  margin-top: 60px;
}
section.error form[role=search] {
  margin: 15px 0;
}
section.error form[role=search] div {
  display: flex;
  flex-direction: row;
}
section.error form[role=search] input[type=submit],
section.error form[role=search] button[type=submit] {
  background: #151F6D;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  padding: 14px 52px;
  margin: 0;
  border: none;
  display: inline-block;
}
section.error form[role=search] input {
  padding: 13px 15px !important;
  box-sizing: border-box;
  line-height: 20px;
  outline: none;
  color: #343434;
  font-weight: 300;
  background: #fff;
  font-size: 16px;
  overflow: visible;
  border: 2px solid #343434;
  margin: 0;
}
section.error form[role=search] input::-webkit-input-placeholder {
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-family: "Lato", sans-serif !important;
  color: #343434 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 20px !important;
}
section.error form[role=search] input::-moz-placeholder {
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-family: "Lato", sans-serif !important;
  color: #343434 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 20px !important;
}
section.error form[role=search] input::placeholder {
  transition: 0.2s ease-in-out;
  font-family: "Lato", sans-serif !important;
  color: #343434 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 20px !important;
}
section.error article {
  padding: 15px 15px;
  border: 2px solid #343434;
  margin: 10px 0;
}
section.error article h2.entry-title a {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #000;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
  margin: 0;
  padding: 0;
  display: block;
}

section.gridwrap {
  position: relative;
  margin-top: 100px;
}
section.gridwrap:before {
  content: "";
  position: absolute;
  bottom: -400px;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 952px;
  height: 1135px;
  z-index: -1;
  background-color: #fff;
  background-image: url("../../assets/images/blueprint-3.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
section.gridwrap:after {
  content: "";
  position: absolute;
  top: -100px;
  right: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 449px;
  height: 727px;
  z-index: -1;
  background-color: #fff;
  background-image: url("../../assets/images/blueprint-4.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
section.gridwrap .inner.inner-top {
  padding: 30px 30px 30px;
  margin: 0 auto;
  max-width: 900px;
}
section.gridwrap .inner.inner-top .content {
  flex: 0 0 65%;
  padding-right: 50px;
}
section.gridwrap .inner.inner-bottom {
  padding: 30px 30px 30px;
  margin: 0 auto;
  max-width: 1200px;
}
section.gridwrap .grid {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 30px;
}
section.gridwrap .grid .item {
  cursor: pointer;
  position: relative;
}
section.gridwrap .grid .item:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
section.gridwrap .grid .item p {
  z-index: 10;
}
section.gridwrap .grid[data-count="2"] a {
  flex-basis: calc(50% - 24px);
}
section.gridwrap .grid[data-count="3"] a {
  flex-basis: calc(33.33% - 24px);
}
section.gridwrap .grid[data-count="4"] a {
  flex-basis: calc(25% - 24px);
}
section.gridwrap .grid[data-count="5"] a {
  flex-basis: calc(33.33% - 24px);
}
section.gridwrap .grid[data-count="6"] a {
  flex-basis: calc(33.33% - 24px);
}
section.gridwrap .grid[data-count="7"] a {
  flex-basis: calc(25% - 24px);
}
section.gridwrap .grid a {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  margin: 0 12px 24px;
  flex-basis: calc(25% - 24px);
  max-width: 250px;
}
section.gridwrap .grid a p {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  line-height: 25px;
  position: absolute;
  bottom: 15px;
  left: 0;
  padding: 0 5px 0 45px;
  margin: 0;
}
section.gridwrap .grid a p:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: 0.2s ease-in-out;
  background-image: url("../../assets/images/arrow-red-circle.svg");
  background-size: cover;
  background-position: center;
}
section.gridwrap .grid a img {
  transition: 0.2s ease-in-out;
  display: block;
}
section.gridwrap .grid a:hover p:before {
  left: 15px;
}
section.gridwrap .grid a:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
@media only screen and (max-width: 900px) {
  section.gridwrap .grid[data-count="2"] a {
    flex-basis: calc(50% - 24px);
  }
  section.gridwrap .grid[data-count="3"] a {
    flex-basis: calc(33.33% - 24px);
  }
  section.gridwrap .grid[data-count="4"] a {
    flex-basis: calc(50% - 24px);
  }
  section.gridwrap .grid[data-count="5"] a {
    flex-basis: calc(33.33% - 24px);
  }
  section.gridwrap .grid[data-count="6"] a {
    flex-basis: calc(33.33% - 24px);
  }
  section.gridwrap .grid[data-count="7"] a {
    flex-basis: calc(33.33% - 24px);
  }
}
@media only screen and (max-width: 768px) {
  section.gridwrap .grid[data-count="2"] a {
    flex-basis: calc(50% - 24px);
  }
  section.gridwrap .grid[data-count="3"] a {
    flex-basis: calc(50% - 24px);
  }
  section.gridwrap .grid[data-count="4"] a {
    flex-basis: calc(50% - 24px);
  }
  section.gridwrap .grid[data-count="5"] a {
    flex-basis: calc(50% - 24px);
  }
  section.gridwrap .grid[data-count="6"] a {
    flex-basis: calc(50% - 24px);
  }
  section.gridwrap .grid[data-count="7"] a {
    flex-basis: calc(50% - 24px);
  }
}
section.gridwrap .content-bottom {
  display: flex;
  flex-direction: row;
  text-align: left;
  padding: 75px 30px 0;
  max-width: 1150px;
  margin: 0 auto;
}
section.gridwrap .content-bottom .half {
  flex: 0 0 50%;
}
section.gridwrap .content-bottom a {
  color: #343434;
  text-decoration: none;
}
section.gridwrap .content-bottom a strong {
  text-decoration: underline;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #343434;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.05em;
}
section.gridwrap .content-bottom h2 {
  margin: 0 0 15px;
  padding: 0;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 46px;
  color: #151F6D;
  font-weight: bold;
  line-height: 50px;
  text-transform: initial;
}
section.gridwrap .content-bottom h3 {
  margin: 0 0 38px;
  padding: 0;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #7A7270;
  font-weight: 900;
  line-height: 36px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  section.gridwrap .content-bottom {
    flex-direction: column;
  }
  section.gridwrap:after {
    right: -40%;
  }
  section.gridwrap .grid {
    padding: 0;
  }
  section.gridwrap .inner.inner-bottom .content-bottom {
    padding: 75px 0px 0;
  }
}
@media only screen and (max-width: 700px) {
  section.gridwrap .inner {
    padding: 83px 30px 45px;
  }
}
@media only screen and (max-width: 650px) {
  section.gridwrap .grid {
    flex-direction: column;
    width: auto;
  }
  section.gridwrap .grid a img {
    max-width: none;
    width: 100%;
    height: auto;
  }
  section.gridwrap .grid a {
    margin: 0 auto 30px;
    flex-basis: 100% !important;
    width: 100%;
    max-width: 400px;
  }
}

.text-button, .navigation.posts-navigation a, .blog a.viewall, .archive a.viewall {
  background: #151F6D;
  border: none;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  padding: 15px 30px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  margin: 20px 0 0;
  display: inline-block;
}
.text-button sup, .navigation.posts-navigation a sup, .blog a.viewall sup, .archive a.viewall sup {
  text-decoration: none !important;
}
.text-button:hover, .navigation.posts-navigation a:hover, .blog a.viewall:hover, .archive a.viewall:hover {
  background: #003142;
}

section.content-image {
  margin: 90px auto 0;
}
section.content-image .inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 30px;
  margin: 0 auto;
}
section.content-image .inner .content {
  max-width: 650px;
  flex: 0 0 50%;
  padding-right: 50px;
  padding-top: 5.5%;
}
section.content-image .inner .imageclip-wrap {
  align-self: flex-start;
  margin-top: 18px;
  position: relative;
  flex: 0 0 50%;
  min-width: 570px;
  z-index: 10;
}
section.content-image .inner .imageclip-wrap .imageclip {
  position: relative;
}
section.content-image .inner .imageclip-wrap .imageclip .clip-wrap {
  height: 520px;
  position: relative;
}
section.content-image .inner .imageclip-wrap .imageclip:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 570px;
  height: 100%;
}
section.content-image .inner .imageclip-wrap .imageclip .clip-wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  height: 100%;
  position: absolute;
}
section.content-image .inner .imageclip-wrap .imageclip .clip-wrap:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
section.content-image .inner .imageclip-wrap .clip-wrap:after {
  left: 0;
  background: linear-gradient(120deg, rgba(64, 117, 164, 0.9) 1.76%, rgba(38, 93, 141, 0) 40.27%);
}
section.content-image .inner .imageclip-wrap .imageclip {
  left: 10%;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 11% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 11% 100%);
}
section.content-image .inner .imageclip-wrap:after {
  content: "";
  position: absolute;
  top: -12%;
  left: 0;
  z-index: -1;
  width: 200%;
  height: 100%;
  background-color: #E0E0E0;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5.5% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5.5% 100%);
}
@media only screen and (max-width: 768px) {
  section.content-image .inner .imageclip-wrap .imageclip {
    height: 300px;
  }
  section.content-image .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
  section.content-image .inner .imageclip-wrap .imageclip .clip-wrap img {
    -o-object-position: center !important;
       object-position: center !important;
  }
}
@media only screen and (max-width: 500px) {
  section.content-image .inner .imageclip-wrap .imageclip {
    height: 300px;
    min-width: 320px;
  }
  section.content-image .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
}
section.content-image[data-image=left] {
  margin: -90px auto 90px;
}
section.content-image[data-image=left] .inner {
  justify-content: flex-start;
}
section.content-image[data-image=left] .inner .content {
  order: 2;
  align-self: flex-end;
  padding-left: 96px;
  max-width: 625px;
}
section.content-image[data-image=left] .inner .imageclip-wrap {
  order: 1;
  margin: 0;
  position: relative;
  flex: 0 0 50%;
  min-width: 570px;
  z-index: 10;
}
section.content-image[data-image=left] .inner .imageclip-wrap .imageclip {
  position: relative;
}
section.content-image[data-image=left] .inner .imageclip-wrap .imageclip .clip-wrap {
  height: 520px;
  position: relative;
}
section.content-image[data-image=left] .inner .imageclip-wrap .imageclip:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 570px;
  height: 100%;
}
section.content-image[data-image=left] .inner .imageclip-wrap .imageclip .clip-wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  height: 100%;
  position: absolute;
}
section.content-image[data-image=left] .inner .imageclip-wrap .imageclip .clip-wrap:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
section.content-image[data-image=left] .inner .imageclip-wrap .clip-wrap img {
  -o-object-position: center !important;
     object-position: center !important;
}
section.content-image[data-image=left] .inner .imageclip-wrap .clip-wrap:after {
  right: 0;
  background: linear-gradient(120deg, rgba(64, 117, 164, 0.9) 1.76%, rgba(38, 93, 141, 0) 40.27%);
}
section.content-image[data-image=left] .inner .imageclip-wrap .imageclip {
  right: 10%;
  left: auto;
  -webkit-clip-path: polygon(0% 0%, 89% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 89% 0%, 100% 100%, 0% 100%);
}
section.content-image[data-image=left] .inner .imageclip-wrap:after {
  content: "";
  position: absolute;
  top: 12%;
  right: 0;
  left: auto;
  z-index: -1;
  width: 200%;
  height: 100%;
  background-color: #E0E0E0;
  -webkit-clip-path: polygon(0% 0%, 94.5% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 94.5% 0%, 100% 100%, 0% 100%);
}
@media only screen and (max-width: 768px) {
  section.content-image[data-image=left] .inner .imageclip-wrap .imageclip {
    height: 300px;
  }
  section.content-image[data-image=left] .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
  section.content-image[data-image=left] .inner .imageclip-wrap .imageclip .clip-wrap img {
    -o-object-position: center !important;
       object-position: center !important;
  }
}
@media only screen and (max-width: 500px) {
  section.content-image[data-image=left] .inner .imageclip-wrap .imageclip {
    height: 300px;
    min-width: 320px;
  }
  section.content-image[data-image=left] .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
}
@media only screen and (max-width: 1200px) {
  section.content-image[data-image=left] .inner .content {
    padding-left: 26px;
    padding-top: 90px;
    flex: 0 0 60%;
  }
  section.content-image[data-image=left] .inner .imageclip-wrap {
    min-width: 0px !important;
    flex: 0 0 40%;
  }
  section.content-image[data-image=left] .inner .imageclip-wrap .imageclip {
    min-width: 0px !important;
  }
  section.content-image[data-image=right] .inner .content {
    padding: 90px 0 0 0;
    order: 2;
  }
  section.content-image[data-image=right] .inner .imageclip-wrap {
    order: 1;
  }
  section.content-image .inner {
    padding: 30px 30px 0;
  }
  section.content-image .inner .content {
    flex: 0 0 50%;
  }
  section.content-image .inner .imageclip-wrap {
    flex: 0 0 50%;
    min-width: 0px;
    margin-top: -60px;
  }
}
@media only screen and (max-width: 768px) {
  section.content-image .inner {
    flex-direction: column;
  }
  section.content-image .inner .content {
    flex: 0 0 100%;
    padding: 0;
  }
  section.content-image .inner .imageclip-wrap {
    flex: 0 0 100%;
    margin: 30px -60px 0 0;
  }
  section.content-image[data-image=left] .inner .imageclip-wrap {
    min-width: 400px !important;
    flex: 0 0 40%;
    align-self: flex-end !important;
  }
  section.content-image[data-image=left] .inner .imageclip-wrap .imageclip {
    min-width: 400px !important;
  }
  section.content-image[data-image=left] .inner .content {
    flex: 0 0 100%;
    padding: 100px 0 0;
  }
}

section.plain {
  border-top: 2px solid #E0E0E0;
}
section.plain .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 30px;
}
section.plain .inner h1 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 36px;
  color: #151F6D;
  font-weight: bold;
  line-height: 60px;
  letter-spacing: 0.1em;
  margin: 0 0 15px 0;
}

a.blue-button {
  background: #151F6D;
  border: none;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  padding: 15px 30px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  margin: 20px 0 0;
  display: inline-block;
}
a.blue-button:hover {
  background: #003142;
}

#thrive-styles .interior-intro.product-banner {
  background: #000;
}
#thrive-styles .interior-intro.product-banner .content h1 {
  color: #FFFFFF;
}
#thrive-styles .interior-intro.product-intro:after {
  background-image: url("../../assets/images/vortex.png");
  opacity: 0.2;
  right: -15%;
}
#thrive-styles section#products .product-tab-wrap .product-tab-contents .product-tab-content a {
  display: block;
}

a.blue-button-thrive {
  background: transparent;
  border: 2px solid transparent;
  -o-border-image: linear-gradient(90deg, #ECFF10, #00B3E6) 1;
     border-image: linear-gradient(90deg, #ECFF10, #00B3E6) 1;
  box-sizing: border-box !important;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
  z-index: 5;
  text-decoration: none;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  padding: 16px 33px;
  margin: 0;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
a.blue-button-thrive:after {
  content: "";
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #002A3C;
  z-index: -1;
}
a.blue-button-thrive:before {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  -webkit-transform: none;
          transform: none;
  background: linear-gradient(90deg, #ECFF10, #00B3E6);
}
a.blue-button-thrive:hover {
  color: #fff;
  background: none;
  text-decoration: none;
}
a.blue-button-thrive:hover:before {
  width: 100%;
  transition: width 500ms;
}

a.thrive-button {
  background: transparent;
  border: 5px solid transparent;
  box-sizing: border-box !important;
  background-clip: padding-box;
  padding: 8px 10px 8px;
  display: inline-block;
  position: relative;
  margin: 0;
}
a.thrive-button span {
  padding: 10px 25px;
  display: block;
  background: #002A3C;
  border: none;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}
a.thrive-button:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  box-sizing: border-box !important;
}
a.thrive-button:after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #ECFF10, #00B3E6);
}
a.thrive-button:hover {
  color: #fff;
  background: none;
  text-decoration: none;
}
a.thrive-button:hover:before {
  width: 0;
  transition: width 500ms;
}

.thrive-bg-table {
  background: rgb(212, 231, 52) !important;
  position: relative;
}
.thrive-bg-table:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #E0E0E0;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 600px) {
  .thrive-bg-table td:first-child {
    background: rgb(212, 231, 52) !important;
  }
  .thrive-bg-table:after {
    display: none;
  }
}

.banner.thrive-header {
  background: url("/wp-content/themes/element/assets/images/thrive-gears.jpg");
  background-size: cover;
  background-position: center;
}
.banner.thrive-header img {
  -o-object-fit: unset;
     object-fit: unset;
  position: relative;
  z-index: 3;
  max-width: 400px;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 600px) {
  .banner.thrive-header img {
    max-width: 300px;
    padding: 50px 3%;
  }
}
.banner.thrive-header:after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.63) 50%);
}
@media only screen and (max-width: 500px) {
  .banner.thrive-header {
    height: auto;
  }
}

/*********************
BLOG STYLES
*********************/
#wrapper-header {
  z-index: 999999;
  position: relative;
}
#wrapper-header #wrapper-header-top {
  max-width: 1330px;
  margin: 0 auto;
  position: relative;
  height: 104px;
}
#wrapper-header #logo {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
#wrapper-header #logo a {
  display: inline-block;
  padding: 16px 0px 21px;
}
#wrapper-header #logo svg,
#wrapper-header #logo img {
  max-width: 284px;
  width: 100%;
  height: auto;
  padding-left: 15px;
}
#wrapper-header #hiddensearchbox {
  position: absolute;
  right: 0px;
  top: -200px;
  background: #fff;
  padding: 0;
  opacity: 0;
  transition: 0.2s ease-in-out;
  z-index: 9999;
}
#wrapper-header #hiddensearchbox.active {
  opacity: 1;
  top: 45px;
}
#wrapper-header #hiddensearchbox form#searchform {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
#wrapper-header #hiddensearchbox form#searchform > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#wrapper-header #hiddensearchbox label {
  display: block;
}
#wrapper-header #hiddensearchbox input {
  padding: 0px 15px;
  line-height: 1.4em;
  outline: none;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  line-height: 36px;
  background-color: rgba(0, 0, 0, 0);
  border-top: 2px solid #151F6D;
  border-left: 2px solid #151F6D;
  border-bottom: 2px solid #151F6D;
  border-right: none;
  margin: 0;
}
#wrapper-header #hiddensearchbox input[type=submit] {
  background-color: #343434;
  background-image: url("../../assets/images/arrow-red-circle.svg");
  background-repeat: no-repeat;
  background-position: 85% 50%;
  background-size: 30px 30px;
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #151F6D;
  border-radius: 0;
  line-height: 1em;
  letter-spacing: 0.05em;
  padding: 0;
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  padding: 10px 55px 10px 25px;
  transition: 0.2s ease-in-out;
  cursor: pointer;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 1em;
}
#wrapper-header #hiddensearchbox input[type=submit]:hover {
  background-position: 90% 50%;
}
#wrapper-header .search-button {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  font-weight: 400;
  line-height: 16px;
  position: relative;
  margin-top: 10px;
  padding: 0 20px 0 10px;
  border-left: 1px solid #000;
  height: 14px;
  cursor: pointer;
}
#wrapper-header .search-button:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 15px;
  margin: 0;
  padding: 0;
  font-size: 0;
  -webkit-appearance: none;
  border: none;
  background: url("/wp-content/themes/element/assets/images/icon-search.png") white;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#wrapper-header #top-menu {
  position: absolute;
  top: 0px;
  right: 20px;
  display: flex;
  flex-direction: row;
}
#wrapper-header #top-menu .usventure {
  text-align: center;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  line-height: 16px;
  padding: 10px 28px 4px;
  margin: 0 0 0 10px;
}
#wrapper-header #top-menu .usventure a {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}
#wrapper-header #top-menu .usventure img {
  display: block;
}
#wrapper-header #top-menu ul {
  margin: 7px 0 0 0;
  padding: 0;
}
#wrapper-header #top-menu ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  font-weight: 400;
  line-height: 16px;
}
#wrapper-header #top-menu ul li a {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  position: relative;
  padding: 0 11px;
}
#wrapper-header #top-menu ul li:after {
  content: "";
  width: 1px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #000;
}
#wrapper-header #top-menu ul li:last-child:after {
  display: none;
}
#wrapper-header #top-menu ul li:hover a, #wrapper-header #top-menu ul li.current-menu-item a, #wrapper-header #top-menu ul li.current_page_parent a {
  color: #CB3338;
}
#wrapper-header #main-menu {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}
#wrapper-header #main-menu ul.menu > li {
  position: relative;
}
#wrapper-header #main-menu ul.menu > li:before {
  width: 100%;
  content: "";
  height: 6px;
  pointer-events: none;
  position: absolute;
  bottom: 0px;
  left: 0;
  background-color: #151F6D;
  transition: 0.2s ease-in-out;
  opacity: 0;
}
#wrapper-header #main-menu ul.menu > li:after {
  height: 0;
  width: 0;
  background: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #151F6D;
  margin-right: 8px;
  transition: 0.2s ease-in-out;
  content: "";
  pointer-events: none;
  position: absolute;
  bottom: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  transition: 0.2s ease-in-out;
  opacity: 0;
}
#wrapper-header #main-menu ul.menu > li.menu-item-has-children.current_page_ancestor:before, #wrapper-header #main-menu ul.menu > li.menu-item-has-children.current_page_ancestor:after, #wrapper-header #main-menu ul.menu > li.menu-item-has-children.current-menu-item:before, #wrapper-header #main-menu ul.menu > li.menu-item-has-children.current-menu-item:after, #wrapper-header #main-menu ul.menu > li.menu-item-has-children:hover:before, #wrapper-header #main-menu ul.menu > li.menu-item-has-children:hover:after {
  opacity: 1;
}
#wrapper-header #main-menu ul.menu > li.current-menu-item:before, #wrapper-header #main-menu ul.menu > li:hover:before {
  opacity: 1;
}
#wrapper-header #main-menu ul {
  margin: 0;
  padding: 0;
}
#wrapper-header #main-menu ul li {
  position: relative;
  display: inline-block;
}
#wrapper-header #main-menu ul li.corporate {
  display: none;
}
#wrapper-header #main-menu ul li a {
  color: #000;
  text-decoration: none;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #000;
  font-weight: 400;
  line-height: 22px;
  padding: 0 30px 20px;
  display: block;
}
#wrapper-header #main-menu ul li ul.sub-menu {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(0);
          transform: translateX(-50%) scaleY(0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  background: #fff;
  z-index: -1;
  transition: 0.2s ease-in-out;
  margin: 0;
  padding: 0;
  min-width: 100%;
}
#wrapper-header #main-menu ul li ul.sub-menu:before {
  width: 100%;
  content: "";
  height: 6px;
  pointer-events: none;
  position: absolute;
  top: -6px;
  left: 0;
  background-color: #151F6D;
  transition: 0.2s ease-in-out;
}
#wrapper-header #main-menu ul li ul.sub-menu li a {
  padding: 8px 20px 8px 20px;
}
#wrapper-header #main-menu ul li ul.sub-menu li a:hover, #wrapper-header #main-menu ul li ul.sub-menu li.current-menu-item a {
  color: #CB3338;
}
#wrapper-header #main-menu ul li ul.sub-menu li.anchor.current-menu-item a, #wrapper-header #main-menu ul li ul.sub-menu li.anchor a {
  color: #000;
}
#wrapper-header #main-menu ul li ul.sub-menu li.anchor.current-menu-item a:hover, #wrapper-header #main-menu ul li ul.sub-menu li.anchor a:hover {
  color: #CB3338;
}
#wrapper-header #main-menu ul li ul.sub-menu li:first-child a {
  padding: 14px 20px 8px 20px;
}
#wrapper-header #main-menu ul li ul.sub-menu li:last-child a {
  padding: 8px 20px 18px 20px;
}
#wrapper-header #main-menu ul li ul.sub-menu li {
  white-space: nowrap;
}
#wrapper-header #main-menu ul li:hover ul.sub-menu {
  display: block;
  -webkit-transform: translateX(-50%) scaleY(1);
          transform: translateX(-50%) scaleY(1);
}
@media only screen and (max-width: 1150px) {
  #wrapper-header #logo a {
    padding: 10px 0 0 0;
  }
  #wrapper-header #main-menu ul li a {
    padding: 0 30px 10px;
  }
}
@media only screen and (max-width: 900px) {
  #wrapper-header #main-menu ul li a {
    padding: 0 15px 10px;
  }
}
@media only screen and (max-width: 768px) {
  #wrapper-header #wrapper-header-top {
    height: 115px;
  }
  #wrapper-header #wrapper-header-top #main-menu {
    display: none;
  }
  #wrapper-header #logo {
    top: 30px;
  }
  #wrapper-header #logo a {
    padding: 10px 0;
  }
  #wrapper-header .mobile-btn {
    top: 55px;
  }
}
@media only screen and (max-width: 480px) {
  #wrapper-header #wrapper-header-top #wrapper-header {
    height: 115px;
  }
  #wrapper-header #wrapper-header-top #logo {
    top: 35px;
  }
  #wrapper-header #wrapper-header-top #logo a {
    padding: 10px 0;
  }
  #wrapper-header #wrapper-header-top #top-menu {
    right: 0;
  }
  #wrapper-header #wrapper-header-top #top-menu .search-button,
  #wrapper-header #wrapper-header-top #top-menu .menu {
    display: none;
  }
}

/*********************
BLOG STYLES
*********************/
footer {
  background: #151F6D;
}
footer .top {
  padding: 124px 30px 58px;
  max-width: 1330px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
footer .top .logo {
  flex: 0 0 116px;
}
footer .top .logo a {
  padding: 0 40px 0 0;
}
footer .top .menu {
  flex: 0 0 calc(100% - 116px);
}
footer .top .menu ul.menu {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
footer .top .menu ul li {
  list-style: none;
  position: relative;
  max-width: 200px;
}
footer .top .menu ul li > a {
  font-weight: bold;
  padding-bottom: 5px;
  display: block;
}
footer .top .menu ul li.bold ul li a {
  font-weight: bold;
}
footer .top .menu a {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}
footer .top .menu ul.sub-menu {
  margin: 0;
  padding: 0;
}
footer .top .menu ul.sub-menu li a {
  padding: 0 0 10px;
  display: block;
  font-weight: normal;
}
footer .bottom {
  margin: 0 auto;
  max-width: 1390px;
  padding: 37px 30px 34px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
footer .bottom:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 1px;
  background: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
footer .bottom p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
footer .bottom .menu ul {
  margin: 0;
  padding: 0;
}
footer .bottom .menu ul li {
  list-style: none;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
footer .bottom .menu ul li:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
}
footer .bottom .menu ul li:last-child:after {
  display: none;
}
footer .bottom .menu a {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  padding: 0 16px;
}
footer .social a {
  padding: 0 0 0 10px;
}
@media only screen and (max-width: 1375px) {
  footer .bottom {
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  footer .bottom .copy {
    order: 3;
    flex: 0 0 50%;
    text-align: left;
    padding: 0 15px;
  }
  footer .bottom .menu {
    order: 1;
    flex: 0 0 100%;
    padding-bottom: 20px;
  }
  footer .bottom .menu ul {
    text-align: center;
    margin-bottom: 20px;
  }
  footer .bottom .social {
    order: 2;
    flex: 0 0 50%;
    text-align: right;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 1250px) {
  footer .top .menu ul li {
    padding-right: 15px;
  }
}
@media only screen and (max-width: 1100px) {
  footer .top {
    align-items: center;
    flex-wrap: wrap;
    padding: 75px 30px 58px;
  }
  footer .top .logo {
    flex: 0 0 100%;
    text-align: center;
    padding-bottom: 30px;
  }
  footer .top .logo a {
    padding: 0;
  }
  footer .top .menu {
    flex: 0 0 100%;
  }
  footer .top .menu ul li {
    padding-right: 0;
  }
  footer .bottom .menu ul {
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
  }
  footer .bottom .menu ul li:nth-child(3n+3):after {
    display: none !important;
  }
}
@media only screen and (max-width: 950px) {
  footer .top .menu ul.menu {
    justify-content: center;
    flex-wrap: wrap;
  }
  footer .top .menu ul.menu > li {
    max-width: none;
    padding-bottom: 30px;
  }
  footer .top .menu ul.menu > li:nth-child(1) {
    flex: 0 0 33.33%;
  }
  footer .top .menu ul.menu > li:nth-child(2) {
    flex: 0 0 33.33%;
  }
  footer .top .menu ul.menu > li:nth-child(3) {
    flex: 0 0 33.33%;
  }
  footer .top .menu ul.menu > li:nth-child(4) {
    flex: 0 0 33.33%;
  }
  footer .top .menu ul.menu > li:nth-child(5) {
    flex: 0 0 33.33%;
  }
  footer .top .menu ul.menu > li:nth-child(6) {
    flex: 0 0 33.33%;
  }
  footer .top .menu ul.menu > li:nth-child(7) {
    flex: 0 0 33.33%;
  }
}
@media only screen and (max-width: 600px) {
  footer .top .menu ul.menu {
    justify-content: center;
    flex-wrap: wrap;
  }
  footer .top .menu ul.menu > li {
    flex: 0 0 100% !important;
    text-align: center;
  }
  footer .top .menu ul.menu li ul li {
    margin: 0 auto;
    max-width: none;
  }
  footer .bottom {
    padding: 37px 0px 34px;
  }
  footer .bottom .menu {
    padding-bottom: 15px;
  }
  footer .bottom .social {
    padding-top: 15px;
  }
  footer .bottom .menu ul {
    max-width: 500px;
  }
  footer .bottom .menu ul li:nth-child(3n+3):after {
    display: block !important;
  }
  footer .bottom .menu ul li:nth-child(even):after {
    display: none !important;
  }
}
@media only screen and (max-width: 550px) {
  footer .bottom .copy {
    flex: 0 0 100%;
    text-align: center;
  }
  footer .bottom .social {
    flex: 0 0 100%;
    text-align: center;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 480px) {
  footer .bottom .menu ul li {
    width: 100%;
  }
  footer .bottom .menu ul li a {
    padding: 10px 0 0;
    display: block;
  }
  footer .bottom .menu ul li:nth-child(3n+3):after {
    display: none !important;
  }
  footer .bottom .menu ul li:after {
    display: none !important;
  }
}

/*********************
BLOG STYLES
*********************/
article:last-child {
  border: none;
  margin: 0;
}

#blog-section {
  width: 60%;
  float: left;
  margin-top: 30px;
}
#blog-section h1 {
  color: #ccc;
  font-size: 24px;
  font-weight: 300;
  text-decoration: none;
  background: #fff;
  padding: 10px 30px;
  margin-bottom: 30px;
}
#blog-section h1 a {
  color: #ccc;
  font-size: 24px;
  font-weight: 300;
  text-decoration: none;
}

#blog-sidebar-wrapper {
  width: 40%;
  float: right;
  margin-top: 30px;
  margin-bottom: 30px;
}

#blog-sidebar {
  margin-left: 30px;
  background: #2c8fbd;
}
#blog-sidebar ul li h3 {
  padding: 0 15px 0 0;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  background: #2c8fbd;
  display: table;
}
#blog-sidebar ul.xoxo {
  padding: 0 0 0 10%;
}
#blog-sidebar ul.xoxo li {
  list-style: none;
  background: url("/assets/images/sidebarbg.png") repeat-x top;
}
#blog-sidebar ul.xoxo li ul li {
  background: none;
}
#blog-sidebar ul.xoxo li ul li a {
  text-decoration: none;
  font-size: 14px;
  color: #ccc;
}
#blog-sidebar ul.xoxo li ul {
  padding: 0;
  margin: 0 0 20px 0;
}

nav#nav-below {
  padding: 10px 0;
}

.nav-previous {
  float: left;
  width: 50%;
  text-align: left;
}

.nav-next {
  float: right;
  width: 50%;
  text-align: right;
}

nav#nav-below a {
  color: #5c6e34;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

/*********************
GRAVITY FORMS-
GERNERAL STYES
*********************/
body .gform_body {
  display: inline-block;
  font-family: "Roboto";
  width: 100%;
}
body .gform_legacy_markup_wrapper .gform_body ul li.gfield {
  margin-top: 26px;
}
body .gform_wrapper .chosen-container .chosen-drop {
  top: 5px !important;
}
body .gform_confirmation_message {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #151F6D;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.05em;
  margin: 0 0 15px 0;
  text-align: center;
}
body #wrapper-all .gform_legacy_markup_wrapper select.medium.gfield_select + div.chosen-container-multi[style],
body #wrapper-all .gform_legacy_markup_wrapper select.medium.gfield_select + div.chosen-container-single[style] {
  width: 100% !important;
}
body #wrapper-all .gform_legacy_markup_wrapper textarea.medium,
body #wrapper-all .gform_legacy_markup_wrapper textarea,
body #wrapper-all .gform_legacy_markup_wrapper .chosen-container-single .chosen-single {
  font-size: 18px !important;
}
body .ginput_container input,
body .ginput_container textarea {
  padding: 12px 15px 8px !important;
  line-height: 1.4em;
  outline: none;
  color: #343434;
  font-weight: bold;
  background: #fff;
  font-size: 16px;
  overflow: visible;
  border: 2px solid #343434;
}
body .ginput_container select,
body .gform_legacy_markup_wrapper .ginput_container select {
  border: 2px solid #343434;
  padding: 10px 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-weight: bold;
  line-height: 1.4;
  outline: none;
}
body .gfield--type-select .ginput_container::after {
  content: "";
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  border-right: 3px solid #343434;
  border-bottom: 3px solid #343434;
  z-index: 10;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  bottom: 7px;
  pointer-events: none;
}
body .ginput_container.ginput_container_select {
  border: none;
  outline: none;
}
body .ginput_container input:not([type=radio]):focus,
body .ginput_container textarea:focus,
body .ginput_container select:focus {
  border-color: #000;
  box-shadow: 2px 2px 2px black;
}
body .gform_wrapper input[type=radio] {
  margin-left: 3px !important;
}
body .gform_wrapper input[type=radio]:focus-visible {
  outline: revert;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-shadow: none;
}
body .gfield {
  position: relative;
}
body .gfield_required {
  color: #343434 !important;
  font-size: 0.75em;
  top: -5px;
  position: relative;
}
body .gform_legacy_markup_wrapper .field_sublabel_above .ginput_complex.ginput_container label,
body .gfield_label {
  position: absolute;
  top: 0;
  left: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  padding: 0;
  line-height: 1em;
  padding: 0 5px;
  font-weight: 400 !important;
  transition: 0.2s ease-in-out;
  z-index: 1020;
}
body .gform_legacy_markup_wrapper .field_sublabel_above .ginput_complex.ginput_container .ginput_full {
  display: block;
}
body .gform_legacy_markup_wrapper .field_sublabel_above .ginput_complex.ginput_container span.gform-grid-col {
  position: relative;
  margin-top: 26px;
}
body .gform_legacy_markup_wrapper .field_sublabel_above .ginput_complex.ginput_container label {
  margin-top: 0px;
}
body #wrapper .gform_wrapper .top_label li.gfield.gf_left_half div.ginput_container,
body #wrapper .gform_wrapper .top_label li.gfield.gf_right_half div.ginput_container {
  margin-top: 0px;
}
body .gform_legacy_markup_wrapper.gf_browser_chrome .ginput_complex.ginput_container .ginput_left select,
body .gform_legacy_markup_wrapper.gf_browser_chrome .ginput_complex.ginput_container .ginput_right select {
  margin-bottom: 0px;
  margin-top: 0px;
  line-height: 1.4;
}
body .gform_legacy_markup_wrapper .top_label .field_sublabel_above label.gfield_label + .ginput_complex.ginput_container {
  border: 1px solid #aaa;
  padding-left: 1em;
  padding-bottom: 1em;
  padding-right: 1em;
}
body .gfield--type-captcha .gfield_label {
  display: none !important;
}
body .gfield.gfield--type-choice .gfield_label {
  position: static;
  -webkit-transform: none;
          transform: none;
}
body .gfield.gfield--type-radio .gfield_label {
  padding: 0;
}
body .gform_wrapper .chosen-container-single .chosen-single {
  border-radius: 0;
  border: none !important;
  padding: 10px 15px;
  box-sizing: content-box !important;
  background: #fff !important;
}
body .gform_wrapper .chosen-container-single .chosen-single a.chosen-single {
  position: relative;
}
body .gform_wrapper .chosen-container-single .chosen-single div:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  border-right: 3px solid #343434;
  border-bottom: 3px solid #343434;
  z-index: 10;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
body .gform_wrapper .chosen-container-single .chosen-single b {
  opacity: 0;
}
body .gform_wrapper .top_label input.medium,
body .gform_wrapper .top_label select.medium {
  width: 100%;
}
body .button {
  background: #343434;
  border: none;
  color: #fff;
  padding: 15px 40px;
  line-height: 1em;
  text-transform: uppercase;
  cursor: pointer;
}
body .button:hover {
  background: #003142;
}
body .gform_footer {
  margin: 0;
}
body .gform_wrapper textarea.small {
  height: 120px;
}
body div.validation_error {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #790000;
  font-weight: 400;
  line-height: 20px;
}
body .instruction.validation_message,
body .gfield_description.validation_message {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #790000;
  font-weight: 800;
  line-height: 16px;
  padding: 10px 0 5px 16px !important;
}

.gform_wrapper .chosen-container-single .chosen-single span {
  color: #343434;
  font-weight: bold;
  transition: 0.2s ease-in-out;
}

select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #b8b8b8;
  font-weight: normal;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

select::-moz-placeholder,
textarea::-moz-placeholder,
input::-moz-placeholder {
  /* FF 19+ */
  color: #b8b8b8;
  font-weight: normal;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.gform_footer {
  text-align: center;
}

input[type=submit] {
  background: #151F6D;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  padding: 15px 52px;
  margin: 0 auto;
}

.gfield--type-address .ginput_full:has(select):after, .gfield--type-address .ginput_left:has(select):after, .gfield--type-address .ginput_right:has(select):after {
  content: "";
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  border-right: 3px solid #343434;
  border-bottom: 3px solid #343434;
  z-index: 10;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  bottom: 8px;
  pointer-events: none;
}
.gfield--type-address select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-weight: bold;
  line-height: 1.4;
  outline: none;
  border: 2px solid #343434;
  padding: 10px;
}

@media only screen and (max-width: 767px) {
  .gform_wrapper .chosen-container-single .chosen-single span {
    height: 44px;
    margin-bottom: 0;
    line-height: 44px;
  }
}
/*********************
HOME STYLES
*********************/
.banner.banner-home {
  position: relative;
  height: 600px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.banner.banner-home h1 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 80px;
  color: #fff;
  font-weight: bold;
  line-height: 98px;
  max-width: 820px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
}
.banner.banner-home img,
.banner.banner-home video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  position: absolute;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .banner.banner-home {
    height: 500px;
  }
  .banner.banner-home h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    line-height: 68px;
  }
}
@media only screen and (max-width: 768px) {
  .banner.banner-home {
    height: 350px;
  }
  .banner.banner-home h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    line-height: 53px;
  }
}

.home section.intro .inner h2 {
  color: #7A7270;
}
.home section.intro .inner .content {
  padding: 60px 50px 0px 0;
}

section.intro .inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px;
  margin: 0 auto;
}
section.intro .inner .content {
  max-width: 650px;
  flex: 0 0 50%;
  padding-right: 50px;
}
section.intro .inner .imageclip-wrap {
  align-self: flex-start;
  margin-top: -30px;
  position: relative;
  flex: 0 0 50%;
  min-width: 570px;
  z-index: 10;
}
section.intro .inner .imageclip-wrap .imageclip {
  position: relative;
}
section.intro .inner .imageclip-wrap .imageclip .clip-wrap {
  height: 520px;
  position: relative;
}
section.intro .inner .imageclip-wrap .imageclip:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 570px;
  height: 100%;
}
section.intro .inner .imageclip-wrap .imageclip .clip-wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  height: 100%;
  position: absolute;
}
section.intro .inner .imageclip-wrap .imageclip .clip-wrap:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
section.intro .inner .imageclip-wrap .clip-wrap:after {
  left: 0;
  background: linear-gradient(120deg, rgba(64, 117, 164, 0.9) 1.76%, rgba(38, 93, 141, 0) 40.27%);
}
section.intro .inner .imageclip-wrap .imageclip {
  left: 10%;
  -webkit-clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media only screen and (max-width: 768px) {
  section.intro .inner .imageclip-wrap .imageclip {
    height: 300px;
  }
  section.intro .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
  section.intro .inner .imageclip-wrap .imageclip .clip-wrap img {
    -o-object-position: center !important;
       object-position: center !important;
  }
}
@media only screen and (max-width: 500px) {
  section.intro .inner .imageclip-wrap .imageclip {
    height: 300px;
    min-width: 320px;
  }
  section.intro .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
}
@media only screen and (max-width: 1200px) {
  section.intro .inner {
    padding: 30px 30px 0;
  }
  section.intro .inner .content {
    flex: 0 0 50%;
  }
  section.intro .inner .imageclip-wrap {
    flex: 0 0 50%;
    min-width: 0px;
    margin-top: -60px;
  }
}
@media only screen and (max-width: 768px) {
  section.intro .inner {
    flex-direction: column;
  }
  section.intro .inner .content {
    flex: 0 0 100%;
    padding: 0;
  }
  section.intro .inner .imageclip-wrap {
    flex: 0 0 100%;
    margin: 30px -60px 0 0;
  }
}

section.our-solutions .inner {
  padding: 83px 30px 145px;
  margin: 0 auto;
  max-width: 900px;
}
section.our-solutions .inner .content {
  flex: 0 0 65%;
  padding-right: 50px;
}
section.our-solutions .grid {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 0 30px;
}
section.our-solutions .grid .item {
  cursor: pointer;
}
section.our-solutions .grid a {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 25px);
  position: relative;
}
section.our-solutions .grid a p {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #fff;
  font-weight: 800;
  line-height: 35px;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 0;
  padding: 0 0 0 45px;
  margin: 0;
}
section.our-solutions .grid a p:before {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: 0.2s ease-in-out;
  background-image: url("../../assets/images/arrow-red-circle.svg");
  background-size: cover;
  background-position: center;
}
section.our-solutions .grid a img {
  transition: 0.2s ease-in-out;
  display: block;
}
section.our-solutions .grid a:hover p:before {
  left: 10px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section.our-solutions .grid a:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
@media only screen and (max-width: 700px) {
  section.our-solutions .inner {
    padding: 83px 30px 45px;
  }
  section.our-solutions .grid {
    flex-direction: column;
    width: auto;
  }
  section.our-solutions .grid a img {
    max-width: none;
    width: 100%;
    height: auto;
  }
  section.our-solutions .grid a {
    margin: 0 auto 30px;
  }
}

section.callout-alternating {
  margin-bottom: 60px;
  background-color: #f6f6f6;
  background-image: url("../../assets/images/blueprint-1.jpg"), url("../../assets/images/blueprint-2.jpg");
  background-position: top right, left;
  background-size: auto, auto;
  background-repeat: no-repeat;
}
section.callout-alternating h3 {
  text-transform: initial;
}
section.callout-alternating .content {
  max-width: 650px;
}
section.callout-alternating .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
section.callout-alternating .row .content h3 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 46px;
  color: #151F6D;
  font-weight: bold;
  line-height: 50px;
  letter-spacing: normal;
}
section.callout-alternating .row.row-1 {
  justify-content: flex-start;
}
section.callout-alternating .row.row-1 .imageclip-wrap {
  position: relative;
  flex: 0 0 50%;
  min-width: 570px;
  z-index: 10;
}
section.callout-alternating .row.row-1 .imageclip-wrap .imageclip {
  position: relative;
}
section.callout-alternating .row.row-1 .imageclip-wrap .imageclip .clip-wrap {
  height: 520px;
  position: relative;
}
section.callout-alternating .row.row-1 .imageclip-wrap .imageclip:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 570px;
  height: 100%;
}
section.callout-alternating .row.row-1 .imageclip-wrap .imageclip .clip-wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  height: 100%;
  position: absolute;
}
section.callout-alternating .row.row-1 .imageclip-wrap .imageclip .clip-wrap:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
section.callout-alternating .row.row-1 .imageclip-wrap .clip-wrap img {
  -o-object-position: right center;
     object-position: right center;
}
section.callout-alternating .row.row-1 .imageclip-wrap .clip-wrap:after {
  right: 0;
  background: linear-gradient(120deg, rgba(64, 117, 164, 0.9) 1.76%, rgba(38, 93, 141, 0) 40.27%);
}
section.callout-alternating .row.row-1 .imageclip-wrap .imageclip {
  right: 10%;
  left: auto;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 89% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 89% 100%, 0% 100%);
}
section.callout-alternating .row.row-1 .imageclip-wrap:after {
  content: "";
  position: absolute;
  top: -12%;
  right: 0;
  left: auto;
  z-index: -1;
  width: 200%;
  height: 100%;
  background-color: #E0E0E0;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 94.5% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 94.5% 100%, 0% 100%);
}
@media only screen and (max-width: 768px) {
  section.callout-alternating .row.row-1 .imageclip-wrap .imageclip {
    height: 300px;
  }
  section.callout-alternating .row.row-1 .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
  section.callout-alternating .row.row-1 .imageclip-wrap .imageclip .clip-wrap img {
    -o-object-position: center !important;
       object-position: center !important;
  }
}
@media only screen and (max-width: 500px) {
  section.callout-alternating .row.row-1 .imageclip-wrap .imageclip {
    height: 300px;
    min-width: 320px;
  }
  section.callout-alternating .row.row-1 .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
}
section.callout-alternating .row.row-3 {
  justify-content: flex-start;
}
section.callout-alternating .row.row-3 .imageclip-wrap {
  position: relative;
  flex: 0 0 50%;
  min-width: 570px;
  z-index: 10;
}
section.callout-alternating .row.row-3 .imageclip-wrap .imageclip {
  position: relative;
}
section.callout-alternating .row.row-3 .imageclip-wrap .imageclip .clip-wrap {
  height: 520px;
  position: relative;
}
section.callout-alternating .row.row-3 .imageclip-wrap .imageclip:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 570px;
  height: 100%;
}
section.callout-alternating .row.row-3 .imageclip-wrap .imageclip .clip-wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  height: 100%;
  position: absolute;
}
section.callout-alternating .row.row-3 .imageclip-wrap .imageclip .clip-wrap:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
section.callout-alternating .row.row-3 .imageclip-wrap .clip-wrap img {
  -o-object-position: center !important;
     object-position: center !important;
}
section.callout-alternating .row.row-3 .imageclip-wrap .clip-wrap:after {
  right: 0;
  background: linear-gradient(120deg, rgba(64, 117, 164, 0.9) 1.76%, rgba(38, 93, 141, 0) 40.27%);
}
section.callout-alternating .row.row-3 .imageclip-wrap .imageclip {
  right: 10%;
  left: auto;
  -webkit-clip-path: polygon(0% 0%, 89% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 89% 0%, 100% 100%, 0% 100%);
}
section.callout-alternating .row.row-3 .imageclip-wrap:after {
  content: "";
  position: absolute;
  top: 12%;
  right: 0;
  left: auto;
  z-index: -1;
  width: 200%;
  height: 100%;
  background-color: #E0E0E0;
  -webkit-clip-path: polygon(0% 0%, 94.5% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 94.5% 0%, 100% 100%, 0% 100%);
}
@media only screen and (max-width: 768px) {
  section.callout-alternating .row.row-3 .imageclip-wrap .imageclip {
    height: 300px;
  }
  section.callout-alternating .row.row-3 .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
  section.callout-alternating .row.row-3 .imageclip-wrap .imageclip .clip-wrap img {
    -o-object-position: center !important;
       object-position: center !important;
  }
}
@media only screen and (max-width: 500px) {
  section.callout-alternating .row.row-3 .imageclip-wrap .imageclip {
    height: 300px;
    min-width: 320px;
  }
  section.callout-alternating .row.row-3 .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
}
section.callout-alternating .content {
  flex: 0 0 50%;
  padding: 0 30px 0 60px;
}
@media only screen and (max-width: 1100px) {
  section.callout-alternating .row.row-1 .imageclip-wrap,
  section.callout-alternating .row.row-3 .imageclip-wrap {
    min-width: 400px;
  }
  section.callout-alternating .row.row-1 .imageclip-wrap .imageclip,
  section.callout-alternating .row.row-3 .imageclip-wrap .imageclip {
    min-width: 400px;
  }
  section.callout-alternating .content {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 900px) {
  section.callout-alternating .row.row-1 .imageclip-wrap,
  section.callout-alternating .row.row-3 .imageclip-wrap {
    min-width: 300px;
  }
  section.callout-alternating .row.row-1 .imageclip-wrap .imageclip,
  section.callout-alternating .row.row-3 .imageclip-wrap .imageclip {
    min-width: 300px;
  }
  section.callout-alternating .row.row-2 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  section.callout-alternating .row.row-1 .imageclip-wrap,
  section.callout-alternating .row.row-3 .imageclip-wrap {
    min-width: 640px;
  }
  section.callout-alternating .row.row-1 .imageclip-wrap .imageclip,
  section.callout-alternating .row.row-3 .imageclip-wrap .imageclip {
    min-width: 640px;
  }
  section.callout-alternating .row {
    display: flex;
    flex-direction: column;
  }
  section.callout-alternating .row .content {
    order: 1;
    padding: 30px;
    max-width: none;
  }
  section.callout-alternating .row .content br {
    display: none;
  }
  section.callout-alternating .row .content h3 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 36px;
    color: #151F6D;
    font-weight: bold;
    line-height: 38px;
  }
  section.callout-alternating .row .imageclip-wrap {
    margin: 60px 0;
    order: 2;
  }
  section.callout-alternating .row .image {
    order: 2;
    width: 100%;
    padding: 0 30px;
  }
  section.callout-alternating .row .image img {
    max-width: none;
    width: 100%;
  }
  section.callout-alternating .row.row-1 .imageclip-wrap {
    margin: 60px 0 0;
  }
  section.callout-alternating .row.row-2 .image {
    margin: 0 0 30px 0;
  }
  section.callout-alternating .row.row-3 .imageclip-wrap {
    margin: 0 0 60px 0;
  }
}
@media only screen and (max-width: 500px) {
  section.callout-alternating .row.row-1 .imageclip-wrap,
  section.callout-alternating .row.row-3 .imageclip-wrap {
    min-width: 320px;
  }
  section.callout-alternating .row.row-1 .imageclip-wrap .imageclip,
  section.callout-alternating .row.row-3 .imageclip-wrap .imageclip {
    min-width: 320px;
  }
  section.callout-alternating .row .content h3 {
    -webkit-hyphens: auto;
            hyphens: auto;
  }
  section.callout-alternating .row.row-3 .imageclip-wrap,
  section.callout-alternating .row.row-1 .imageclip-wrap {
    min-width: 320px;
  }
}

section.ourteam {
  position: relative;
}
section.ourteam:before {
  content: "";
  position: absolute;
  bottom: -400px;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 952px;
  height: 1135px;
  z-index: -1;
  background-color: #fff;
  background-image: url("../../assets/images/blueprint-3.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
section.ourteam .inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 86px 0px 130px;
  text-align: center;
}
section.ourteam .inner h2 {
  margin: 0 auto 60px;
  display: inline-block;
}
section.ourteam .inner p {
  margin: 0 0 8px;
  padding: 0;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #7A7270;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.05em;
}
section.ourteam .inner p strong {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #151F6D;
  font-weight: 900;
  line-height: 26px;
  letter-spacing: 0.1em;
}
section.ourteam .team-slider .team {
  padding: 0 35px;
}
section.ourteam .team-slider .image {
  border-radius: 100%;
  overflow: hidden;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 28px;
}
section.ourteam .team-slider .image img {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}
section.ourteam .team-slider .swiper-button-prev,
section.ourteam .team-slider .swiper-button-next {
  opacity: 0;
  top: 50%;
  color: #343434;
}
section.ourteam .team-slider .swiper-button-prev {
  left: 0px;
}
section.ourteam .team-slider .swiper-button-next {
  right: 0px;
}
section.ourteam .gform_wrapper {
  padding: 0;
  margin: 0;
}
section.ourteam .content-bottom {
  display: flex;
  flex-direction: row;
  text-align: left;
  padding: 75px 30px 0;
  max-width: 1150px;
  margin: 0 auto;
  position: relative;
}
section.ourteam .content-bottom:after {
  content: "";
  display: block;
  width: 53px;
  height: 290px;
  position: absolute;
  left: -90px;
  top: 0;
  background-image: url("../../assets/images/icon-angled-lines.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
section.ourteam .content-bottom .half {
  flex: 0 0 50%;
}
section.ourteam .content-bottom a {
  color: #343434;
  text-decoration: none;
}
section.ourteam .content-bottom a strong {
  text-decoration: underline;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #343434;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.05em;
}
section.ourteam .content-bottom h2 {
  margin: 0 0 15px;
  padding: 0;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 46px;
  color: #151F6D;
  font-weight: bold;
  line-height: 50px;
  text-transform: initial;
}
section.ourteam .content-bottom h3 {
  margin: 0 0 38px;
  padding: 0;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #7A7270;
  font-weight: 900;
  line-height: 36px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media only screen and (max-width: 1250px) {
  section.ourteam:before {
    right: 40%;
    left: auto;
  }
}
@media only screen and (max-width: 768px) {
  section.ourteam .content-bottom {
    flex-direction: column;
  }
}

/*********************
Newsroom Styles
*********************/
.blog a.viewall, .archive a.viewall {
  position: absolute;
  top: 10px;
}
.blog section.newsroom-posts .inner, .archive section.newsroom-posts .inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 120px 30px;
  display: flex;
  flex-direction: row;
}
.blog section.newsroom-posts .content, .archive section.newsroom-posts .content {
  flex: 0 0 70%;
  order: 1;
  padding-right: 30px;
}
.blog section.newsroom-posts .content article, .archive section.newsroom-posts .content article {
  padding: 0 0 60px 0;
  margin-bottom: 60px;
  border-bottom: 2px solid #E0E0E0;
}
.blog section.newsroom-posts .content .article-contents, .archive section.newsroom-posts .content .article-contents {
  display: flex;
  flex-direction: row;
}
.blog section.newsroom-posts .content .article-contents .featured-image, .archive section.newsroom-posts .content .article-contents .featured-image {
  flex: 0 0 50%;
  padding-right: 30px;
}
.blog section.newsroom-posts .content .article-contents .featured-image img, .archive section.newsroom-posts .content .article-contents .featured-image img {
  width: 100%;
  max-width: 400px;
}
.blog section.newsroom-posts .content .article-contents .entry-content, .archive section.newsroom-posts .content .article-contents .entry-content {
  flex: 0 0 50%;
}
.blog section.newsroom-posts .content .meta p, .archive section.newsroom-posts .content .meta p {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #7A7270;
  font-weight: 400;
  line-height: 26px;
}
.blog section.newsroom-posts .content h2,
.blog section.newsroom-posts .content h2 a, .archive section.newsroom-posts .content h2,
.archive section.newsroom-posts .content h2 a {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #151F6D;
  font-weight: bold;
  line-height: 30px;
  text-decoration: none;
  text-transform: capitalize;
}
.blog section.newsroom-posts .content a.readmore, .archive section.newsroom-posts .content a.readmore {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #151F6D;
  font-weight: bold;
  line-height: 22px;
  text-transform: uppercase;
  padding-right: 50px;
  text-decoration: none;
  position: relative;
  transition: 0.2s ease-in-out;
}
.blog section.newsroom-posts .content a.readmore:after, .archive section.newsroom-posts .content a.readmore:after {
  content: "";
  width: 42px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: 0.2s ease-in-out;
  background-image: url("../../assets/images/arrow-blue.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.blog section.newsroom-posts .content a.readmore:hover, .archive section.newsroom-posts .content a.readmore:hover {
  color: #343434;
}
.blog section.newsroom-posts .content a.readmore:hover:after, .archive section.newsroom-posts .content a.readmore:hover:after {
  right: -5px;
}
@media only screen and (max-width: 1000px) {
  .blog section.newsroom-posts .content .article-contents, .archive section.newsroom-posts .content .article-contents {
    flex-direction: column;
  }
  .blog section.newsroom-posts .content .article-contents .featured-image img, .archive section.newsroom-posts .content .article-contents .featured-image img {
    max-width: none;
    width: 100%;
    padding-bottom: 20px;
  }
  .blog section.newsroom-posts .content article, .archive section.newsroom-posts .content article {
    padding: 0 0 30px 0;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .blog section.newsroom-posts .content .article-contents, .archive section.newsroom-posts .content .article-contents {
    flex-direction: row;
  }
  .blog section.newsroom-posts .content .article-contents .featured-image img, .archive section.newsroom-posts .content .article-contents .featured-image img {
    max-width: none;
    width: 100%;
    padding-bottom: 20px;
  }
  .blog section.newsroom-posts .content article, .archive section.newsroom-posts .content article {
    padding: 0 0 60px 0;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .blog section.newsroom-posts .content .article-contents, .archive section.newsroom-posts .content .article-contents {
    flex-direction: column;
  }
  .blog section.newsroom-posts .content .article-contents .featured-image, .archive section.newsroom-posts .content .article-contents .featured-image {
    padding: 0 0 0px 0;
  }
  .blog section.newsroom-posts .content .article-contents .featured-image img, .archive section.newsroom-posts .content .article-contents .featured-image img {
    max-width: none;
    width: 100%;
  }
  .blog section.newsroom-posts .content article, .archive section.newsroom-posts .content article {
    padding: 0 0 30px 0;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .blog section.newsroom-posts .inner, .archive section.newsroom-posts .inner {
    flex-direction: column;
  }
  .blog section.newsroom-posts .content, .archive section.newsroom-posts .content {
    padding: 0;
  }
}
.blog section.newsroom-posts .sidebar, .archive section.newsroom-posts .sidebar {
  flex: 0 0 30%;
  order: 2;
}
.blog section.newsroom-posts .sidebar .media-contact, .archive section.newsroom-posts .sidebar .media-contact {
  background: #f6f6f6;
  padding: 23px 35px;
  position: relative;
  margin: 0 0 30px 0;
}
.blog section.newsroom-posts .sidebar .media-contact h4, .archive section.newsroom-posts .sidebar .media-contact h4 {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #343434;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.05em;
  margin: 0;
}
.blog section.newsroom-posts .sidebar .media-contact p, .archive section.newsroom-posts .sidebar .media-contact p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #343434;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.05em;
  margin: 0;
}
.blog section.newsroom-posts .sidebar .media-contact p strong, .archive section.newsroom-posts .sidebar .media-contact p strong {
  font-weight: bold;
}
.blog section.newsroom-posts .sidebar .media-contact a, .archive section.newsroom-posts .sidebar .media-contact a {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #343434;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.blog section.newsroom-posts .sidebar .media-contact:before, .archive section.newsroom-posts .sidebar .media-contact:before {
  content: "";
  width: 3000px;
  height: 100%;
  background: #f6f6f6;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.blog section.newsroom-posts .sidebar .sidebarcontent, .archive section.newsroom-posts .sidebar .sidebarcontent {
  padding-left: 35px;
}
.blog section.newsroom-posts .sidebar .sidebarcontent h2.widget-title, .archive section.newsroom-posts .sidebar .sidebarcontent h2.widget-title {
  display: none;
}
.blog section.newsroom-posts .sidebar .sidebarcontent label, .archive section.newsroom-posts .sidebar .sidebarcontent label {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #7A7270;
  font-weight: 400;
  line-height: 19px;
  font-style: italic;
  margin: 0 0 19px 0;
  text-transform: inherit;
  padding-left: 15px;
}
.blog section.newsroom-posts .sidebar .sidebarcontent form, .archive section.newsroom-posts .sidebar .sidebarcontent form {
  position: relative;
}
.blog section.newsroom-posts .sidebar .sidebarcontent form:after, .archive section.newsroom-posts .sidebar .sidebarcontent form:after {
  content: "";
  position: absolute;
  top: 60px;
  right: 10px;
  width: 10px;
  height: 10px;
  border-right: 3px solid #7A7270;
  border-bottom: 3px solid #7A7270;
  z-index: 10;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  background: #fff;
}
.blog section.newsroom-posts .sidebar .sidebarcontent select, .archive section.newsroom-posts .sidebar .sidebarcontent select {
  padding: 10px 15px !important;
  line-height: 1.4em;
  outline: none;
  color: #7A7270;
  font-weight: 300;
  background: #fff;
  font-size: 16px;
  overflow: visible;
  border: 2px solid #E0E0E0;
  width: 100%;
  -webkit-appearance: none;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #343434;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.05em;
  font-style: italic;
}

.single article h3 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #151F6D;
  font-weight: bold;
  line-height: 24px;
  margin: 0 0 10px 0;
  text-transform: capitalize;
}
.single section.newsroom-posts .inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 120px 30px;
  display: flex;
  flex-direction: row;
}
.single section.newsroom-posts .inner .sidebar {
  flex: 0 0 20%;
  max-width: 200px;
}
.single section.newsroom-posts .inner .sidebar .date {
  margin-bottom: 30px;
}
.single section.newsroom-posts .inner .sidebar .cat p {
  margin: 0;
}
.single section.newsroom-posts .inner .sidebar ul {
  margin: 0;
  padding: 0;
}
.single section.newsroom-posts .inner .sidebar ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.single section.newsroom-posts .inner .sidebar ul li a {
  font-style: italic;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #CB3338;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.single section.newsroom-posts .inner .content {
  padding-left: 60px;
}
.single section.newsroom-posts .inner .cat {
  margin-bottom: 30px;
}
.single section.newsroom-posts .inner .social a {
  display: block;
  margin: 0 0 10px 0;
}
.single section.newsroom-posts h1 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #151F6D;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: 0.01em;
  margin: 0 0 5px 0;
}
.single section.newsroom-posts h2 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #151F6D;
  font-weight: bold;
  line-height: 30px;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 768px) {
  .single section.newsroom-posts .inner {
    flex-direction: column;
    padding: 30px 30px;
  }
  .single section.newsroom-posts .inner .content {
    order: 1;
    padding: 0 0 30px;
  }
  .single section.newsroom-posts .inner .sidebar {
    order: 2;
    max-width: none;
  }
  .single section.newsroom-posts .inner .sidebar .social a {
    display: inline;
    margin: 0 10px 0 0;
  }
}
.single img.alignleft {
  float: left;
  padding: 0 15px 15px 15px;
}
.single img.aligncenter {
  float: center;
  padding: 0 15px 15px 15px;
}
.single img.alignright {
  float: right;
  padding: 0 0 15px 15px;
}
@media only screen and (max-width: 600px) {
  .single img.alignleft,
  .single img.aligncenter,
  .single img.alignright,
  .single img.alignnone {
    float: none;
    padding: 0 15px 15px;
    margin: 0 auto;
    display: block;
  }
}

nav.navigation {
  overflow: auto;
}
nav.navigation h2 {
  display: none;
}
nav.navigation:after {
  content: "";
  clear: both;
  display: table;
}

/*********************
HOME STYLES
*********************/
.page-template-page-brands .lity {
  background: rgba(0, 0, 0, 0.2) !important;
}
.page-template-page-brands .litybox .imageholder {
  text-align: center;
}
.page-template-page-brands .litybox .imageholder img {
  max-width: 300px;
  padding: 0 0 15px 0;
  margin: 0 auto;
}
.page-template-page-brands section.interior-intro .inner .imageclip-wrap:after {
  width: 700px;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10.5% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10.5% 100%);
}
.page-template-page-brands section.interior-intro .inner .imageclip-wrap .imageclip .clip-wrap {
  height: 424px;
  width: 551px;
}
@media only screen and (min-width: 1550px) {
  .page-template-page-brands section.interior-intro .inner .imageclip-wrap:after {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 12.5% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 12.5% 100%);
  }
}
@media only screen and (max-width: 1100px) {
  .page-template-page-brands section.interior-intro .inner {
    flex-direction: column;
  }
  .page-template-page-brands section.interior-intro .inner .content {
    flex: 0 0 100%;
    padding: 0;
    margin-bottom: 90px;
  }
  .page-template-page-brands section.interior-intro .inner .imageclip-wrap {
    flex: 0 0 100%;
    margin: 30px -60px 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-page-brands section.interior-intro .inner .imageclip-wrap .imageclip {
    max-height: 100%;
    height: auto;
    width: 100%;
    max-width: 100%;
    left: 0;
  }
  .page-template-page-brands section.interior-intro .inner .imageclip-wrap .imageclip .clip-wrap {
    max-height: 424px;
    max-width: 551px;
    height: 100%;
    width: 100%;
  }
  .page-template-page-brands section.interior-intro .inner .imageclip-wrap .imageclip .clip-wrap img {
    max-height: 424px;
    max-width: 551px;
    height: 100%;
    width: 100%;
    position: relative;
  }
}
@media only screen and (max-width: 500px) {
  .page-template-page-brands section.interior-intro .inner .imageclip-wrap:after {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 7% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 7% 100%);
    left: -26px;
  }
}
.page-template-page-brands section.gridwrap {
  margin-bottom: 79px;
  margin-top: 0;
}
.page-template-page-brands section.gridwrap.gridwrap-top .inner.inner-top {
  max-width: 1100px;
}
.page-template-page-brands section.gridwrap:before {
  display: none;
}
.page-template-page-brands section.gridwrap:after {
  content: "";
  position: absolute;
  top: -100px;
  right: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 474px;
  height: 609px;
  z-index: -1;
  background-color: #fff;
  background-image: url("../../assets/images/blueprint-5.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-brands section.gridwrap .item .brand-logo {
  display: block;
  max-width: 90px;
  bottom: 0;
  z-index: 10;
  -webkit-filter: grayscale(0) !important;
          filter: grayscale(0) !important;
}
.page-template-page-brands section.gridwrap a {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 25px);
  position: relative;
}
.page-template-page-brands section.gridwrap a p {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  line-height: 25px;
  position: absolute;
  bottom: 15px;
  left: 0;
  padding: 0 5px 0 45px;
  margin: 0;
}
.page-template-page-brands section.gridwrap a p:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: 0.2s ease-in-out;
  background-image: url("../../assets/images/arrow-red-circle.svg");
  background-size: cover;
  background-position: center;
}
.page-template-page-brands section.gridwrap a img {
  transition: 0.2s ease-in-out;
  display: block;
  max-width: none;
  width: 100%;
}
.page-template-page-brands section.gridwrap a:hover p:before {
  left: 15px;
}
.page-template-page-brands section.gridwrap a:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

/*********************
HOME STYLES
*********************/
.page-template-page-industries section.gridwrap {
  margin-top: 50px;
}

.page-template-page-industries-children section.content-image {
  margin: 90px auto 0;
}
.page-template-page-industries-children section.content-image .inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 30px;
  margin: 0 auto;
}
.page-template-page-industries-children section.content-image .inner .content {
  max-width: 650px;
  flex: 0 0 50%;
  padding-right: 50px;
}
.page-template-page-industries-children section.content-image .inner .imageclip-wrap {
  align-self: flex-start;
  margin-top: 18px;
  position: relative;
  flex: 0 0 50%;
  min-width: 570px;
  z-index: 10;
}
.page-template-page-industries-children section.content-image .inner .imageclip-wrap .imageclip {
  position: relative;
}
.page-template-page-industries-children section.content-image .inner .imageclip-wrap .imageclip .clip-wrap {
  height: 520px;
  position: relative;
}
.page-template-page-industries-children section.content-image .inner .imageclip-wrap .imageclip:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 570px;
  height: 100%;
}
.page-template-page-industries-children section.content-image .inner .imageclip-wrap .imageclip .clip-wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  height: 100%;
  position: absolute;
}
.page-template-page-industries-children section.content-image .inner .imageclip-wrap .imageclip .clip-wrap:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-template-page-industries-children section.content-image .inner .imageclip-wrap .clip-wrap img {
  -o-object-position: right center;
     object-position: right center;
}
.page-template-page-industries-children section.content-image .inner .imageclip-wrap .clip-wrap:after {
  right: 0;
  background: linear-gradient(120deg, rgba(64, 117, 164, 0.9) 1.76%, rgba(38, 93, 141, 0) 40.27%);
}
.page-template-page-industries-children section.content-image .inner .imageclip-wrap .imageclip {
  right: 10%;
  left: auto;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 89% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 89% 100%, 0% 100%);
}
.page-template-page-industries-children section.content-image .inner .imageclip-wrap:after {
  content: "";
  position: absolute;
  top: -12%;
  right: 0;
  left: auto;
  z-index: -1;
  width: 200%;
  height: 100%;
  background-color: #E0E0E0;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 94.5% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 94.5% 100%, 0% 100%);
}
@media only screen and (max-width: 768px) {
  .page-template-page-industries-children section.content-image .inner .imageclip-wrap .imageclip {
    height: 300px;
  }
  .page-template-page-industries-children section.content-image .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
  .page-template-page-industries-children section.content-image .inner .imageclip-wrap .imageclip .clip-wrap img {
    -o-object-position: center !important;
       object-position: center !important;
  }
}
@media only screen and (max-width: 500px) {
  .page-template-page-industries-children section.content-image .inner .imageclip-wrap .imageclip {
    height: 300px;
    min-width: 320px;
  }
  .page-template-page-industries-children section.content-image .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-page-industries-children section.content-image[data-image=left] {
    margin-top: 0;
  }
  .page-template-page-industries-children section.content-image[data-image=left] .content {
    order: 1;
    padding-bottom: 60px;
    padding-top: 0;
  }
  .page-template-page-industries-children section.content-image[data-image=left] .imageclip-wrap {
    order: 2;
  }
  .page-template-page-industries-children section.content-image .inner {
    flex-direction: column;
  }
}
.page-template-page-industries-children section.gridwrap.gridwrap-top .inner.inner-top {
  max-width: 1100px;
}
.page-template-page-industries-children section.gridwrap:before {
  display: none;
}
.page-template-page-industries-children section.gridwrap:after {
  content: "";
  position: absolute;
  top: -100px;
  right: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 474px;
  height: 609px;
  z-index: -1;
  background-color: #fff;
  background-image: url("../../assets/images/blueprint-5.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-industries-children section.gridwrap a {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 25px);
  position: relative;
}
.page-template-page-industries-children section.gridwrap a p {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 26px;
  color: #fff;
  font-weight: 800;
  line-height: 35px;
  -webkit-hyphens: auto;
          hyphens: auto;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 0;
  padding: 0 0 0 45px;
  margin: 0;
}
.page-template-page-industries-children section.gridwrap a p:before {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: 0.2s ease-in-out;
  background-image: url("../../assets/images/arrow-red-circle.svg");
  background-size: cover;
  background-position: center;
}
.page-template-page-industries-children section.gridwrap a img {
  transition: 0.2s ease-in-out;
  display: block;
  max-width: none;
  width: 100%;
}
.page-template-page-industries-children section.gridwrap a:hover p:before {
  left: 10px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-template-page-industries-children section.gridwrap a:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.page-template-page-industries-children section.testimonials {
  background: #f6f6f6;
  overflow: hidden;
  padding-bottom: 30px;
}
.page-template-page-industries-children section.testimonials h3 {
  text-transform: inherit;
  text-align: center;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 46px;
  color: #151F6D;
  font-weight: bold;
  line-height: 50px;
  margin: 0 auto 56px;
  letter-spacing: normal;
}
.page-template-page-industries-children section.testimonials:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 355px;
  height: 852px;
  z-index: 1;
  background-color: transparent;
  background-image: url("../../assets/images/blueprint-6.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-industries-children section.testimonials .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 84px 30px;
  position: relative;
  z-index: 10;
}
.page-template-page-industries-children section.testimonials .inner h2 {
  text-align: center;
}
.page-template-page-industries-children section.testimonials .youtubevideo {
  position: relative;
  display: block;
  max-width: 615px;
  width: 100%;
  margin: 0 auto;
}
.page-template-page-industries-children section.testimonials .youtubevideo img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.page-template-page-industries-children section.testimonials .youtubevideo:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 93px;
  height: 93px;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: 0.2s ease-in-out;
  background-image: url("../../assets/images/icon-play.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-industries-children section.testimonials .youtubevideo:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.15);
}
.page-template-page-industries-children section.testimonials .customer-testimonials-wrap {
  max-width: 1000px;
  margin: 0 auto;
}
.page-template-page-industries-children section.testimonials .customer-testimonial {
  margin: 70px auto 25px;
  display: block;
  overflow: hidden;
}
.page-template-page-industries-children section.testimonials .customer-testimonial:nth-child(odd) {
  padding: 100px 40px 100px 100px;
  position: relative;
}
.page-template-page-industries-children section.testimonials .customer-testimonial:nth-child(odd):after {
  content: "";
  width: 53px;
  height: 290px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../../assets/images/icon-angled-lines.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-industries-children section.testimonials .customer-testimonial:nth-child(odd):before {
  content: "";
  width: 100px;
  height: 72px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  background-image: url("../../assets/images/icon-quotes.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-industries-children section.testimonials .customer-testimonial:nth-child(even) {
  padding: 100px 100px 100px 40px;
  position: relative;
}
.page-template-page-industries-children section.testimonials .customer-testimonial:nth-child(even):after {
  content: "";
  width: 53px;
  height: 290px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../../assets/images/icon-angled-lines.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-industries-children section.testimonials .customer-testimonial:nth-child(even):before {
  content: "";
  width: 100px;
  height: 72px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../../assets/images/icon-quotes.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-industries-children section.testimonials .customer-testimonial .content-testimonial p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #7A7270;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.05em;
}
.page-template-page-industries-children section.testimonials .customer-testimonial .content-author p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #7A7270;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.05em;
  font-style: italic;
  text-align: right;
}
@media only screen and (max-width: 600px) {
  .page-template-page-industries-children section.testimonials .customer-testimonial {
    padding: 100px 0px 60px 0px !important;
  }
  .page-template-page-industries-children section.testimonials .customer-testimonial:after {
    display: none;
  }
  .page-template-page-industries-children section.testimonials h3 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #151F6D;
    font-weight: bold;
    line-height: 35px;
  }
}
.page-template-page-industries-children section.map-info {
  margin: -100px auto 140px;
  position: relative;
  z-index: 20;
}
.page-template-page-industries-children section.map-info .inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 100px 150px;
  position: relative;
}
.page-template-page-industries-children section.map-info .inner:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #151F6D;
  background-image: url("../../assets/images/blueprint-7.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}
.page-template-page-industries-children section.map-info .inner:after {
  content: "";
  width: 98%;
  height: 100%;
  position: absolute;
  top: 47px;
  left: -30px;
  z-index: -2;
  background: #E0E0E0;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}
.page-template-page-industries-children section.map-info .inner p {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #fff;
  font-weight: 900;
  line-height: 26px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.page-template-page-industries-children section.map-info .inner a {
  display: inline-block;
  margin: 0 auto;
  background: #fff;
  border: none;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #151F6D;
  font-weight: bold;
  line-height: 20px;
  padding: 15px 30px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  margin: 20px 0 0;
  display: inline-block;
  transition: 0.2s ease-in-out;
}
.page-template-page-industries-children section.map-info .inner a:hover {
  color: #343434;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
@media only screen and (max-width: 768px) {
  .page-template-page-industries-children section.map-info .inner {
    padding: 100px 30px;
  }
}
.page-template-page-industries-children .full-video {
  position: relative;
  height: 600px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-template-page-industries-children .full-video h1 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 80px;
  color: #fff;
  font-weight: bold;
  line-height: 98px;
  max-width: 820px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
}
.page-template-page-industries-children .full-video img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.page-template-page-industries-children .full-video video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  position: absolute;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page-template-page-industries-children .full-video {
    height: 500px;
  }
  .page-template-page-industries-children .full-video h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    line-height: 68px;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-page-industries-children .full-video {
    height: 350px;
  }
  .page-template-page-industries-children .full-video h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    line-height: 53px;
  }
}
.page-template-page-industries-children section.associations .inner {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 835px;
  margin: 0 auto;
  padding: 100px 0 100px 100px;
}
.page-template-page-industries-children section.associations .inner:after {
  content: "";
  width: 53px;
  height: 290px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../../assets/images/icon-angled-lines.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-industries-children section.associations .inner .content {
  flex: 0 0 70%;
  padding: 30px 70px 0 0;
  position: relative;
}
.page-template-page-industries-children section.associations .inner .content h2 {
  color: #151F6D;
}
.page-template-page-industries-children section.associations .inner .image {
  flex: 0 0 30%;
}
.page-template-page-industries-children section.associations .inner .image img {
  padding: 0 0 30px 0;
  display: block;
}
.page-template-page-industries-children section.associations .inner .image img:last-child {
  padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .page-template-page-industries-children section.associations .inner {
    flex-direction: column;
    padding: 75px 50px 100px 75px;
  }
  .page-template-page-industries-children section.associations .inner .image {
    justify-self: center;
  }
}
.page-template-page-industries-children section.gridwrap.gridwrap-bottom {
  margin: 0 auto 60px;
}
.page-template-page-industries-children section.gridwrap.gridwrap-bottom .inner.inner-top {
  padding: 0px 30px;
}
.page-template-page-industries-children section.gridwrap.gridwrap-bottom:after {
  display: none;
}
.page-template-page-industries-children .bg-blueprintwrap {
  position: relative;
}
.page-template-page-industries-children .bg-blueprintwrap:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 507px;
  height: 976px;
  z-index: -1;
  background-color: #fff;
  background-image: url("../../assets/images/blueprint-8.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .page-template-page-industries-children .bg-blueprintwrap:after {
    top: 5%;
    left: -40%;
  }
}

/*********************
Solutions Styles
*********************/
.page-template-page-solutions section.interior-intro .inner ul {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
.page-template-page-solutions section.interior-intro .inner ul li {
  padding-right: 10px;
}
@media only screen and (max-width: 900px) {
  .page-template-page-solutions section.interior-intro .inner ul {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-page-solutions section.interior-intro .inner ul {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
}
@media only screen and (max-width: 500px) {
  .page-template-page-solutions section.interior-intro .inner ul {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}
.page-template-page-solutions section#products.gridwrap {
  background: rgba(246, 246, 246, 0.4);
  overflow: hidden;
  padding-bottom: 110px;
}
.page-template-page-solutions section#products.gridwrap .inner {
  max-width: 1200px;
  z-index: 2;
  position: relative;
}
.page-template-page-solutions section#products.gridwrap:before {
  content: "";
  position: absolute;
  top: 0px;
  left: auto;
  right: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 952px;
  height: 1135px;
  z-index: 1;
  background-color: transparent;
  background-image: url("../../assets/images/blueprint-9.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-solutions section#products.gridwrap:after {
  display: none;
}
.page-template-page-solutions section#products.gridwrap .inner {
  z-index: 2;
}
@media only screen and (max-width: 500px) {
  .page-template-page-solutions section#products.gridwrap:before {
    right: -60%;
  }
}
.page-template-page-solutions section.contentwrap {
  position: relative;
}
.page-template-page-solutions section.contentwrap section {
  z-index: 2;
}
.page-template-page-solutions section.contentwrap .content-image .content a.resource {
  width: 100%;
  max-width: 400px;
  min-height: 300px;
  position: relative;
  background: none;
  padding: 0;
  border: none;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  margin: 20px 0 0;
  display: inline-block;
}
.page-template-page-solutions section.contentwrap .content-image .content a.resource:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.63) 100%);
  z-index: 2;
}
.page-template-page-solutions section.contentwrap .content-image .content a.resource p {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #fff;
  font-weight: 800;
  line-height: 26px;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 0;
  padding: 0 0 0 45px;
  margin: 0;
  z-index: 3;
}
.page-template-page-solutions section.contentwrap .content-image .content a.resource p:before {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: 0.2s ease-in-out;
  background-image: url("../../assets/images/arrow-red-circle.svg");
  background-size: cover;
  background-position: center;
}
.page-template-page-solutions section.contentwrap .content-image .content a.resource img {
  transition: 0.2s ease-in-out;
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  height: 100%;
  position: absolute;
}
.page-template-page-solutions section.contentwrap .content-image .content a.resource:hover p:before {
  left: 10px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-template-page-solutions section.contentwrap .content-image .content a.resource:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.page-template-page-solutions section.contentwrap section.content-image:last-child {
  margin: 210px auto 0;
  padding-bottom: 210px;
}
.page-template-page-solutions section.contentwrap:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 972px;
  height: 551px;
  z-index: 1;
  background-color: transparent;
  background-image: url("../../assets/images/blueprint-10.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .page-template-page-solutions section.contentwrap:before {
    bottom: -12%;
  }
  .page-template-page-solutions section.contentwrap section.content-image:last-child {
    margin: 60px auto 0;
    padding-bottom: 310px;
  }
}

/*********************
Solutions Styles
*********************/
.archive .banner-interior,
.post-type-archive-resources .banner-interior {
  flex-direction: column;
}
.archive .banner-interior h1,
.post-type-archive-resources .banner-interior h1 {
  display: block;
}
.archive .banner-interior h2,
.post-type-archive-resources .banner-interior h2 {
  margin-top: 15px;
  color: #fff;
  opacity: 1;
  z-index: 10;
  text-transform: capitalize;
}
.archive section.resource-categories,
.post-type-archive-resources section.resource-categories {
  margin-top: 60px;
  padding: 0;
}
.archive section.resource-categories .inner,
.post-type-archive-resources section.resource-categories .inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 30px;
}
.archive section.resource-categories .resource-category-list,
.post-type-archive-resources section.resource-categories .resource-category-list {
  padding: 0 0 45px 0;
  margin-bottom: 30px;
  border-bottom: 2px solid #E0E0E0;
}
.archive section.resource-categories .resource-category-list a,
.post-type-archive-resources section.resource-categories .resource-category-list a {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #151F6D;
  font-weight: 400;
  line-height: 19px;
  font-style: italic;
  text-decoration: none;
  margin: 0 20px 20px 0;
}
.archive section.resource-categories .resource-category-list a.current-category, .archive section.resource-categories .resource-category-list a:hover,
.post-type-archive-resources section.resource-categories .resource-category-list a.current-category,
.post-type-archive-resources section.resource-categories .resource-category-list a:hover {
  text-decoration: underline;
  color: #CB3338;
}
.archive section.featured-resources-wrap,
.post-type-archive-resources section.featured-resources-wrap {
  padding: 0;
}
.archive section.featured-resources-wrap .inner.inner-top,
.post-type-archive-resources section.featured-resources-wrap .inner.inner-top {
  padding: 0 30px;
  max-width: 1320px;
  margin: 0 auto;
}
.archive section.featured-resources-wrap .inner.inner-articles,
.post-type-archive-resources section.featured-resources-wrap .inner.inner-articles {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 0px 30px 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.archive section.featured-resources-wrap .content,
.archive section.featured-resources-wrap .entry-content,
.post-type-archive-resources section.featured-resources-wrap .content,
.post-type-archive-resources section.featured-resources-wrap .entry-content {
  flex: 0 0 70%;
  order: 1;
  padding-right: 30px;
}
.archive section.featured-resources-wrap .content article,
.archive section.featured-resources-wrap .entry-content article,
.post-type-archive-resources section.featured-resources-wrap .content article,
.post-type-archive-resources section.featured-resources-wrap .entry-content article {
  padding: 0 0 60px 0;
  margin-bottom: 60px;
  border-bottom: 2px solid #E0E0E0;
}
.archive section.featured-resources-wrap .content .article-contents,
.archive section.featured-resources-wrap .entry-content .article-contents,
.post-type-archive-resources section.featured-resources-wrap .content .article-contents,
.post-type-archive-resources section.featured-resources-wrap .entry-content .article-contents {
  display: flex;
  flex-direction: row;
}
.archive section.featured-resources-wrap .content .article-contents .featured-image,
.archive section.featured-resources-wrap .entry-content .article-contents .featured-image,
.post-type-archive-resources section.featured-resources-wrap .content .article-contents .featured-image,
.post-type-archive-resources section.featured-resources-wrap .entry-content .article-contents .featured-image {
  flex: 0 0 50%;
  padding-right: 30px;
}
.archive section.featured-resources-wrap .content .article-contents .entry-content,
.archive section.featured-resources-wrap .entry-content .article-contents .entry-content,
.post-type-archive-resources section.featured-resources-wrap .content .article-contents .entry-content,
.post-type-archive-resources section.featured-resources-wrap .entry-content .article-contents .entry-content {
  flex: 0 0 50%;
}
.archive section.featured-resources-wrap .content .meta p,
.archive section.featured-resources-wrap .entry-content .meta p,
.post-type-archive-resources section.featured-resources-wrap .content .meta p,
.post-type-archive-resources section.featured-resources-wrap .entry-content .meta p {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #7A7270;
  font-weight: 400;
  line-height: 26px;
}
.archive section.featured-resources-wrap .content h2,
.archive section.featured-resources-wrap .content h2 a,
.archive section.featured-resources-wrap .entry-content h2,
.archive section.featured-resources-wrap .entry-content h2 a,
.post-type-archive-resources section.featured-resources-wrap .content h2,
.post-type-archive-resources section.featured-resources-wrap .content h2 a,
.post-type-archive-resources section.featured-resources-wrap .entry-content h2,
.post-type-archive-resources section.featured-resources-wrap .entry-content h2 a {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #151F6D;
  font-weight: bold;
  line-height: 22px;
  text-decoration: none;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.archive section.featured-resources-wrap .content h2 sup,
.archive section.featured-resources-wrap .content h2 a sup,
.archive section.featured-resources-wrap .entry-content h2 sup,
.archive section.featured-resources-wrap .entry-content h2 a sup,
.post-type-archive-resources section.featured-resources-wrap .content h2 sup,
.post-type-archive-resources section.featured-resources-wrap .content h2 a sup,
.post-type-archive-resources section.featured-resources-wrap .entry-content h2 sup,
.post-type-archive-resources section.featured-resources-wrap .entry-content h2 a sup {
  text-decoration: none;
}
.archive section.featured-resources-wrap .content a.readmore,
.archive section.featured-resources-wrap .entry-content a.readmore,
.post-type-archive-resources section.featured-resources-wrap .content a.readmore,
.post-type-archive-resources section.featured-resources-wrap .entry-content a.readmore {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #151F6D;
  font-weight: bold;
  line-height: 22px;
  text-transform: uppercase;
  padding-right: 50px;
  text-decoration: none;
  position: relative;
  transition: 0.2s ease-in-out;
}
.archive section.featured-resources-wrap .content a.readmore:after,
.archive section.featured-resources-wrap .entry-content a.readmore:after,
.post-type-archive-resources section.featured-resources-wrap .content a.readmore:after,
.post-type-archive-resources section.featured-resources-wrap .entry-content a.readmore:after {
  content: "";
  width: 42px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: 0.2s ease-in-out;
  background-image: url("../../assets/images/arrow-blue.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.archive section.featured-resources-wrap .content a.readmore:hover,
.archive section.featured-resources-wrap .entry-content a.readmore:hover,
.post-type-archive-resources section.featured-resources-wrap .content a.readmore:hover,
.post-type-archive-resources section.featured-resources-wrap .entry-content a.readmore:hover {
  color: #343434;
}
.archive section.featured-resources-wrap .content a.readmore:hover:after,
.archive section.featured-resources-wrap .entry-content a.readmore:hover:after,
.post-type-archive-resources section.featured-resources-wrap .content a.readmore:hover:after,
.post-type-archive-resources section.featured-resources-wrap .entry-content a.readmore:hover:after {
  right: -5px;
}
.archive section.featured-resources-wrap .resource-featured,
.post-type-archive-resources section.featured-resources-wrap .resource-featured {
  width: 100%;
  flex: 0 0 100%;
  padding: 0 30px 30px;
  margin: 0 0 30px;
  max-width: 1320px;
  margin: 0 auto 30px;
  position: relative;
}
.archive section.featured-resources-wrap .resource-featured:before,
.post-type-archive-resources section.featured-resources-wrap .resource-featured:before {
  content: "";
  width: calc(100% - 60px);
  height: 2px;
  background-color: #E0E0E0;
  bottom: 0;
  position: absolute;
}
.archive section.featured-resources-wrap .resource-featured article,
.post-type-archive-resources section.featured-resources-wrap .resource-featured article {
  flex: 0 0 100%;
  margin: 0;
}
.archive section.featured-resources-wrap .resource-featured .article-contents,
.post-type-archive-resources section.featured-resources-wrap .resource-featured .article-contents {
  display: flex;
  flex-direction: row;
}
.archive section.featured-resources-wrap .resource-featured .article-contents .featured-image,
.post-type-archive-resources section.featured-resources-wrap .resource-featured .article-contents .featured-image {
  flex: 0 0 50%;
  padding-right: 30px;
  max-height: none;
}
.archive section.featured-resources-wrap .resource-featured .article-contents .featured-image img,
.post-type-archive-resources section.featured-resources-wrap .resource-featured .article-contents .featured-image img {
  width: 100%;
  max-width: none;
  height: auto;
}
.archive section.featured-resources-wrap .resource-featured .article-contents .entry-content,
.post-type-archive-resources section.featured-resources-wrap .resource-featured .article-contents .entry-content {
  flex: 0 0 50%;
  align-self: center;
  padding: 0 0 40px;
}
.archive section.featured-resources-wrap .resource-featured .article-contents .entry-content .entry-title,
.post-type-archive-resources section.featured-resources-wrap .resource-featured .article-contents .entry-content .entry-title {
  margin: 0;
}
.archive section.featured-resources-wrap .resource-featured .article-contents .entry-content h2,
.archive section.featured-resources-wrap .resource-featured .article-contents .entry-content h2 a,
.post-type-archive-resources section.featured-resources-wrap .resource-featured .article-contents .entry-content h2,
.post-type-archive-resources section.featured-resources-wrap .resource-featured .article-contents .entry-content h2 a {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #151F6D;
  font-weight: bold;
  line-height: 30px;
  text-decoration: none;
  text-transform: capitalize;
  margin: 0;
}
.archive section.featured-resources-wrap article,
.post-type-archive-resources section.featured-resources-wrap article {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(33.33% - 60px);
  margin: 0 30px 45px;
  justify-content: space-between;
}
.archive section.featured-resources-wrap article .featured-image,
.post-type-archive-resources section.featured-resources-wrap article .featured-image {
  max-height: 375px;
  overflow: hidden;
}
.archive section.featured-resources-wrap article .featured-image img,
.post-type-archive-resources section.featured-resources-wrap article .featured-image img {
  width: 100%;
  max-width: none;
  height: auto;
}
.archive section.featured-resources-wrap article .article-contents,
.post-type-archive-resources section.featured-resources-wrap article .article-contents {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.archive section.featured-resources-wrap article .entry-content,
.post-type-archive-resources section.featured-resources-wrap article .entry-content {
  position: relative;
  padding: 20px 0 60px;
  flex: 1 0 auto;
}
.archive section.featured-resources-wrap article .entry-content a.readmore,
.post-type-archive-resources section.featured-resources-wrap article .entry-content a.readmore {
  position: absolute;
  bottom: 20px;
}
@media only screen and (max-width: 800px) {
  .archive section.featured-resources-wrap article,
  .post-type-archive-resources section.featured-resources-wrap article {
    flex: calc(50% - 60px);
  }
}
@media only screen and (max-width: 600px) {
  .archive section.featured-resources-wrap .resource-featured .article-contents,
  .post-type-archive-resources section.featured-resources-wrap .resource-featured .article-contents {
    flex-direction: column;
  }
  .archive section.featured-resources-wrap .resource-featured .article-contents .featured-image,
  .post-type-archive-resources section.featured-resources-wrap .resource-featured .article-contents .featured-image {
    padding: 0 0 20px 0;
  }
  .archive section.featured-resources-wrap .inner.inner-articles,
  .post-type-archive-resources section.featured-resources-wrap .inner.inner-articles {
    flex-direction: column;
  }
}
.archive section.newsletter-signup,
.post-type-archive-resources section.newsletter-signup {
  position: relative;
  padding: 60px 0;
  overflow: hidden;
}
.archive section.newsletter-signup:before,
.post-type-archive-resources section.newsletter-signup:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 952px;
  height: 458px;
  z-index: -1;
  background-color: #fff;
  background-image: url("../../assets/images/blueprint-11.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.archive section.newsletter-signup .disclaimer p,
.post-type-archive-resources section.newsletter-signup .disclaimer p {
  font-style: italic;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #000;
  font-weight: normal;
  line-height: 23px;
  text-align: center;
  max-width: 480px;
  margin: 0 auto;
}
.archive section.newsletter-signup .disclaimer p a,
.post-type-archive-resources section.newsletter-signup .disclaimer p a {
  text-decoration: none;
}
.archive section.newsletter-signup .gform_wrapper,
.post-type-archive-resources section.newsletter-signup .gform_wrapper {
  padding: 0;
  margin: 0;
}
.archive section.newsletter-signup .gform_wrapper input[type=submit],
.post-type-archive-resources section.newsletter-signup .gform_wrapper input[type=submit] {
  margin: 15px auto 30px;
}
.archive section.newsletter-signup .inner,
.post-type-archive-resources section.newsletter-signup .inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}
.archive section.newsletter-signup .inner .content,
.post-type-archive-resources section.newsletter-signup .inner .content {
  flex: 0 0 50%;
  padding: 0 80px 0 0;
  position: relative;
}
.archive section.newsletter-signup .inner .content:after,
.post-type-archive-resources section.newsletter-signup .inner .content:after {
  content: "";
  width: 53px;
  height: 290px;
  position: absolute;
  left: -90px;
  top: 0;
  background-image: url("../../assets/images/icon-angled-lines.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.archive section.newsletter-signup .inner .form,
.post-type-archive-resources section.newsletter-signup .inner .form {
  flex: 0 0 50%;
}
.archive section.newsletter-signup .inner a,
.post-type-archive-resources section.newsletter-signup .inner a {
  color: #343434;
  text-decoration: none;
}
.archive section.newsletter-signup .inner a strong,
.post-type-archive-resources section.newsletter-signup .inner a strong {
  text-decoration: underline;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #343434;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.05em;
}
.archive section.newsletter-signup .inner a.text-button, .archive section.newsletter-signup .inner a.viewall, .archive section.newsletter-signup .inner .navigation.posts-navigation a, .navigation.posts-navigation .archive section.newsletter-signup .inner a,
.post-type-archive-resources section.newsletter-signup .inner a.text-button,
.post-type-archive-resources section.newsletter-signup .inner .blog a.viewall,
.blog .post-type-archive-resources section.newsletter-signup .inner a.viewall,
.post-type-archive-resources section.newsletter-signup .inner .archive a.viewall,
.post-type-archive-resources section.newsletter-signup .inner .navigation.posts-navigation a,
.navigation.posts-navigation .post-type-archive-resources section.newsletter-signup .inner a {
  color: #fff;
}
.archive section.newsletter-signup .inner h2,
.post-type-archive-resources section.newsletter-signup .inner h2 {
  margin: 0 0 15px;
  padding: 0;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #151F6D;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: 0.1em;
}
.archive section.newsletter-signup .inner h3,
.post-type-archive-resources section.newsletter-signup .inner h3 {
  margin: 0 0 38px;
  padding: 0;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #7A7270;
  font-weight: 900;
  line-height: 36px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media only screen and (max-width: 1250px) {
  .archive section.newsletter-signup:before,
  .post-type-archive-resources section.newsletter-signup:before {
    right: 40%;
    left: auto;
  }
}
@media only screen and (max-width: 768px) {
  .archive section.newsletter-signup .inner,
  .post-type-archive-resources section.newsletter-signup .inner {
    flex-direction: column;
    padding: 0 30px;
  }
  .archive section.newsletter-signup .content-bottom,
  .post-type-archive-resources section.newsletter-signup .content-bottom {
    flex-direction: column;
  }
}

.single a.button {
  background: #151F6D;
  border: none;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
  padding: 15px 30px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  margin: 20px 0 0;
  display: inline-block;
}
.single a.button:hover {
  background: #003142;
}
.single .gridwrap {
  background: #f6f6f6;
  overflow: hidden;
  margin-top: 0;
}
.single .gridwrap:before {
  display: none;
}
.single .gridwrap:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 449px;
  height: 100%;
  z-index: 1;
  background-color: transparent;
  background-image: url("../../assets/images/blueprint-12.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.single .gridwrap .inner {
  position: relative;
  z-index: 2;
}

.single.single-resources section.banner.banner-interior h1 {
  text-transform: initial;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}
.single.single-resources section.newsroom-posts .inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 120px 30px 30px;
  display: flex;
  flex-direction: row;
}
.single.single-resources section.newsroom-posts .inner .sidebar {
  flex: 0 0 20%;
  max-width: 200px;
}
.single.single-resources section.newsroom-posts .inner .sidebar .date {
  margin-bottom: 30px;
}
.single.single-resources section.newsroom-posts .inner .sidebar .cat p {
  margin: 0;
}
.single.single-resources section.newsroom-posts .inner .sidebar ul {
  margin: 0;
  padding: 0;
}
.single.single-resources section.newsroom-posts .inner .sidebar ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.single.single-resources section.newsroom-posts .inner .sidebar ul li a {
  font-style: italic;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #CB3338;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.single.single-resources section.newsroom-posts .inner .content {
  padding-left: 60px;
}
.single.single-resources section.newsroom-posts .inner .cat {
  margin-bottom: 30px;
}
.single.single-resources section.newsroom-posts .inner .social a {
  display: block;
  margin: 0 0 10px 0;
}
.single.single-resources section.newsroom-posts h1 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #151F6D;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: 0.01em;
  margin: 0 0 5px 0;
}
.single.single-resources section.newsroom-posts h2 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #151F6D;
  font-weight: bold;
  line-height: 30px;
  margin: 0 0 20px 0;
}
.single.single-resources img.alignleft {
  float: left;
  padding: 0 15px 15px 15px;
}
.single.single-resources img.aligncenter {
  float: center;
  padding: 0 15px 15px 15px;
}
.single.single-resources img.alignright {
  float: right;
  padding: 0 0 15px 15px;
}
.single.single-resources .gridwrap.related-posts {
  padding: 30px 0;
  margin-top: 0;
  background: #fff;
}
.single.single-resources .gridwrap.related-posts:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 723px;
  height: 603px;
  z-index: 1;
  background-color: transparent;
  background-image: url("../../assets/images/blueprint-13.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.single.single-resources .gridwrap.related-posts .swiper-container {
  padding-top: 30px;
}
.single.single-resources .gridwrap.related-posts .inner.inner-top {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.single.single-resources .gridwrap.related-posts .grid {
  flex-wrap: nowrap;
  text-align: left;
}
.single.single-resources .gridwrap.related-posts .grid .item p {
  padding-right: 10px;
}
.single.single-resources .gridwrap.related-posts .swiper-slide {
  padding: 0 15px;
}
@media only screen and (max-width: 768px) {
  .single.single-resources section.newsroom-posts .inner {
    flex-direction: column;
    padding: 30px;
  }
  .single.single-resources section.newsroom-posts .inner .content {
    padding: 0 0 30px 0;
  }
  .single.single-resources section.newsroom-posts .inner .sidebar {
    max-width: none;
    text-align: center;
  }
}
@media only screen and (max-width: 650px) {
  .single.single-resources .gridwrap.related-posts .grid {
    flex-direction: row;
  }
}
@media only screen and (max-width: 600px) {
  .single.single-resources a.button {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .single.single-resources section.newsroom-posts .inner .social a {
    display: inline-block;
  }
}

/*********************
About Us Styles
*********************/
.page-template-page-aboutus section.interior-intro {
  overflow: hidden;
  margin: 90px auto 60px;
}
.page-template-page-aboutus section.interior-intro .inner .imageclip-wrap {
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  .page-template-page-aboutus section.interior-intro {
    margin: 30px auto 60px;
  }
  .page-template-page-aboutus section.interior-intro .inner .content {
    margin-bottom: 0;
  }
}
.page-template-page-aboutus section.ourteam {
  position: relative;
  overflow: hidden;
}
.page-template-page-aboutus section.ourteam:before {
  display: none;
}
.page-template-page-aboutus section.ourteam.ourteam-contact:before {
  display: block;
}
.page-template-page-aboutus section.ourteam.ourteam-contact .content-bottom {
  position: relative;
}
.page-template-page-aboutus section.ourteam.ourteam-contact .content-bottom:after {
  content: "";
  display: block;
  width: 53px;
  height: 290px;
  position: absolute;
  left: -90px;
  top: 0;
  background-image: url("../../assets/images/icon-angled-lines.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-aboutus section.ourteam:before {
  content: "";
  position: absolute;
  bottom: -400px;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 952px;
  height: 1135px;
  z-index: -1;
  background-color: #fff;
  background-image: url("../../assets/images/blueprint-3.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .page-template-page-aboutus section.ourteam .inner {
    padding: 60px 0px 50px;
  }
}
.page-template-page-aboutus section.content-image[data-image=left] .inner .content {
  padding-top: 0;
  align-self: center;
}
@media only screen and (max-width: 900px) {
  .page-template-page-aboutus section.content-image[data-image=left] .inner .content {
    margin-top: 40px;
  }
}
.page-template-page-aboutus section.values {
  background: #151F6D;
  padding: 84px 0;
}
.page-template-page-aboutus section.values p {
  text-align: center;
}
.page-template-page-aboutus section.values h2 {
  color: #fff;
  text-align: center;
}
.page-template-page-aboutus section.values .inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 30px;
}
.page-template-page-aboutus section.values .inner .grid {
  margin-top: 84px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.page-template-page-aboutus section.values .inner .grid img {
  padding: 0 0 30px;
}
.page-template-page-aboutus section.values .inner .grid .grid-item {
  flex: 0 0 50%;
  text-align: center;
  padding: 0 30px 90px;
}
.page-template-page-aboutus section.values .inner p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  line-height: 30px;
}
.page-template-page-aboutus section.values .inner p strong {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #fff;
  font-weight: 900;
  line-height: 26px;
}
@media only screen and (max-width: 768px) {
  .page-template-page-aboutus section.values .inner .grid {
    flex-direction: column;
  }
}
.page-template-page-aboutus section.content-image {
  margin-top: 0px;
}
.page-template-page-aboutus section.content-image .inner .imageclip-wrap {
  align-self: flex-start;
  margin-top: 18px;
  position: relative;
  flex: 0 0 50%;
  min-width: 570px;
  z-index: 10;
}
.page-template-page-aboutus section.content-image .inner .imageclip-wrap .imageclip {
  position: relative;
}
.page-template-page-aboutus section.content-image .inner .imageclip-wrap .imageclip .clip-wrap {
  height: 520px;
  position: relative;
}
.page-template-page-aboutus section.content-image .inner .imageclip-wrap .imageclip:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 570px;
  height: 100%;
}
.page-template-page-aboutus section.content-image .inner .imageclip-wrap .imageclip .clip-wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  height: 100%;
  position: absolute;
}
.page-template-page-aboutus section.content-image .inner .imageclip-wrap .imageclip .clip-wrap:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-template-page-aboutus section.content-image .inner .imageclip-wrap .clip-wrap img {
  -o-object-position: right center;
     object-position: right center;
}
.page-template-page-aboutus section.content-image .inner .imageclip-wrap .clip-wrap:after {
  right: 0;
  background: linear-gradient(120deg, rgba(64, 117, 164, 0.9) 1.76%, rgba(38, 93, 141, 0) 40.27%);
}
.page-template-page-aboutus section.content-image .inner .imageclip-wrap .imageclip {
  right: 10%;
  left: auto;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 89% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 89% 100%, 0% 100%);
}
.page-template-page-aboutus section.content-image .inner .imageclip-wrap:after {
  content: "";
  position: absolute;
  top: -12%;
  right: 0;
  left: auto;
  z-index: -1;
  width: 200%;
  height: 100%;
  background-color: #E0E0E0;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 94.5% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 94.5% 100%, 0% 100%);
}
@media only screen and (max-width: 768px) {
  .page-template-page-aboutus section.content-image .inner .imageclip-wrap .imageclip {
    height: 300px;
  }
  .page-template-page-aboutus section.content-image .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
  .page-template-page-aboutus section.content-image .inner .imageclip-wrap .imageclip .clip-wrap img {
    -o-object-position: center !important;
       object-position: center !important;
  }
}
@media only screen and (max-width: 500px) {
  .page-template-page-aboutus section.content-image .inner .imageclip-wrap .imageclip {
    height: 300px;
    min-width: 320px;
  }
  .page-template-page-aboutus section.content-image .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
}
.page-template-page-aboutus section.brands {
  background: #f6f6f6;
  padding: 100px 30px;
}
.page-template-page-aboutus section.brands .inner {
  text-align: center;
  max-width: 1300px;
  margin: 0 auto;
}
.page-template-page-aboutus section.brands h2 {
  text-align: center;
  margin: 0 0 60px;
}
.page-template-page-aboutus section.brands img {
  padding: 15px;
}
.page-template-page-aboutus section.brands .brandlist {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  display: grid;
  justify-items: center;
}
@media only screen and (max-width: 900px) {
  .page-template-page-aboutus section.brands .brandlist {
    justify-content: center;
    align-content: center;
  }
  .page-template-page-aboutus section.brands .brandlist img {
    width: auto;
    max-width: 300px;
  }
}
.page-template-page-aboutus .full-video {
  position: relative;
  height: 600px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-template-page-aboutus .full-video h1 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 80px;
  color: #fff;
  font-weight: bold;
  line-height: 98px;
  max-width: 820px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
}
.page-template-page-aboutus .full-video img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.page-template-page-aboutus .full-video video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  position: absolute;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page-template-page-aboutus .full-video {
    height: 500px;
  }
  .page-template-page-aboutus .full-video h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    line-height: 68px;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-page-aboutus .full-video {
    height: 350px;
  }
  .page-template-page-aboutus .full-video h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    line-height: 53px;
  }
}
.page-template-page-aboutus section.video {
  background: #f6f6f6;
  overflow: hidden;
  padding-bottom: 30px;
}
.page-template-page-aboutus section.video h3 {
  text-transform: inherit;
  text-align: center;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 46px;
  color: #151F6D;
  font-weight: bold;
  line-height: 50px;
  margin: 0 auto 56px;
  letter-spacing: normal;
}
.page-template-page-aboutus section.video:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 355px;
  height: 852px;
  z-index: 1;
  background-color: transparent;
  background-image: url("../../assets/images/blueprint-6.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-aboutus section.video .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 84px 30px;
  position: relative;
  z-index: 10;
}
.page-template-page-aboutus section.video .inner h2 {
  text-align: center;
}
.page-template-page-aboutus section.video .youtubevideo {
  position: relative;
  display: block;
  max-width: 615px;
  width: 100%;
  margin: 0 auto;
}
.page-template-page-aboutus section.video .youtubevideo img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.page-template-page-aboutus section.video .youtubevideo:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 93px;
  height: 93px;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: 0.2s ease-in-out;
  background-image: url("../../assets/images/icon-play.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-aboutus section.video .youtubevideo:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (max-width: 600px) {
  .page-template-page-aboutus section.video h3 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #151F6D;
    font-weight: bold;
    line-height: 35px;
  }
}

/*********************
Contact Us Styles
*********************/
.page-template-page-contactus section.contactpage {
  position: relative;
  padding: 116px 0;
  overflow: hidden;
}
.page-template-page-contactus section.contactpage:before {
  content: "";
  position: absolute;
  bottom: -400px;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 952px;
  height: 1135px;
  z-index: -1;
  background-color: #fff;
  background-image: url("../../assets/images/blueprint-3.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-contactus section.contactpage#map {
  padding: 60px 0;
}
.page-template-page-contactus section.contactpage#map a.text-button, .page-template-page-contactus section.contactpage#map .blog a.viewall, .blog .page-template-page-contactus section.contactpage#map a.viewall, .page-template-page-contactus section.contactpage#map .archive a.viewall, .archive .page-template-page-contactus section.contactpage#map a.viewall, .page-template-page-contactus section.contactpage#map .navigation.posts-navigation a, .navigation.posts-navigation .page-template-page-contactus section.contactpage#map a {
  color: #fff;
}
.page-template-page-contactus section.contactpage#map .inner {
  flex-direction: column;
}
.page-template-page-contactus section.contactpage#map .inner .content {
  padding: 0 0 60px 0;
  text-align: center;
}
.page-template-page-contactus section.contactpage#map .inner .content img {
  max-width: none;
  width: 100%;
  height: auto;
}
.page-template-page-contactus section.contactpage#map:before {
  left: auto;
  right: 0;
  bottom: -60%;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.page-template-page-contactus section.contactpage#map span.red {
  padding: 0 30px 0 20px;
  position: relative;
}
.page-template-page-contactus section.contactpage#map span.red:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 100%;
  background: #CB3338;
  border: 1px solid #f6f6f6;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.page-template-page-contactus section.contactpage#map span.blue {
  padding: 0 30px 0 20px;
  position: relative;
}
.page-template-page-contactus section.contactpage#map span.blue:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 100%;
  background: #00b9ff;
  border: 1px solid #f6f6f6;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 500px) {
  .page-template-page-contactus section.contactpage#map span.red,
  .page-template-page-contactus section.contactpage#map span.blue {
    display: block;
    max-width: 150px;
    margin: 0 auto;
  }
}
.page-template-page-contactus section.contactpage .gform_wrapper {
  padding: 0;
  margin: 0;
}
.page-template-page-contactus section.contactpage .inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 30px;
  display: flex;
  flex-direction: row;
}
.page-template-page-contactus section.contactpage .inner .content {
  flex: 0 0 50%;
  padding: 0 80px 0 0;
  position: relative;
}
.page-template-page-contactus section.contactpage .inner .content:after {
  content: "";
  width: 53px;
  height: 290px;
  position: absolute;
  left: -90px;
  top: 0;
  background-image: url("../../assets/images/icon-angled-lines.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-contactus section.contactpage .inner .form {
  flex: 0 0 50%;
}
.page-template-page-contactus section.contactpage .inner a {
  color: #343434;
  text-decoration: none;
}
.page-template-page-contactus section.contactpage .inner a strong {
  text-decoration: underline;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #343434;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.05em;
}
.page-template-page-contactus section.contactpage .inner h2 {
  margin: 0 0 15px;
  padding: 0;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #151F6D;
  font-weight: bold;
  line-height: 36px;
  letter-spacing: 0.1em;
}
.page-template-page-contactus section.contactpage .inner h3 {
  margin: 0 0 38px;
  padding: 0;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #7A7270;
  font-weight: 900;
  line-height: 36px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media only screen and (max-width: 1250px) {
  .page-template-page-contactus section.contactpage:before {
    right: 40%;
    left: auto;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-page-contactus section.contactpage {
    padding: 40px 0 60px;
  }
  .page-template-page-contactus section.contactpage .inner {
    flex-direction: column;
  }
  .page-template-page-contactus section.contactpage .content-bottom {
    flex-direction: column;
  }
  .page-template-page-contactus section.contactpage .inner .content {
    padding: 0;
  }
}
.page-template-page-contactus section.map .inner {
  text-align: center;
  padding: 60px 30px;
}
.page-template-page-contactus section.map .inner img {
  margin: 0 auto;
  display: block;
  float: none;
}
.page-template-page-contactus section.chart {
  background: rgba(246, 246, 246, 0.4);
}
.page-template-page-contactus section.chart .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 85px 30px 115px;
  text-align: center;
}
.page-template-page-contactus section.chart table {
  width: 100%;
  margin: 70px auto 0;
}
.page-template-page-contactus section.chart table thead {
  background: #E0E0E0;
}
.page-template-page-contactus section.chart table thead tr th {
  text-align: left;
  border: none;
  outline: none;
  padding: 13px 37px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #343434;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.05em;
}
.page-template-page-contactus section.chart table tbody tr:nth-child(odd) {
  background: #fff;
}
.page-template-page-contactus section.chart table tbody tr:nth-child(even) {
  background: #f6f6f6;
}
.page-template-page-contactus section.chart table tbody tr td {
  text-align: left;
  border: none;
  outline: none;
  padding: 10px 37px;
  position: relative;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #343434;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.05em;
}
.page-template-page-contactus section.chart table tbody tr td a {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #343434;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.05em;
  text-decoration: none;
}
.page-template-page-contactus section.chart table tbody tr td span {
  position: absolute;
  display: none;
  top: 5px;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .page-template-page-contactus section.chart .inner {
    padding: 85px 30px 60px;
  }
  .page-template-page-contactus section.chart table thead {
    display: none;
  }
  .page-template-page-contactus section.chart table tbody tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .page-template-page-contactus section.chart table tbody tr td {
    background: #fff;
    box-sizing: border-box;
    width: 100%;
  }
  .page-template-page-contactus section.chart table tbody tr td span {
    display: block;
  }
  .page-template-page-contactus section.chart table tbody tr td:nth-child(1) {
    order: 1;
    padding: 30px 15px 0px 15px;
    flex: 0 0 50%;
  }
  .page-template-page-contactus section.chart table tbody tr td:nth-child(2) {
    order: 3;
    padding: 30px 15px 15px 15px;
    flex: 0 0 50%;
  }
  .page-template-page-contactus section.chart table tbody tr td:nth-child(3) {
    order: 4;
    padding: 30px 15px 15px 15px;
    flex: 0 0 50%;
  }
  .page-template-page-contactus section.chart table tbody tr td:nth-child(4) {
    order: 2;
    padding: 30px 15px 10px 15px;
    flex: 0 0 50%;
  }
  .page-template-page-contactus section.chart table tbody tr:nth-child(odd) td {
    background: #E0E0E0;
  }
}
@media only screen and (max-width: 500px) {
  .page-template-page-contactus section.chart table tbody tr td {
    background: #fff;
    box-sizing: border-box;
    width: 100%;
  }
  .page-template-page-contactus section.chart table tbody tr td span {
    display: block;
  }
  .page-template-page-contactus section.chart table tbody tr td:nth-child(1) {
    order: 1;
    flex: 0 0 100%;
  }
  .page-template-page-contactus section.chart table tbody tr td:nth-child(2) {
    order: 3;
    flex: 0 0 100%;
  }
  .page-template-page-contactus section.chart table tbody tr td:nth-child(3) {
    order: 4;
    flex: 0 0 100%;
  }
  .page-template-page-contactus section.chart table tbody tr td:nth-child(4) {
    order: 2;
    flex: 0 0 100%;
  }
}

/*********************
About Us Styles
*********************/
.page-template-page-products .aligncenter,
.page-template-page-brand-partners .aligncenter {
  margin: 0 auto;
  display: block;
}
.page-template-page-products .interior-intro.product-banner,
.page-template-page-brand-partners .interior-intro.product-banner {
  background: #151F6D;
  overflow: visible;
  margin: 0px auto 60px;
}
.page-template-page-products .interior-intro.product-banner .content,
.page-template-page-brand-partners .interior-intro.product-banner .content {
  justify-self: center;
  align-self: center;
  padding-right: 10px;
}
.page-template-page-products .interior-intro.product-banner .content h1,
.page-template-page-brand-partners .interior-intro.product-banner .content h1 {
  color: #fff;
}
.page-template-page-products .interior-intro.product-banner .imageclip-wrap .imageclip,
.page-template-page-brand-partners .interior-intro.product-banner .imageclip-wrap .imageclip {
  -webkit-clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.page-template-page-products .interior-intro.product-banner .imageclip-wrap,
.page-template-page-brand-partners .interior-intro.product-banner .imageclip-wrap {
  margin: 0 0 -60px 0;
}
.page-template-page-products .interior-intro.product-banner .imageclip-wrap:after,
.page-template-page-brand-partners .interior-intro.product-banner .imageclip-wrap:after {
  display: none;
}
@media only screen and (max-width: 768px) {
  .page-template-page-products .interior-intro.product-banner .inner,
  .page-template-page-brand-partners .interior-intro.product-banner .inner {
    padding: 0px 0px 30px;
  }
  .page-template-page-products .interior-intro.product-banner .inner .content,
  .page-template-page-brand-partners .interior-intro.product-banner .inner .content {
    margin: 60px auto;
  }
  .page-template-page-products .interior-intro.product-banner .imageclip-wrap .imageclip,
  .page-template-page-brand-partners .interior-intro.product-banner .imageclip-wrap .imageclip {
    left: 0;
  }
  .page-template-page-products .interior-intro.product-banner .imageclip-wrap .imageclip .clip-wrap,
  .page-template-page-brand-partners .interior-intro.product-banner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .page-template-page-products .interior-intro.product-banner .inner .content h1,
  .page-template-page-brand-partners .interior-intro.product-banner .inner .content h1 {
    font-size: 28px;
    line-height: 30px;
  }
  .page-template-page-products .interior-intro.product-banner .imageclip-wrap .imageclip,
  .page-template-page-brand-partners .interior-intro.product-banner .imageclip-wrap .imageclip {
    -webkit-clip-path: none;
            clip-path: none;
  }
}
.page-template-page-products .interior-intro.product-intro,
.page-template-page-brand-partners .interior-intro.product-intro {
  margin-top: 0;
}
.page-template-page-products .interior-intro.product-intro .inner,
.page-template-page-brand-partners .interior-intro.product-intro .inner {
  justify-content: flex-start;
  max-width: 1300px;
  margin: 0 auto;
}
.page-template-page-products .interior-intro.product-intro .content,
.page-template-page-brand-partners .interior-intro.product-intro .content {
  flex: 0 0 50%;
  padding: 70px 0;
  z-index: 1;
}
.page-template-page-products .interior-intro.product-intro:after,
.page-template-page-brand-partners .interior-intro.product-intro:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 536px;
  height: 100%;
  z-index: 0;
  background-color: transparent;
  background-image: url("../../assets/images/blueprint-14.jpg");
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .page-template-page-products .interior-intro.product-intro .inner .content,
  .page-template-page-brand-partners .interior-intro.product-intro .inner .content {
    margin-bottom: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 900px) {
  .page-template-page-products .interior-intro.product-intro:after,
  .page-template-page-brand-partners .interior-intro.product-intro:after {
    bottom: 0%;
    right: -20%;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-page-products .interior-intro.product-intro:after,
  .page-template-page-brand-partners .interior-intro.product-intro:after {
    bottom: -40%;
    right: -40%;
  }
}
@media only screen and (max-width: 600px) {
  .page-template-page-products .interior-intro.product-intro:after,
  .page-template-page-brand-partners .interior-intro.product-intro:after {
    bottom: -60%;
    right: -70%;
    height: 638px;
  }
}
.page-template-page-products section.products,
.page-template-page-brand-partners section.products {
  padding: 30px 0px 60px;
  background: #f6f6f6;
  transition: 0.2s ease-in-out;
}
.page-template-page-products section.products .return,
.page-template-page-brand-partners section.products .return {
  margin: 0 auto;
  display: block;
  text-align: center;
  display: none;
  z-index: 60;
  position: relative;
}
.page-template-page-products section.products .return a.button,
.page-template-page-brand-partners section.products .return a.button {
  background: #151F6D;
  text-decoration: none;
  display: inline-block;
  margin: 30px auto;
  float: none;
  clear: both;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  line-height: 20px;
}
.page-template-page-products section.products .inner-navigation,
.page-template-page-brand-partners section.products .inner-navigation {
  margin: 0 auto 30px;
  max-width: 1260px;
  padding: 0 30px 30px 30px;
  position: relative;
}
.page-template-page-products section.products .inner-navigation:after,
.page-template-page-brand-partners section.products .inner-navigation:after {
  content: "";
  width: calc(100% - 60px);
  height: 2px;
  background: #E0E0E0;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-template-page-products section.products .inner-navigation div.productsbtn,
.page-template-page-brand-partners section.products .inner-navigation div.productsbtn {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #151F6D;
  font-weight: 400;
  line-height: 19px;
  font-style: italic;
  text-decoration: none;
  margin: 0 20px 20px 0;
  display: inline;
  cursor: pointer;
}
.page-template-page-products section.products .inner-navigation div.productsbtn.active, .page-template-page-products section.products .inner-navigation div.productsbtn:hover,
.page-template-page-brand-partners section.products .inner-navigation div.productsbtn.active,
.page-template-page-brand-partners section.products .inner-navigation div.productsbtn:hover {
  text-decoration: underline;
  color: #CB3338;
}
.page-template-page-products section.products .inner-navigation .product-items,
.page-template-page-brand-partners section.products .inner-navigation .product-items {
  text-align: left;
  margin: 30px auto;
}
.page-template-page-products section.products .product-tab-wrap,
.page-template-page-brand-partners section.products .product-tab-wrap {
  display: flex;
  flex-direction: row;
  margin: 0 auto 55px;
  max-width: 1200px;
}
.page-template-page-products section.products .product-tab-wrap .product-tabs,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tabs {
  flex: 0 0 50%;
  position: relative;
}
.page-template-page-products section.products .product-tab-wrap .product-tabs:after,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tabs:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  right: 0;
  border-right: 2px solid #E0E0E0;
  border-top: 2px solid #E0E0E0;
}
.page-template-page-products section.products .product-tab-wrap .product-tabs .product-tab,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tabs .product-tab {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #151F6D;
  font-weight: 900;
  line-height: 36px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  padding: 11px 50px 11px 30px;
  position: relative;
  cursor: pointer;
}
.page-template-page-products section.products .product-tab-wrap .product-tabs .product-tab:after,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tabs .product-tab:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  border-right: 4px solid #CB3338;
  border-top: 4px solid #CB3338;
}
.page-template-page-products section.products .product-tab-wrap .product-tabs .product-tab.active,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tabs .product-tab.active {
  background: #E0E0E0;
}
.page-template-page-products section.products .product-tab-wrap .product-tab-contents,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tab-contents {
  flex: 0 0 50%;
  position: relative;
  transition: 0.2s ease-in-out;
}
.page-template-page-products section.products .product-tab-wrap .product-tab-contents .product-tab-content,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tab-contents .product-tab-content {
  padding: 0 30px 0 55px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.2s ease-in-out;
  z-index: 1;
}
.page-template-page-products section.products .product-tab-wrap .product-tab-contents .product-tab-content.active,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tab-contents .product-tab-content.active {
  position: relative;
  opacity: 1;
  z-index: 2;
}
.page-template-page-products section.products .product-tab-wrap .product-tab-contents .product-tab-content a.blue-button,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tab-contents .product-tab-content a.blue-button {
  display: block;
  text-align: center;
}
.page-template-page-products section.products .product-tab-wrap .product-tab-contents ul, .page-template-page-products section.products .product-tab-wrap .product-tab-contents ol,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tab-contents ul,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tab-contents ol {
  margin: 0;
  padding: 0 0 0px 20px;
  display: block;
}
.page-template-page-products section.products .product-tab-wrap .product-tab-contents ul li, .page-template-page-products section.products .product-tab-wrap .product-tab-contents ol li,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tab-contents ul li,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tab-contents ol li {
  font-weight: bold;
}
.page-template-page-products section.products .product-tab-tables,
.page-template-page-brand-partners section.products .product-tab-tables {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.page-template-page-products section.products .product-tab-tables .product-tab-table,
.page-template-page-brand-partners section.products .product-tab-tables .product-tab-table {
  position: absolute;
  width: 100%;
  top: 0;
  opacity: 0;
  transition: 0.2s ease-in-out;
  z-index: 1;
}
.page-template-page-products section.products .product-tab-tables .product-tab-table.active,
.page-template-page-brand-partners section.products .product-tab-tables .product-tab-table.active {
  position: relative;
  opacity: 1;
  z-index: 2;
}
.page-template-page-products section.products h2.outline,
.page-template-page-brand-partners section.products h2.outline {
  display: inline-block;
  margin: 0 auto;
}
.page-template-page-products section.products h2,
.page-template-page-brand-partners section.products h2 {
  text-align: center;
}
.page-template-page-products section.products table,
.page-template-page-brand-partners section.products table {
  width: 100%;
  margin: 0 auto;
}
.page-template-page-products section.products table span,
.page-template-page-brand-partners section.products table span {
  position: absolute;
  display: none;
  top: 5px;
  font-weight: 600;
}
.page-template-page-products section.products table thead,
.page-template-page-brand-partners section.products table thead {
  background: #E0E0E0;
}
.page-template-page-products section.products table thead tr th,
.page-template-page-brand-partners section.products table thead tr th {
  text-align: left;
  border: none;
  outline: none;
  padding: 13px 37px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #343434;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.05em;
}
.page-template-page-products section.products table tbody tr:nth-child(odd),
.page-template-page-brand-partners section.products table tbody tr:nth-child(odd) {
  background: #fff;
}
.page-template-page-products section.products table tbody tr:nth-child(even),
.page-template-page-brand-partners section.products table tbody tr:nth-child(even) {
  background: #E0E0E0;
}
.page-template-page-products section.products table tbody tr td,
.page-template-page-brand-partners section.products table tbody tr td {
  position: relative;
  text-align: left;
  border: none;
  outline: none;
  padding: 10px 37px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #343434;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.05em;
}
.page-template-page-products section.products table tbody tr td a,
.page-template-page-brand-partners section.products table tbody tr td a {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #151F6D;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.05em;
  text-decoration: none;
  position: relative;
  padding-right: 10px;
}
.page-template-page-products section.products table tbody tr td a:after,
.page-template-page-brand-partners section.products table tbody tr td a:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid #151F6D;
  border-top: 2px solid #151F6D;
  transition: 0.2s ease-in-out;
}
.page-template-page-products section.products table tbody tr td a:hover:after,
.page-template-page-brand-partners section.products table tbody tr td a:hover:after {
  right: -5px;
}
@media only screen and (max-width: 768px) {
  .page-template-page-products section.products .product-tab-wrap,
  .page-template-page-brand-partners section.products .product-tab-wrap {
    display: block;
  }
  .page-template-page-products section.products .product-tab-wrap .product-tabs,
  .page-template-page-brand-partners section.products .product-tab-wrap .product-tabs {
    flex: 0 0 100%;
    width: 100%;
  }
  .page-template-page-products section.products .return,
  .page-template-page-brand-partners section.products .return {
    display: block;
  }
  .page-template-page-products section.products .product-tab-wrap .product-tabs .product-tab,
  .page-template-page-brand-partners section.products .product-tab-wrap .product-tabs .product-tab {
    font-size: 20px;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 600px) {
  .page-template-page-products section.products table thead,
  .page-template-page-brand-partners section.products table thead {
    display: none;
  }
  .page-template-page-products section.products table tbody tr,
  .page-template-page-brand-partners section.products table tbody tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .page-template-page-products section.products table tbody tr td,
  .page-template-page-brand-partners section.products table tbody tr td {
    box-sizing: border-box;
  }
  .page-template-page-products section.products table tbody tr td span,
  .page-template-page-brand-partners section.products table tbody tr td span {
    display: block;
  }
  .page-template-page-products section.products table tbody tr td:first-child,
  .page-template-page-brand-partners section.products table tbody tr td:first-child {
    flex: 0 0 100%;
    font-weight: 900;
    border-bottom: 1px solid #E0E0E0;
    background: #E0E0E0;
  }
  .page-template-page-products section.products table tbody tr td:nth-child(2),
  .page-template-page-products section.products table tbody tr td:nth-child(3),
  .page-template-page-brand-partners section.products table tbody tr td:nth-child(2),
  .page-template-page-brand-partners section.products table tbody tr td:nth-child(3) {
    flex: 0 0 50%;
    padding-top: 25px;
    background: #fff;
  }
}

.page-template-page-brand-partners section.products .product-tab-wrap .product-tab-contents ul li {
  font-weight: 400;
}

/*********************
HOME STYLES
*********************/
.page-template-page-our-promise section.interior-intro {
  margin: 90px auto;
}
.page-template-page-our-promise section.interior-intro .inner .content {
  justify-self: center;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .page-template-page-our-promise section.interior-intro {
    margin: 40px auto;
  }
}
.page-template-page-our-promise section.content-image {
  margin: 90px auto 0;
}
.page-template-page-our-promise section.content-image .inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 30px;
  margin: 0 auto;
}
.page-template-page-our-promise section.content-image .inner .content {
  max-width: 650px;
  flex: 0 0 50%;
  padding-right: 50px;
}
.page-template-page-our-promise section.content-image .inner .imageclip-wrap {
  align-self: flex-start;
  margin-top: 18px;
  position: relative;
  flex: 0 0 50%;
  min-width: 570px;
  z-index: 10;
}
.page-template-page-our-promise section.content-image .inner .imageclip-wrap .imageclip {
  position: relative;
}
.page-template-page-our-promise section.content-image .inner .imageclip-wrap .imageclip .clip-wrap {
  height: 520px;
  position: relative;
}
.page-template-page-our-promise section.content-image .inner .imageclip-wrap .imageclip:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 570px;
  height: 100%;
}
.page-template-page-our-promise section.content-image .inner .imageclip-wrap .imageclip .clip-wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  height: 100%;
  position: absolute;
}
.page-template-page-our-promise section.content-image .inner .imageclip-wrap .imageclip .clip-wrap:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-template-page-our-promise section.content-image .inner .imageclip-wrap .clip-wrap img {
  -o-object-position: right center;
     object-position: right center;
}
.page-template-page-our-promise section.content-image .inner .imageclip-wrap .clip-wrap:after {
  right: 0;
  background: linear-gradient(120deg, rgba(64, 117, 164, 0.9) 1.76%, rgba(38, 93, 141, 0) 40.27%);
}
.page-template-page-our-promise section.content-image .inner .imageclip-wrap .imageclip {
  right: 10%;
  left: auto;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 89% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 89% 100%, 0% 100%);
}
.page-template-page-our-promise section.content-image .inner .imageclip-wrap:after {
  content: "";
  position: absolute;
  top: -12%;
  right: 0;
  left: auto;
  z-index: -1;
  width: 200%;
  height: 100%;
  background-color: #E0E0E0;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 94.5% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 94.5% 100%, 0% 100%);
}
@media only screen and (max-width: 768px) {
  .page-template-page-our-promise section.content-image .inner .imageclip-wrap .imageclip {
    height: 300px;
  }
  .page-template-page-our-promise section.content-image .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
  .page-template-page-our-promise section.content-image .inner .imageclip-wrap .imageclip .clip-wrap img {
    -o-object-position: center !important;
       object-position: center !important;
  }
}
@media only screen and (max-width: 500px) {
  .page-template-page-our-promise section.content-image .inner .imageclip-wrap .imageclip {
    height: 300px;
    min-width: 320px;
  }
  .page-template-page-our-promise section.content-image .inner .imageclip-wrap .imageclip .clip-wrap {
    height: 300px;
  }
}
.page-template-page-our-promise section.gridwrap:before {
  display: none;
}
.page-template-page-our-promise section.gridwrap:after {
  content: "";
  position: absolute;
  top: -100px;
  right: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 474px;
  height: 609px;
  z-index: -1;
  background-color: #fff;
  background-image: url("../../assets/images/blueprint-5.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-our-promise section.gridwrap a {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 25px);
  position: relative;
}
.page-template-page-our-promise section.gridwrap a p {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #fff;
  font-weight: 800;
  line-height: 35px;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 0;
  padding: 0 0 0 45px;
  margin: 0;
}
.page-template-page-our-promise section.gridwrap a p:before {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: 0.2s ease-in-out;
  background-image: url("../../assets/images/arrow-red-circle.svg");
  background-size: cover;
  background-position: center;
}
.page-template-page-our-promise section.gridwrap a img {
  transition: 0.2s ease-in-out;
  display: block;
}
.page-template-page-our-promise section.gridwrap a:hover p:before {
  left: 10px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-template-page-our-promise section.gridwrap a:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.page-template-page-our-promise section.testimonials {
  background: #f6f6f6;
  overflow: hidden;
  padding-bottom: 30px;
}
.page-template-page-our-promise section.testimonials h3 {
  text-transform: inherit;
  text-align: center;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 46px;
  color: #151F6D;
  font-weight: bold;
  line-height: 50px;
  margin: 0 auto 56px;
}
.page-template-page-our-promise section.testimonials:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 355px;
  height: 852px;
  z-index: 1;
  background-color: transparent;
  background-image: url("../../assets/images/blueprint-6.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-our-promise section.testimonials .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 84px 30px;
  position: relative;
  z-index: 10;
}
.page-template-page-our-promise section.testimonials .inner h2 {
  text-align: center;
}
.page-template-page-our-promise section.testimonials .youtubevideo {
  position: relative;
  display: block;
  max-width: 615px;
  width: 100%;
  margin: 0 auto;
}
.page-template-page-our-promise section.testimonials .youtubevideo img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.page-template-page-our-promise section.testimonials .youtubevideo:before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 93px;
  height: 93px;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: 0.2s ease-in-out;
  background-image: url("../../assets/images/icon-play.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-our-promise section.testimonials .youtubevideo:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.15);
}
.page-template-page-our-promise section.testimonials .customer-testimonials-wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: inline-block;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap {
  width: 100%;
  display: inline-block;
  clear: both;
  overflow: auto;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap .customer-intro {
  max-width: 1000px;
  margin: 70px 0px 0px;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap .customer-testimonial {
  margin: 25px 0 25px;
  display: block;
  overflow: hidden;
  max-width: 1000px;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap:nth-child(odd) .customer-intro {
  padding: 0px 40px 0px 100px;
  position: relative;
  float: right;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap:nth-child(odd) .customer-testimonial {
  padding: 100px 40px 100px 100px;
  position: relative;
  float: right;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap:nth-child(odd) .customer-testimonial:after {
  content: "";
  width: 53px;
  height: 290px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../../assets/images/icon-angled-lines.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap:nth-child(odd) .customer-testimonial:before {
  content: "";
  width: 100px;
  height: 72px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  background-image: url("../../assets/images/icon-quotes.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap:nth-child(even) .customer-intro {
  padding: 0px 100px 0px 40px;
  position: relative;
  float: left;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap:nth-child(even) .customer-testimonial {
  padding: 100px 100px 100px 40px;
  position: relative;
  float: left;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap:nth-child(even) .customer-testimonial:after {
  content: "";
  width: 53px;
  height: 290px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../../assets/images/icon-angled-lines.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap:nth-child(even) .customer-testimonial:before {
  content: "";
  width: 100px;
  height: 72px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../../assets/images/icon-quotes.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap .customer-intro p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #7A7270;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.05em;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap .content-testimonial p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #7A7270;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 0.05em;
}
.page-template-page-our-promise section.testimonials .customer-testimonial-content-wrap .content-author p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #7A7270;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.05em;
  font-style: italic;
  text-align: right;
}
@media only screen and (max-width: 600px) {
  .page-template-page-our-promise section.testimonials .customer-intro {
    padding: 0px 0px 30px 0px !important;
  }
  .page-template-page-our-promise section.testimonials .customer-testimonial {
    padding: 100px 0px 30px 0px !important;
    margin: 0;
  }
  .page-template-page-our-promise section.testimonials .customer-testimonial:after {
    display: none;
  }
  .page-template-page-our-promise section.testimonials h3 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #151F6D;
    font-weight: bold;
    line-height: 35px;
  }
}
.page-template-page-our-promise section.map-info {
  margin: -100px auto 140px;
  position: relative;
  z-index: 20;
}
.page-template-page-our-promise section.map-info .inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 100px 150px;
  position: relative;
}
.page-template-page-our-promise section.map-info .inner:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #151F6D;
  background-image: url("../../assets/images/blueprint-7.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}
.page-template-page-our-promise section.map-info .inner:after {
  content: "";
  width: 98%;
  height: 100%;
  position: absolute;
  top: 47px;
  left: -30px;
  z-index: -2;
  background: #E0E0E0;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}
.page-template-page-our-promise section.map-info .inner p {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #fff;
  font-weight: 900;
  line-height: 26px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.page-template-page-our-promise section.map-info .inner a {
  display: inline-block;
  margin: 0 auto;
  background: #fff;
  border: none;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #151F6D;
  font-weight: bold;
  line-height: 20px;
  padding: 15px 30px;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  margin: 20px 0 0;
  display: inline-block;
  transition: 0.2s ease-in-out;
}
.page-template-page-our-promise section.map-info .inner a:hover {
  color: #343434;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.page-template-page-our-promise .full-video {
  position: relative;
  height: 600px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-template-page-our-promise .full-video h1 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 80px;
  color: #fff;
  font-weight: bold;
  line-height: 98px;
  max-width: 820px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2);
}
.page-template-page-our-promise .full-video img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.page-template-page-our-promise .full-video video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  position: absolute;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .page-template-page-our-promise .full-video {
    height: 500px;
  }
  .page-template-page-our-promise .full-video h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    line-height: 68px;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-page-our-promise .full-video {
    height: 350px;
  }
  .page-template-page-our-promise .full-video h1 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    line-height: 53px;
  }
}
.page-template-page-our-promise section.associations .inner {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 835px;
  margin: 0 auto;
  padding: 100px 0 100px 100px;
}
.page-template-page-our-promise section.associations .inner:after {
  content: "";
  width: 53px;
  height: 290px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../../assets/images/icon-angled-lines.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.page-template-page-our-promise section.associations .inner .content {
  flex: 0 0 70%;
  padding: 30px 70px 0 0;
  position: relative;
}
.page-template-page-our-promise section.associations .inner .content h2 {
  color: #151F6D;
}
.page-template-page-our-promise section.associations .inner .image {
  flex: 0 0 30%;
}
.page-template-page-our-promise section.associations .inner .image img {
  padding: 0 0 30px 0;
  display: block;
}
.page-template-page-our-promise section.associations .inner .image img:last-child {
  padding-bottom: 0;
}
.page-template-page-our-promise section.gridwrap.gridwrap-bottom {
  margin: 0 auto 60px;
}
.page-template-page-our-promise section.gridwrap.gridwrap-bottom .inner.inner-top {
  padding: 0px 30px;
}
.page-template-page-our-promise section.gridwrap.gridwrap-bottom:after {
  display: none;
}
.page-template-page-our-promise .bg-blueprintwrap {
  position: relative;
}
.page-template-page-our-promise .bg-blueprintwrap:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 507px;
  height: 976px;
  z-index: -1;
  background-color: #fff;
  background-image: url("../../assets/images/blueprint-8.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/*********************
HOME STYLES
*********************/
.page-template-page-services section#products.gridwrap:before, .page-template-page-services section#products.gridwrap:after {
  display: none;
}
.page-template-page-services section#products.gridwrap .inner.inner-top {
  max-width: 1200px;
}
.page-template-page-services section#products.gridwrap .grid {
  padding: 0;
}
.page-template-page-services section.gridwrap.gridwrap-top {
  padding-bottom: 210px;
}
.page-template-page-services section.gridwrap.gridwrap-top .inner.inner-top {
  max-width: 900px;
}
.page-template-page-services section.gridwrap.gridwrap-top .grid a {
  width: 100%;
  max-width: 400px;
  min-height: 300px;
  position: relative;
  background: none;
  padding: 0;
}
.page-template-page-services section.gridwrap.gridwrap-top .grid a:after {
  display: none;
}
.page-template-page-services section.gridwrap.gridwrap-top .grid a p {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 30px;
  color: #fff;
  font-weight: 800;
  line-height: 35px;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 0;
  padding: 0 0 0 45px;
  margin: 0;
  z-index: 11;
}
.page-template-page-services section.gridwrap.gridwrap-top .grid a p:before {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: 0.2s ease-in-out;
  background-image: url("../../assets/images/arrow-red-circle.svg");
  background-size: cover;
  background-position: center;
}
.page-template-page-services section.gridwrap.gridwrap-top .grid a:hover p:before {
  left: 10px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-template-page-services section.gridwrap.gridwrap-top .grid a:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.page-template-page-services section.gridwrap.gridwrap-top .grid a img {
  width: 100%;
  max-width: none;
  z-index: 11;
}
@media only screen and (max-width: 768px) {
  .page-template-page-services .bg-blueprintwrap:after {
    top: 5%;
    left: -40%;
  }
}

@media print {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Print Stylesheet

  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.

  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
  }
  a:after, a:visited:after {
    content: "";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: "";
  }
  .aos-init,
  [data-aos^=fade-up][data-aos^=fade] {
    opacity: 1 !important;
    -webkit-transform: translateZ(0) !important;
            transform: translateZ(0) !important;
  }
  #main-menu,
  #wrapper-top-menu,
  footer {
    display: none;
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */