/**
 *
 * easthastings.setup.scss v0.1
 * Site-wide stylesheet for fonts
 *
 * Package      WordPress
 * Subpackage   East Hastings
 * Author       Alex Rakic
 * Copyright    2025 Rakic Creative
 * Website      https://alexrakic.design/
 *
 */
/* ########################################################################## */
/**
 *
 * fonts.scss v0.1
 * Site-wide stylesheet for fonts
 *
 * Package      WordPress
 * Subpackage   East Hastings
 * Author       Alex Rakic
 * Copyright    2025 Rakic Creative
 * Website      https://alexrakic.design/
 *
 */
/* ########################################################################## */
/* ADOBE FONTS */
@import url("https://use.typekit.net/qug5eak.css");
/* FONT USAGE

    font-family: basic-sans, sans-serif;    font-weight: 400;   font-style: normal;
    font-family: basic-sans, sans-serif;    font-weight: 600;   font-style: normal;

*/
.jcf-radio {
  border-radius: 9px;
}

.jcf-radio span {
  display: none;
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: #777;
  border-radius: 100%;
}

.jcf-radio input[type=radio] {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
}

.jcf-radio.jcf-checked span {
  display: block;
}

.jcf-checkbox, .jcf-radio {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: #fff;
  border: 1px solid #777;
  margin: 0 3px 0 0;
  height: 16px;
  width: 16px;
}

.jcf-checkbox span {
  position: absolute;
  display: none;
  height: 4px;
  width: 8px;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -6px;
  border: 3px solid #777;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

:root .jcf-checkbox span {
  margin: -4px 0 0 -5px;
}

.jcf-checkbox input[type=checkbox] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
}

.jcf-checkbox.jcf-checked span {
  display: block;
}

.jcf-button, .jcf-file {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background: #fff;
}

.jcf-button {
  vertical-align: top;
  border: 1px solid #777;
  margin: 0 10px 10px 0;
  padding: 5px 10px;
}

.jcf-button .jcf-real-element {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  outline: none;
  opacity: 0;
  padding: 0;
  margin: 0;
  border: 0;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.jcf-file {
  white-space: nowrap;
}

.jcf-file .jcf-real-element {
  position: absolute;
  font-size: 200px;
  height: 200px;
  margin: 0;
  right: 0;
  top: 0;
}

.jcf-file .jcf-fake-input, .jcf-file .jcf-upload-button {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #777;
  line-height: 28px;
  height: 28px;
}

.jcf-file .jcf-fake-input {
  text-overflow: ellipsis;
  font-size: 13px;
  width: 125px;
  padding: 0 8px;
}

.jcf-file .jcf-upload-button {
  margin: 0 0 0 -1px;
  padding: 0 10px;
}

.jcf-scrollable-wrapper {
  box-sizing: content-box;
  position: relative;
}

.jcf-scrollbar-vertical {
  position: absolute;
  cursor: default;
  background: #e3e3e3;
  width: 14px;
  bottom: 0;
  right: 0;
  top: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc {
  background: #bbb;
  height: 14px;
  width: 14px;
  left: 0;
  top: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
  top: auto;
  bottom: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
  background: #888;
  height: 1px;
  width: 14px;
}

.jcf-scrollbar-horizontal {
  position: absolute;
  background: #e3e3e3;
  right: auto;
  top: auto;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 14px;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-dec, .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  background: #bbb;
  height: 14px;
  width: 14px;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  left: auto;
  right: 0;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
  display: inline-block;
  position: relative;
  height: 14px;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
  position: absolute;
  background: #888;
  height: 14px;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
  visibility: hidden;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec, .jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
  background: #e3e3e3;
}

.jcf-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #777;
  background: #fff;
  margin: 0 0 12px;
  min-width: 150px;
  height: 26px;
}

.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0;
}

.jcf-select .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  font-size: 13px;
  line-height: 26px;
  margin: 0 35px 0 8px;
}

.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  background: #aaa;
  width: 26px;
  bottom: 0;
  right: 0;
  top: 0;
}

body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0;
  z-index: 9999;
  top: 100%;
  left: -1px;
  right: -1px;
}

.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto;
}

.jcf-select.jcf-compact-multiple {
  max-width: 220px;
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
  display: inline-block;
  padding-top: 2px;
  content: "...";
}

.jcf-select-drop .jcf-select-drop-content {
  border: 1px solid red;
}

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
  background: 0 0;
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
  background: #e6e6e6;
  color: #000;
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
  display: inline-block;
  content: "";
  height: 4px;
  width: 8px;
  margin: -7px 5px 0 -3px;
  border: 3px solid #777;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px;
}

.jcf-list, .jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  width: 100%;
}

.jcf-list {
  position: relative;
  background: #fff;
  line-height: 14px;
  font-size: 12px;
}

.jcf-list .jcf-list-content {
  overflow: auto;
}

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

.jcf-list .jcf-option, .jcf-list ul li {
  overflow: hidden;
  display: block;
}

.jcf-list .jcf-overflow {
  overflow: auto;
}

.jcf-list .jcf-option {
  white-space: nowrap;
  cursor: default;
  padding: 5px 9px;
  color: #656565;
  min-height: 14px;
  height: 1%;
}

.jcf-list .jcf-disabled {
  background: #fff !important;
  color: #aaa !important;
}

.jcf-list-box .jcf-selected, .jcf-select-drop .jcf-hover {
  background: #e6e6e6;
  color: #000;
}

.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: 700;
  display: block;
  padding: 5px 9px;
  cursor: default;
  color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px;
}

.jcf-textarea {
  border: 1px solid #b8c3c9;
  box-sizing: content-box;
  display: inline-block;
  position: relative;
}

.jcf-textarea .jcf-scrollbar-horizontal {
  display: none;
  height: 0;
}

.jcf-textarea textarea {
  padding: 8px 10px;
  border: none;
  margin: 0;
}

.jcf-textarea .jcf-resize {
  position: absolute;
  text-align: center;
  cursor: se-resize;
  background: #e3e3e3;
  font-weight: 700;
  line-height: 15px;
  text-indent: 1px;
  font-size: 12px;
  height: 15px;
  width: 14px;
  bottom: 0;
  right: 0;
}

.jcf-textarea .jcf-resize:before {
  border: 1px solid #000;
  border-width: 0 1px 1px 0;
  display: block;
  margin: 4px 0 0 3px;
  width: 6px;
  height: 6px;
  content: "";
}

.jcf-number {
  display: inline-block;
  position: relative;
  height: 32px;
}

.jcf-number input {
  -moz-appearance: textfield;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #777;
  padding: 3px 27px 3px 7px;
  margin: 0;
  height: 100%;
}

.jcf-number input::-webkit-inner-spin-button, .jcf-number input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.jcf-number .jcf-btn-dec, .jcf-number .jcf-btn-inc {
  position: absolute;
  background: #aaa;
  width: 20px;
  height: 15px;
  right: 1px;
}

.jcf-number .jcf-btn-inc {
  top: 1px;
}

.jcf-number .jcf-btn-dec {
  top: auto;
  bottom: 1px;
}

.jcf-number .jcf-btn-dec:hover, .jcf-number .jcf-btn-inc:hover {
  background: #e6e6e6;
}

.jcf-number.jcf-disabled .jcf-btn-dec:hover, .jcf-number.jcf-disabled .jcf-btn-inc:hover {
  background: #aaa;
}

.jcf-number .jcf-btn-dec:before, .jcf-number .jcf-btn-inc:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  border: 4px solid #aaa;
}

.jcf-number .jcf-btn-inc:before {
  margin: -6px 0 0 -4px;
  border-color: transparent transparent #000 transparent;
}

.jcf-number .jcf-btn-dec:before {
  margin: -1px 0 0 -4px;
  border-color: #000 transparent transparent transparent;
}

.jcf-number .jcf-btn-dec.jcf-disabled:before, .jcf-number .jcf-btn-inc.jcf-disabled:before, .jcf-number.jcf-disabled .jcf-btn-dec:before, .jcf-number.jcf-disabled .jcf-btn-inc:before {
  opacity: 0.3;
}

.jcf-number.jcf-disabled input {
  background: #ddd;
}

.jcf-range {
  display: inline-block;
  min-width: 200px;
  margin: 0 10px;
  width: 130px;
}

.jcf-range .jcf-range-track {
  margin: 0 20px 0 0;
  position: relative;
  display: block;
  height: 10px;
}

.jcf-range .jcf-range-wrapper {
  position: relative;
  background: #e5e5e5;
  border-radius: 5px;
  display: block;
  margin: 5px 0;
}

.jcf-range.jcf-vertical {
  min-width: 0;
  width: auto;
}

.jcf-range.jcf-vertical .jcf-range-wrapper {
  margin: 0;
  width: 10px;
  height: auto;
  padding: 20px 0 0;
}

.jcf-range.jcf-vertical .jcf-range-track {
  height: 180px;
  width: 10px;
}

.jcf-range.jcf-vertical .jcf-range-handle {
  left: -5px;
  top: auto;
}

.jcf-range .jcf-range-display-wrapper {
  position: absolute;
  min-height: 10px;
  min-width: 10px;
  left: 10px;
  right: 10px;
}

.jcf-range .jcf-range-display {
  border-radius: 5px;
  position: absolute;
  background: #888;
  width: 10px;
  height: 10px;
}

.jcf-range .jcf-range-display.jcf-range-min {
  margin: 0 0 0 -10px;
  padding: 0 0 0 10px;
}

.jcf-range .jcf-range-display.jcf-range-max {
  margin: 0 -10px 0 0;
  padding: 0 10px 0 0;
}

.jcf-range.jcf-vertical .jcf-range-display-wrapper {
  left: auto;
  right: auto;
  top: 10px;
  bottom: 10px;
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
  margin: 0 0 -10px;
  padding: 0 0 10px;
}

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
  margin: -10px 0 0;
  padding: 10px 0 0;
}

.jcf-range .jcf-range-handle {
  position: absolute;
  background: #aaa;
  border-radius: 19px;
  width: 19px;
  height: 19px;
  margin: -4px 0 0;
  z-index: 1;
  top: 0;
  left: 0;
}

.jcf-range .jcf-range-mark {
  position: absolute;
  overflow: hidden;
  background: #000;
  width: 1px;
  height: 3px;
  top: -7px;
  margin: 0 0 0 9px;
}

.jcf-range.jcf-vertical .jcf-range-mark {
  margin: 0 0 9px;
  left: 14px;
  top: auto;
  width: 3px;
  height: 1px;
}

.jcf-range .jcf-active-handle {
  z-index: 2;
}

.jcf-range.jcf-focus .jcf-active-handle {
  border: 1px solid red;
  margin: -5px 0 0 -1px;
}

.jcf-range.jcf-disabled {
  background: 0 0 !important;
  opacity: 0.3;
}

.jcf-disabled {
  background: #ddd !important;
}

.jcf-focus, .jcf-focus * {
  border-color: red !important;
}

/**
 *
 * assets.scss v0.3
 * Site-wide stylesheet for assets.
 *
 * Package      WordPress
 * Subpackage   East Hastings
 * Author       Alex Rakic
 * Copyright    2025 Rakic Creative
 * Website      https://alexrakic.design/
 *
 */
/* ########################################################################## */
/* ASSETS */
/**
 *
 * easthastings.scss v0.1
 * Site-wide stylesheet for layout, colours, typography, etc.
 *
 * Package      WordPress
 * Subpackage   East Hastings
 * Author       Alex Rakic
 * Copyright    2025 Rakic Creative
 * Website      https://alexrakic.design/
 *
 */
/**
 *
 * variables.scss v0.1
 * Site-wide stylesheet for layout, colours, typography, etc.
 *
 * Package      WordPress
 * Subpackage   East Hastings
 * Author       Alex Rakic
 * Copyright    2025 Rakic Creative
 * Website      https://alexrakic.design/
 *
 */
/* ########################################################################## */
/* FLUID GRID */
/* FONTS */
/* COLOURS */
/* ########################################################################## */
/* ########################################################################## */
/* RESET */
html, body, div, figure, figcaption span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  width: 100%;
  overflow-y: auto;
  -webkit-text-size-adjust: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

html.locked {
  overflow: hidden !important;
}

body {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

html.locked body {
  overflow: hidden !important;
  position: relative;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
  content: "";
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

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

div, article, header, footer, nav, section, figure, aside, img, figcaption {
  display: block;
  vertical-align: top;
}

/* LAYOUT GRID

                    DESKTOP     DESKTOP     DESKTOP /   TABLET      TABLET
                    4K/5K       WIDE        LAPTOP      LANDSCAPE   PORTRAIT    PHONE

BREAKPOINT          1600        1400        1280        1020        760
WIDTH (in px)       1520        1290        1152        940         700         100%
COLUMNS             12          12          12          12          12          1
COLUMN              90          80          74          60          40          100%
GAP/SPACE           40          30          24          20          20          n/a

*/
a:link, a:visited {
  text-decoration: none;
  color: #dd5e27;
  font-weight: inherit;
  cursor: pointer;
  transition: color 0.25s, background-color 0.25s, border-color 0.25s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}

a:hover {
  color: #303030;
}

::selection {
  background: #d8dad9;
}

::-moz-selection {
  background: #d8dad9;
}

/* ########################################################################## */
body {
  font: normal 400 20px/32px "basic-sans", sans-serif;
  letter-spacing: 0;
  background: #ffffff;
  color: #303030;
  text-align: center;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}

body * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#wrapper {
  width: 100%;
  background: transparent;
  text-align: center;
  position: relative;
  margin: 0 auto;
  z-index: 2;
  flex: 1;
}

/* ########################################################################## */
/* TYPE */
.content_reg h1 {
  display: block;
  font: normal 600 36px/48px "basic-sans", sans-serif;
  margin: 60px 0 40px -2px;
  color: #dd5e27;
}

.content_reg .large_headings h1 {
  font: normal 600 60px/64px "basic-sans", sans-serif;
  margin-left: -3px;
}

.content_reg h2 {
  display: block;
  font: normal 600 36px/48px "basic-sans", sans-serif;
  margin: 60px 0 40px -2px;
  color: #dd5e27;
}

.content_reg .large_headings h2 {
  font: normal 600 60px/64px "basic-sans", sans-serif;
  margin-left: -3px;
}

.content_reg h3 {
  display: block;
  font: normal 600 36px/48px "basic-sans", sans-serif;
  margin: 40px 0 20px -1px;
  color: #dd5e27;
}

.content_reg h4 {
  display: block;
  font: normal 600 36px/48px "basic-sans", sans-serif;
  margin: 40px 0 20px -1px;
  color: #dd5e27;
}

.content_reg h5 {
  display: block;
  font: normal 600 24px/28px "basic-sans", sans-serif;
  margin: 40px 0 20px -1px;
  color: #dd5e27;
}

.content_reg h6 {
  display: block;
  font: normal 600 24px/28px "basic-sans", sans-serif;
  margin: 40px 0 20px -1px;
  color: #dd5e27;
}

.content_reg h1 a,
.content_reg h2 a,
.content_reg h3 a,
.content_reg h4 a,
.content_reg h5 a,
.content_reg h6 a {
  font-weight: 600;
}

.content_reg p {
  margin: 0 0 32px 0;
}

.content_reg ul {
  margin: 0 0 32px 0;
}

.content_reg ul li {
  margin: 0;
  padding: 0 0 0 40px;
  list-style: none;
  background: url("../images/graphics/bullet.svg?ver=0.1") no-repeat 12px 12px;
  background-size: 8px 8px;
}

.content_reg ul li ul {
  margin: 10px 0 32px 0;
}

.content_reg ul li ul li {
  padding: 0 0 0 36px;
}

.content_reg ol {
  margin: 0 0 32px 30px;
  list-style-position: outside;
  list-style: none;
  counter-reset: li;
}

.content_reg ol li {
  margin: 0 0 0 10px;
  padding: 0;
  counter-increment: li;
}

.content_reg ol li::before {
  content: counter(li) ".";
  color: #dd5e27;
  font-weight: 400;
  display: inline-block;
  width: 30px;
  margin-left: -30px;
}

.content_reg ul li:last-child,
.content_reg ol li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.content_reg em,
.content_reg em * {
  font-style: normal;
  font-weight: 600 !important;
}

.content_reg strong,
.content_reg strong * {
  font-weight: 600 !important;
}

.content_reg strong em,
.content_reg em strong {
  font-style: normal;
  font-weight: 600 !important;
}

.content_reg h1 strong {
  font-weight: 600 !important;
}

.content_reg h2 strong {
  font-weight: 600 !important;
}

.content_reg p[dir=rtl],
.content_reg ul[dir=rtl],
.content_reg ol[dir=rtl] {
  text-align: right;
}

.content_reg h1:first-child,
.content_reg h2:first-child,
.content_reg h3:first-child,
.content_reg h4:first-child,
.content_reg h5:first-child,
.content_reg h6:first-child {
  margin-top: -10px !important;
}

.content_reg :last-child {
  margin-bottom: 0 !important;
}

/* ########################################################################## */
/* REUSABLES */
.image {
  position: relative;
  overflow: hidden;
  background-color: #f0f1f5;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.image.contain {
  background-size: contain;
}

.image.top-left {
  background-position: left top;
}

.image.top-centre {
  background-position: center top;
}

.image.top-right {
  background-position: right top;
}

.image.centre-left {
  background-position: left center;
}

.image.centre {
  background-position: center center;
}

.image.centre-right {
  background-position: right center;
}

.image.bottom-left {
  background-position: left bottom;
}

.image.bottom-centre {
  background-position: center bottom;
}

.image.bottom-right {
  background-position: right bottom;
}

.image img {
  width: 100%;
  height: auto;
}

.image a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #303030;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

@media (hover: hover) {
  .image a:hover {
    opacity: 0.15;
  }
}
.image.empty {
  background-color: #fafafa;
}

.image.lazy {
  background-color: #fafafa;
  background-image: none;
  border: 0;
}

.overlay {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: #000000;
  opacity: 0.25;
}

.overlay.none {
  display: none;
}

.overlay.overlay-5 {
  opacity: 0.05;
}

.overlay.overlay-10 {
  opacity: 0.1;
}

.overlay.overlay-15 {
  opacity: 0.15;
}

.overlay.overlay-20 {
  opacity: 0.2;
}

.overlay.overlay-25 {
  opacity: 0.25;
}

.overlay.overlay-30 {
  opacity: 0.3;
}

.overlay.overlay-35 {
  opacity: 0.35;
}

.overlay.overlay-40 {
  opacity: 0.4;
}

.overlay.overlay-45 {
  opacity: 0.45;
}

.overlay.overlay-50 {
  opacity: 0.5;
}

.overlay.overlay-55 {
  opacity: 0.55;
}

.overlay.overlay-60 {
  opacity: 0.6;
}

.overlay.overlay-65 {
  opacity: 0.65;
}

.overlay.overlay-70 {
  opacity: 0.7;
}

.overlay.overlay-75 {
  opacity: 0.75;
}

.overlay.overlay-80 {
  opacity: 0.8;
}

.overlay.overlay-85 {
  opacity: 0.85;
}

.overlay.overlay-90 {
  opacity: 0.9;
}

.overlay.overlay-95 {
  opacity: 0.95;
}

/* SVG ICONS */
svg.sprite-svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: #303030;
  transition: fill 0.25s ease-in-out;
}

.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.icon svg {
  width: 100%;
  height: 100%;
  fill: #303030;
}

/* BUTTONS */
.btn_wrap {
  margin: 60px auto 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.btn_wrap.left {
  justify-content: flex-start;
}

.btn_wrap.centre {
  justify-content: center;
}

.btn_wrap.right {
  justify-content: flex-end;
}

.btn a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: auto;
  min-width: 60px;
  background-color: #dd5e27;
  color: #ffffff;
  padding: 14px 30px 14px 30px;
  border-radius: 24px;
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}

.btn_wrap.left .btn a {
  text-align: left;
}

.btn_wrap.right .btn a {
  text-align: right;
}

.btn a span.label {
  display: block;
}

.btn a:hover {
  background-color: #303030;
  color: #ffffff;
}

.btn.alt a {
  background-color: #dd5e27;
  color: #ffffff;
}

.btn.alt a:hover {
  background-color: #ffffff;
  color: #dd5e27;
}

/* GRAPHICS */
.graphic {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -6000px;
  transition: opacity 0.25s ease-in-out;
}

.graphic.pci_logo_dark {
  background-image: url("../images/pci-logo-dark.svg?ver=0.1");
}

.graphic.pci_logo_light {
  background-image: url("../images/pci-logo-light.svg?ver=0.1");
}

.graphic.pci_logo_white {
  background-image: url("../images/pci-logo-white.svg?ver=0.1");
}

/* CONTAINER RATIOS */
.ratio {
  position: relative;
  height: auto;
  display: inline-block;
  overflow: hidden;
}

.ratio::after {
  padding-top: 100%;
  display: block;
  content: "";
} /* 1:1 aspect ratio (H/W*100) */
.ratio.ratio41::after {
  padding-top: 25%;
} /* 4:1 aspect ratio (H/W*100) */
.ratio.ratio31::after {
  padding-top: 33.33%;
} /* 3:1 aspect ratio (H/W*100) */
.ratio.ratio21::after {
  padding-top: 50%;
} /* 2:1 aspect ratio (H/W*100) */
.ratio.ratio32::after {
  padding-top: 66.67%;
} /* 3:2 aspect ratio (H/W*100) */
.ratio.ratio43::after {
  padding-top: 75%;
} /* 4:3 aspect ratio (H/W*100) */
.ratio.square::after {
  padding-top: 100%;
} /* 1:1 aspect ratio (H/W*100) */
.ratio.ratio45::after {
  padding-top: 125%;
} /* 4:5 aspect ratio (H/W*100) */
.ratio.ratio169::after {
  padding-top: 56.25%;
} /* 16:9 aspect ratio (H/W*100) */
.ratio.pci_logo::after {
  padding-top: 70%;
} /* 120:84 aspect ratio (H/W*100) */
.ratio > div,
.ratio > img {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* VIDEO */
.video_player {
  width: 100%;
  position: relative;
  vertical-align: top;
  background-color: #303030;
  overflow: hidden;
}

.video_player video {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  top: 0;
  vertical-align: top;
}

.video_player video::after {
  padding-top: 56.25%;
  display: block;
  content: "";
} /* 16:9 aspect ratio (H/W*100) */
.video_player.vertical video::after {
  padding-top: 177.78%;
} /* 9:16 aspect ratio (H/W*100) */
.video_player iframe {
  width: 100% !important;
  height: 100% !important;
}

/* ########################################################################## */
/* HEADER */
header {
  width: 100%;
  min-width: 1520px;
  height: 164px;
  margin: 0 auto;
  text-align: center;
  background-color: #ffffff;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  transition: top 0.25s ease-in-out;
}

header.shade_light {
  background-color: transparent;
}

header .header_wrap {
  width: 1520px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

header .pci_logo {
  width: 120px;
  height: 84px;
  margin-top: 40px;
}

header .pci_logo a {
  display: block;
  width: 100%;
  height: 100%;
}

header .slideout_menu_open {
  width: 40px;
  height: 40px;
  margin: 52px 0 0 20px;
  display: none;
}

header.sticky .slideout_menu_open {
  width: 24px;
  height: 24px;
  margin-top: 0;
}

header .slideout_menu_open svg {
  fill: #dd5e27;
}

header.shade_light .slideout_menu_open svg {
  fill: #ffffff;
}

header.sticky .slideout_menu_open svg {
  fill: #dd5e27;
}

header .slideout_menu_open:hover svg {
  fill: #303030;
}

header.sticky .slideout_menu_open:hover svg {
  fill: #303030;
}

header.sticky {
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: #f0f1f5;
  border-bottom: solid #ffffff 1px;
  transition: opacity 0.25s ease-in-out;
}

header.sticky.off {
  visibility: hidden;
}

header.sticky.on {
  visibility: visible;
  opacity: 1;
}

header.sticky .sticky_inner {
  width: 1520px;
  height: 60px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

header nav {
  width: calc(100% - 120px - 40px);
  height: 40px;
  margin-top: 62px;
  text-align: left;
}

header.sticky nav {
  width: 100%;
  height: auto;
  margin-top: 0;
}

header nav > ul {
  font-size: 20px;
  line-height: 20px;
  display: flex;
  justify-content: flex-end;
}

header.sticky nav > ul {
  font-size: 16px;
  line-height: 16px;
  justify-content: center;
}

header nav > ul > li {
  margin: 0 10px;
}

header nav > ul > li.home { /* display: none; */ }

header nav > ul > li.demo { /* display: none; */ }

header nav > ul > li.main { /* display: none; */ }

header nav > ul > li.highlight {
  height: 40px;
  margin: 0 0 0 10px;
}

header.sticky nav > ul > li.highlight {
  height: auto;
  margin: 0 10px;
}

header nav > ul > li > a {
  display: block;
  font-weight: 600 !important;
  padding: 10px 5px;
  color: #303030;
}

header.sticky nav > ul > li > a {
  color: #303030;
  padding: 12px 5px 12px 5px;
}

header nav > ul > li.highlight > a {
  font-size: 18px;
  line-height: 20px;
  border: solid #dd5e27 2px;
  border-radius: 20px;
  padding: 8px 20px 8px 20px;
}

header.sticky nav > ul > li.highlight > a {
  font-size: 16px;
  line-height: 16px;
  border: 0;
  border-radius: 0;
  padding: 12px 5px 12px 5px;
}

header.shade_light nav > ul > li.highlight > a {
  border-color: #ffffff;
}

header.shade_light nav > ul > li > a {
  color: #ffffff;
}

header nav > ul > li > a:hover {
  color: #303030;
}

header.shade_light nav > ul > li > a:hover {
  color: #dd5e27;
}

header.sticky nav > ul > li > a:hover {
  color: #dd5e27;
}

header nav > ul > li.highlight > a:hover {
  border-color: #303030;
}

header.shade_light nav > ul > li.highlight > a:hover {
  border-color: #dd5e27;
}

/* SLIDEOUT MENU */
#slideout_menu_empty_space {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
  width: 100%;
  background: rgba(0, 0, 0, 0.75);
  min-height: 100vh;
  display: none;
}

#slideout_menu {
  position: fixed;
  top: 0;
  right: -420px;
  z-index: 201;
  width: 420px;
  height: 100%;
  min-height: 100%;
  background: transparent;
  text-align: left;
  overflow-y: scroll;
  overflow-x: hidden;
  display: block;
}

#slideout_menu::-webkit-scrollbar {
  display: none;
}

#slideout_menu {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#slideout_menu .menu_wrap {
  width: 100%;
  min-height: 100%;
  background-color: #dd5e27;
}

#slideout_menu .menu_wrap .head {
  width: 100%;
  height: 80px;
  text-align: left;
}

#slideout_menu .menu_wrap .head .pci_logo {
  width: 60px;
  height: 42px;
  margin: 19px 0 0 30px;
  float: left;
}

#slideout_menu .menu_wrap .head .pci_logo a {
  display: block;
  width: 100%;
  height: 100%;
}

#slideout_menu .menu_wrap .head .close {
  width: 40px;
  height: 40px;
  margin: 20px 20px;
  float: right;
}

#slideout_menu .menu_wrap .head .close svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}

#slideout_menu .menu_wrap .head .close:hover svg {
  fill: #303030;
}

#slideout_menu .menu_wrap nav {
  width: 100%;
  margin: 0;
  position: relative;
}

#slideout_menu .menu_wrap nav ul {
  width: 100%;
}

#slideout_menu .menu_wrap nav ul li {
  display: block;
  transition: color 0.25s, background-color 0.25s ease-in-out;
  border-top: solid #e5b197 1px;
}

#slideout_menu .menu_wrap nav ul li.highlight {
  padding: 30px 50px 0 50px;
}

#slideout_menu .menu_wrap nav ul li a {
  display: block;
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  padding: 18px 50px 18px 50px;
  transition: color 0.25s, background-color 0.25s ease-in-out;
}

#slideout_menu .menu_wrap nav ul li.highlight a {
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  background-color: #ffffff;
  color: #dd5e27;
  border-radius: 22px;
  padding: 10px 20px 10px 20px;
}

#slideout_menu .menu_wrap nav ul li a:hover {
  color: #303030;
}

#slideout_menu .menu_wrap nav ul li.highlight a:hover {
  background-color: #303030;
  color: #ffffff;
}

/* ########################################################################## */
/* BANNER */
section.layout_banner {
  width: 100%;
  position: relative;
  z-index: 10;
  overflow: hidden;
  background-color: #f0f1f5;
  margin-top: 164px;
}

section.layout_banner .content_inner {
  width: 100%;
  height: 100%;
}

section.layout_banner.type_none {
  border-top: solid #d8dad9 1px;
}

section.layout_banner.position_under {
  margin-top: 0;
}

section.layout_banner.height_short {
  height: 500px;
}

section.layout_banner.height_tall {
  height: 100svh;
  min-height: 800px;
}

section.layout_banner .photo_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 1;
}

section.layout_banner .photo_wrap .image {
  width: 100%;
  height: 100%;
  z-index: 1;
}

section.layout_banner .overlay {
  z-index: 2;
}

section.layout_banner .text_wrap {
  width: 1000px;
  height: 100%;
  position: relative;
  z-index: 3;
  top: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

section.layout_banner .text_wrap .text {
  width: 1000px;
  text-align: left;
  margin-top: 0;
}

section.layout_banner.position_under .text_wrap .text {
  margin-top: 60px;
}

section.layout_banner .text_wrap .text h1,
section.layout_banner .text_wrap .text h2 {
  font-size: 60px;
  line-height: 64px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 0 -2px;
}

section.layout_banner .text_wrap .text p {
  font-size: 30px;
  line-height: 48px;
  font-weight: 400;
  color: #ffffff;
  margin: 30px 0 0 0;
}

section.layout_banner .text_wrap .btn_wrap {
  margin-top: 50px;
}

/* ########################################################################## */
/* CONTENT LAYOUTS */
section {
  width: 100%;
  min-width: 1520px;
  text-align: center;
  position: relative;
  padding: 0;
  margin: 0 auto;
  z-index: 1;
}

section.content_layout.spacing_top_full {
  margin-top: 140px;
}

section.content_layout.spacing_top_half {
  margin-top: 90px;
}

section.content_layout.spacing_top_none {
  margin-top: 0;
}

section.content_layout.spacing_btm_full {
  margin-bottom: 140px;
}

section.content_layout.spacing_btm_half {
  margin-bottom: 90px;
}

section.content_layout.spacing_btm_none {
  margin-bottom: 0;
}

/* CONTENT SECTION - REUSABLES */
section .content_inner {
  width: 1520px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

section .hr {
  width: 100%;
  height: 1px;
  background-color: #d8dad9;
  clear: both;
}

section figcaption {
  width: calc(100% - 40px);
  padding: 0 20px;
  margin: 30px auto 0 auto;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: left;
  color: #939598;
}

section .enlarge_image { /* display: none; */ }

section.bg_grey {
  margin: 0 auto;
  padding: 140px 0;
  background-color: #f0f1f5;
  overflow: hidden;
}

/* CONTENT SECTION - BASIC TEXT */
section.layout_basic_text .text_wrap {
  width: 1000px;
  margin: 0 auto;
}

section.layout_basic_text .text_wrap blockquote {
  display: block;
  width: calc(100% - 40px - 40px - 4px);
  margin: 60px auto;
  border-left: solid #dd5e27 4px;
}

section.layout_basic_text .text_wrap blockquote p {
  display: block;
  padding: 10px 30px;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  color: #dd5e27;
}

/* CONTENT SECTION - BUTTON */
section.layout_button .btn_wrap {
  width: 1000px;
  margin: 0 auto;
}

/* CONTENT SECTION - SINGLE PHOTO */
section.layout_single_photo .content_inner {
  width: 100%;
  text-align: center;
}

section.layout_single_photo .photo_wrap {
  width: 100%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

section.layout_single_photo .photo_wrap.width_wide {
  width: 100%;
}

section.layout_single_photo .photo_wrap.width_medium {
  width: 1260px;
}

section.layout_single_photo .photo_wrap.width_narrow {
  width: 740px;
}

section.layout_single_photo .photo_wrap .image {
  z-index: 1;
}

section.layout_single_photo figcaption.width_wide,
section.layout_single_photo figcaption.width_medium {
  width: 1000px;
  padding: 0;
}

section.layout_single_photo figcaption.width_narrow {
  width: calc(740px - 60px);
}

/* CONTENT SECTION - SINGLE VIDEO */
section.layout_single_video .content_inner {
  width: 100%;
  text-align: center;
}

section.layout_single_video .video_wrap {
  width: 100%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

section.layout_single_video .video_wrap.width_wide {
  width: 100%;
}

section.layout_single_video .video_wrap.width_medium {
  width: 1260px;
}

section.layout_single_video .video_wrap.width_narrow {
  width: 740px;
}

section.layout_single_video .video_wrap .video_player {
  width: 100%;
  z-index: 1;
}

section.layout_single_video figcaption.width_wide,
section.layout_single_video figcaption.width_medium {
  width: 1000px;
  padding: 0;
}

section.layout_single_video figcaption.width_narrow {
  width: calc(740px - 40px);
}

/* CONTENT SECTION - TWO COLUMNS */
section.layout_two_columns .columns_wrap {
  width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

section.layout_two_columns .columns_wrap .column_single {
  width: calc(50% - 20px);
  padding: 0;
  margin: 0;
}

section.layout_two_columns .columns_wrap .column_single .photo_wrap {
  width: 100%;
  margin: 0;
}

section.layout_two_columns .columns_wrap .column_single .text_wrap {
  width: calc(100% - 40px);
  padding: 0 20px;
  margin-top: 30px;
}

/* CONTENT SECTION - GRID CARDS */
section.layout_grid .grid_cards_wrap {
  width: 1000px;
  margin: 0 auto;
}

section.layout_grid .grid_cards_wrap .grid_card_single {
  width: 100%;
  padding: 0;
  margin: 60px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

section.layout_grid .grid_cards_wrap .grid_card_single_1 {
  margin-top: 0;
} /* top row */
section.layout_grid .grid_cards_wrap .grid_card_single .photo_wrap {
  width: 390px;
}

section.layout_grid .grid_cards_wrap .grid_card_single:nth-child(even) .photo_wrap {
  order: 2;
}

section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap {
  width: 570px;
  padding-top: 10px;
}

section.layout_grid .grid_cards_wrap .grid_card_single:nth-child(even) .text_wrap {
  order: 1;
}

section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap h3 {
  font-size: 20px;
  line-height: 24px;
  color: #dd5e27;
  text-transform: uppercase;
  margin: 0 0 15px 0;
}

section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap p {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

/* CONTENT SECTION - FAQS */
section.layout_faqs .title_wrap {
  width: 1000px;
  margin: 0 auto 60px auto;
  text-align: center;
}

section.layout_faqs .title_wrap h3 {
  font-size: 36px;
  line-height: 40px;
  color: #303030;
  margin: 0;
}

section.layout_faqs .faqs_wrap {
  width: 1000px;
  margin: 0 auto;
}

section.layout_faqs .faqs_wrap .faq_single {
  border-top: solid #d8dad9 1px;
}

section.layout_faqs .faqs_wrap .faq_single_1 {
  border-top: 0;
}

section.layout_faqs .faqs_wrap .faq_single > a {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
  color: #303030;
}

section.layout_faqs .faqs_wrap .faq_single > a .question {
  width: calc(100% - 32px - 20px - 10px);
  margin: 0 0 0 10px;
  float: left;
  color: #d8dad9;
}

section.layout_faqs .faqs_wrap .faq_single > a .question h3 {
  font: normal 400 20px/32px "basic-sans", sans-serif;
  line-height: 28px;
  font-weight: 600;
  color: #303030;
  text-transform: none;
  margin: 2px 0 0 0 !important;
  transition: color 0.25s ease-in-out;
}

section.layout_faqs .faqs_wrap .faq_single > a.close .question h3 {
  color: #dd5e27;
}

section.layout_faqs .faqs_wrap .faq_single > a:hover .question h3 {
  color: #dd5e27;
}

section.layout_faqs .faqs_wrap .faq_single > a .icon {
  width: 32px;
  height: 32px;
  float: right;
  margin: 0 10px 0 0;
}

section.layout_faqs .faqs_wrap .faq_single > a .icon svg {
  fill: #dd5e27;
  transition: transform 0.25s ease-in-out;
}

section.layout_faqs .faqs_wrap .faq_single > a.close .icon svg {
  transform: rotate(-45deg);
}

section.layout_faqs .faqs_wrap .faq_single > a.close .icon.open {
  display: none;
}

section.layout_faqs .faqs_wrap .faq_single > a.close .icon.close {
  display: block;
}

section.layout_faqs .faqs_wrap .faq_single .answer {
  width: calc(100% - 20px);
  padding: 4px 10px 32px 10px;
  display: none;
}

section.layout_faqs .faqs_wrap .faq_single:last-child .answer {
  padding-bottom: 0;
}

section.layout_faqs .faqs_wrap .faq_single .answer p,
section.layout_faqs .faqs_wrap .faq_single .answer ul,
section.layout_faqs .faqs_wrap .faq_single .answer ol {
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 16px;
}

section.layout_faqs .faqs_wrap .faq_single .answer p:last-child {
  margin-bottom: 0;
}

/* CONTENT SECTION - COMPANIES */
section.layout_companies .title_wrap {
  width: 1000px;
  margin: 0 auto 90px auto;
}

section.layout_companies .title_wrap h2 {
  font: normal 600 60px/64px "basic-sans", sans-serif;
}

section.layout_companies .title_wrap p {
  margin: 20px 0 0 0;
}

section.layout_companies .companies_wrap {
  width: 1000px;
  margin: 0 auto;
}

section.layout_companies .companies_wrap .company_single {
  width: 100%;
  margin: 90px 0 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

section.layout_companies .companies_wrap .company_single_1 {
  margin-top: 0;
}

section.layout_companies .companies_wrap .company_single .text_wrap {
  width: 610px;
}

section.layout_companies .companies_wrap .company_single .text_wrap h3 {
  color: #303030;
}

section.layout_companies .companies_wrap .company_single .text_wrap .btn_wrap {
  margin-top: 40px;
}

section.layout_companies .companies_wrap .company_single .logo_wrap {
  width: 350px;
  margin-top: -5px;
}

section.layout_companies .companies_wrap .company_single .logo_wrap .image {
  width: calc(80% - 80px);
  height: 200px;
  margin: 0 auto;
  background-color: transparent;
}

section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_narrow {
  width: calc(60% - 80px);
}

section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_normal {
  width: calc(80% - 80px);
}

section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_wide {
  width: calc(100% - 80px);
}

/* CONTENT SECTION - PROJECT SPECS */
section.layout_project_specs .content_inner {
  width: 1260px;
  padding: 90px 0;
  background-color: #f0f1f5;
}

section.layout_project_specs .content_inner.cols_1 {
  width: 740px;
}

section.layout_project_specs.bg_grey .content_inner {
  background-color: #ffffff;
}

section.layout_project_specs .title_wrap {
  width: 1000px;
  margin: 0 auto 60px auto;
  text-align: center;
}

section.layout_project_specs .cols_1 .title_wrap {
  width: 480px;
}

section.layout_project_specs .title_wrap h2 {
  margin: 0;
}

section.layout_project_specs .title_wrap p {
  margin: 20px 0 0 0;
}

section.layout_project_specs .columns_wrap {
  width: 480px;
  margin: 0 auto;
}

section.layout_project_specs .cols_2 .columns_wrap {
  width: 1000px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

section.layout_project_specs .columns_wrap .column_single {
  width: 100%;
}

section.layout_project_specs .cols_2 .columns_wrap .column_single {
  width: calc(50% - 20px);
}

section.layout_project_specs .columns_wrap .column_single .column_title {
  width: 100%;
  margin-bottom: 20px;
}

section.layout_project_specs .columns_wrap .column_single .column_title h3 {
  font-size: 20px;
  line-height: 32px;
  margin: 0 10px !important;
  color: #303030;
}

section.layout_project_specs .columns_wrap .column_single .specs_wrap {
  width: 100%;
}

section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single {
  padding: 10px 0;
  border-top: solid #d8dad9 1px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .label {
  width: auto;
}

section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .label h4 {
  font-size: 18px;
  line-height: 24px;
  padding: 4px 0 6px 0;
  font-weight: 400;
  margin: 0 0 0 10px !important;
  color: #303030;
}

section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .numbers {
  width: auto;
  text-align: right;
  margin-left: 10px;
}

section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .numbers p {
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  margin: 0;
  padding: 4px 10px 6px 0;
}

section.layout_project_specs figcaption {
  width: calc(740px - 20px);
  margin: 40px auto 0 auto;
  padding: 0 10px;
  text-align: center;
}

section.layout_project_specs .cols_1 figcaption {
  width: calc(480px - 20px);
  margin: 40px auto;
}

/* CONTENT SECTION - FORM */
section.layout_form .title_wrap {
  width: 1000px;
  margin: 0 auto 90px auto;
  text-align: center;
}

section.layout_form .title_wrap h2 {
  margin: 0;
}

section.layout_form .title_wrap p {
  margin: 20px 0 0 0;
}

section.layout_form .form_wrap {
  width: 740px;
  margin: 0 auto;
}

section.layout_form .form_wrap .fineprint {
  width: 100%;
  margin: 60px auto 0 auto;
  text-align: center;
}

section.layout_form .form_wrap .fineprint p {
  display: block;
  width: calc(100% - 40px);
  padding: 0 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #939598;
}

/* CONTENT SECTION - HORIZONTAL DIVIDER */
section.layout_horizontal_divider .content_inner .hr {
  width: 1520px;
  margin: 0 auto;
}

section.layout_horizontal_divider .content_inner .hr.width_wide {
  width: 1260px;
}

section.layout_horizontal_divider .content_inner .hr.width_narrow {
  width: 480px;
}

/* CONTENT SECTIONS - GREY BG */
section.content_layout.bg_grey.spacing_top_full {
  padding-top: 140px;
  margin-top: 0;
}

section.content_layout.bg_grey.spacing_top_half {
  padding-top: 90px;
  margin-top: 0;
}

section.content_layout.bg_grey.spacing_top_none {
  padding-top: 0;
  margin-top: 0;
}

section.content_layout.bg_grey.spacing_btm_full {
  padding-bottom: 140px;
  margin-bottom: 0;
}

section.content_layout.bg_grey.spacing_btm_half {
  padding-bottom: 90px;
  margin-bottom: 0;
}

section.content_layout.bg_grey.spacing_btm_none {
  padding-bottom: 0;
  margin-bottom: 0;
}

/* ########################################################################## */
/* GRAVITY FORMS */
.gform_wrapper {
  padding: 0;
  margin: 0;
  width: 100%;
}

.gform_wrapper form {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  display: block;
}

.gform_wrapper form * {
  font-family: "basic-sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  font-style: normal;
}

.gform_wrapper .gform_heading {
  display: none;
}

.gform_wrapper .jcf-disabled {
  background-color: #ffffff !important;
}

.gform_wrapper .gform_body .gform_fields {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.gform_wrapper .gform_body .gform_fields .gfield {
  position: relative;
  width: 100%;
  background: none;
  margin: 0 0 40px 0;
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-full {
  width: 100%;
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-eleven-twelfths {
  width: 100%;
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-five-sixths {
  width: 100%;
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-three-quarter {
  width: calc(calc(25% - 30px) * 3 + 80px);
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-two-thirds {
  width: calc(calc(33.33% - 26.66px) * 2 + 40px);
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-seven-twelfths {
  width: calc(50% - 20px);
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-half {
  width: calc(50% - 20px);
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-five-twelfths {
  width: calc(50% - 20px);
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-third {
  width: calc(33.33% - 26.66px);
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-quarter {
  width: calc(25% - 30px);
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--width-one-sixth {
  width: calc(25% - 30px);
}

.gform_wrapper .gform_body .gform_fields .gfield#field_submit {
  position: relative;
}

.gform_wrapper .gform_body .gform_fields .gfield.hidden {
  display: none !important;
}

.gform_wrapper .gform_body .gform_fields .gfield.spacer {
  display: none;
}

.gform_wrapper .gform_body .gform_fields .gfield.gfield--type-honeypot {
  display: none;
}

/* HIDDEN */
.gform_wrapper .gform_body .gform_fields .gform_hidden {
  display: none;
}

/* SECTION */
.gform_wrapper .gform_body .gform_fields .gsection {
  margin: 0;
  padding: 0 0 20px 0;
}

.gform_wrapper .gform_body .gform_fields .gsection h3 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 0 0 0;
  color: #dd5e27;
}

.gform_wrapper .gform_body .gform_fields .gsection .gsection_description {
  font: normal 400 16px/24px "basic-sans", sans-serif;
  margin: 10px 20px 0 20px;
  color: #dd5e27;
}

/* GENERIC - LABELS */
.gform_wrapper .gform_body .gfield_required {
  padding-left: 2px;
  color: #303030;
}

.gform_wrapper .gform_body .gform_fields .gfield > .gfield_label {
  display: block;
  margin: 0 16px 15px 16px;
  font-weight: 600;
  letter-spacing: inherit;
  color: #303030;
}

.gform_wrapper .gform_body .gform_fields .gfield.hidden_label > .gfield_label {
  display: none !important;
}

.gform_wrapper .gform_body .gfield_description,
.gform_wrapper .gform_body .instruction,
.gform_wrapper .gform_body .ginput_counter,
.gform_wrapper .gform_body .screen-reader-text,
.gform_wrapper .gform_body .ginput_complex label,
.gform_wrapper .gform_body .ginput_container_date label,
.gform_wrapper .gform_body .gform_fileupload_rules {
  display: block;
  text-align: left;
  font: normal 400 12px/20px "basic-sans", sans-serif;
  font-weight: 400;
  padding: 5px 16px 0 16px;
  text-transform: none;
  color: #dd5e27;
}

.gform_wrapper .gform_body a {
  color: #dd5e27;
}

.gform_wrapper .gform_body a:hover {
  color: #dd5e27;
}

.gform_wrapper .gform_body .gfield_description *,
.gform_wrapper .gform_body .instruction * {
  line-height: 20px;
}

.gform_wrapper .gform_body .ginput_container_checkbox + .gfield_description,
.gform_wrapper .gform_body .ginput_container_radio + .gfield_description {
  padding-top: 15px;
}

.gform_wrapper .gform_body .field_description_above .gfield_description {
  padding: 0 2px 10px 20px;
}

/* GENERIC - INPUTS */
.gform_wrapper .gform_body input {
  width: calc(100% - 32px);
  height: 48px;
  border: 0;
  border-radius: 0;
  padding: 0 16px 4px 16px;
  margin: 0;
  font-size: 16px;
  line-height: normal;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  background: #f0f1f5;
  font-weight: inherit;
  color: #303030;
  transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.bg_grey .gform_wrapper .gform_body input {
  background: #ffffff;
}

.gform_wrapper .gform_body input[type=number] {
  width: calc(100% - 30px);
  padding-right: 10px;
}

.gform_wrapper .gform_body input[type=checkbox],
.gform_wrapper .gform_body input[type=radio] {
  width: auto;
  padding: 0;
}

.gform_wrapper .gform_body input:focus {
  color: #303030;
}

.gform_wrapper .gform_body input::placeholder {
  color: #939598;
  opacity: 1;
}

.gform_wrapper .gform_body input::-webkit-input-placeholder {
  color: #939598;
  opacity: 1;
}

.gform_wrapper .gform_body input::-moz-placeholder {
  color: #939598;
  opacity: 1;
}

.gform_wrapper .gform_body input:-ms-input-placeholder {
  color: #939598;
  opacity: 1;
}

/* TEXTAREA */
.gform_wrapper .gform_body .gform_fields .gfield > .ginput_container_textarea {
  height: auto;
}

.gform_wrapper .gform_body .gform_fields .gfield > .ginput_container textarea {
  width: calc(100% - 32px);
  min-width: calc(100% - 32px);
  max-width: calc(100% - 32px);
  height: 60px;
  min-height: 60px;
  max-height: 300px;
  resize: vertical;
  overflow: auto;
  border: 0;
  border-radius: 0;
  padding: 16px 16px;
  margin: 0;
  font-size: 16px;
  line-height: normal;
  font-weight: inherit;
  letter-spacing: inherit;
  background-color: #f0f1f5;
  color: #303030;
  outline: 0;
  transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
}

.bg_grey .gform_wrapper .gform_body .gform_fields .gfield > .ginput_container textarea {
  background: #ffffff;
}

.gform_wrapper .gform_body .gform_fields .gfield > .ginput_container textarea:focus {
  color: #303030;
}

.gform_wrapper .gform_body .gform_fields .gfield > .ginput_container textarea::placeholder {
  color: #939598;
  opacity: 1;
}

.gform_wrapper .gform_body .gform_fields .gfield > .ginput_container textarea::-webkit-input-placeholder {
  color: #939598;
  opacity: 1;
}

.gform_wrapper .gform_body .gform_fields .gfield > .ginput_container textarea::-moz-placeholder {
  color: #939598;
  opacity: 1;
}

.gform_wrapper .gform_body .gform_fields .gfield > .ginput_container textarea:-ms-input-placeholder {
  color: #939598;
  opacity: 1;
}

/* DROPDOWN */
.gform_wrapper .gform_body .gfield > .ginput_container > select {
  width: 100%;
  height: 48px;
  opacity: 0;
} /* DEFAULT STYLE BEFORE REPLACEMENT */
.gform_wrapper .gform_body .gfield > .ginput_container .jcf-select {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.gform_wrapper .gform_body .gfield > .ginput_container .jcf-select {
  width: 100%;
  min-width: 60px;
  height: 48px;
  border: 0;
  border-radius: 4px;
  padding: 0;
  text-align: left;
  background: #ffffff;
  cursor: pointer;
}

.gform_wrapper .gform_body .gfield > .ginput_container .jcf-select.jcf-focus {
  color: #dd5e27;
}

.gform_wrapper .gform_body .gfield > .ginput_container .jcf-select .jcf-select-text {
  width: calc(100% - 16px - 48px);
  margin: 0;
  font-size: inherit;
  line-height: normal;
  padding: 14px 16px;
}

.gform_wrapper .gform_body .gfield > .ginput_container .jcf-select .jcf-select-text span {
  display: block;
  max-wdith: 100%;
  font-size: inherit;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.gform_wrapper .gform_body .gfield > .ginput_container .jcf-select .jcf-select-text .jcf-option-gf_placeholder {
  color: #d8dad9;
}

.gform_wrapper .gform_body .gfield > .ginput_container .jcf-select.jcf-focus .jcf-select-text {
  color: #dd5e27;
}

.gform_wrapper .gform_body .gfield > .ginput_container .jcf-select.jcf-focus .jcf-select-text span {
  color: #dd5e27;
}

.gform_wrapper .gform_body .gfield > .ginput_container .jcf-select .jcf-select-opener {
  width: 16px;
  height: 16px;
  margin: 16px 16px 0 0;
  background: transparent url("../images/form-dropdown.svg?ver=0.1") 100% 100%;
}

.gform_wrapper .gform_body .gfield > .ginput_container select {
  font-size: initial;
  text-transform: none;
}

/* CHECKBOX + RADIO */
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox],
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  opacity: 0;
} /* DEFAULT STYLE BEFORE REPLACEMENT */
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_container_radio {
  width: auto;
}

.gform_wrapper .jcf-focus,
.gform_wrapper .jcf-focus * {
  border-color: #ffffff !important;
}

.gform_wrapper .jcf-focus.jcf-pressed,
.gform_wrapper .jcf-focus.jcf-pressed * {
  border-color: #ffffff !important;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent {
  margin: 0 0 0 16px;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox > .gfield_checkbox,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio > .gfield_radio {
  padding-top: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox > .gfield_checkbox > .gchoice,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio > .gfield_radio > .gchoice {
  width: calc(100% - 34px);
  margin: 0 0 4px 0;
  display: block;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox > .gfield_checkbox > .gchoice:last-child,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio > .gfield_radio > .gchoice:last-child {
  margin-bottom: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox > .gfield_checkbox > .gchoice label,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio > .gfield_radio > .gchoice label,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label {
  width: auto;
  max-width: calc(100% - 32px);
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 20px;
  padding-top: 5px;
  text-transform: none;
  color: #303030;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent label a {
  font-weight: 600;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox > .gfield_checkbox > .gchoice .jcf-checkbox,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio > .gfield_radio > .gchoice .jcf-radio,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent .jcf-checkbox {
  display: inline-block;
  border: 0;
  background-color: #f0f1f5 !important;
  width: 32px;
  height: 32px;
  margin-right: 4px;
  cursor: pointer;
  transition: color 0.25s, border-color 0.25s, background-color 0.25s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio > .gfield_radio > .gchoice .jcf-radio {
  border-radius: 50% !important;
  margin-right: 6px;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox > .gfield_checkbox > .gchoice .jcf-checkbox > span,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent .jcf-checkbox > span {
  width: 16px;
  height: 16px;
  border-width: 0;
  margin: 1px;
  top: 0;
  left: 0;
  transform: none;
  background: transparent url("../images/graphics/form-checkmark.svg?ver=0.1") 100% 100%;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio > .gfield_radio > .gchoice .jcf-radio > span {
  width: 16px;
  height: 16px;
  top: 8px;
  left: 8px;
  background-color: #dd5e27;
  float: left;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio > .gfield_radio > .gchoice .jcf-radio.jcf-pressed {
  background-color: #dd5e27;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio > .gfield_radio > .gchoice .jcf-radio.jcf-pressed > span {
  background-color: #dd5e27;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox > .gfield_checkbox > .gchoice .jcf-checkbox.jcf-pressed,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent .jcf-checkbox.jcf-pressed {
  background-color: #f0f1f5;
}

.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_checkbox > .gfield_checkbox > .gchoice .jcf-checkbox.jcf-focus,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_radio > .gfield_radio > .gchoice .jcf-radio.jcf-focus,
.gform_wrapper .gform_body .gform_fields .gfield .ginput_container_consent .jcf-checkbox.jcf-focus {
  border-color: #dd5e27 !important;
}

.gform_wrapper .gform_body .gform_fields .gfield.inline .ginput_container_checkbox > .gfield_checkbox,
.gform_wrapper .gform_body .gform_fields .gfield.inline .ginput_container_radio > .gfield_radio {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.gform_wrapper .gform_body .gform_fields .gfield.inline .ginput_container_checkbox > .gfield_checkbox > .gchoice,
.gform_wrapper .gform_body .gform_fields .gfield.inline .ginput_container_radio > .gfield_radio > .gchoice {
  width: auto !important;
  max-width: none;
  display: block;
  margin: 0 30px 0 0;
}

.gform_wrapper .gform_body .gform_fields .gfield.inline .ginput_container_checkbox > .gfield_checkbox > .gchoice:last-child,
.gform_wrapper .gform_body .gform_fields .gfield.inline .ginput_container_radio > .gfield_radio > .gchoice:last-child {
  margin-right: 0;
}

.gform_wrapper .gform_body .gform_fields .gfield.inline .ginput_container_checkbox > .gfield_checkbox > .gchoice label,
.gform_wrapper .gform_body .gform_fields .gfield.inline .ginput_container_radio > .gfield_radio > .gchoice label {
  max-width: calc(100% - 34px - 3px);
  white-space: nowrap;
}

/* RECAPTCHA */
.gform_wrapper .gform_body .ginput_recaptcha {
  display: none;
}

.gform_wrapper .gform_body .gfield.gf_recaptcha > label {
  padding: 0;
  color: #d8dad9;
}

.gform_wrapper .gform_body .gfield.gf_recaptcha .gfield_description {
  padding: 0 0 0 16px;
}

.gform_wrapper .gform_body .gfield.gf_recaptcha .gfield_description a {
  font: normal 400 12px/20px "basic-sans", sans-serif;
  margin-right: 10px;
  color: #939598;
  text-transform: none;
}

.gform_wrapper .gform_body .gfield.gf_recaptcha .gfield_description a:hover {
  color: #dd5e27;
}

/* ERRORS */
.gform_wrapper .gform_validation_errors .validation_error {
  clear: both;
  padding: 0;
  padding: 0 0 30px 0;
  font-family: "basic-sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #e44040;
  text-align: center;
}

.gform_wrapper .gform_body .gform_fields .gfield .validation_message {
  width: auto;
  padding: 10px 16px 0 16px;
  clear: both;
  font: normal 400 12px/20px "basic-sans", sans-serif;
  font-weight: 600;
  color: #e44040;
  text-transform: none;
}

/* FOOTER + SUBMIT */
.gform_wrapper .gform_footer {
  position: relative;
  margin-top: 0;
}

.gform_wrapper input[type=submit] {
  display: block;
  width: 160px;
  min-width: 160px;
  height: 48px;
  border: 0;
  border-radius: 24px;
  background-color: #dd5e27;
  color: #ffffff;
  padding: 14px 20px 14px 20px;
  margin: 0 auto;
  font-family: "basic-sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
}

.gform_wrapper input[type=submit]:hover {
  background-color: #303030;
  color: #ffffff;
}

.gform_wrapper .gform_ajax_spinner {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  left: calc(50% + 80px + 16px);
}

/* CONFIRMATION */
.gform_confirmation_wrapper {
  width: 100%;
  margin: 0;
  color: #303030;
  font-family: "basic-sans", sans-serif;
  font-weight: 600;
  text-align: center;
}

.gform_confirmation_wrapper br {
  display: none;
}

/* ########################################################################## */
/* FOOTER */
footer {
  width: 100%;
  min-width: 1520px;
  margin: 0 auto;
  text-align: left;
  background-color: #dd5e27;
  color: #f0f1f5;
  position: relative;
  z-index: 10;
  overflow: hidden;
}

footer .footer_wrap {
  width: 1520px;
  margin: 0 auto;
  padding: 40px 0 80px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

footer .footer_wrap .fineprint {
  width: auto;
  margin-right: 20px;
}

footer .footer_wrap .fineprint .copyright {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #f0f1f5;
}

footer .footer_wrap .fineprint .copyright a {
  color: #f0f1f5;
  font-weight: 600;
}

footer .footer_wrap .fineprint .copyright a:hover {
  color: #303030;
}

footer .footer_wrap .footer_content {
  width: auto;
  margin-left: 20px;
}

footer .footer_wrap .footer_content nav {
  width: auto;
  margin: 0;
}

footer .footer_wrap .footer_content nav ul.footer-nav {
  display: flex;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}

footer .footer_wrap .footer_content nav ul.footer-nav li {
  margin: 0 0 0 20px;
}

footer .footer_wrap .footer_content nav ul.footer-nav li a {
  color: #f0f1f5;
  margin: 0;
  padding: 0;
  font-weight: 400;
}

footer .footer_wrap .footer_content nav ul.footer-nav li a:hover {
  color: #303030;
}

/* ########################################################################## */
/* POPUP - ENLARGE PHOTO */
.popup_wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: left;
  display: none;
}

.popup_wrap .popup {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  background-color: transparent;
  position: relative;
  margin: 0 auto;
  overflow-y: scroll;
}

.popup_wrap .popup .close_btn {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  right: 20px;
  z-index: 2;
}

.popup_wrap .popup .close_btn a {
  display: block;
  width: 100%;
  height: 100%;
}

.popup_wrap .popup .close_btn a svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}

.popup_wrap .popup .close_btn a:hover svg {
  fill: #dd5e27;
}

.popup_wrap .popup .popup_content {
  width: calc(100% - 160px);
  height: calc(100% - 40px);
  margin: 20px 80px;
  z-index: 1;
}

.popup_wrap .popup .popup_content .image {
  width: 100%;
  height: 100%;
  background-color: transparent;
}

/* ########################################################################## */
/* CLEARFIX */
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
* html .clearfix {
  height: 1%; /* IE5-6 */
}

* + html .clearfix {
  display: inline-block; /* IE7not8 */
}

.clearfix::after { /* FF, IE8, O, S, etc. */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 *
 * easthastings.scss v0.1
 * Site-wide stylesheet for layout, colours, typography, etc.
 *
 * Package      WordPress
 * Subpackage   East Hastings
 * Author       Alex Rakic
 * Copyright    2025 Rakic Creative
 * Website      https://alexrakic.design/
 *
 */
/**
 *
 * responsive.scss v0.1
 * Site-wide stylesheet for responsive layouts and retina graphics.
 *
 * Package      WordPress
 * Subpackage   East Hastings
 * Author       Alex Rakic
 * Copyright    2025 Rakic Creative
 * Website      https://alexrakic.design/
 *
 */
/* ########################################################################## */
/* RESPONSIVE */
/* DESKTOP WIDE  */
@media only screen and (max-width: 1599px) {
  body {
    font: normal 400 20px/32px "basic-sans", sans-serif;
  }
  /* TYPE */
  .content_reg h1 {
    font: normal 600 36px/48px "basic-sans", sans-serif; /* margin: 60px 0 40px -2px; */
  }
  .content_reg .large_headings h1 {
    font: normal 600 60px/64px "basic-sans", sans-serif; /* margin-left: -3px; */
  }
  .content_reg h2 {
    font: normal 600 36px/48px "basic-sans", sans-serif; /* margin: 60px 0 40px -2px; */
  }
  .content_reg .large_headings h2 {
    font: normal 600 60px/64px "basic-sans", sans-serif; /* margin-left: -3px; */
  }
  .content_reg h3 {
    font: normal 600 36px/48px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg h4 {
    font: normal 600 36px/48px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg h5 {
    font: normal 600 24px/28px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg h6 {
    font: normal 600 24px/28px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg p { /* margin: 0 0 32px 0; */ }
  .content_reg ul { /* margin: 0 0 32px 0; */ }
  .content_reg ul li { /* padding: 0 0 0 40px; background-position: 12px 12px; background-size: 8px 8px; */ }
  .content_reg ul li ul { /* margin: 10px 0 32px 0; */ }
  .content_reg ul li ul li { /* padding: 0 0 0 36px; */ }
  .content_reg ol { /* margin: 0 0 32px 30px; */ }
  .content_reg ol li { /* margin: 0 0 0 10px; */ }
  .content_reg ol li::before { /* width: 30px; margin-left: -30px; */ }
  /* BUTTONS */
  .btn_wrap {
    margin: 50px auto 0 auto;
  }
  .btn a { /* min-width: 60px; padding: 16px 29px 18px 30px; border-radius: 24px; font-size: 14px; line-height: 14px; letter-spacing: 0.5px; */ }
  /* HEADER */
  header { /* width: 100%; */
    min-width: 1290px;
    height: 164px;
  }
  header .header_wrap {
    width: 1290px; /* height: 100%; overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; */
  }
  header .pci_logo { /* width: 120px; height: 84px; margin-top: 40px; */ }
  header .slideout_menu_open { /* width: 40px; height: 40px; margin: 52px 0 0 20px; display: none; */ }
  header.sticky .slideout_menu_open { /* width: 24px; height: 24px; margin-top: 0; */ }
  header.sticky {
    height: 60px;
  }
  header.sticky .sticky_inner {
    width: 1290px;
    height: 60px;
  }
  header nav { /* width: calc(100% - 120px - 40px); height: 40px; margin-top: 62px; */ }
  header nav > ul { /* font-size: 20px; line-height: 20px; display: flex; justify-content: flex-end; */ }
  header.sticky nav > ul { /* font-size: 15px; line-height: 16px; justify-content: center; */ }
  header nav > ul > li { /* margin: 0 10px; */ }
  header nav > ul > li.home { /* display: none; */ }
  header nav > ul > li.demo {
    display: none;
  }
  header nav > ul > li.main { /* display: none; */ }
  header nav > ul > li.highlight { /* height: 40px; margin: 0 0 0 10px; */ }
  header.sticky nav > ul > li.highlight { /* height: auto; margin: 0 10px; */ }
  header nav > ul > li > a { /* padding: 10px 5px; */ }
  header.sticky nav > ul > li > a { /* padding: 12px 5px 12px 5px; */ }
  header nav > ul > li.highlight > a { /* font-size: 18px; line-height: 20px; padding: 8px 20px 8px 20px; */ }
  header.sticky nav > ul > li.highlight > a { /* font-size: 16px; line-height: 16px; padding: 12px 5px 12px 5px; */ }
  /* SLIDEOUT MENU */
  #slideout_menu_empty_space { /* display: none; */ }
  #slideout_menu { /* right: -420px; width: 420px; */ }
  #slideout_menu .menu_wrap nav ul li.highlight { /* padding: 20px 50px 0 50px; */ }
  #slideout_menu .menu_wrap nav ul li a { /* font-size: 18px; line-height: 24px; font-weight: 600; padding: 9px 50px 11px 50px; */ }
  #slideout_menu .menu_wrap nav ul li.highlight a { /* font-size: 15px; line-height: 25px; border-radius: 22px; padding: 8px 20px 10px 20px; */ }
  /* BANNER */
  section.layout_banner { /* width: 100%; */
    margin-top: 164px;
  }
  section.layout_banner.height_short { /* height: 500px; */ }
  section.layout_banner.height_tall { /* height: 800px; */ }
  section.layout_banner .text_wrap {
    width: 850px; /* display: flex; align-items: center; justify-content: flex-start; */
  }
  section.layout_banner .text_wrap .text {
    width: 850px;
  }
  section.layout_banner.position_under .text_wrap .text {
    margin-top: 50px;
  }
  section.layout_banner .text_wrap .text h1,
  section.layout_banner .text_wrap .text h2 { /* font-size: 64px; line-height: 64px; margin: 0 0 0 -2px; */ }
  section.layout_banner .text_wrap .text p { /* font-size: 30px; line-height: 48px; margin: 30px 0 0 0; */ }
  section.layout_banner .text_wrap .btn_wrap { /* margin-top: 50px; */ }
  /* CONTENT LAYOUTS */
  section { /* width: 100%; */
    min-width: 1290px;
  }
  section.content_layout.spacing_top_full {
    margin-top: 120px;
  }
  section.content_layout.spacing_top_half {
    margin-top: 80px;
  }
  section.content_layout.spacing_top_none {
    margin-top: 0;
  }
  section.content_layout.spacing_btm_full {
    margin-bottom: 120px;
  }
  section.content_layout.spacing_btm_half {
    margin-bottom: 80px;
  }
  section.content_layout.spacing_btm_none {
    margin-bottom: 0;
  }
  /* CONTENT SECTION - REUSABLES */
  section .content_inner {
    width: 1290px;
  }
  section figcaption { /* width: calc(100% - 40px); padding: 0 20px; margin: 30px auto 0 auto; font-size: 14px; line-height: 20px; */ }
  section .enlarge_image { /* display: none; */ }
  section.bg_grey {
    padding: 120px 0;
  }
  /* CONTENT SECTION - BASIC TEXT */
  section.layout_basic_text .text_wrap {
    width: 850px;
  }
  section.layout_basic_text .text_wrap blockquote { /* width: calc(100% - 40px - 40px - 4px); margin: 60px auto; border-left: solid $colour-orange 4px; */ }
  section.layout_basic_text .text_wrap blockquote p { /* padding: 10px 30px; font-size: 14px; line-height: 24px; */ }
  /* CONTENT SECTION - BUTTON */
  section.layout_button .btn_wrap {
    width: 850px;
  }
  /* CONTENT SECTION - SINGLE PHOTO */
  section.layout_single_photo .photo_wrap.width_wide { /* width: 100%; */ }
  section.layout_single_photo .photo_wrap.width_medium {
    width: 1070px;
  }
  section.layout_single_photo .photo_wrap.width_narrow {
    width: 630px;
  }
  section.layout_single_photo figcaption.width_wide,
  section.layout_single_photo figcaption.width_medium {
    width: 850px;
    padding: 0;
  }
  section.layout_single_photo figcaption.width_narrow {
    width: calc(630px - 60px);
  }
  /* CONTENT SECTION - SINGLE VIDEO */
  section.layout_single_video .video_wrap.width_wide { /* width: 100%; */ }
  section.layout_single_video .video_wrap.width_medium {
    width: 1070px;
  }
  section.layout_single_video .video_wrap.width_narrow {
    width: 630px;
  }
  section.layout_single_video figcaption.width_wide,
  section.layout_single_video figcaption.width_medium {
    width: 850px;
    padding: 0;
  }
  section.layout_single_video figcaption.width_narrow {
    width: calc(630px - 40px);
  }
  /* CONTENT SECTION - TWO COLUMNS */
  section.layout_two_columns .columns_wrap {
    width: 850px; /* display: flex; align-items: flex-start; justify-content: space-between; */
  }
  section.layout_two_columns .columns_wrap .column_single {
    width: calc(50% - 15px);
  }
  section.layout_two_columns .columns_wrap .column_single .text_wrap { /* width: calc(100% - 40px); padding: 0 20px; margin-top: 30px; */ }
  /* CONTENT SECTION - GRID CARDS */
  section.layout_grid .grid_cards_wrap {
    width: 850px;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single {
    margin: 50px 0 0 0; /* display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; */
  }
  section.layout_grid .grid_cards_wrap .grid_card_single_1 {
    margin-top: 0;
  } /* top row */
  section.layout_grid .grid_cards_wrap .grid_card_single .photo_wrap {
    width: 330px;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single:nth-child(even) .photo_wrap { /* order: 2; */ }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap {
    width: 480px; /* padding-top: 10px; */
  }
  section.layout_grid .grid_cards_wrap .grid_card_single:nth-child(even) .text_wrap { /* order: 1; */ }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap h3 { /* font-size: 20px; line-height: 24px; margin: 0 0 15px 0; */ }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap p { /* font-size: 16px; line-height: 24px; */ }
  /* CONTENT SECTION - FAQS */
  section.layout_faqs .title_wrap {
    width: 850px;
    margin: 0 auto 50px auto;
  }
  section.layout_faqs .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_faqs .faqs_wrap {
    width: 850px;
  }
  section.layout_faqs .faqs_wrap .faq_single > a { /* padding: 15px 0; */ }
  section.layout_faqs .faqs_wrap .faq_single > a .question { /* width: calc(100% - 32px - 20px - 10px); margin: 0 0 0 10px; float: left; */ }
  section.layout_faqs .faqs_wrap .faq_single > a .question h3 {
    font: normal 400 20px/32px "basic-sans", sans-serif;
    line-height: 28px;
    font-weight: 600;
  }
  section.layout_faqs .faqs_wrap .faq_single > a .icon { /* width: 32px; height: 32px; float: right; margin: 0 10px 0 0; */ }
  section.layout_faqs .faqs_wrap .faq_single .answer { /* width: calc(100% - 20px); padding: 4px 10px 32px 10px; */ }
  section.layout_faqs .faqs_wrap .faq_single .answer p,
  section.layout_faqs .faqs_wrap .faq_single .answer ul,
  section.layout_faqs .faqs_wrap .faq_single .answer ol { /* font-size: 18px; line-height: 32px; margin-bottom: 16px; */ }
  /* CONTENT SECTION - COMPANIES */
  section.layout_companies .title_wrap {
    width: 850px;
    margin: 0 auto 80px auto;
  }
  section.layout_companies .title_wrap h2 {
    font: normal 600 60px/64px "basic-sans", sans-serif;
  }
  section.layout_companies .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_companies .companies_wrap {
    width: 850px;
  }
  section.layout_companies .companies_wrap .company_single {
    margin: 80px 0 0 0; /* display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; */
  }
  section.layout_companies .companies_wrap .company_single_1 {
    margin-top: 0;
  }
  section.layout_companies .companies_wrap .company_single .text_wrap {
    width: 520px;
  }
  section.layout_companies .companies_wrap .company_single .text_wrap .btn_wrap { /* margin-top: 40px; */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap {
    width: 300px; /* margin-top: -5px; */
  }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image { /* width: calc(80% - 80px); height: 200px; */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_narrow {
    width: calc(60% - 60px);
  }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_normal {
    width: calc(80% - 60px);
  }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_wide {
    width: calc(100% - 60px);
  }
  /* CONTENT SECTION - PROJECT SPECS */
  section.layout_project_specs .content_inner {
    width: 1070px;
    padding: 80px 0;
  }
  section.layout_project_specs .content_inner.cols_1 {
    width: 630px;
  }
  section.layout_project_specs .title_wrap {
    width: 850px;
    margin: 0 auto 50px auto;
  }
  section.layout_project_specs .cols_1 .title_wrap {
    width: 410px;
  }
  section.layout_project_specs .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_project_specs .columns_wrap {
    width: 410px;
  }
  section.layout_project_specs .cols_2 .columns_wrap {
    width: 850px; /* display: flex; align-items: flex-start; justify-content: space-between; */
  }
  section.layout_project_specs .cols_2 .columns_wrap .column_single {
    width: calc(50% - 15px);
  }
  section.layout_project_specs .columns_wrap .column_single .column_title { /* margin-bottom: 20px; */ }
  section.layout_project_specs .columns_wrap .column_single .column_title h3 { /* font-size: 20px; line-height: 32px; margin: 0 10px !important; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single { /* padding: 10px 0; display: flex; align-items: flex-start; justify-content: space-between; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .label { /* width: auto; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .label h4 { /* font-size: 18px; line-height: 24px; padding: 4px 0 6px 0; margin: 0 0 0 10px !important; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .numbers { /* width: auto; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .numbers p { /* font-size: 18px; line-height: 24px; padding: 4px 10px 6px 0; */ }
  section.layout_project_specs figcaption {
    width: calc(630px - 20px); /* margin: 40px auto 0 auto; padding: 0 10px; */
  }
  section.layout_project_specs .cols_1 figcaption {
    width: calc(410px - 20px); /* margin: 40px auto; */
  }
  /* CONTENT SECTION - FORM */
  section.layout_form .title_wrap {
    width: 850px;
    margin: 0 auto 80px auto;
  }
  section.layout_form .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_form .form_wrap {
    width: 630px;
  }
  section.layout_form .form_wrap .fineprint {
    margin: 50px auto 0 auto;
  }
  section.layout_form .form_wrap .fineprint p { /* width: calc(100% - 40px); padding: 0 20px; font-size: 14px; line-height: 20px; */ }
  /* CONTENT SECTION - HORIZONTAL DIVIDER */
  section.layout_horizontal_divider .content_inner .hr {
    width: 1290px;
  }
  section.layout_horizontal_divider .content_inner .hr.width_wide {
    width: 1070px;
  }
  section.layout_horizontal_divider .content_inner .hr.width_narrow {
    width: 410px;
  }
  /* CONTENT SECTIONS - GREY BG */
  section.content_layout.bg_grey.spacing_top_full {
    padding-top: 120px;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_top_half {
    padding-top: 80px;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_top_none {
    padding-top: 0;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_btm_full {
    padding-bottom: 120px;
    margin-bottom: 0;
  }
  section.content_layout.bg_grey.spacing_btm_half {
    padding-bottom: 80px;
    margin-bottom: 0;
  }
  section.content_layout.bg_grey.spacing_btm_none {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  /* GRAVITY FORMS */
  .gform_wrapper form { /* font-size: 14px; line-height: 20px; */ }
  .gform_wrapper form * { /* font-size: 14px; line-height: 20px; */ }
  .gform_wrapper .gform_body .gform_fields .gfield { /* margin: 0 0 40px 0; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-full {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-eleven-twelfths {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-five-sixths {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-three-quarter {
    width: calc(calc(25% - 22.5px) * 3 + 60px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-two-thirds {
    width: calc(calc(33.33% - 20px) * 2 + 30px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-seven-twelfths {
    width: calc(50% - 15px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-half {
    width: calc(50% - 15px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-five-twelfths {
    width: calc(50% - 15px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-third {
    width: calc(33.33% - 20px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-quarter {
    width: calc(25% - 22.5px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-one-sixth {
    width: calc(25% - 22.5px);
  }
  /* FOOTER + SUBMIT */
  .gform_wrapper .gform_footer { /* margin-top: 20px; */ }
  .gform_wrapper input[type=submit] { /* width: 160px; min-width: 160px; height: 48px; border-radius: 24px; padding: 13px 18px 15px 20px; font-size: 16px; line-height: 16px; letter-spacing: 2px; */ }
  .gform_wrapper .gform_ajax_spinner { /* width: 24px; height: 24px; top: 12px; left: calc(50% + 80px + 16px); */ }
  /* FOOTER */
  footer {
    min-width: 1290px;
  }
  footer .footer_wrap {
    width: 1290px; /* padding: 40px 0 80px 0; display: flex; align-items: flex-start; justify-content: space-between; */
  }
  footer .footer_wrap .fineprint { /* margin-right: 20px; */ }
  footer .footer_wrap .fineprint .copyright { /* font-size: 12px; line-height: 16px; */ }
  footer .footer_wrap .footer_content { /* margin-left: 20px; */ }
  footer .footer_wrap .footer_content nav ul.footer-nav { /* display: flex; font-size: 12px; line-height: 16px; */ }
  footer .footer_wrap .footer_content nav ul.footer-nav li { /* margin: 0 0 0 20px; */ }
  /* POPUP - ENLARGE PHOTO */
  .popup_wrap .popup .close_btn { /* width: 40px; height: 40px; top: 20px; right: 20px; */ }
  .popup_wrap .popup .popup_content { /* width: calc(100% - 160px); height: calc(100% - 40px); margin: 20px 80px; */ }
}
/* ########################################################################## */
/* DESKTOP NARROW  */
@media only screen and (max-width: 1399px) {
  body {
    font: normal 400 20px/32px "basic-sans", sans-serif;
  }
  /* TYPE */
  .content_reg h1 {
    font: normal 600 36px/48px "basic-sans", sans-serif; /* margin: 60px 0 40px -2px; */
  }
  .content_reg .large_headings h1 {
    font: normal 600 60px/64px "basic-sans", sans-serif; /* margin-left: -3px; */
  }
  .content_reg h2 {
    font: normal 600 36px/48px "basic-sans", sans-serif; /* margin: 60px 0 40px -2px; */
  }
  .content_reg .large_headings h2 {
    font: normal 600 60px/64px "basic-sans", sans-serif; /* margin-left: -3px; */
  }
  .content_reg h3 {
    font: normal 600 36px/48px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg h4 {
    font: normal 600 36px/48px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg h5 {
    font: normal 600 24px/28px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg h6 {
    font: normal 600 24px/28px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg p { /* margin: 0 0 32px 0; */ }
  .content_reg ul { /* margin: 0 0 32px 0; */ }
  .content_reg ul li { /* padding: 0 0 0 40px; background-position: 12px 12px; background-size: 8px 8px; */ }
  .content_reg ul li ul { /* margin: 10px 0 32px 0; */ }
  .content_reg ul li ul li { /* padding: 0 0 0 36px; */ }
  .content_reg ol { /* margin: 0 0 32px 30px; */ }
  .content_reg ol li { /* margin: 0 0 0 10px; */ }
  .content_reg ol li::before { /* width: 30px; margin-left: -30px; */ }
  /* BUTTONS */
  .btn_wrap {
    margin: 40px auto 0 auto;
  }
  .btn a { /* min-width: 60px; padding: 16px 29px 18px 30px; border-radius: 24px; font-size: 14px; line-height: 14px; letter-spacing: 0.5px; */ }
  /* HEADER */
  header { /* width: 100%; */
    min-width: 1152px;
    height: 164px;
  }
  header .header_wrap {
    width: calc(100% - 80px); /* height: 100%; overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; */
  }
  header .pci_logo { /* width: 120px; height: 84px; margin-top: 40px; */ }
  header .slideout_menu_open { /* width: 40px; height: 40px; margin: 52px 0 0 20px; display: none; */ }
  header.sticky .slideout_menu_open { /* width: 24px; height: 24px; margin-top: 0; */ }
  header.sticky {
    height: 60px;
  }
  header.sticky .sticky_inner {
    width: 1152px;
    height: 60px;
  }
  header nav {
    width: calc(100% - 120px - 30px); /* height: 40px; margin-top: 62px; */
  }
  header nav > ul {
    font-size: 18px; /* line-height: 20px; display: flex; justify-content: flex-end; */
  }
  header.sticky nav > ul { /* font-size: 15px; line-height: 16px; justify-content: center; */ }
  header nav > ul > li {
    margin: 0 8px;
  }
  header nav > ul > li.home { /* display: none; */ }
  header nav > ul > li.demo {
    display: none;
  }
  header nav > ul > li.main { /* display: none; */ }
  header nav > ul > li.highlight { /* height: 40px; margin: 0 0 0 10px; */ }
  header.sticky nav > ul > li.highlight { /* height: auto; margin: 0 10px; */ }
  header nav > ul > li > a { /* padding: 10px 5px; */ }
  header.sticky nav > ul > li > a { /* padding: 12px 5px 12px 5px; */ }
  header nav > ul > li.highlight > a { /* font-size: 18px; line-height: 20px; padding: 8px 20px 8px 20px; */ }
  header.sticky nav > ul > li.highlight > a { /* font-size: 16px; line-height: 16px; padding: 12px 5px 12px 5px; */ }
  /* SLIDEOUT MENU */
  #slideout_menu_empty_space { /* display: none; */ }
  #slideout_menu { /* right: -420px; width: 420px; */ }
  #slideout_menu .menu_wrap nav ul li.highlight { /* padding: 20px 50px 0 50px; */ }
  #slideout_menu .menu_wrap nav ul li a { /* font-size: 18px; line-height: 24px; font-weight: 600; padding: 9px 50px 11px 50px; */ }
  #slideout_menu .menu_wrap nav ul li.highlight a { /* font-size: 15px; line-height: 25px; border-radius: 22px; padding: 8px 20px 10px 20px; */ }
  /* BANNER */
  section.layout_banner { /* width: 100%; */
    margin-top: 164px;
  }
  section.layout_banner.height_short {
    height: 400px;
  }
  section.layout_banner.height_tall {
    height: 700px;
  }
  section.layout_banner .text_wrap {
    width: 956px; /* display: flex; align-items: center; justify-content: flex-start; */
  }
  section.layout_banner .text_wrap .text {
    width: 956px;
  }
  section.layout_banner.position_under .text_wrap .text {
    margin-top: 70px;
  }
  section.layout_banner .text_wrap .text h1,
  section.layout_banner .text_wrap .text h2 { /* font-size: 64px; line-height: 64px; margin: 0 0 0 -2px; */ }
  section.layout_banner .text_wrap .text p { /* font-size: 30px; line-height: 48px; margin: 30px 0 0 0; */ }
  section.layout_banner .text_wrap .btn_wrap { /* margin-top: 50px; */ }
  /* CONTENT LAYOUTS */
  section { /* width: 100%; */
    min-width: 1152px;
  }
  section.content_layout.spacing_top_full {
    margin-top: 100px;
  }
  section.content_layout.spacing_top_half {
    margin-top: 70px;
  }
  section.content_layout.spacing_top_none {
    margin-top: 0;
  }
  section.content_layout.spacing_btm_full {
    margin-bottom: 100px;
  }
  section.content_layout.spacing_btm_half {
    margin-bottom: 70px;
  }
  section.content_layout.spacing_btm_none {
    margin-bottom: 0;
  }
  /* CONTENT SECTION - REUSABLES */
  section .content_inner {
    width: 1152px;
  }
  section figcaption { /* width: calc(100% - 40px); padding: 0 20px; margin: 30px auto 0 auto; font-size: 14px; line-height: 20px; */ }
  section .enlarge_image { /* display: none; */ }
  section.bg_grey {
    padding: 100px 0;
  }
  /* CONTENT SECTION - BASIC TEXT */
  section.layout_basic_text .text_wrap {
    width: 956px;
  }
  section.layout_basic_text .text_wrap blockquote { /* width: calc(100% - 40px - 40px - 4px); margin: 60px auto; border-left: solid $colour-orange 4px; */ }
  section.layout_basic_text .text_wrap blockquote p { /* padding: 10px 30px; font-size: 14px; line-height: 24px; */ }
  /* CONTENT SECTION - BUTTON */
  section.layout_button .btn_wrap {
    width: 956px;
  }
  /* CONTENT SECTION - SINGLE PHOTO */
  section.layout_single_photo .photo_wrap.width_wide { /* width: 100%; */ }
  section.layout_single_photo .photo_wrap.width_medium {
    width: 1152px;
  }
  section.layout_single_photo .photo_wrap.width_narrow {
    width: 760px;
  }
  section.layout_single_photo figcaption.width_wide,
  section.layout_single_photo figcaption.width_medium {
    width: 956px;
    padding: 0;
  }
  section.layout_single_photo figcaption.width_narrow {
    width: calc(760px - 60px);
  }
  /* CONTENT SECTION - SINGLE VIDEO */
  section.layout_single_video .video_wrap.width_wide { /* width: 100%; */ }
  section.layout_single_video .video_wrap.width_medium {
    width: 1152px;
  }
  section.layout_single_video .video_wrap.width_narrow {
    width: 760px;
  }
  section.layout_single_video figcaption.width_wide,
  section.layout_single_video figcaption.width_medium {
    width: 956px;
    padding: 0;
  }
  section.layout_single_video figcaption.width_narrow {
    width: calc(760px - 40px);
  }
  /* CONTENT SECTION - TWO COLUMNS */
  section.layout_two_columns .columns_wrap {
    width: 956px; /* display: flex; align-items: flex-start; justify-content: space-between; */
  }
  section.layout_two_columns .columns_wrap .column_single {
    width: calc(50% - 12px);
  }
  section.layout_two_columns .columns_wrap .column_single .text_wrap { /* width: calc(100% - 40px); padding: 0 20px; margin-top: 30px; */ }
  /* CONTENT SECTION - GRID CARDS */
  section.layout_grid .grid_cards_wrap {
    width: 956px;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single {
    margin: 40px 0 0 0; /* display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; */
  }
  section.layout_grid .grid_cards_wrap .grid_card_single_1 {
    margin-top: 0;
  } /* top row */
  section.layout_grid .grid_cards_wrap .grid_card_single .photo_wrap {
    width: 392px;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single:nth-child(even) .photo_wrap { /* order: 2; */ }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap {
    width: 524px; /* padding-top: 10px; */
  }
  section.layout_grid .grid_cards_wrap .grid_card_single:nth-child(even) .text_wrap { /* order: 1; */ }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap h3 { /* font-size: 20px; line-height: 24px; margin: 0 0 15px 0; */ }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap p { /* font-size: 16px; line-height: 24px; */ }
  /* CONTENT SECTION - FAQS */
  section.layout_faqs .title_wrap {
    width: 956px;
    margin: 0 auto 40px auto;
  }
  section.layout_faqs .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_faqs .faqs_wrap {
    width: 956px;
  }
  section.layout_faqs .faqs_wrap .faq_single > a { /* padding: 15px 0; */ }
  section.layout_faqs .faqs_wrap .faq_single > a .question { /* width: calc(100% - 32px - 20px - 10px); margin: 0 0 0 10px; float: left; */ }
  section.layout_faqs .faqs_wrap .faq_single > a .question h3 {
    font: normal 400 20px/32px "basic-sans", sans-serif;
    line-height: 28px;
    font-weight: 600;
  }
  section.layout_faqs .faqs_wrap .faq_single > a .icon { /* width: 32px; height: 32px; float: right; margin: 0 10px 0 0; */ }
  section.layout_faqs .faqs_wrap .faq_single .answer { /* width: calc(100% - 20px); padding: 4px 10px 32px 10px; */ }
  section.layout_faqs .faqs_wrap .faq_single .answer p,
  section.layout_faqs .faqs_wrap .faq_single .answer ul,
  section.layout_faqs .faqs_wrap .faq_single .answer ol { /* font-size: 18px; line-height: 32px; margin-bottom: 16px; */ }
  /* CONTENT SECTION - COMPANIES */
  section.layout_companies .title_wrap {
    width: 956px;
    margin: 0 auto 70px auto;
  }
  section.layout_companies .title_wrap h2 {
    font: normal 600 60px/64px "basic-sans", sans-serif;
  }
  section.layout_companies .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_companies .companies_wrap {
    width: 956px;
  }
  section.layout_companies .companies_wrap .company_single {
    margin: 70px 0 0 0; /* display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; */
  }
  section.layout_companies .companies_wrap .company_single_1 {
    margin-top: 0;
  }
  section.layout_companies .companies_wrap .company_single .text_wrap {
    width: 662px;
  }
  section.layout_companies .companies_wrap .company_single .text_wrap .btn_wrap { /* margin-top: 40px; */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap {
    width: 270px; /* margin-top: -5px; */
  }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image { /* width: calc(80% - 80px); height: 200px; */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_narrow { /* width: calc(60% - 60px); */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_normal { /* width: calc(80% - 60px); */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_wide { /* width: calc(100% - 60px); */ }
  /* CONTENT SECTION - PROJECT SPECS */
  section.layout_project_specs .content_inner {
    width: 1152px;
    padding: 70px 0;
  }
  section.layout_project_specs .content_inner.cols_1 {
    width: 760px;
  }
  section.layout_project_specs .title_wrap {
    width: 956px;
    margin: 0 auto 40px auto;
  }
  section.layout_project_specs .cols_1 .title_wrap {
    width: 368px;
  }
  section.layout_project_specs .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_project_specs .columns_wrap {
    width: 466px;
  }
  section.layout_project_specs .cols_2 .columns_wrap {
    width: 956px; /* display: flex; align-items: flex-start; justify-content: space-between; */
  }
  section.layout_project_specs .cols_2 .columns_wrap .column_single {
    width: calc(50% - 12px);
  }
  section.layout_project_specs .columns_wrap .column_single .column_title { /* margin-bottom: 20px; */ }
  section.layout_project_specs .columns_wrap .column_single .column_title h3 { /* font-size: 20px; line-height: 32px; margin: 0 10px !important; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single { /* padding: 10px 0; display: flex; align-items: flex-start; justify-content: space-between; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .label { /* width: auto; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .label h4 { /* font-size: 18px; line-height: 24px; padding: 4px 0 6px 0; margin: 0 0 0 10px !important; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .numbers { /* width: auto; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .numbers p { /* font-size: 18px; line-height: 24px; padding: 4px 10px 6px 0; */ }
  section.layout_project_specs figcaption {
    width: calc(760px - 20px); /* margin: 40px auto 0 auto; padding: 0 10px; */
  }
  section.layout_project_specs .cols_1 figcaption {
    width: calc(466px - 20px); /* margin: 40px auto; */
  }
  /* CONTENT SECTION - FORM */
  section.layout_form .title_wrap {
    width: 760px;
    margin: 0 auto 70px auto;
  }
  section.layout_form .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_form .form_wrap {
    width: 760px;
  }
  section.layout_form .form_wrap .fineprint {
    margin: 40px auto 0 auto;
  }
  section.layout_form .form_wrap .fineprint p { /* width: calc(100% - 40px); padding: 0 20px; font-size: 14px; line-height: 20px; */ }
  /* CONTENT SECTION - HORIZONTAL DIVIDER */
  section.layout_horizontal_divider .content_inner .hr {
    width: 1152px;
  }
  section.layout_horizontal_divider .content_inner .hr.width_wide {
    width: 956px;
  }
  section.layout_horizontal_divider .content_inner .hr.width_narrow {
    width: 368px;
  }
  /* CONTENT SECTIONS - GREY BG */
  section.content_layout.bg_grey.spacing_top_full {
    padding-top: 100px;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_top_half {
    padding-top: 70px;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_top_none {
    padding-top: 0;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_btm_full {
    padding-bottom: 100px;
    margin-bottom: 0;
  }
  section.content_layout.bg_grey.spacing_btm_half {
    padding-bottom: 70px;
    margin-bottom: 0;
  }
  section.content_layout.bg_grey.spacing_btm_none {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  /* GRAVITY FORMS */
  .gform_wrapper form { /* font-size: 14px; line-height: 20px; */ }
  .gform_wrapper form * { /* font-size: 14px; line-height: 20px; */ }
  .gform_wrapper .gform_body .gform_fields .gfield { /* margin: 0 0 40px 0; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-full {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-eleven-twelfths {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-five-sixths {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-three-quarter {
    width: calc(calc(25% - 18px) * 3 + 48px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-two-thirds {
    width: calc(calc(33.33% - 16px) * 2 + 24px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-seven-twelfths {
    width: calc(50% - 12px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-half {
    width: calc(50% - 12px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-five-twelfths {
    width: calc(50% - 12px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-third {
    width: calc(33.33% - 16px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-quarter {
    width: calc(25% - 18px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-one-sixth {
    width: calc(25% - 18px);
  }
  /* FOOTER + SUBMIT */
  .gform_wrapper .gform_footer { /* margin-top: 20px; */ }
  .gform_wrapper input[type=submit] { /* width: 160px; min-width: 160px; height: 48px; border-radius: 24px; padding: 13px 18px 15px 20px; font-size: 16px; line-height: 16px; letter-spacing: 2px; */ }
  .gform_wrapper .gform_ajax_spinner { /* width: 24px; height: 24px; top: 12px; left: calc(50% + 80px + 16px); */ }
  /* FOOTER */
  footer {
    min-width: 1152px;
  }
  footer .footer_wrap {
    width: calc(100% - 80px); /* padding: 40px 0 80px 0; display: flex; align-items: flex-start; justify-content: space-between; */
  }
  footer .footer_wrap .fineprint { /* margin-right: 20px; */ }
  footer .footer_wrap .fineprint .copyright { /* font-size: 12px; line-height: 16px; */ }
  footer .footer_wrap .footer_content { /* margin-left: 20px; */ }
  footer .footer_wrap .footer_content nav ul.footer-nav { /* display: flex; font-size: 12px; line-height: 16px; */ }
  footer .footer_wrap .footer_content nav ul.footer-nav li { /* margin: 0 0 0 20px; */ }
  /* POPUP - ENLARGE PHOTO */
  .popup_wrap .popup .close_btn { /* width: 40px; height: 40px; top: 20px; right: 20px; */ }
  .popup_wrap .popup .popup_content { /* width: calc(100% - 160px); height: calc(100% - 40px); margin: 20px 80px; */ }
}
/* ########################################################################## */
/* TABLET LANDSCAPE */
@media only screen and (max-width: 1279px) {
  body {
    font: normal 400 20px/32px "basic-sans", sans-serif;
  }
  /* TYPE */
  .content_reg h1 {
    font: normal 600 36px/48px "basic-sans", sans-serif; /* margin: 60px 0 40px -2px; */
  }
  .content_reg .large_headings h1 {
    font: normal 600 60px/64px "basic-sans", sans-serif; /* margin-left: -3px; */
  }
  .content_reg h2 {
    font: normal 600 36px/48px "basic-sans", sans-serif; /* margin: 60px 0 40px -2px; */
  }
  .content_reg .large_headings h2 {
    font: normal 600 60px/64px "basic-sans", sans-serif; /* margin-left: -3px; */
  }
  .content_reg h3 {
    font: normal 600 36px/48px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg h4 {
    font: normal 600 36px/48px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg h5 {
    font: normal 600 24px/28px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg h6 {
    font: normal 600 24px/28px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg p { /* margin: 0 0 32px 0; */ }
  .content_reg ul { /* margin: 0 0 32px 0; */ }
  .content_reg ul li { /* padding: 0 0 0 40px; background-position: 12px 12px; background-size: 8px 8px; */ }
  .content_reg ul li ul { /* margin: 10px 0 32px 0; */ }
  .content_reg ul li ul li { /* padding: 0 0 0 36px; */ }
  .content_reg ol { /* margin: 0 0 32px 30px; */ }
  .content_reg ol li { /* margin: 0 0 0 10px; */ }
  .content_reg ol li::before { /* width: 30px; margin-left: -30px; */ }
  /* BUTTONS */
  .btn_wrap {
    margin: 40px auto 0 auto;
  }
  .btn a { /* min-width: 60px; padding: 16px 29px 18px 30px; border-radius: 24px; font-size: 14px; line-height: 14px; letter-spacing: 0.5px; */ }
  /* HEADER */
  header { /* width: 100%; */
    min-width: 940px;
    height: 164px;
  }
  header .header_wrap { /* width: calc(100% - 80px); height: 100%; overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; */ }
  header .pci_logo { /* width: 120px; height: 84px; margin-top: 40px; */ }
  header .slideout_menu_open { /* width: 40px; height: 40px; margin: 52px 0 0 20px; display: none; */ }
  header.sticky .slideout_menu_open { /* width: 24px; height: 24px; margin-top: 0; */ }
  header.sticky {
    height: 60px;
  }
  header.sticky .sticky_inner {
    width: 940px;
    height: 60px;
  }
  header nav {
    width: calc(100% - 120px - 20px); /* height: 40px; margin-top: 62px; */
  }
  header nav > ul { /* font-size: 18px; line-height: 20px; display: flex; justify-content: flex-end; */ }
  header.sticky nav > ul { /* font-size: 15px; line-height: 16px; justify-content: center; */ }
  header nav > ul > li {
    margin: 0 8px;
  }
  header nav > ul > li.home { /* display: none; */ }
  header nav > ul > li.demo { /* display: none; */ }
  header nav > ul > li.main { /* display: none; */ }
  header nav > ul > li.highlight { /* height: 40px; margin: 0 0 0 10px; */ }
  header.sticky nav > ul > li.highlight { /* height: auto; margin: 0 10px; */ }
  header nav > ul > li > a { /* padding: 10px 5px; */ }
  header.sticky nav > ul > li > a { /* padding: 12px 5px 12px 5px; */ }
  header nav > ul > li.highlight > a {
    font-size: 16px; /* line-height: 20px; */
    padding: 8px 15px 8px 15px;
  }
  header.sticky nav > ul > li.highlight > a { /* font-size: 16px; line-height: 16px; padding: 12px 5px 12px 5px; */ }
  /* SLIDEOUT MENU */
  #slideout_menu_empty_space { /* display: none; */ }
  #slideout_menu { /* right: -420px; width: 420px; */ }
  #slideout_menu .menu_wrap nav ul li.highlight { /* padding: 20px 50px 0 50px; */ }
  #slideout_menu .menu_wrap nav ul li a { /* font-size: 18px; line-height: 24px; font-weight: 600; padding: 9px 50px 11px 50px; */ }
  #slideout_menu .menu_wrap nav ul li.highlight a { /* font-size: 15px; line-height: 25px; border-radius: 22px; padding: 8px 20px 10px 20px; */ }
  /* BANNER */
  section.layout_banner { /* width: 100%; */
    margin-top: 164px;
  }
  section.layout_banner.height_short { /* height: 400px; */ }
  section.layout_banner.height_tall { /* height: 700px; */ }
  section.layout_banner .text_wrap {
    width: 780px; /* display: flex; align-items: center; justify-content: flex-start; */
  }
  section.layout_banner .text_wrap .text {
    width: 780px;
  }
  section.layout_banner.position_under .text_wrap .text {
    margin-top: 70px;
  }
  section.layout_banner .text_wrap .text h1,
  section.layout_banner .text_wrap .text h2 {
    font-size: 56px;
    line-height: 56px; /* margin: 0 0 0 -2px; */
  }
  section.layout_banner .text_wrap .text p {
    font-size: 24px;
    line-height: 40px; /* margin: 30px 0 0 0; */
  }
  section.layout_banner .text_wrap .btn_wrap { /* margin-top: 50px; */ }
  /* CONTENT LAYOUTS */
  section { /* width: 100%; */
    min-width: 940px;
  }
  section.content_layout.spacing_top_full {
    margin-top: 100px;
  }
  section.content_layout.spacing_top_half {
    margin-top: 70px;
  }
  section.content_layout.spacing_top_none {
    margin-top: 0;
  }
  section.content_layout.spacing_btm_full {
    margin-bottom: 100px;
  }
  section.content_layout.spacing_btm_half {
    margin-bottom: 70px;
  }
  section.content_layout.spacing_btm_none {
    margin-bottom: 0;
  }
  /* CONTENT SECTION - REUSABLES */
  section .content_inner {
    width: 940px;
  }
  section figcaption { /* width: calc(100% - 40px); padding: 0 20px; margin: 30px auto 0 auto; font-size: 14px; line-height: 20px; */ }
  section .enlarge_image { /* display: none; */ }
  section.bg_grey {
    padding: 100px 0;
  }
  /* CONTENT SECTION - BASIC TEXT */
  section.layout_basic_text .text_wrap {
    width: 780px;
  }
  section.layout_basic_text .text_wrap blockquote { /* width: calc(100% - 40px - 40px - 4px); margin: 60px auto; border-left: solid $colour-orange 4px; */ }
  section.layout_basic_text .text_wrap blockquote p { /* padding: 10px 30px; font-size: 14px; line-height: 24px; */ }
  /* CONTENT SECTION - BUTTON */
  section.layout_button .btn_wrap {
    width: 780px;
  }
  /* CONTENT SECTION - SINGLE PHOTO */
  section.layout_single_photo .photo_wrap.width_wide { /* width: 100%; */ }
  section.layout_single_photo .photo_wrap.width_medium {
    width: 940px;
  }
  section.layout_single_photo .photo_wrap.width_narrow {
    width: 620px;
  }
  section.layout_single_photo figcaption.width_wide,
  section.layout_single_photo figcaption.width_medium {
    width: 780px;
    padding: 0;
  }
  section.layout_single_photo figcaption.width_narrow {
    width: calc(620px - 60px);
  }
  /* CONTENT SECTION - SINGLE VIDEO */
  section.layout_single_video .video_wrap.width_wide { /* width: 100%; */ }
  section.layout_single_video .video_wrap.width_medium {
    width: 940px;
  }
  section.layout_single_video .video_wrap.width_narrow {
    width: 620px;
  }
  section.layout_single_video figcaption.width_wide,
  section.layout_single_video figcaption.width_medium {
    width: 780px;
    padding: 0;
  }
  section.layout_single_video figcaption.width_narrow {
    width: calc(620px - 40px);
  }
  /* CONTENT SECTION - TWO COLUMNS */
  section.layout_two_columns .columns_wrap {
    width: 780px; /* display: flex; align-items: flex-start; justify-content: space-between; */
  }
  section.layout_two_columns .columns_wrap .column_single {
    width: calc(50% - 10px);
  }
  section.layout_two_columns .columns_wrap .column_single .text_wrap { /* width: calc(100% - 40px); padding: 0 20px; margin-top: 30px; */ }
  /* CONTENT SECTION - GRID CARDS */
  section.layout_grid .grid_cards_wrap {
    width: 940px;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single {
    margin: 40px 0 0 0; /* display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; */
  }
  section.layout_grid .grid_cards_wrap .grid_card_single_1 {
    margin-top: 0;
  } /* top row */
  section.layout_grid .grid_cards_wrap .grid_card_single .photo_wrap {
    width: 400px;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single:nth-child(even) .photo_wrap { /* order: 2; */ }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap {
    width: 500px; /* padding-top: 10px; */
  }
  section.layout_grid .grid_cards_wrap .grid_card_single:nth-child(even) .text_wrap { /* order: 1; */ }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap h3 { /* font-size: 20px; line-height: 24px; margin: 0 0 15px 0; */ }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap p { /* font-size: 16px; line-height: 24px; */ }
  /* CONTENT SECTION - FAQS */
  section.layout_faqs .title_wrap {
    width: 780px;
    margin: 0 auto 40px auto;
  }
  section.layout_faqs .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_faqs .faqs_wrap {
    width: 780px;
  }
  section.layout_faqs .faqs_wrap .faq_single > a { /* padding: 15px 0; */ }
  section.layout_faqs .faqs_wrap .faq_single > a .question { /* width: calc(100% - 32px - 20px - 10px); margin: 0 0 0 10px; float: left; */ }
  section.layout_faqs .faqs_wrap .faq_single > a .question h3 {
    font: normal 400 20px/32px "basic-sans", sans-serif;
    line-height: 28px;
    font-weight: 600;
  }
  section.layout_faqs .faqs_wrap .faq_single > a .icon { /* width: 32px; height: 32px; float: right; margin: 0 10px 0 0; */ }
  section.layout_faqs .faqs_wrap .faq_single .answer { /* width: calc(100% - 20px); padding: 4px 10px 32px 10px; */ }
  section.layout_faqs .faqs_wrap .faq_single .answer p,
  section.layout_faqs .faqs_wrap .faq_single .answer ul,
  section.layout_faqs .faqs_wrap .faq_single .answer ol { /* font-size: 18px; line-height: 32px; margin-bottom: 16px; */ }
  /* CONTENT SECTION - COMPANIES */
  section.layout_companies .title_wrap {
    width: 780px;
    margin: 0 auto 70px auto;
  }
  section.layout_companies .title_wrap h2 {
    font: normal 600 60px/64px "basic-sans", sans-serif;
  }
  section.layout_companies .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_companies .companies_wrap {
    width: 780px;
  }
  section.layout_companies .companies_wrap .company_single {
    margin: 70px 0 0 0; /* display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; */
  }
  section.layout_companies .companies_wrap .company_single_1 {
    margin-top: 0;
  }
  section.layout_companies .companies_wrap .company_single .text_wrap {
    width: calc(460px + 40px);
  }
  section.layout_companies .companies_wrap .company_single .text_wrap .btn_wrap { /* margin-top: 40px; */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap {
    width: calc(300px - 40px); /* margin-top: -5px; */
  }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image { /* width: calc(80% - 80px); height: 200px; */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_narrow { /* width: calc(60% - 60px); */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_normal { /* width: calc(80% - 60px); */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_wide { /* width: calc(100% - 60px); */ }
  /* CONTENT SECTION - PROJECT SPECS */
  section.layout_project_specs .content_inner {
    width: 940px;
    padding: 70px 0;
  }
  section.layout_project_specs .content_inner.cols_1 {
    width: 620px;
  }
  section.layout_project_specs .title_wrap {
    width: 780px;
    margin: 0 auto 40px auto;
  }
  section.layout_project_specs .cols_1 .title_wrap {
    width: 300px;
  }
  section.layout_project_specs .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_project_specs .columns_wrap {
    width: 380px;
  }
  section.layout_project_specs .cols_2 .columns_wrap {
    width: 780px; /* display: flex; align-items: flex-start; justify-content: space-between; */
  }
  section.layout_project_specs .cols_2 .columns_wrap .column_single {
    width: calc(50% - 10px);
  }
  section.layout_project_specs .columns_wrap .column_single .column_title { /* margin-bottom: 20px; */ }
  section.layout_project_specs .columns_wrap .column_single .column_title h3 { /* font-size: 20px; line-height: 32px; margin: 0 10px !important; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single { /* padding: 10px 0; display: flex; align-items: flex-start; justify-content: space-between; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .label { /* width: auto; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .label h4 {
    font-size: 16px; /* line-height: 24px; padding: 4px 0 6px 0; margin: 0 0 0 10px !important; */
  }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .numbers { /* width: auto; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .numbers p {
    font-size: 16px; /* line-height: 24px; padding: 4px 10px 6px 0; */
  }
  section.layout_project_specs figcaption {
    width: calc(620px - 20px); /* margin: 40px auto 0 auto; padding: 0 10px; */
  }
  section.layout_project_specs .cols_1 figcaption {
    width: calc(380px - 20px); /* margin: 40px auto; */
  }
  /* CONTENT SECTION - FORM */
  section.layout_form .title_wrap {
    width: 780px;
    margin: 0 auto 70px auto;
  }
  section.layout_form .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_form .form_wrap {
    width: 780px;
  }
  section.layout_form .form_wrap .fineprint {
    margin: 40px auto 0 auto;
  }
  section.layout_form .form_wrap .fineprint p { /* width: calc(100% - 40px); padding: 0 20px; font-size: 14px; line-height: 20px; */ }
  /* CONTENT SECTION - HORIZONTAL DIVIDER */
  section.layout_horizontal_divider .content_inner .hr {
    width: 940px;
  }
  section.layout_horizontal_divider .content_inner .hr.width_wide {
    width: 780px;
  }
  section.layout_horizontal_divider .content_inner .hr.width_narrow {
    width: 300px;
  }
  /* CONTENT SECTIONS - GREY BG */
  section.content_layout.bg_grey.spacing_top_full {
    padding-top: 100px;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_top_half {
    padding-top: 70px;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_top_none {
    padding-top: 0;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_btm_full {
    padding-bottom: 100px;
    margin-bottom: 0;
  }
  section.content_layout.bg_grey.spacing_btm_half {
    padding-bottom: 70px;
    margin-bottom: 0;
  }
  section.content_layout.bg_grey.spacing_btm_none {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  /* GRAVITY FORMS */
  .gform_wrapper form { /* font-size: 14px; line-height: 20px; */ }
  .gform_wrapper form * { /* font-size: 14px; line-height: 20px; */ }
  .gform_wrapper .gform_body .gform_fields .gfield { /* margin: 0 0 40px 0; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-full { /* width: 100%; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-eleven-twelfths { /* width: 100%; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-five-sixths { /* width: 100%; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-three-quarter {
    width: calc(calc(25% - 15px) * 3 + 40px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-two-thirds {
    width: calc(calc(33.33% - 13.33px) * 2 + 20px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-seven-twelfths {
    width: calc(50% - 10px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-half {
    width: calc(50% - 10px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-five-twelfths {
    width: calc(50% - 10px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-third {
    width: calc(33.33% - 13.33px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-quarter {
    width: calc(25% - 15px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-one-sixth {
    width: calc(25% - 15px);
  }
  /* FOOTER + SUBMIT */
  .gform_wrapper .gform_footer { /* margin-top: 20px; */ }
  .gform_wrapper input[type=submit] { /* width: 160px; min-width: 160px; height: 48px; border-radius: 24px; padding: 13px 18px 15px 20px; font-size: 16px; line-height: 16px; letter-spacing: 2px; */ }
  .gform_wrapper .gform_ajax_spinner { /* width: 24px; height: 24px; top: 12px; left: calc(50% + 80px + 16px); */ }
  /* FOOTER */
  footer {
    min-width: 940px;
  }
  footer .footer_wrap {
    width: calc(100% - 80px); /* padding: 40px 0 80px 0; display: flex; align-items: flex-start; justify-content: space-between; */
  }
  footer .footer_wrap .fineprint { /* margin-right: 20px; */ }
  footer .footer_wrap .fineprint .copyright { /* font-size: 12px; line-height: 16px; */ }
  footer .footer_wrap .footer_content { /* margin-left: 20px; */ }
  footer .footer_wrap .footer_content nav ul.footer-nav { /* display: flex; font-size: 12px; line-height: 16px; */ }
  footer .footer_wrap .footer_content nav ul.footer-nav li { /* margin: 0 0 0 20px; */ }
  /* POPUP - ENLARGE PHOTO */
  .popup_wrap .popup .close_btn { /* width: 40px; height: 40px; top: 20px; right: 20px; */ }
  .popup_wrap .popup .popup_content { /* width: calc(100% - 160px); height: calc(100% - 40px); margin: 20px 80px; */ }
}
/* ########################################################################## */
/* TABLET PORTRAIT */
@media only screen and (max-width: 1019px) {
  body {
    font: normal 400 18px/32px "basic-sans", sans-serif;
  }
  /* TYPE */
  .content_reg h1 {
    font: normal 600 32px/40px "basic-sans", sans-serif; /* margin: 60px 0 40px -2px; */
  }
  .content_reg .large_headings h1 {
    font: normal 600 48px/54px "basic-sans", sans-serif; /* margin-left: -3px; */
  }
  .content_reg h2 {
    font: normal 600 32px/40px "basic-sans", sans-serif; /* margin: 60px 0 40px -2px; */
  }
  .content_reg .large_headings h2 {
    font: normal 600 48px/54px "basic-sans", sans-serif; /* margin-left: -3px; */
  }
  .content_reg h3 {
    font: normal 600 32px/40px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg h4 {
    font: normal 600 32px/40px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg h5 {
    font: normal 600 24px/28px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg h6 {
    font: normal 600 24px/28px "basic-sans", sans-serif; /* margin: 40px 0 20px -1px; */
  }
  .content_reg p { /* margin: 0 0 32px 0; */ }
  .content_reg ul { /* margin: 0 0 32px 0; */ }
  .content_reg ul li { /* padding: 0 0 0 40px; background-position: 12px 12px; background-size: 8px 8px; */ }
  .content_reg ul li ul { /* margin: 10px 0 32px 0; */ }
  .content_reg ul li ul li { /* padding: 0 0 0 36px; */ }
  .content_reg ol { /* margin: 0 0 32px 30px; */ }
  .content_reg ol li { /* margin: 0 0 0 10px; */ }
  .content_reg ol li::before { /* width: 30px; margin-left: -30px; */ }
  /* BUTTONS */
  .btn_wrap {
    margin: 30px auto 0 auto;
  }
  .btn a { /* min-width: 60px; padding: 16px 29px 18px 30px; border-radius: 24px; font-size: 14px; line-height: 14px; letter-spacing: 0.5px; */ }
  /* HEADER */
  header { /* width: 100%; */
    min-width: 700px;
    height: 143px;
  }
  header .header_wrap { /* width: calc(100% - 80px); height: 100%; overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; */ }
  header .pci_logo {
    width: 90px;
    height: 63px; /* margin-top: 40px; */
  }
  header .slideout_menu_open { /* width: 40px; height: 40px; margin: 52px 0 0 20px; */
    display: block;
  }
  header.sticky .slideout_menu_open { /* width: 24px; height: 24px; margin-top: 0; */ }
  header.sticky {
    height: 60px;
    display: none;
  }
  header.sticky .sticky_inner {
    width: 700px;
    height: 60px;
  }
  header nav {
    width: calc(100% - 120px - 10px); /* height: 40px; */
    margin-top: 51px;
    display: none;
  }
  header nav > ul {
    font-size: 17px; /* line-height: 20px; display: flex; justify-content: flex-end; */
  }
  header.sticky nav > ul { /* font-size: 15px; line-height: 16px; justify-content: center; */ }
  header nav > ul > li {
    margin: 0 8px;
    display: none;
  }
  header nav > ul > li.home { /* display: none; */ }
  header nav > ul > li.demo { /* display: none; */ }
  header nav > ul > li.main {
    display: block;
  }
  header nav > ul > li.highlight { /* height: 40px; margin: 0 0 0 10px; */ }
  header.sticky nav > ul > li.highlight { /* height: auto; margin: 0 10px; */ }
  header nav > ul > li > a { /* padding: 10px 5px; */ }
  header.sticky nav > ul > li > a { /* padding: 12px 5px 12px 5px; */ }
  header nav > ul > li.highlight > a {
    font-size: 15px; /* line-height: 16px; padding: 8px 15px 8px 15px; */
  }
  header.sticky nav > ul > li.highlight > a { /* font-size: 16px; line-height: 16px; padding: 12px 5px 12px 5px; */ }
  /* SLIDEOUT MENU */
  #slideout_menu_empty_space { /* display: none; */ }
  #slideout_menu { /* right: -420px; width: 420px; */ }
  #slideout_menu .menu_wrap nav ul li.highlight { /* padding: 20px 50px 0 50px; */ }
  #slideout_menu .menu_wrap nav ul li a { /* font-size: 18px; line-height: 24px; font-weight: 600; padding: 9px 50px 11px 50px; */ }
  #slideout_menu .menu_wrap nav ul li.highlight a { /* font-size: 15px; line-height: 25px; border-radius: 22px; padding: 8px 20px 10px 20px; */ }
  /* BANNER */
  section.layout_banner { /* width: 100%; */
    margin-top: 143px;
  }
  section.layout_banner.height_short { /* height: 400px; */ }
  section.layout_banner.height_tall { /* height: 700px; */ }
  section.layout_banner .text_wrap {
    width: 700px; /* display: flex; align-items: center; justify-content: flex-start; */
  }
  section.layout_banner .text_wrap .text {
    width: 700px;
  }
  section.layout_banner.position_under .text_wrap .text {
    margin-top: 80px;
  }
  section.layout_banner .text_wrap .text h1,
  section.layout_banner .text_wrap .text h2 { /* font-size: 56px; line-height: 56px; margin: 0 0 0 -2px; */ }
  section.layout_banner .text_wrap .text p { /* font-size: 24px; line-height: 40px; margin: 30px 0 0 0; */ }
  section.layout_banner .text_wrap .btn_wrap { /* margin-top: 50px; */ }
  /* CONTENT LAYOUTS */
  section { /* width: 100%; */
    min-width: 700px;
  }
  section.content_layout.spacing_top_full {
    margin-top: 80px;
  }
  section.content_layout.spacing_top_half {
    margin-top: 50px;
  }
  section.content_layout.spacing_top_none {
    margin-top: 0;
  }
  section.content_layout.spacing_btm_full {
    margin-bottom: 80px;
  }
  section.content_layout.spacing_btm_half {
    margin-bottom: 50px;
  }
  section.content_layout.spacing_btm_none {
    margin-bottom: 0;
  }
  /* CONTENT SECTION - REUSABLES */
  section .content_inner {
    width: 700px;
  }
  section figcaption { /* width: calc(100% - 40px); padding: 0 20px; margin: 30px auto 0 auto; font-size: 14px; line-height: 20px; */ }
  section .enlarge_image { /* display: none; */ }
  section.bg_grey {
    padding: 80px 0;
  }
  /* CONTENT SECTION - BASIC TEXT */
  section.layout_basic_text .text_wrap {
    width: 580px;
  }
  section.layout_basic_text .text_wrap blockquote { /* width: calc(100% - 40px - 40px - 4px); margin: 60px auto; border-left: solid $colour-orange 4px; */ }
  section.layout_basic_text .text_wrap blockquote p { /* padding: 10px 30px; font-size: 14px; line-height: 24px; */ }
  /* CONTENT SECTION - BUTTON */
  section.layout_button .btn_wrap {
    width: 580px;
  }
  /* CONTENT SECTION - SINGLE PHOTO */
  section.layout_single_photo .photo_wrap.width_wide { /* width: 100%; */ }
  section.layout_single_photo .photo_wrap.width_medium {
    width: 700px;
  }
  section.layout_single_photo .photo_wrap.width_narrow {
    width: 460px;
  }
  section.layout_single_photo figcaption.width_wide,
  section.layout_single_photo figcaption.width_medium {
    width: 580px;
    padding: 0;
  }
  section.layout_single_photo figcaption.width_narrow {
    width: calc(460px - 60px);
  }
  /* CONTENT SECTION - SINGLE VIDEO */
  section.layout_single_video .video_wrap.width_wide { /* width: 100%; */ }
  section.layout_single_video .video_wrap.width_medium {
    width: 700px;
  }
  section.layout_single_video .video_wrap.width_narrow {
    width: 460px;
  }
  section.layout_single_video figcaption.width_wide,
  section.layout_single_video figcaption.width_medium {
    width: 580px;
    padding: 0;
  }
  section.layout_single_video figcaption.width_narrow {
    width: calc(460px - 40px);
  }
  /* CONTENT SECTION - TWO COLUMNS */
  section.layout_two_columns .columns_wrap {
    width: 700px; /* display: flex; align-items: flex-start; justify-content: space-between; */
  }
  section.layout_two_columns .columns_wrap .column_single {
    width: calc(50% - 10px);
  }
  section.layout_two_columns .columns_wrap .column_single .text_wrap { /* width: calc(100% - 40px); padding: 0 20px; margin-top: 30px; */ }
  /* CONTENT SECTION - GRID CARDS */
  section.layout_grid .grid_cards_wrap {
    width: 700px;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single {
    margin: 50px 0 0 0;
    display: block;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single_1 {
    margin-top: 0;
  } /* top row */
  section.layout_grid .grid_cards_wrap .grid_card_single .photo_wrap {
    width: 220px;
    margin: 0 auto;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single:nth-child(even) .photo_wrap {
    order: 1;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap {
    width: 100%;
    padding-top: 30px;
    text-align: center;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single:nth-child(even) .text_wrap {
    order: 2;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap h3 { /* font-size: 20px; line-height: 24px; */
    margin: 0 0 10px 0;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap p { /* font-size: 16px; line-height: 24px; */ }
  /* CONTENT SECTION - FAQS */
  section.layout_faqs .title_wrap {
    width: 580px;
    margin: 0 auto 30px auto;
  }
  section.layout_faqs .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_faqs .faqs_wrap {
    width: 580px;
  }
  section.layout_faqs .faqs_wrap .faq_single > a { /* padding: 15px 0; */ }
  section.layout_faqs .faqs_wrap .faq_single > a .question { /* width: calc(100% - 32px - 20px - 10px); margin: 0 0 0 10px; float: left; */ }
  section.layout_faqs .faqs_wrap .faq_single > a .question h3 {
    font: normal 400 18px/32px "basic-sans", sans-serif;
    line-height: 28px;
    font-weight: 600;
  }
  section.layout_faqs .faqs_wrap .faq_single > a .icon { /* width: 32px; height: 32px; float: right; margin: 0 10px 0 0; */ }
  section.layout_faqs .faqs_wrap .faq_single .answer { /* width: calc(100% - 20px); padding: 4px 10px 32px 10px; */ }
  section.layout_faqs .faqs_wrap .faq_single .answer p,
  section.layout_faqs .faqs_wrap .faq_single .answer ul,
  section.layout_faqs .faqs_wrap .faq_single .answer ol { /* font-size: 18px; line-height: 32px; margin-bottom: 16px; */ }
  /* CONTENT SECTION - COMPANIES */
  section.layout_companies .title_wrap {
    width: 580px;
    margin: 0 auto 50px auto;
  }
  section.layout_companies .title_wrap h2 {
    font: normal 600 48px/54px "basic-sans", sans-serif;
  }
  section.layout_companies .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_companies .companies_wrap {
    width: 580px;
  }
  section.layout_companies .companies_wrap .company_single {
    margin: 50px 0 0 0; /* display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; */
  }
  section.layout_companies .companies_wrap .company_single_1 {
    margin-top: 0;
  }
  section.layout_companies .companies_wrap .company_single .text_wrap {
    width: calc(280px + 40px);
  }
  section.layout_companies .companies_wrap .company_single .text_wrap .btn_wrap { /* margin-top: 40px; */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap {
    width: calc(280px - 40px); /* margin-top: -5px; */
  }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image { /* width: calc(80% - 80px); height: 200px; */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_narrow { /* width: calc(60% - 60px); */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_normal { /* width: calc(80% - 60px); */ }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_wide { /* width: calc(100% - 60px); */ }
  /* CONTENT SECTION - PROJECT SPECS */
  section.layout_project_specs .content_inner {
    width: 700px;
    padding: 50px 0;
  }
  section.layout_project_specs .content_inner.cols_1 {
    width: 700px;
  }
  section.layout_project_specs .title_wrap {
    width: 580px;
    margin: 0 auto 30px auto;
  }
  section.layout_project_specs .cols_1 .title_wrap {
    width: 580px;
  }
  section.layout_project_specs .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_project_specs .columns_wrap {
    width: 580px;
  }
  section.layout_project_specs .cols_2 .columns_wrap {
    width: 580px; /* display: flex; align-items: flex-start; justify-content: space-between; */
    flex-wrap: wrap;
  }
  section.layout_project_specs .cols_2 .columns_wrap .column_single {
    width: 100%;
  }
  section.layout_project_specs .cols_2 .columns_wrap .column_single_2 {
    margin-top: 50px;
  }
  section.layout_project_specs .columns_wrap .column_single .column_title { /* margin-bottom: 20px; */ }
  section.layout_project_specs .columns_wrap .column_single .column_title h3 { /* font-size: 20px; line-height: 32px; margin: 0 10px !important; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single { /* padding: 10px 0; display: flex; align-items: flex-start; justify-content: space-between; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .label { /* width: auto; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .label h4 { /* font-size: 16px; line-height: 24px; padding: 4px 0 6px 0; margin: 0 0 0 10px !important; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .numbers { /* width: auto; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .numbers p {
    font-size: 16px; /* line-height: 24px; padding: 4px 10px 6px 0; */
  }
  section.layout_project_specs figcaption {
    width: calc(580px - 20px); /* margin: 40px auto 0 auto; padding: 0 10px; */
  }
  section.layout_project_specs .cols_1 figcaption {
    width: calc(580px - 20px); /* margin: 40px auto; */
  }
  /* CONTENT SECTION - FORM */
  section.layout_form .title_wrap {
    width: 580px;
    margin: 0 auto 50px auto;
  }
  section.layout_form .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_form .form_wrap {
    width: 580px;
  }
  section.layout_form .form_wrap .fineprint {
    margin: 30px auto 0 auto;
  }
  section.layout_form .form_wrap .fineprint p { /* width: calc(100% - 40px); padding: 0 20px; */
    font-size: 12px; /* line-height: 20px; */
  }
  /* CONTENT SECTION - HORIZONTAL DIVIDER */
  section.layout_horizontal_divider .content_inner .hr {
    width: 700px;
  }
  section.layout_horizontal_divider .content_inner .hr.width_wide {
    width: 700px;
  }
  section.layout_horizontal_divider .content_inner .hr.width_narrow {
    width: 340px;
  }
  /* CONTENT SECTIONS - GREY BG */
  section.content_layout.bg_grey.spacing_top_full {
    padding-top: 80px;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_top_half {
    padding-top: 50px;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_top_none {
    padding-top: 0;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_btm_full {
    padding-bottom: 80px;
    margin-bottom: 0;
  }
  section.content_layout.bg_grey.spacing_btm_half {
    padding-bottom: 50px;
    margin-bottom: 0;
  }
  section.content_layout.bg_grey.spacing_btm_none {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  /* GRAVITY FORMS */
  .gform_wrapper form { /* font-size: 14px; line-height: 20px; */ }
  .gform_wrapper form * { /* font-size: 14px; line-height: 20px; */ }
  .gform_wrapper .gform_body .gform_fields .gfield { /* margin: 0 0 40px 0; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-full { /* width: 100%; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-eleven-twelfths { /* width: 100%; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-five-sixths { /* width: 100%; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-three-quarter {
    width: calc(calc(25% - 15px) * 3 + 40px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-two-thirds {
    width: calc(calc(33.33% - 13.33px) * 2 + 20px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-seven-twelfths {
    width: calc(50% - 10px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-half {
    width: calc(50% - 10px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-five-twelfths {
    width: calc(50% - 10px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-third {
    width: calc(33.33% - 13.33px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-quarter {
    width: calc(25% - 15px);
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-one-sixth {
    width: calc(25% - 15px);
  }
  /* FOOTER + SUBMIT */
  .gform_wrapper .gform_footer { /* margin-top: 20px; */ }
  .gform_wrapper input[type=submit] { /* width: 160px; min-width: 160px; height: 48px; border-radius: 24px; padding: 13px 18px 15px 20px; font-size: 16px; line-height: 16px; letter-spacing: 2px; */ }
  .gform_wrapper .gform_ajax_spinner { /* width: 24px; height: 24px; top: 12px; left: calc(50% + 80px + 16px); */ }
  /* FOOTER */
  footer {
    min-width: 700px;
  }
  footer .footer_wrap { /* width: calc(100% - 80px); padding: 40px 0 80px 0; display: flex; align-items: flex-start; justify-content: space-between; */
    flex-wrap: wrap;
  }
  footer .footer_wrap .fineprint {
    width: 100%;
    margin: 0 0 20px 0;
  }
  footer .footer_wrap .fineprint .copyright { /* font-size: 12px; line-height: 16px; */
    text-align: center;
  }
  footer .footer_wrap .footer_content {
    width: 100%;
    margin: 0;
  }
  footer .footer_wrap .footer_content nav ul.footer-nav { /* display: flex; */
    align-items: flex-start;
    justify-content: center; /* font-size: 12px; line-height: 16px; */
  }
  footer .footer_wrap .footer_content nav ul.footer-nav li {
    margin: 0 10px;
  }
  /* POPUP - ENLARGE PHOTO */
  .popup_wrap .popup .close_btn { /* width: 40px; height: 40px; top: 20px; right: 20px; */ }
  .popup_wrap .popup .popup_content {
    width: calc(100% - 40px);
    height: calc(100% - 160px);
    margin: 80px 20px;
  }
}
/* ########################################################################## */
/* PHONE */
@media only screen and (max-width: 759px) {
  body {
    font: normal 400 16px/24px "basic-sans", sans-serif;
  }
  /* TYPE */
  .content_reg h1 {
    font: normal 600 24px/32px "basic-sans", sans-serif;
    margin: 40px 0 24px -1px;
  }
  .content_reg .large_headings h1 {
    font: normal 600 32px/40px "basic-sans", sans-serif;
    margin-left: -2px;
  }
  .content_reg h2 {
    font: normal 600 24px/32px "basic-sans", sans-serif;
    margin: 40px 0 24px -1px;
  }
  .content_reg .large_headings h2 {
    font: normal 600 32px/40px "basic-sans", sans-serif;
    margin-left: -2px;
  }
  .content_reg h3 {
    font: normal 600 24px/32px "basic-sans", sans-serif;
    margin: 30px 0 16px -0.5px;
  }
  .content_reg h4 {
    font: normal 600 24px/32px "basic-sans", sans-serif;
    margin: 30px 0 16px -0.5px;
  }
  .content_reg h5 {
    font: normal 600 20px/24px "basic-sans", sans-serif;
    margin: 30px 0 16px -0.5px;
  }
  .content_reg h6 {
    font: normal 600 20px/24px "basic-sans", sans-serif;
    margin: 30px 0 16px -0.5px;
  }
  .content_reg p {
    margin: 0 0 24px 0;
  }
  .content_reg ul {
    margin: 0 0 24px 0;
  }
  .content_reg ul li {
    padding: 0 0 0 30px;
    background-position: 8px 9px;
    background-size: 6px 6px;
  }
  .content_reg ul li ul {
    margin: 10px 0 24px 0;
  }
  .content_reg ul li ul li { /* padding: 0 0 0 36px; */ }
  .content_reg ol {
    margin: 0 0 24px 25px;
  }
  .content_reg ol li {
    margin: 0 0 0 5px;
  }
  .content_reg ol li::before {
    width: 25px;
    margin-left: -25px;
  }
  /* BUTTONS */
  .btn_wrap {
    margin: 30px auto 0 auto;
  }
  .btn a { /* min-width: 60px; */
    padding: 10px 24px 10px 24px;
    border-radius: 20px;
    font-size: 18px;
    line-height: 20px;
  }
  /* HEADER */
  header { /* width: 100%; */
    min-width: 100%;
    height: 80px;
  }
  header .header_wrap {
    width: calc(100% - 60px); /* height: 100%; overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; */
  }
  header .pci_logo {
    width: 60px;
    height: 42px;
    margin-top: 20px;
  }
  header .slideout_menu_open {
    width: 30px;
    height: 30px;
    margin: 26px -4px 0 0;
  }
  header.sticky .slideout_menu_open { /* width: 24px; height: 24px; margin-top: 0; */ }
  header.sticky {
    height: 60px;
    display: none;
  }
  header.sticky .sticky_inner {
    width: 278px;
    height: 60px;
  }
  header nav { /* width: calc(100% - 120px - 10px); height: 40px; margin-top: 51px; display: none; */ }
  header nav > ul { /* font-size: 16px; line-height: 20px; display: flex; justify-content: flex-end; */ }
  header.sticky nav > ul { /* font-size: 15px; line-height: 16px; justify-content: center; */ }
  header nav > ul > li { /* margin: 0 10px; display: none; */ }
  header nav > ul > li.home { /* display: none; */ }
  header nav > ul > li.demo { /* display: none; */ }
  header nav > ul > li.main { /* display: block; */ }
  header nav > ul > li.highlight { /* height: 40px; margin: 0 0 0 10px; */ }
  header.sticky nav > ul > li.highlight { /* height: auto; margin: 0 10px; */ }
  header nav > ul > li > a { /* padding: 10px 5px; */ }
  header.sticky nav > ul > li > a { /* padding: 10px 5px 12px 5px; */ }
  header nav > ul > li.highlight > a { /* font-size: 15px; line-height: 16px; padding: 9px 20px 11px 20px; */ }
  header.sticky nav > ul > li.highlight > a { /* font-size: 15px; line-height: 16px; padding: 10px 5px 12px 5px; */ }
  /* SLIDEOUT MENU */
  #slideout_menu_empty_space { /* display: none; */ }
  #slideout_menu {
    right: -100%;
    width: 100%;
  }
  #slideout_menu .menu_wrap .head .close {
    width: 30px;
    height: 30px;
    margin: 25px 25px;
  }
  #slideout_menu .menu_wrap nav ul li.highlight { /* padding: 20px 50px 0 50px; */ }
  #slideout_menu .menu_wrap nav ul li a { /* font-size: 20px; line-height: 40px; padding: 10px 50px 10px 50px; */ }
  #slideout_menu .menu_wrap nav ul li.highlight a { /* font-size: 18px; line-height: 24px; border-radius: 22px; padding: 10px 20px 10px 20px; */ }
  /* BANNER */
  section.layout_banner { /* width: 100%; */
    margin-top: 80px;
  }
  section.layout_banner.height_short {
    height: 240px;
  }
  section.layout_banner.height_tall {
    height: 560px;
  }
  section.layout_banner .text_wrap {
    width: calc(100% - 80px); /* display: flex; */
    align-items: flex-end; /* justify-content: flex-start; */
  }
  section.layout_banner .text_wrap .text {
    width: 100%;
    margin-top: 0;
    margin-bottom: 60px;
  }
  section.layout_banner.position_under .text_wrap .text {
    margin-top: 0;
  }
  section.layout_banner .text_wrap .text h1,
  section.layout_banner .text_wrap .text h2 {
    font-size: 32px;
    line-height: 32px;
    margin: 0 0 0 -1px;
  }
  section.layout_banner .text_wrap .text p {
    font-size: 20px;
    line-height: 28px;
    margin: 20px 0 0 0;
  }
  section.layout_banner .text_wrap .btn_wrap {
    margin-top: 30px;
  }
  /* CONTENT LAYOUTS */
  section { /* width: 100%; */
    min-width: 100%;
  }
  section.content_layout.spacing_top_full {
    margin-top: 60px;
  }
  section.content_layout.spacing_top_half {
    margin-top: 40px;
  }
  section.content_layout.spacing_top_none {
    margin-top: 0;
  }
  section.content_layout.spacing_btm_full {
    margin-bottom: 60px;
  }
  section.content_layout.spacing_btm_half {
    margin-bottom: 40px;
  }
  section.content_layout.spacing_btm_none {
    margin-bottom: 0;
  }
  /* CONTENT SECTION - REUSABLES */
  section .content_inner {
    width: auto;
  }
  section figcaption {
    width: calc(100% - 40px);
    padding: 0 20px;
    margin: 20px auto 0 auto;
    font-size: 12px; /* line-height: 20px; */
  }
  section .enlarge_image { /* display: none; */ }
  section.bg_grey {
    padding: 60px 0;
  }
  /* CONTENT SECTION - BASIC TEXT */
  section.layout_basic_text .text_wrap {
    width: calc(100% - 80px);
  }
  section.layout_basic_text .text_wrap blockquote {
    width: calc(100% - 20px - 20px - 2px);
    margin: 40px auto;
    border-left: solid #dd5e27 2px;
  }
  section.layout_basic_text .text_wrap blockquote p {
    padding: 10px 20px;
    font-size: 12px;
    line-height: 20px;
  }
  /* CONTENT SECTION - BUTTON */
  section.layout_button .btn_wrap {
    width: calc(100% - 80px);
  }
  /* CONTENT SECTION - SINGLE PHOTO */
  section.layout_single_photo .photo_wrap.width_wide { /* width: 100%; */ }
  section.layout_single_photo .photo_wrap.width_medium {
    width: calc(100% - 40px);
  }
  section.layout_single_photo .photo_wrap.width_narrow {
    width: calc(100% - 40px);
  }
  section.layout_single_photo figcaption.width_wide,
  section.layout_single_photo figcaption.width_medium {
    width: calc(100% - 80px);
    padding: 0 40px;
  }
  section.layout_single_photo figcaption.width_narrow {
    width: calc(100% - 80px);
    padding: 0 40px;
  }
  /* CONTENT SECTION - SINGLE VIDEO */
  section.layout_single_video .video_wrap.width_wide { /* width: 100%; */ }
  section.layout_single_video .video_wrap.width_medium {
    width: calc(100% - 40px);
  }
  section.layout_single_video .video_wrap.width_narrow {
    width: calc(100% - 40px);
  }
  section.layout_single_video figcaption.width_wide,
  section.layout_single_video figcaption.width_medium {
    width: calc(100% - 80px);
    padding: 0 40px;
  }
  section.layout_single_video figcaption.width_narrow {
    width: calc(100% - 80px);
    padding: 0 40px;
  }
  /* CONTENT SECTION - TWO COLUMNS */
  section.layout_two_columns .columns_wrap {
    width: calc(100% - 40px); /* display: flex; align-items: flex-start; justify-content: space-between; */
    flex-wrap: wrap;
  }
  section.layout_two_columns .columns_wrap .column_single {
    width: 100%;
  }
  section.layout_two_columns .columns_wrap .column_single_2 {
    margin-top: 40px;
  }
  section.layout_two_columns .columns_wrap .column_single .text_wrap {
    width: calc(100% - 40px);
    padding: 0 20px;
    margin-top: 20px;
  }
  /* CONTENT SECTION - GRID CARDS */
  section.layout_grid .grid_cards_wrap {
    width: calc(100% - 40px);
  }
  section.layout_grid .grid_cards_wrap .grid_card_single {
    margin: 40px 0 0 0; /* display: block; */
  }
  section.layout_grid .grid_cards_wrap .grid_card_single_1 {
    margin-top: 0;
  } /* top row */
  section.layout_grid .grid_cards_wrap .grid_card_single .photo_wrap {
    width: 100%; /* margin: 0 auto; */
  }
  section.layout_grid .grid_cards_wrap .grid_card_single:nth-child(even) .photo_wrap {
    order: 1;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap {
    width: 100%;
    padding-top: 30px; /* text-align: center; */
  }
  section.layout_grid .grid_cards_wrap .grid_card_single:nth-child(even) .text_wrap {
    order: 2;
  }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap h3 { /* font-size: 20px; line-height: 24px; margin: 0 0 10px 0; */ }
  section.layout_grid .grid_cards_wrap .grid_card_single .text_wrap p { /* font-size: 16px; line-height: 24px; */ }
  /* CONTENT SECTION - FAQS */
  section.layout_faqs .title_wrap {
    width: calc(100% - 60px);
    margin: 0 auto 30px auto;
  }
  section.layout_faqs .title_wrap p {
    margin: 15px 0 0 0;
  }
  section.layout_faqs .faqs_wrap {
    width: calc(100% - 60px);
  }
  section.layout_faqs .faqs_wrap .faq_single > a {
    padding: 12px 0 12px 0;
  }
  section.layout_faqs .faqs_wrap .faq_single > a .question {
    width: calc(100% - 24px - 20px - 10px); /* margin: 0 0 0 10px; float: left; */
  }
  section.layout_faqs .faqs_wrap .faq_single > a .question h3 {
    font: normal 400 16px/24px "basic-sans", sans-serif;
    line-height: 24px;
    font-weight: 600;
    margin: 0 !important;
  }
  section.layout_faqs .faqs_wrap .faq_single > a .icon {
    width: 24px;
    height: 24px; /* float: right; */
    margin: 0 10px 0 0;
  }
  section.layout_faqs .faqs_wrap .faq_single .answer { /* width: calc(100% - 20px); */
    padding: 4px 10px 24px 10px;
  }
  section.layout_faqs .faqs_wrap .faq_single .answer p,
  section.layout_faqs .faqs_wrap .faq_single .answer ul,
  section.layout_faqs .faqs_wrap .faq_single .answer ol {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  section.layout_faqs .faqs_wrap .faq_single .answer ul li {
    background-position: 8px 9.5px;
  }
  /* CONTENT SECTION - COMPANIES */
  section.layout_companies .title_wrap {
    width: calc(100% - 80px);
    margin: 0 auto 40px auto;
  }
  section.layout_companies .title_wrap h2 {
    font: normal 600 32px/40px "basic-sans", sans-serif;
  }
  section.layout_companies .title_wrap p { /* margin: 20px 0 0 0; */ }
  section.layout_companies .companies_wrap {
    width: calc(100% - 80px);
  }
  section.layout_companies .companies_wrap .company_single {
    margin: 60px 0 0 0; /* display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; */
  }
  section.layout_companies .companies_wrap .company_single_1 {
    margin-top: 0;
  }
  section.layout_companies .companies_wrap .company_single .text_wrap {
    width: 100%;
    order: 2;
    margin-top: 40px;
  }
  section.layout_companies .companies_wrap .company_single .text_wrap .btn_wrap {
    margin-top: 30px;
  }
  section.layout_companies .companies_wrap .company_single .logo_wrap {
    width: 100%;
    margin-top: 0;
    order: 1;
  }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image { /* width: calc(80% - 80px); */
    max-width: 200px;
    height: 100px;
    margin: 0;
    background-position: bottom left;
  }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_narrow {
    width: 100%;
  }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_normal {
    width: 100%;
    height: 80px;
  }
  section.layout_companies .companies_wrap .company_single .logo_wrap .image.width_wide {
    width: 100%;
    height: 60px;
  }
  /* CONTENT SECTION - PROJECT SPECS */
  section.layout_project_specs.bg_grey {
    padding: 0 !important;
  }
  section.layout_project_specs .content_inner {
    width: 100%;
    padding: 40px 0;
  }
  section.layout_project_specs .content_inner.cols_1 {
    width: 100%;
  }
  section.layout_project_specs .title_wrap {
    width: calc(100% - 80px);
    margin: 0 auto 30px auto;
  }
  section.layout_project_specs .cols_1 .title_wrap {
    width: calc(100% - 80px);
  }
  section.layout_project_specs .title_wrap p {
    margin: 15px 0 0 0;
  }
  section.layout_project_specs .columns_wrap {
    width: calc(100% - 60px);
  }
  section.layout_project_specs .cols_2 .columns_wrap {
    width: calc(100% - 60px); /* display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; */
  }
  section.layout_project_specs .cols_2 .columns_wrap .column_single {
    width: 100%;
  }
  section.layout_project_specs .cols_2 .columns_wrap .column_single_2 {
    margin-top: 40px;
  }
  section.layout_project_specs .columns_wrap .column_single .column_title { /* margin-bottom: 20px; */ }
  section.layout_project_specs .columns_wrap .column_single .column_title h3 { /* font-size: 20px; line-height: 32px; margin: 0 10px !important; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single { /* padding: 10px 0; display: flex; align-items: flex-start; justify-content: space-between; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .label { /* width: auto; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .label h4 { /* font-size: 16px; line-height: 24px; padding: 4px 0 6px 0; margin: 0 0 0 10px !important; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .numbers { /* width: auto; */ }
  section.layout_project_specs .columns_wrap .column_single .specs_wrap .spec_single .numbers p {
    font-size: 16px; /* line-height: 24px; padding: 4px 10px 6px 0; */
  }
  section.layout_project_specs figcaption {
    width: calc(100% - 80px);
    margin: 30px auto 0 auto; /* padding: 0 10px; */
  }
  section.layout_project_specs .cols_1 figcaption {
    width: calc(100% - 80px);
    margin: 30px auto 0 auto;
  }
  /* CONTENT SECTION - FORM */
  section.layout_form .title_wrap {
    width: calc(100% - 80px);
    margin: 0 auto 40px auto;
  }
  section.layout_form .title_wrap p {
    margin: 15px 0 0 0;
  }
  section.layout_form .form_wrap {
    width: calc(100% - 80px);
  }
  section.layout_form .form_wrap .fineprint {
    margin: 30px auto 0 auto;
  }
  section.layout_form .form_wrap .fineprint p { /* width: calc(100% - 40px); padding: 0 20px; */
    font-size: 12px; /* line-height: 20px; */
  }
  /* CONTENT SECTION - HORIZONTAL DIVIDER */
  section.layout_horizontal_divider .content_inner .hr {
    width: calc(100% - 40px);
  }
  section.layout_horizontal_divider .content_inner .hr.width_wide {
    width: calc(100% - 40px);
  }
  section.layout_horizontal_divider .content_inner .hr.width_narrow {
    width: calc(100% - 40px);
  }
  /* CONTENT SECTIONS - GREY BG */
  section.content_layout.bg_grey.spacing_top_full {
    padding-top: 60px;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_top_half {
    padding-top: 40px;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_top_none {
    padding-top: 0;
    margin-top: 0;
  }
  section.content_layout.bg_grey.spacing_btm_full {
    padding-bottom: 60px;
    margin-bottom: 0;
  }
  section.content_layout.bg_grey.spacing_btm_half {
    padding-bottom: 40px;
    margin-bottom: 0;
  }
  section.content_layout.bg_grey.spacing_btm_none {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  /* GRAVITY FORMS */
  .gform_wrapper form {
    font-size: 13px; /* line-height: 20px; */
  }
  .gform_wrapper form * {
    font-size: 13px; /* line-height: 20px; */
  }
  .gform_wrapper .gform_body .gform_fields .gfield {
    margin: 0 0 30px 0;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-full { /* width: 100%; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-eleven-twelfths { /* width: 100%; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-five-sixths { /* width: 100%; */ }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-three-quarter {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-two-thirds {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-seven-twelfths {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-half {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-five-twelfths {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-third {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-quarter {
    width: 100%;
  }
  .gform_wrapper .gform_body .gform_fields .gfield.gfield--width-one-sixth {
    width: 100%;
  }
  /* FOOTER + SUBMIT */
  .gform_wrapper .gform_footer { /* margin-top: 20px; */ }
  .gform_wrapper input[type=submit] {
    width: 120px;
    min-width: 120px;
    height: 40px;
    border-radius: 20px;
    padding: 10px 20px 10px 20px;
    font-size: 18px;
    line-height: 18px;
  }
  .gform_wrapper .gform_ajax_spinner { /* width: 24px; height: 24px; */
    top: 10px;
    left: calc(50% + 60px + 16px);
  }
  /* FOOTER */
  footer {
    min-width: 100%;
  }
  footer .footer_wrap { /* width: calc(100% - 80px); */
    padding: 30px 0 60px 0; /* display: flex; align-items: flex-start; justify-content: space-between; */
    flex-wrap: wrap;
  }
  footer .footer_wrap .fineprint {
    width: 100%;
    margin: 0 0 20px 0;
  }
  footer .footer_wrap .fineprint .copyright {
    font-size: 11px; /* line-height: 16px; */
    text-align: center;
  }
  footer .footer_wrap .footer_content {
    width: 100%;
    margin: 0;
  }
  footer .footer_wrap .footer_content nav ul.footer-nav { /* display: flex; */
    align-items: flex-start;
    justify-content: center;
    font-size: 11px; /* line-height: 16px; */
  }
  footer .footer_wrap .footer_content nav ul.footer-nav li {
    margin: 0 5px;
    text-align: center;
  }
  /* POPUP - ENLARGE PHOTO */
  .popup_wrap .popup .close_btn {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
  }
  .popup_wrap .popup .popup_content {
    width: 100%;
    height: calc(100% - 100px);
    margin: 50px 0;
  }
}
/* ########################################################################## */
/* SMALL PHONE */
/* ########################################################################## */