@charset "UTF-8";
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,200;0,400;0,500;0,600;0,700;1,200;1,400;1,500;1,600;1,700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/* VARIABLES */
/* MIX-INS & FUNCTIONS */
/*
EXAMPLE USAGE:
h1 {
	@include fontmath(1em, 36, 42, 4.5);
}

Ensure that the base unit has a 1 in front of it - whether it be 1em or 1rem, it's required to do the math. Do not use units for the other numbers (it assumes those are pixel values and converts them to the proper formats for responsive text).
*/
/*
EXAMPLE USAGE:
section {
	background-image: scrim-linear-gradient(right, black, transparent);
}
*/
/*
EXAMPLE USAGE:
@include has-nth('n + 4', 'li') {
	border: 0;
}
*/
body {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%), url("/wp-content/themes/apiject/images/grid.png");
}

section.wrapper {
  margin: 0 auto;
  padding: 40px 0;
}
@media only screen and (max-width: 700px) {
  section.wrapper {
    padding: 20px 0;
  }
}

.inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
}
.inner.small {
  max-width: 930px;
}
.inner.medium {
  max-width: 1010px;
}
.inner .inner-padding-1-1 {
  padding: 45px;
}
.inner .inner-padding-2-1 {
  padding: 75px 45px;
}
.inner .inner-padding-1-3 {
  padding: 50px 100px;
}
@media only screen and (max-width: 700px) {
  .inner {
    padding: 0 20px;
  }
  .inner .inner-padding-1-1 {
    padding: 20px;
  }
  .inner .inner-padding-2-1 {
    padding: 40px 20px;
  }
  .inner .inner-padding-1-3 {
    padding: 20px;
  }
}

.grid {
  display: grid;
}
.grid.col-1-1 {
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 1000px) {
  .grid.col-1-1 {
    display: flex;
  }
}
@media only screen and (max-width: 700px) {
  .grid.col-1-1 {
    flex-wrap: wrap;
    /*
    			& > div:first-child {
    				order: 2;
    			}
    			& > div:last-child {
    				order: 1;
    			}
    */
  }
}
.grid.col-1-2 {
  grid-template-columns: 1fr 2fr;
}
@media only screen and (max-width: 700px) {
  .grid.col-1-2 {
    grid-template-columns: 1fr;
  }
}
.grid.col-1-1-1 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 1000px) {
  .grid.col-1-1-1 {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 700px) {
  .grid.col-1-1-1 {
    grid-template-columns: 1fr;
  }
}
.grid.col-1-1-1-1 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 1000px) {
  .grid.col-1-1-1-1 {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 700px) {
  .grid.col-1-1-1-1 {
    grid-template-columns: 1fr;
  }
}
.grid.col-1-4 {
  grid-template-columns: 1fr 4fr;
}
@media only screen and (max-width: 1000px) {
  .grid.col-1-4 {
    grid-template-columns: 1fr 3fr;
  }
}
@media only screen and (max-width: 700px) {
  .grid.col-1-4 {
    grid-template-columns: 1fr 2fr;
  }
}
.grid.col-3-1-3 {
  grid-template-columns: 3fr 1fr 3fr;
}
@media only screen and (max-width: 1000px) {
  .grid.col-3-1-3 {
    grid-template-columns: 2fr 1fr 2fr;
  }
}
@media only screen and (max-width: 700px) {
  .grid.col-3-1-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.grid.reverse-col > div:first-child {
  order: 2;
}
.grid.reverse-col > div:last-child {
  order: 1;
}
@media only screen and (max-width: 700px) {
  .grid {
    display: block;
  }
}
.grid.mobile-grid {
  display: grid !important;
}
.grid.gap {
  grid-gap: 33px;
}
.grid.gap-4 {
  grid-gap: 8em;
}

.card-loader .alm-reveal {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 33px;
}
@media only screen and (max-width: 1000px) {
  .card-loader .alm-reveal {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 700px) {
  .card-loader .alm-reveal {
    grid-template-columns: 1fr;
  }
}
.card-loader .alm-reveal img {
  width: 100%;
}

.page-press .card-loader .alm-reveal, .page-insights .card-loader .alm-reveal {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0;
  margin-bottom: 33px;
}
@media only screen and (max-width: 1000px) {
  .page-press .card-loader .alm-reveal, .page-insights .card-loader .alm-reveal {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 700px) {
  .page-press .card-loader .alm-reveal, .page-insights .card-loader .alm-reveal {
    grid-template-columns: 1fr;
  }
}
.page-press .card-loader .alm-reveal img, .page-insights .card-loader .alm-reveal img {
  width: 100%;
}

.justify-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.center-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bkg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.opacity-0 {
  opacity: 0;
}

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

.post-meta-line {
  font-size: 1em;
}
.post-meta-line a:hover {
  opacity: 0.8;
}

.post-date {
  font-weight: 600 !important;
}

.post-name {
  margin-top: 5px;
}

.line {
  position: relative;
}
.line:before {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #E46646;
}
.line:after {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #E46646;
}
.line.top {
  border-top: 1px solid #E46646;
}
.line.top:before {
  left: 0;
  top: -4px;
}
.line.top:after {
  right: 0;
  top: -4px;
}
.line.bottom {
  border-bottom: 1px solid #E46646;
}
.line.bottom:before {
  left: 0;
  bottom: -4px;
}
.line.bottom:after {
  right: 0;
  bottom: -4px;
}
.line.right {
  border-right: 1px solid #E46646;
}
.line.right:before {
  right: -4px;
  top: -4px;
}
.line.right:after {
  right: -4px;
  bottom: -4px;
}
.line.left {
  border-left: 1px solid #E46646;
}
.line.left:before {
  left: -4px;
  top: -4px;
}
.line.left:after {
  left: -4px;
  bottom: -4px;
}

p + .line.top {
  margin-top: 30px;
}

.box-shadow {
  box-shadow: 1px 4px 10px rgba(167, 188, 198, 0.49);
}

.tag {
  display: inline-block;
  background-color: #EEEEEE;
  position: absolute;
  top: 0;
  padding: 15px 15px 5px 15px;
}
.tag p {
  color: #838383;
  text-transform: uppercase;
  font-weight: 600 !important;
  font-size: 15px;
}

.tag + h2, .tag + h3 {
  margin-top: 40px;
}

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

.disclaimer {
  margin: 60px auto 20px;
  padding: 0 40px;
  text-align: center;
}

.multi-content--module .disclaimer {
  margin: 0 auto;
}

.width--5 {
  width: 5%;
}

.height--5 {
  height: 5%;
}

.width--10 {
  width: 10%;
}

.height--10 {
  height: 10%;
}

.width--15 {
  width: 15%;
}

.height--15 {
  height: 15%;
}

.width--20 {
  width: 20%;
}

.height--20 {
  height: 20%;
}

.width--25 {
  width: 25%;
}

.height--25 {
  height: 25%;
}

.width--30 {
  width: 30%;
}

.height--30 {
  height: 30%;
}

.width--35 {
  width: 35%;
}

.height--35 {
  height: 35%;
}

.width--40 {
  width: 40%;
}

.height--40 {
  height: 40%;
}

.width--45 {
  width: 45%;
}

.height--45 {
  height: 45%;
}

.width--50 {
  width: 50%;
}

.height--50 {
  height: 50%;
}

.width--55 {
  width: 55%;
}

.height--55 {
  height: 55%;
}

.width--60 {
  width: 60%;
}

.height--60 {
  height: 60%;
}

.width--65 {
  width: 65%;
}

.height--65 {
  height: 65%;
}

.width--70 {
  width: 70%;
}

.height--70 {
  height: 70%;
}

.width--75 {
  width: 75%;
}

.height--75 {
  height: 75%;
}

.width--80 {
  width: 80%;
}

.height--80 {
  height: 80%;
}

.width--85 {
  width: 85%;
}

.height--85 {
  height: 85%;
}

.width--90 {
  width: 90%;
}

.height--90 {
  height: 90%;
}

.width--95 {
  width: 95%;
}

.height--95 {
  height: 95%;
}

.width--100 {
  width: 100%;
}

.height--100 {
  height: 100%;
}

@media only screen and (max-width: 1000px) {
  .portrait-width--5 {
    width: 5%;
  }

  .portrait-height--5 {
    height: 5%;
  }

  .portrait-width--10 {
    width: 10%;
  }

  .portrait-height--10 {
    height: 10%;
  }

  .portrait-width--15 {
    width: 15%;
  }

  .portrait-height--15 {
    height: 15%;
  }

  .portrait-width--20 {
    width: 20%;
  }

  .portrait-height--20 {
    height: 20%;
  }

  .portrait-width--25 {
    width: 25%;
  }

  .portrait-height--25 {
    height: 25%;
  }

  .portrait-width--30 {
    width: 30%;
  }

  .portrait-height--30 {
    height: 30%;
  }

  .portrait-width--35 {
    width: 35%;
  }

  .portrait-height--35 {
    height: 35%;
  }

  .portrait-width--40 {
    width: 40%;
  }

  .portrait-height--40 {
    height: 40%;
  }

  .portrait-width--45 {
    width: 45%;
  }

  .portrait-height--45 {
    height: 45%;
  }

  .portrait-width--50 {
    width: 50%;
  }

  .portrait-height--50 {
    height: 50%;
  }

  .portrait-width--55 {
    width: 55%;
  }

  .portrait-height--55 {
    height: 55%;
  }

  .portrait-width--60 {
    width: 60%;
  }

  .portrait-height--60 {
    height: 60%;
  }

  .portrait-width--65 {
    width: 65%;
  }

  .portrait-height--65 {
    height: 65%;
  }

  .portrait-width--70 {
    width: 70%;
  }

  .portrait-height--70 {
    height: 70%;
  }

  .portrait-width--75 {
    width: 75%;
  }

  .portrait-height--75 {
    height: 75%;
  }

  .portrait-width--80 {
    width: 80%;
  }

  .portrait-height--80 {
    height: 80%;
  }

  .portrait-width--85 {
    width: 85%;
  }

  .portrait-height--85 {
    height: 85%;
  }

  .portrait-width--90 {
    width: 90%;
  }

  .portrait-height--90 {
    height: 90%;
  }

  .portrait-width--95 {
    width: 95%;
  }

  .portrait-height--95 {
    height: 95%;
  }

  .portrait-width--100 {
    width: 100%;
  }

  .portrait-height--100 {
    height: 100%;
  }
}
@media only screen and (max-width: 700px) {
  .mobile-width--5 {
    width: 5%;
  }

  .mobile-height--5 {
    height: 5%;
  }

  .mobile-width--10 {
    width: 10%;
  }

  .mobile-height--10 {
    height: 10%;
  }

  .mobile-width--15 {
    width: 15%;
  }

  .mobile-height--15 {
    height: 15%;
  }

  .mobile-width--20 {
    width: 20%;
  }

  .mobile-height--20 {
    height: 20%;
  }

  .mobile-width--25 {
    width: 25%;
  }

  .mobile-height--25 {
    height: 25%;
  }

  .mobile-width--30 {
    width: 30%;
  }

  .mobile-height--30 {
    height: 30%;
  }

  .mobile-width--35 {
    width: 35%;
  }

  .mobile-height--35 {
    height: 35%;
  }

  .mobile-width--40 {
    width: 40%;
  }

  .mobile-height--40 {
    height: 40%;
  }

  .mobile-width--45 {
    width: 45%;
  }

  .mobile-height--45 {
    height: 45%;
  }

  .mobile-width--50 {
    width: 50%;
  }

  .mobile-height--50 {
    height: 50%;
  }

  .mobile-width--55 {
    width: 55%;
  }

  .mobile-height--55 {
    height: 55%;
  }

  .mobile-width--60 {
    width: 60%;
  }

  .mobile-height--60 {
    height: 60%;
  }

  .mobile-width--65 {
    width: 65%;
  }

  .mobile-height--65 {
    height: 65%;
  }

  .mobile-width--70 {
    width: 70%;
  }

  .mobile-height--70 {
    height: 70%;
  }

  .mobile-width--75 {
    width: 75%;
  }

  .mobile-height--75 {
    height: 75%;
  }

  .mobile-width--80 {
    width: 80%;
  }

  .mobile-height--80 {
    height: 80%;
  }

  .mobile-width--85 {
    width: 85%;
  }

  .mobile-height--85 {
    height: 85%;
  }

  .mobile-width--90 {
    width: 90%;
  }

  .mobile-height--90 {
    height: 90%;
  }

  .mobile-width--95 {
    width: 95%;
  }

  .mobile-height--95 {
    height: 95%;
  }

  .mobile-width--100 {
    width: 100%;
  }

  .mobile-height--100 {
    height: 100%;
  }
}
.flex--row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.flex--column {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

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

.flex--center {
  justify-content: center;
}

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

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

.flex--align-start {
  align-items: flex-start;
}

.flex--align-center {
  align-items: center;
}

.flex--align-stretch {
  align-items: stretch;
}

.flex--align-end {
  align-items: flex-end;
}

.flex--self-left {
  align-self: flex-start;
}

.flex--self-right {
  align-self: flex-end;
}

.flex--flex {
  flex: 1 1 0;
}

.flex--equal {
  flex-basis: 0;
}

.flex--grow {
  flex-grow: 1;
}

.flex--wrap {
  flex-wrap: wrap;
}

.flex--shrink {
  flex-shrink: 1;
}

.flex--shrink--0 {
  flex-shrink: 0;
}

.flex--basis--1 {
  flex-basis: calc( ( 100% / 1 ) - 1px );
  flex-shrink: 0;
}

.order--1 {
  order: 1;
}

.flex--basis--2 {
  flex-basis: calc( ( 100% / 2 ) - 1px );
  flex-shrink: 0;
}

.order--2 {
  order: 2;
}

.flex--basis--3 {
  flex-basis: calc( ( 100% / 3 ) - 1px );
  flex-shrink: 0;
}

.order--3 {
  order: 3;
}

.flex--basis--4 {
  flex-basis: calc( ( 100% / 4 ) - 1px );
  flex-shrink: 0;
}

.order--4 {
  order: 4;
}

.flex--basis--5 {
  flex-basis: calc( ( 100% / 5 ) - 1px );
  flex-shrink: 0;
}

.order--5 {
  order: 5;
}

.flex--basis--6 {
  flex-basis: calc( ( 100% / 6 ) - 1px );
  flex-shrink: 0;
}

.order--6 {
  order: 6;
}

.flex--basis--7 {
  flex-basis: calc( ( 100% / 7 ) - 1px );
  flex-shrink: 0;
}

.order--7 {
  order: 7;
}

.flex--basis--8 {
  flex-basis: calc( ( 100% / 8 ) - 1px );
  flex-shrink: 0;
}

.order--8 {
  order: 8;
}

.flex--basis--9 {
  flex-basis: calc( ( 100% / 9 ) - 1px );
  flex-shrink: 0;
}

.order--9 {
  order: 9;
}

.flex--basis--10 {
  flex-basis: calc( ( 100% / 10 ) - 1px );
  flex-shrink: 0;
}

.order--10 {
  order: 10;
}

@media only screen and (max-width: 1000px) {
  .portrait-flex--row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .portrait-flex--column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .portrait-flex--wrap {
    flex-wrap: wrap;
  }

  .portrait-flex--grow {
    flex-grow: 1;
  }

  .portrait-flex--start {
    justify-content: flex-start;
  }

  .portrait-flex--center {
    justify-content: center;
  }

  .portrait-flex--between {
    justify-content: space-between;
  }

  .portrait-flex--end {
    justify-content: flex-end;
  }

  .portrait-flex--align-start {
    align-items: flex-start;
  }

  .portrait-flex--align-stretch {
    align-items: stretch;
  }

  .portrait-flex--align-center {
    align-items: center;
  }

  .portrait-flex--align-end {
    align-items: flex-end;
  }

  .portrait-flex--equal--auto {
    flex-basis: auto;
  }

  .portrait-flex--basis--1 {
    flex-basis: calc( ( 100% / 1 ) - 1px );
  }

  .portrait-order--1 {
    order: 1;
  }

  .portrait-flex--basis--2 {
    flex-basis: calc( ( 100% / 2 ) - 1px );
  }

  .portrait-order--2 {
    order: 2;
  }

  .portrait-flex--basis--3 {
    flex-basis: calc( ( 100% / 3 ) - 1px );
  }

  .portrait-order--3 {
    order: 3;
  }

  .portrait-flex--basis--4 {
    flex-basis: calc( ( 100% / 4 ) - 1px );
  }

  .portrait-order--4 {
    order: 4;
  }

  .portrait-flex--basis--5 {
    flex-basis: calc( ( 100% / 5 ) - 1px );
  }

  .portrait-order--5 {
    order: 5;
  }

  .portrait-flex--basis--6 {
    flex-basis: calc( ( 100% / 6 ) - 1px );
  }

  .portrait-order--6 {
    order: 6;
  }

  .portrait-flex--basis--7 {
    flex-basis: calc( ( 100% / 7 ) - 1px );
  }

  .portrait-order--7 {
    order: 7;
  }

  .portrait-flex--basis--8 {
    flex-basis: calc( ( 100% / 8 ) - 1px );
  }

  .portrait-order--8 {
    order: 8;
  }

  .portrait-flex--basis--9 {
    flex-basis: calc( ( 100% / 9 ) - 1px );
  }

  .portrait-order--9 {
    order: 9;
  }

  .portrait-flex--basis--10 {
    flex-basis: calc( ( 100% / 10 ) - 1px );
  }

  .portrait-order--10 {
    order: 10;
  }
}
@media only screen and (max-width: 700px) {
  .mobile-flex--row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .mobile-flex--column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .mobile-flex--wrap {
    flex-wrap: wrap;
  }

  .mobile-flex--grow {
    flex-grow: 1;
  }

  .mobile-flex--start {
    justify-content: flex-start;
  }

  .mobile-flex--center {
    justify-content: center;
  }

  .mobile-flex--between {
    justify-content: space-between;
  }

  .mobile-flex--end {
    justify-content: flex-end;
  }

  .mobile-flex--align-start {
    align-items: flex-start;
  }

  .mobile-flex--align-stretch {
    align-items: stretch;
  }

  .mobile-flex--align-center {
    align-items: center;
  }

  .mobile-flex--align-end {
    align-items: flex-end;
  }

  .mobile-flex--equal--auto {
    flex-basis: auto;
  }

  .mobile-flex--basis--1 {
    flex-basis: calc( ( 100% / 1 ) - 1px );
  }

  .mobile-order--1 {
    order: 1;
  }

  .mobile-flex--basis--2 {
    flex-basis: calc( ( 100% / 2 ) - 1px );
  }

  .mobile-order--2 {
    order: 2;
  }

  .mobile-flex--basis--3 {
    flex-basis: calc( ( 100% / 3 ) - 1px );
  }

  .mobile-order--3 {
    order: 3;
  }

  .mobile-flex--basis--4 {
    flex-basis: calc( ( 100% / 4 ) - 1px );
  }

  .mobile-order--4 {
    order: 4;
  }

  .mobile-flex--basis--5 {
    flex-basis: calc( ( 100% / 5 ) - 1px );
  }

  .mobile-order--5 {
    order: 5;
  }

  .mobile-flex--basis--6 {
    flex-basis: calc( ( 100% / 6 ) - 1px );
  }

  .mobile-order--6 {
    order: 6;
  }

  .mobile-flex--basis--7 {
    flex-basis: calc( ( 100% / 7 ) - 1px );
  }

  .mobile-order--7 {
    order: 7;
  }

  .mobile-flex--basis--8 {
    flex-basis: calc( ( 100% / 8 ) - 1px );
  }

  .mobile-order--8 {
    order: 8;
  }

  .mobile-flex--basis--9 {
    flex-basis: calc( ( 100% / 9 ) - 1px );
  }

  .mobile-order--9 {
    order: 9;
  }

  .mobile-flex--basis--10 {
    flex-basis: calc( ( 100% / 10 ) - 1px );
  }

  .mobile-order--10 {
    order: 10;
  }
}
.margin--25 {
  margin: calc( 5.5em * 0.25 );
  margin: calc( var(--padding) * 0.25 );
}

.margin--top--25 {
  margin-top: calc( 5.5em * 0.25 );
  margin-top: calc( var(--padding) * 0.25 );
}

.margin--bottom--25 {
  margin-bottom: calc( 5.5em * 0.25 );
  margin-bottom: calc( var(--padding) * 0.25 );
}

.margin--left--25 {
  margin-left: calc( 5.5em * 0.25 );
  margin-left: calc( var(--padding) * 0.25 );
}

.margin--right--25 {
  margin-right: calc( 5.5em * 0.25 );
  margin-right: calc( var(--padding) * 0.25 );
}

.margin--50 {
  margin: calc( 5.5em * 0.5 );
  margin: calc( var(--padding) * 0.5 );
}

.margin--top--50 {
  margin-top: calc( 5.5em * 0.5 );
  margin-top: calc( var(--padding) * 0.5 );
}

.margin--bottom--50 {
  margin-bottom: calc( 5.5em * 0.5 );
  margin-bottom: calc( var(--padding) * 0.5 );
}

.margin--left--50 {
  margin-left: calc( 5.5em * 0.5 );
  margin-left: calc( var(--padding) * 0.5 );
}

.margin--right--50 {
  margin-right: calc( 5.5em * 0.5 );
  margin-right: calc( var(--padding) * 0.5 );
}

.margin--75 {
  margin: calc( 5.5em * 0.75 );
  margin: calc( var(--padding) * 0.75 );
}

.margin--top--75 {
  margin-top: calc( 5.5em * 0.75 );
  margin-top: calc( var(--padding) * 0.75 );
}

.margin--bottom--75 {
  margin-bottom: calc( 5.5em * 0.75 );
  margin-bottom: calc( var(--padding) * 0.75 );
}

.margin--left--75 {
  margin-left: calc( 5.5em * 0.75 );
  margin-left: calc( var(--padding) * 0.75 );
}

.margin--right--75 {
  margin-right: calc( 5.5em * 0.75 );
  margin-right: calc( var(--padding) * 0.75 );
}

.margin--100 {
  margin: calc( 5.5em * 1 );
  margin: calc( var(--padding) * 1 );
}

.margin--top--100 {
  margin-top: calc( 5.5em * 1 );
  margin-top: calc( var(--padding) * 1 );
}

.margin--bottom--100 {
  margin-bottom: calc( 5.5em * 1 );
  margin-bottom: calc( var(--padding) * 1 );
}

.margin--left--100 {
  margin-left: calc( 5.5em * 1 );
  margin-left: calc( var(--padding) * 1 );
}

.margin--right--100 {
  margin-right: calc( 5.5em * 1 );
  margin-right: calc( var(--padding) * 1 );
}

.margin--top--0 {
  margin-top: 0px;
}

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

.margin--left--0 {
  margin-left: 0px;
}

.margin--right--0 {
  margin-right: 0px;
}

.margin--top--5 {
  margin-top: 5px;
}

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

.margin--left--5 {
  margin-left: 5px;
}

.margin--right--5 {
  margin-right: 5px;
}

.margin--top--10 {
  margin-top: 10px;
}

.margin--bottom--10 {
  margin-bottom: 10px;
}

.margin--left--10 {
  margin-left: 10px;
}

.margin--right--10 {
  margin-right: 10px;
}

@media only screen and (max-width: 1150px) {
  .landscape-margin--25 {
    margin: calc( 5.5em * 0.25 );
    margin: calc( var(--padding) * 0.25 );
  }

  .landscape-margin--top--25 {
    margin-top: calc( 5.5em * 0.25 );
    margin-top: calc( var(--padding) * 0.25 );
  }

  .landscape-margin--bottom--25 {
    margin-bottom: calc( 5.5em * 0.25 );
    margin-bottom: calc( var(--padding) * 0.25 );
  }

  .landscape-margin--left--25 {
    margin-left: calc( 5.5em * 0.25 );
    margin-left: calc( var(--padding) * 0.25 );
  }

  .landscape-margin--right--25 {
    margin-right: calc( 5.5em * 0.25 );
    margin-right: calc( var(--padding) * 0.25 );
  }

  .landscape-margin--50 {
    margin: calc( 5.5em * 0.5 );
    margin: calc( var(--padding) * 0.5 );
  }

  .landscape-margin--top--50 {
    margin-top: calc( 5.5em * 0.5 );
    margin-top: calc( var(--padding) * 0.5 );
  }

  .landscape-margin--bottom--50 {
    margin-bottom: calc( 5.5em * 0.5 );
    margin-bottom: calc( var(--padding) * 0.5 );
  }

  .landscape-margin--left--50 {
    margin-left: calc( 5.5em * 0.5 );
    margin-left: calc( var(--padding) * 0.5 );
  }

  .landscape-margin--right--50 {
    margin-right: calc( 5.5em * 0.5 );
    margin-right: calc( var(--padding) * 0.5 );
  }

  .landscape-margin--75 {
    margin: calc( 5.5em * 0.75 );
    margin: calc( var(--padding) * 0.75 );
  }

  .landscape-margin--top--75 {
    margin-top: calc( 5.5em * 0.75 );
    margin-top: calc( var(--padding) * 0.75 );
  }

  .landscape-margin--bottom--75 {
    margin-bottom: calc( 5.5em * 0.75 );
    margin-bottom: calc( var(--padding) * 0.75 );
  }

  .landscape-margin--left--75 {
    margin-left: calc( 5.5em * 0.75 );
    margin-left: calc( var(--padding) * 0.75 );
  }

  .landscape-margin--right--75 {
    margin-right: calc( 5.5em * 0.75 );
    margin-right: calc( var(--padding) * 0.75 );
  }

  .landscape-margin--100 {
    margin: calc( 5.5em * 1 );
    margin: calc( var(--padding) * 1 );
  }

  .landscape-margin--top--100 {
    margin-top: calc( 5.5em * 1 );
    margin-top: calc( var(--padding) * 1 );
  }

  .landscape-margin--bottom--100 {
    margin-bottom: calc( 5.5em * 1 );
    margin-bottom: calc( var(--padding) * 1 );
  }

  .landscape-margin--left--100 {
    margin-left: calc( 5.5em * 1 );
    margin-left: calc( var(--padding) * 1 );
  }

  .landscape-margin--right--100 {
    margin-right: calc( 5.5em * 1 );
    margin-right: calc( var(--padding) * 1 );
  }

  .landscape-margin--top--0 {
    margin-top: 0px;
  }

  .landscape-margin--bottom--0 {
    margin-bottom: 0px;
  }

  .landscape-margin--left--0 {
    margin-left: 0px;
  }

  .landscape-margin--right--0 {
    margin-right: 0px;
  }

  .landscape-margin--top--5 {
    margin-top: 5px;
  }

  .landscape-margin--bottom--5 {
    margin-bottom: 5px;
  }

  .landscape-margin--left--5 {
    margin-left: 5px;
  }

  .landscape-margin--right--5 {
    margin-right: 5px;
  }

  .landscape-margin--top--10 {
    margin-top: 10px;
  }

  .landscape-margin--bottom--10 {
    margin-bottom: 10px;
  }

  .landscape-margin--left--10 {
    margin-left: 10px;
  }

  .landscape-margin--right--10 {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 1000px) {
  .portrait-margin--25 {
    margin: calc( 5.5em * 0.25 );
    margin: calc( var(--padding) * 0.25 );
  }

  .portrait-margin--top--25 {
    margin-top: calc( 5.5em * 0.25 );
    margin-top: calc( var(--padding) * 0.25 );
  }

  .portrait-margin--bottom--25 {
    margin-bottom: calc( 5.5em * 0.25 );
    margin-bottom: calc( var(--padding) * 0.25 );
  }

  .portrait-margin--left--25 {
    margin-left: calc( 5.5em * 0.25 );
    margin-left: calc( var(--padding) * 0.25 );
  }

  .portrait-margin--right--25 {
    margin-right: calc( 5.5em * 0.25 );
    margin-right: calc( var(--padding) * 0.25 );
  }

  .portrait-margin--50 {
    margin: calc( 5.5em * 0.5 );
    margin: calc( var(--padding) * 0.5 );
  }

  .portrait-margin--top--50 {
    margin-top: calc( 5.5em * 0.5 );
    margin-top: calc( var(--padding) * 0.5 );
  }

  .portrait-margin--bottom--50 {
    margin-bottom: calc( 5.5em * 0.5 );
    margin-bottom: calc( var(--padding) * 0.5 );
  }

  .portrait-margin--left--50 {
    margin-left: calc( 5.5em * 0.5 );
    margin-left: calc( var(--padding) * 0.5 );
  }

  .portrait-margin--right--50 {
    margin-right: calc( 5.5em * 0.5 );
    margin-right: calc( var(--padding) * 0.5 );
  }

  .portrait-margin--75 {
    margin: calc( 5.5em * 0.75 );
    margin: calc( var(--padding) * 0.75 );
  }

  .portrait-margin--top--75 {
    margin-top: calc( 5.5em * 0.75 );
    margin-top: calc( var(--padding) * 0.75 );
  }

  .portrait-margin--bottom--75 {
    margin-bottom: calc( 5.5em * 0.75 );
    margin-bottom: calc( var(--padding) * 0.75 );
  }

  .portrait-margin--left--75 {
    margin-left: calc( 5.5em * 0.75 );
    margin-left: calc( var(--padding) * 0.75 );
  }

  .portrait-margin--right--75 {
    margin-right: calc( 5.5em * 0.75 );
    margin-right: calc( var(--padding) * 0.75 );
  }

  .portrait-margin--100 {
    margin: calc( 5.5em * 1 );
    margin: calc( var(--padding) * 1 );
  }

  .portrait-margin--top--100 {
    margin-top: calc( 5.5em * 1 );
    margin-top: calc( var(--padding) * 1 );
  }

  .portrait-margin--bottom--100 {
    margin-bottom: calc( 5.5em * 1 );
    margin-bottom: calc( var(--padding) * 1 );
  }

  .portrait-margin--left--100 {
    margin-left: calc( 5.5em * 1 );
    margin-left: calc( var(--padding) * 1 );
  }

  .portrait-margin--right--100 {
    margin-right: calc( 5.5em * 1 );
    margin-right: calc( var(--padding) * 1 );
  }

  .portrait-margin--top--0 {
    margin-top: 0px;
  }

  .portrait-margin--bottom--0 {
    margin-bottom: 0px;
  }

  .portrait-margin--left--0 {
    margin-left: 0px;
  }

  .portrait-margin--right--0 {
    margin-right: 0px;
  }

  .portrait-margin--top--5 {
    margin-top: 5px;
  }

  .portrait-margin--bottom--5 {
    margin-bottom: 5px;
  }

  .portrait-margin--left--5 {
    margin-left: 5px;
  }

  .portrait-margin--right--5 {
    margin-right: 5px;
  }

  .portrait-margin--top--10 {
    margin-top: 10px;
  }

  .portrait-margin--bottom--10 {
    margin-bottom: 10px;
  }

  .portrait-margin--left--10 {
    margin-left: 10px;
  }

  .portrait-margin--right--10 {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 700px) {
  .mobile-margin--25 {
    margin: calc( 5.5em * 0.25 );
    margin: calc( var(--padding) * 0.25 );
  }

  .mobile-margin--top--25 {
    margin-top: calc( 5.5em * 0.25 );
    margin-top: calc( var(--padding) * 0.25 );
  }

  .mobile-margin--bottom--25 {
    margin-bottom: calc( 5.5em * 0.25 );
    margin-bottom: calc( var(--padding) * 0.25 );
  }

  .mobile-margin--left--25 {
    margin-left: calc( 5.5em * 0.25 );
    margin-left: calc( var(--padding) * 0.25 );
  }

  .mobile-margin--right--25 {
    margin-right: calc( 5.5em * 0.25 );
    margin-right: calc( var(--padding) * 0.25 );
  }

  .mobile-margin--50 {
    margin: calc( 5.5em * 0.5 );
    margin: calc( var(--padding) * 0.5 );
  }

  .mobile-margin--top--50 {
    margin-top: calc( 5.5em * 0.5 );
    margin-top: calc( var(--padding) * 0.5 );
  }

  .mobile-margin--bottom--50 {
    margin-bottom: calc( 5.5em * 0.5 );
    margin-bottom: calc( var(--padding) * 0.5 );
  }

  .mobile-margin--left--50 {
    margin-left: calc( 5.5em * 0.5 );
    margin-left: calc( var(--padding) * 0.5 );
  }

  .mobile-margin--right--50 {
    margin-right: calc( 5.5em * 0.5 );
    margin-right: calc( var(--padding) * 0.5 );
  }

  .mobile-margin--75 {
    margin: calc( 5.5em * 0.75 );
    margin: calc( var(--padding) * 0.75 );
  }

  .mobile-margin--top--75 {
    margin-top: calc( 5.5em * 0.75 );
    margin-top: calc( var(--padding) * 0.75 );
  }

  .mobile-margin--bottom--75 {
    margin-bottom: calc( 5.5em * 0.75 );
    margin-bottom: calc( var(--padding) * 0.75 );
  }

  .mobile-margin--left--75 {
    margin-left: calc( 5.5em * 0.75 );
    margin-left: calc( var(--padding) * 0.75 );
  }

  .mobile-margin--right--75 {
    margin-right: calc( 5.5em * 0.75 );
    margin-right: calc( var(--padding) * 0.75 );
  }

  .mobile-margin--100 {
    margin: calc( 5.5em * 1 );
    margin: calc( var(--padding) * 1 );
  }

  .mobile-margin--top--100 {
    margin-top: calc( 5.5em * 1 );
    margin-top: calc( var(--padding) * 1 );
  }

  .mobile-margin--bottom--100 {
    margin-bottom: calc( 5.5em * 1 );
    margin-bottom: calc( var(--padding) * 1 );
  }

  .mobile-margin--left--100 {
    margin-left: calc( 5.5em * 1 );
    margin-left: calc( var(--padding) * 1 );
  }

  .mobile-margin--right--100 {
    margin-right: calc( 5.5em * 1 );
    margin-right: calc( var(--padding) * 1 );
  }

  .mobile-margin--top--0 {
    margin-top: 0px;
  }

  .mobile-margin--bottom--0 {
    margin-bottom: 0px;
  }

  .mobile-margin--left--0 {
    margin-left: 0px;
  }

  .mobile-margin--right--0 {
    margin-right: 0px;
  }

  .mobile-margin--top--5 {
    margin-top: 5px;
  }

  .mobile-margin--bottom--5 {
    margin-bottom: 5px;
  }

  .mobile-margin--left--5 {
    margin-left: 5px;
  }

  .mobile-margin--right--5 {
    margin-right: 5px;
  }

  .mobile-margin--top--10 {
    margin-top: 10px;
  }

  .mobile-margin--bottom--10 {
    margin-bottom: 10px;
  }

  .mobile-margin--left--10 {
    margin-left: 10px;
  }

  .mobile-margin--right--10 {
    margin-right: 10px;
  }
}
.padding--0 {
  padding: 0;
}

.padding--0 {
  padding: calc( 5.5em * 0 );
  padding: calc( var(--padding) * 0 );
}

.padding--vertical--0 {
  padding-top: calc( 5.5em * 0 );
  padding-bottom: calc( 5.5em * 0 );
  padding-top: calc( var(--padding) * 0 );
  padding-bottom: calc( var(--padding) * 0 );
}

.padding--horizontal--0 {
  padding-left: calc( 5.5em * 0 );
  padding-right: calc( 5.5em * 0 );
  padding-left: calc( var(--padding) * 0 );
  padding-right: calc( var(--padding) * 0 );
}

.padding--bottom--0 {
  padding-bottom: calc( 5.5em * 0 );
  padding-bottom: calc( var(--padding) * 0 );
}

.padding--top--0 {
  padding-top: calc( 5.5em * 0 );
  padding-top: calc( var(--padding) * 0 );
}

.padding--left--0 {
  padding-left: calc( 5.5em * 0 );
  padding-left: calc( var(--padding) * 0 );
}

.padding--right--0 {
  padding-right: calc( 5.5em * 0 );
  padding-right: calc( var(--padding) * 0 );
}

.padding--0 {
  padding: 0;
}

.padding--25 {
  padding: calc( 5.5em * 0.25 );
  padding: calc( var(--padding) * 0.25 );
}

.padding--vertical--25 {
  padding-top: calc( 5.5em * 0.25 );
  padding-bottom: calc( 5.5em * 0.25 );
  padding-top: calc( var(--padding) * 0.25 );
  padding-bottom: calc( var(--padding) * 0.25 );
}

.padding--horizontal--25 {
  padding-left: calc( 5.5em * 0.25 );
  padding-right: calc( 5.5em * 0.25 );
  padding-left: calc( var(--padding) * 0.25 );
  padding-right: calc( var(--padding) * 0.25 );
}

.padding--bottom--25 {
  padding-bottom: calc( 5.5em * 0.25 );
  padding-bottom: calc( var(--padding) * 0.25 );
}

.padding--top--25 {
  padding-top: calc( 5.5em * 0.25 );
  padding-top: calc( var(--padding) * 0.25 );
}

.padding--left--25 {
  padding-left: calc( 5.5em * 0.25 );
  padding-left: calc( var(--padding) * 0.25 );
}

.padding--right--25 {
  padding-right: calc( 5.5em * 0.25 );
  padding-right: calc( var(--padding) * 0.25 );
}

.padding--0 {
  padding: 0;
}

.padding--50 {
  padding: calc( 5.5em * 0.5 );
  padding: calc( var(--padding) * 0.5 );
}

.padding--vertical--50 {
  padding-top: calc( 5.5em * 0.5 );
  padding-bottom: calc( 5.5em * 0.5 );
  padding-top: calc( var(--padding) * 0.5 );
  padding-bottom: calc( var(--padding) * 0.5 );
}

.padding--horizontal--50 {
  padding-left: calc( 5.5em * 0.5 );
  padding-right: calc( 5.5em * 0.5 );
  padding-left: calc( var(--padding) * 0.5 );
  padding-right: calc( var(--padding) * 0.5 );
}

.padding--bottom--50 {
  padding-bottom: calc( 5.5em * 0.5 );
  padding-bottom: calc( var(--padding) * 0.5 );
}

.padding--top--50 {
  padding-top: calc( 5.5em * 0.5 );
  padding-top: calc( var(--padding) * 0.5 );
}

.padding--left--50 {
  padding-left: calc( 5.5em * 0.5 );
  padding-left: calc( var(--padding) * 0.5 );
}

.padding--right--50 {
  padding-right: calc( 5.5em * 0.5 );
  padding-right: calc( var(--padding) * 0.5 );
}

.padding--200 {
  padding: calc( 5.5em * 2 );
  padding: calc( var(--padding) * 2 );
}

.padding--vertical--200 {
  padding-top: calc( 5.5em * 2 );
  padding-bottom: calc( 5.5em * 2 );
  padding-top: calc( var(--padding) * 2 );
  padding-bottom: calc( var(--padding) * 2 );
}

.padding--horizontal--200 {
  padding-left: calc( 5.5em * 2 );
  padding-right: calc( 5.5em * 2 );
  padding-left: calc( var(--padding) * 2 );
  padding-right: calc( var(--padding) * 2 );
}

.padding--bottom--200 {
  padding-bottom: calc( 5.5em * 2 );
  padding-bottom: calc( var(--padding) * 2 );
}

.padding--top--200 {
  padding-top: calc( 5.5em * 2 );
  padding-top: calc( var(--padding) * 2 );
}

.padding--left--200 {
  padding-left: calc( 5.5em * 2 );
  padding-left: calc( var(--padding) * 2 );
}

.padding--right--200 {
  padding-right: calc( 5.5em * 2 );
  padding-right: calc( var(--padding) * 2 );
}

.padding--0 {
  padding: 0;
}

.padding--75 {
  padding: calc( 5.5em * 0.75 );
  padding: calc( var(--padding) * 0.75 );
}

.padding--vertical--75 {
  padding-top: calc( 5.5em * 0.75 );
  padding-bottom: calc( 5.5em * 0.75 );
  padding-top: calc( var(--padding) * 0.75 );
  padding-bottom: calc( var(--padding) * 0.75 );
}

.padding--horizontal--75 {
  padding-left: calc( 5.5em * 0.75 );
  padding-right: calc( 5.5em * 0.75 );
  padding-left: calc( var(--padding) * 0.75 );
  padding-right: calc( var(--padding) * 0.75 );
}

.padding--bottom--75 {
  padding-bottom: calc( 5.5em * 0.75 );
  padding-bottom: calc( var(--padding) * 0.75 );
}

.padding--top--75 {
  padding-top: calc( 5.5em * 0.75 );
  padding-top: calc( var(--padding) * 0.75 );
}

.padding--left--75 {
  padding-left: calc( 5.5em * 0.75 );
  padding-left: calc( var(--padding) * 0.75 );
}

.padding--right--75 {
  padding-right: calc( 5.5em * 0.75 );
  padding-right: calc( var(--padding) * 0.75 );
}

.padding--300 {
  padding: calc( 5.5em * 3 );
  padding: calc( var(--padding) * 3 );
}

.padding--vertical--300 {
  padding-top: calc( 5.5em * 3 );
  padding-bottom: calc( 5.5em * 3 );
  padding-top: calc( var(--padding) * 3 );
  padding-bottom: calc( var(--padding) * 3 );
}

.padding--horizontal--300 {
  padding-left: calc( 5.5em * 3 );
  padding-right: calc( 5.5em * 3 );
  padding-left: calc( var(--padding) * 3 );
  padding-right: calc( var(--padding) * 3 );
}

.padding--bottom--300 {
  padding-bottom: calc( 5.5em * 3 );
  padding-bottom: calc( var(--padding) * 3 );
}

.padding--top--300 {
  padding-top: calc( 5.5em * 3 );
  padding-top: calc( var(--padding) * 3 );
}

.padding--left--300 {
  padding-left: calc( 5.5em * 3 );
  padding-left: calc( var(--padding) * 3 );
}

.padding--right--300 {
  padding-right: calc( 5.5em * 3 );
  padding-right: calc( var(--padding) * 3 );
}

.padding--0 {
  padding: 0;
}

.padding--100 {
  padding: calc( 5.5em * 1 );
  padding: calc( var(--padding) * 1 );
}

.padding--vertical--100 {
  padding-top: calc( 5.5em * 1 );
  padding-bottom: calc( 5.5em * 1 );
  padding-top: calc( var(--padding) * 1 );
  padding-bottom: calc( var(--padding) * 1 );
}

.padding--horizontal--100 {
  padding-left: calc( 5.5em * 1 );
  padding-right: calc( 5.5em * 1 );
  padding-left: calc( var(--padding) * 1 );
  padding-right: calc( var(--padding) * 1 );
}

.padding--bottom--100 {
  padding-bottom: calc( 5.5em * 1 );
  padding-bottom: calc( var(--padding) * 1 );
}

.padding--top--100 {
  padding-top: calc( 5.5em * 1 );
  padding-top: calc( var(--padding) * 1 );
}

.padding--left--100 {
  padding-left: calc( 5.5em * 1 );
  padding-left: calc( var(--padding) * 1 );
}

.padding--right--100 {
  padding-right: calc( 5.5em * 1 );
  padding-right: calc( var(--padding) * 1 );
}

.padding--400 {
  padding: calc( 5.5em * 4 );
  padding: calc( var(--padding) * 4 );
}

.padding--vertical--400 {
  padding-top: calc( 5.5em * 4 );
  padding-bottom: calc( 5.5em * 4 );
  padding-top: calc( var(--padding) * 4 );
  padding-bottom: calc( var(--padding) * 4 );
}

.padding--horizontal--400 {
  padding-left: calc( 5.5em * 4 );
  padding-right: calc( 5.5em * 4 );
  padding-left: calc( var(--padding) * 4 );
  padding-right: calc( var(--padding) * 4 );
}

.padding--bottom--400 {
  padding-bottom: calc( 5.5em * 4 );
  padding-bottom: calc( var(--padding) * 4 );
}

.padding--top--400 {
  padding-top: calc( 5.5em * 4 );
  padding-top: calc( var(--padding) * 4 );
}

.padding--left--400 {
  padding-left: calc( 5.5em * 4 );
  padding-left: calc( var(--padding) * 4 );
}

.padding--right--400 {
  padding-right: calc( 5.5em * 4 );
  padding-right: calc( var(--padding) * 4 );
}

@media only screen and (max-width: 1150px) {
  .landscape-padding--0 {
    padding: 0;
  }

  .landscape-padding--0 {
    padding: calc( 5.5em * 0 );
    padding: calc( var(--padding) * 0 );
  }

  .landscape-padding--vertical--0 {
    padding-top: calc( 5.5em * 0 );
    padding-bottom: calc( 5.5em * 0 );
    padding-top: calc( var(--padding) * 0 );
    padding-bottom: calc( var(--padding) * 0 );
  }

  .landscape-padding--horizontal--0 {
    padding-left: calc( 5.5em * 0 );
    padding-right: calc( 5.5em * 0 );
    padding-left: calc( var(--padding) * 0 );
    padding-right: calc( var(--padding) * 0 );
  }

  .landscape-padding--bottom--0 {
    padding-bottom: calc( 5.5em * 0 );
    padding-bottom: calc( var(--padding) * 0 );
  }

  .landscape-padding--top--0 {
    padding-top: calc( 5.5em * 0 );
    padding-top: calc( var(--padding) * 0 );
  }

  .landscape-padding--left--0 {
    padding-left: calc( 5.5em * 0 );
    padding-left: calc( var(--padding) * 0 );
  }

  .landscape-padding--right--0 {
    padding-right: calc( 5.5em * 0 );
    padding-right: calc( var(--padding) * 0 );
  }

  .landscape-padding--0 {
    padding: 0;
  }

  .landscape-padding--25 {
    padding: calc( 5.5em * 0.25 );
    padding: calc( var(--padding) * 0.25 );
  }

  .landscape-padding--vertical--25 {
    padding-top: calc( 5.5em * 0.25 );
    padding-bottom: calc( 5.5em * 0.25 );
    padding-top: calc( var(--padding) * 0.25 );
    padding-bottom: calc( var(--padding) * 0.25 );
  }

  .landscape-padding--horizontal--25 {
    padding-left: calc( 5.5em * 0.25 );
    padding-right: calc( 5.5em * 0.25 );
    padding-left: calc( var(--padding) * 0.25 );
    padding-right: calc( var(--padding) * 0.25 );
  }

  .landscape-padding--bottom--25 {
    padding-bottom: calc( 5.5em * 0.25 );
    padding-bottom: calc( var(--padding) * 0.25 );
  }

  .landscape-padding--top--25 {
    padding-top: calc( 5.5em * 0.25 );
    padding-top: calc( var(--padding) * 0.25 );
  }

  .landscape-padding--left--25 {
    padding-left: calc( 5.5em * 0.25 );
    padding-left: calc( var(--padding) * 0.25 );
  }

  .landscape-padding--right--25 {
    padding-right: calc( 5.5em * 0.25 );
    padding-right: calc( var(--padding) * 0.25 );
  }

  .landscape-padding--0 {
    padding: 0;
  }

  .landscape-padding--50 {
    padding: calc( 5.5em * 0.5 );
    padding: calc( var(--padding) * 0.5 );
  }

  .landscape-padding--vertical--50 {
    padding-top: calc( 5.5em * 0.5 );
    padding-bottom: calc( 5.5em * 0.5 );
    padding-top: calc( var(--padding) * 0.5 );
    padding-bottom: calc( var(--padding) * 0.5 );
  }

  .landscape-padding--horizontal--50 {
    padding-left: calc( 5.5em * 0.5 );
    padding-right: calc( 5.5em * 0.5 );
    padding-left: calc( var(--padding) * 0.5 );
    padding-right: calc( var(--padding) * 0.5 );
  }

  .landscape-padding--bottom--50 {
    padding-bottom: calc( 5.5em * 0.5 );
    padding-bottom: calc( var(--padding) * 0.5 );
  }

  .landscape-padding--top--50 {
    padding-top: calc( 5.5em * 0.5 );
    padding-top: calc( var(--padding) * 0.5 );
  }

  .landscape-padding--left--50 {
    padding-left: calc( 5.5em * 0.5 );
    padding-left: calc( var(--padding) * 0.5 );
  }

  .landscape-padding--right--50 {
    padding-right: calc( 5.5em * 0.5 );
    padding-right: calc( var(--padding) * 0.5 );
  }

  .landscape-padding--200 {
    padding: calc( 5.5em * 2 );
    padding: calc( var(--padding) * 2 );
  }

  .landscape-padding--vertical--200 {
    padding-top: calc( 5.5em * 2 );
    padding-bottom: calc( 5.5em * 2 );
    padding-top: calc( var(--padding) * 2 );
    padding-bottom: calc( var(--padding) * 2 );
  }

  .landscape-padding--horizontal--200 {
    padding-left: calc( 5.5em * 2 );
    padding-right: calc( 5.5em * 2 );
    padding-left: calc( var(--padding) * 2 );
    padding-right: calc( var(--padding) * 2 );
  }

  .landscape-padding--bottom--200 {
    padding-bottom: calc( 5.5em * 2 );
    padding-bottom: calc( var(--padding) * 2 );
  }

  .landscape-padding--top--200 {
    padding-top: calc( 5.5em * 2 );
    padding-top: calc( var(--padding) * 2 );
  }

  .landscape-padding--left--200 {
    padding-left: calc( 5.5em * 2 );
    padding-left: calc( var(--padding) * 2 );
  }

  .landscape-padding--right--200 {
    padding-right: calc( 5.5em * 2 );
    padding-right: calc( var(--padding) * 2 );
  }

  .landscape-padding--0 {
    padding: 0;
  }

  .landscape-padding--75 {
    padding: calc( 5.5em * 0.75 );
    padding: calc( var(--padding) * 0.75 );
  }

  .landscape-padding--vertical--75 {
    padding-top: calc( 5.5em * 0.75 );
    padding-bottom: calc( 5.5em * 0.75 );
    padding-top: calc( var(--padding) * 0.75 );
    padding-bottom: calc( var(--padding) * 0.75 );
  }

  .landscape-padding--horizontal--75 {
    padding-left: calc( 5.5em * 0.75 );
    padding-right: calc( 5.5em * 0.75 );
    padding-left: calc( var(--padding) * 0.75 );
    padding-right: calc( var(--padding) * 0.75 );
  }

  .landscape-padding--bottom--75 {
    padding-bottom: calc( 5.5em * 0.75 );
    padding-bottom: calc( var(--padding) * 0.75 );
  }

  .landscape-padding--top--75 {
    padding-top: calc( 5.5em * 0.75 );
    padding-top: calc( var(--padding) * 0.75 );
  }

  .landscape-padding--left--75 {
    padding-left: calc( 5.5em * 0.75 );
    padding-left: calc( var(--padding) * 0.75 );
  }

  .landscape-padding--right--75 {
    padding-right: calc( 5.5em * 0.75 );
    padding-right: calc( var(--padding) * 0.75 );
  }

  .landscape-padding--300 {
    padding: calc( 5.5em * 3 );
    padding: calc( var(--padding) * 3 );
  }

  .landscape-padding--vertical--300 {
    padding-top: calc( 5.5em * 3 );
    padding-bottom: calc( 5.5em * 3 );
    padding-top: calc( var(--padding) * 3 );
    padding-bottom: calc( var(--padding) * 3 );
  }

  .landscape-padding--horizontal--300 {
    padding-left: calc( 5.5em * 3 );
    padding-right: calc( 5.5em * 3 );
    padding-left: calc( var(--padding) * 3 );
    padding-right: calc( var(--padding) * 3 );
  }

  .landscape-padding--bottom--300 {
    padding-bottom: calc( 5.5em * 3 );
    padding-bottom: calc( var(--padding) * 3 );
  }

  .landscape-padding--top--300 {
    padding-top: calc( 5.5em * 3 );
    padding-top: calc( var(--padding) * 3 );
  }

  .landscape-padding--left--300 {
    padding-left: calc( 5.5em * 3 );
    padding-left: calc( var(--padding) * 3 );
  }

  .landscape-padding--right--300 {
    padding-right: calc( 5.5em * 3 );
    padding-right: calc( var(--padding) * 3 );
  }

  .landscape-padding--0 {
    padding: 0;
  }

  .landscape-padding--100 {
    padding: calc( 5.5em * 1 );
    padding: calc( var(--padding) * 1 );
  }

  .landscape-padding--vertical--100 {
    padding-top: calc( 5.5em * 1 );
    padding-bottom: calc( 5.5em * 1 );
    padding-top: calc( var(--padding) * 1 );
    padding-bottom: calc( var(--padding) * 1 );
  }

  .landscape-padding--horizontal--100 {
    padding-left: calc( 5.5em * 1 );
    padding-right: calc( 5.5em * 1 );
    padding-left: calc( var(--padding) * 1 );
    padding-right: calc( var(--padding) * 1 );
  }

  .landscape-padding--bottom--100 {
    padding-bottom: calc( 5.5em * 1 );
    padding-bottom: calc( var(--padding) * 1 );
  }

  .landscape-padding--top--100 {
    padding-top: calc( 5.5em * 1 );
    padding-top: calc( var(--padding) * 1 );
  }

  .landscape-padding--left--100 {
    padding-left: calc( 5.5em * 1 );
    padding-left: calc( var(--padding) * 1 );
  }

  .landscape-padding--right--100 {
    padding-right: calc( 5.5em * 1 );
    padding-right: calc( var(--padding) * 1 );
  }

  .landscape-padding--400 {
    padding: calc( 5.5em * 4 );
    padding: calc( var(--padding) * 4 );
  }

  .landscape-padding--vertical--400 {
    padding-top: calc( 5.5em * 4 );
    padding-bottom: calc( 5.5em * 4 );
    padding-top: calc( var(--padding) * 4 );
    padding-bottom: calc( var(--padding) * 4 );
  }

  .landscape-padding--horizontal--400 {
    padding-left: calc( 5.5em * 4 );
    padding-right: calc( 5.5em * 4 );
    padding-left: calc( var(--padding) * 4 );
    padding-right: calc( var(--padding) * 4 );
  }

  .landscape-padding--bottom--400 {
    padding-bottom: calc( 5.5em * 4 );
    padding-bottom: calc( var(--padding) * 4 );
  }

  .landscape-padding--top--400 {
    padding-top: calc( 5.5em * 4 );
    padding-top: calc( var(--padding) * 4 );
  }

  .landscape-padding--left--400 {
    padding-left: calc( 5.5em * 4 );
    padding-left: calc( var(--padding) * 4 );
  }

  .landscape-padding--right--400 {
    padding-right: calc( 5.5em * 4 );
    padding-right: calc( var(--padding) * 4 );
  }
}
@media only screen and (max-width: 1000px) {
  .portrait-padding--0 {
    padding: 0;
  }

  .portrait-padding--0 {
    padding: calc( 5.5em * 0 );
    padding: calc( var(--padding) * 0 );
  }

  .portrait-padding--vertical--0 {
    padding-top: calc( 5.5em * 0 );
    padding-bottom: calc( 5.5em * 0 );
    padding-top: calc( var(--padding) * 0 );
    padding-bottom: calc( var(--padding) * 0 );
  }

  .portrait-padding--horizontal--0 {
    padding-left: calc( 5.5em * 0 );
    padding-right: calc( 5.5em * 0 );
    padding-left: calc( var(--padding) * 0 );
    padding-right: calc( var(--padding) * 0 );
  }

  .portrait-padding--bottom--0 {
    padding-bottom: calc( 5.5em * 0 );
    padding-bottom: calc( var(--padding) * 0 );
  }

  .portrait-padding--top--0 {
    padding-top: calc( 5.5em * 0 );
    padding-top: calc( var(--padding) * 0 );
  }

  .portrait-padding--left--0 {
    padding-left: calc( 5.5em * 0 );
    padding-left: calc( var(--padding) * 0 );
  }

  .portrait-padding--right--0 {
    padding-right: calc( 5.5em * 0 );
    padding-right: calc( var(--padding) * 0 );
  }

  .portrait-padding--0 {
    padding: 0;
  }

  .portrait-padding--25 {
    padding: calc( 5.5em * 0.25 );
    padding: calc( var(--padding) * 0.25 );
  }

  .portrait-padding--vertical--25 {
    padding-top: calc( 5.5em * 0.25 );
    padding-bottom: calc( 5.5em * 0.25 );
    padding-top: calc( var(--padding) * 0.25 );
    padding-bottom: calc( var(--padding) * 0.25 );
  }

  .portrait-padding--horizontal--25 {
    padding-left: calc( 5.5em * 0.25 );
    padding-right: calc( 5.5em * 0.25 );
    padding-left: calc( var(--padding) * 0.25 );
    padding-right: calc( var(--padding) * 0.25 );
  }

  .portrait-padding--bottom--25 {
    padding-bottom: calc( 5.5em * 0.25 );
    padding-bottom: calc( var(--padding) * 0.25 );
  }

  .portrait-padding--top--25 {
    padding-top: calc( 5.5em * 0.25 );
    padding-top: calc( var(--padding) * 0.25 );
  }

  .portrait-padding--left--25 {
    padding-left: calc( 5.5em * 0.25 );
    padding-left: calc( var(--padding) * 0.25 );
  }

  .portrait-padding--right--25 {
    padding-right: calc( 5.5em * 0.25 );
    padding-right: calc( var(--padding) * 0.25 );
  }

  .portrait-padding--0 {
    padding: 0;
  }

  .portrait-padding--50 {
    padding: calc( 5.5em * 0.5 );
    padding: calc( var(--padding) * 0.5 );
  }

  .portrait-padding--vertical--50 {
    padding-top: calc( 5.5em * 0.5 );
    padding-bottom: calc( 5.5em * 0.5 );
    padding-top: calc( var(--padding) * 0.5 );
    padding-bottom: calc( var(--padding) * 0.5 );
  }

  .portrait-padding--horizontal--50 {
    padding-left: calc( 5.5em * 0.5 );
    padding-right: calc( 5.5em * 0.5 );
    padding-left: calc( var(--padding) * 0.5 );
    padding-right: calc( var(--padding) * 0.5 );
  }

  .portrait-padding--bottom--50 {
    padding-bottom: calc( 5.5em * 0.5 );
    padding-bottom: calc( var(--padding) * 0.5 );
  }

  .portrait-padding--top--50 {
    padding-top: calc( 5.5em * 0.5 );
    padding-top: calc( var(--padding) * 0.5 );
  }

  .portrait-padding--left--50 {
    padding-left: calc( 5.5em * 0.5 );
    padding-left: calc( var(--padding) * 0.5 );
  }

  .portrait-padding--right--50 {
    padding-right: calc( 5.5em * 0.5 );
    padding-right: calc( var(--padding) * 0.5 );
  }

  .portrait-padding--200 {
    padding: calc( 5.5em * 2 );
    padding: calc( var(--padding) * 2 );
  }

  .portrait-padding--vertical--200 {
    padding-top: calc( 5.5em * 2 );
    padding-bottom: calc( 5.5em * 2 );
    padding-top: calc( var(--padding) * 2 );
    padding-bottom: calc( var(--padding) * 2 );
  }

  .portrait-padding--horizontal--200 {
    padding-left: calc( 5.5em * 2 );
    padding-right: calc( 5.5em * 2 );
    padding-left: calc( var(--padding) * 2 );
    padding-right: calc( var(--padding) * 2 );
  }

  .portrait-padding--bottom--200 {
    padding-bottom: calc( 5.5em * 2 );
    padding-bottom: calc( var(--padding) * 2 );
  }

  .portrait-padding--top--200 {
    padding-top: calc( 5.5em * 2 );
    padding-top: calc( var(--padding) * 2 );
  }

  .portrait-padding--left--200 {
    padding-left: calc( 5.5em * 2 );
    padding-left: calc( var(--padding) * 2 );
  }

  .portrait-padding--right--200 {
    padding-right: calc( 5.5em * 2 );
    padding-right: calc( var(--padding) * 2 );
  }

  .portrait-padding--0 {
    padding: 0;
  }

  .portrait-padding--75 {
    padding: calc( 5.5em * 0.75 );
    padding: calc( var(--padding) * 0.75 );
  }

  .portrait-padding--vertical--75 {
    padding-top: calc( 5.5em * 0.75 );
    padding-bottom: calc( 5.5em * 0.75 );
    padding-top: calc( var(--padding) * 0.75 );
    padding-bottom: calc( var(--padding) * 0.75 );
  }

  .portrait-padding--horizontal--75 {
    padding-left: calc( 5.5em * 0.75 );
    padding-right: calc( 5.5em * 0.75 );
    padding-left: calc( var(--padding) * 0.75 );
    padding-right: calc( var(--padding) * 0.75 );
  }

  .portrait-padding--bottom--75 {
    padding-bottom: calc( 5.5em * 0.75 );
    padding-bottom: calc( var(--padding) * 0.75 );
  }

  .portrait-padding--top--75 {
    padding-top: calc( 5.5em * 0.75 );
    padding-top: calc( var(--padding) * 0.75 );
  }

  .portrait-padding--left--75 {
    padding-left: calc( 5.5em * 0.75 );
    padding-left: calc( var(--padding) * 0.75 );
  }

  .portrait-padding--right--75 {
    padding-right: calc( 5.5em * 0.75 );
    padding-right: calc( var(--padding) * 0.75 );
  }

  .portrait-padding--300 {
    padding: calc( 5.5em * 3 );
    padding: calc( var(--padding) * 3 );
  }

  .portrait-padding--vertical--300 {
    padding-top: calc( 5.5em * 3 );
    padding-bottom: calc( 5.5em * 3 );
    padding-top: calc( var(--padding) * 3 );
    padding-bottom: calc( var(--padding) * 3 );
  }

  .portrait-padding--horizontal--300 {
    padding-left: calc( 5.5em * 3 );
    padding-right: calc( 5.5em * 3 );
    padding-left: calc( var(--padding) * 3 );
    padding-right: calc( var(--padding) * 3 );
  }

  .portrait-padding--bottom--300 {
    padding-bottom: calc( 5.5em * 3 );
    padding-bottom: calc( var(--padding) * 3 );
  }

  .portrait-padding--top--300 {
    padding-top: calc( 5.5em * 3 );
    padding-top: calc( var(--padding) * 3 );
  }

  .portrait-padding--left--300 {
    padding-left: calc( 5.5em * 3 );
    padding-left: calc( var(--padding) * 3 );
  }

  .portrait-padding--right--300 {
    padding-right: calc( 5.5em * 3 );
    padding-right: calc( var(--padding) * 3 );
  }

  .portrait-padding--0 {
    padding: 0;
  }

  .portrait-padding--100 {
    padding: calc( 5.5em * 1 );
    padding: calc( var(--padding) * 1 );
  }

  .portrait-padding--vertical--100 {
    padding-top: calc( 5.5em * 1 );
    padding-bottom: calc( 5.5em * 1 );
    padding-top: calc( var(--padding) * 1 );
    padding-bottom: calc( var(--padding) * 1 );
  }

  .portrait-padding--horizontal--100 {
    padding-left: calc( 5.5em * 1 );
    padding-right: calc( 5.5em * 1 );
    padding-left: calc( var(--padding) * 1 );
    padding-right: calc( var(--padding) * 1 );
  }

  .portrait-padding--bottom--100 {
    padding-bottom: calc( 5.5em * 1 );
    padding-bottom: calc( var(--padding) * 1 );
  }

  .portrait-padding--top--100 {
    padding-top: calc( 5.5em * 1 );
    padding-top: calc( var(--padding) * 1 );
  }

  .portrait-padding--left--100 {
    padding-left: calc( 5.5em * 1 );
    padding-left: calc( var(--padding) * 1 );
  }

  .portrait-padding--right--100 {
    padding-right: calc( 5.5em * 1 );
    padding-right: calc( var(--padding) * 1 );
  }

  .portrait-padding--400 {
    padding: calc( 5.5em * 4 );
    padding: calc( var(--padding) * 4 );
  }

  .portrait-padding--vertical--400 {
    padding-top: calc( 5.5em * 4 );
    padding-bottom: calc( 5.5em * 4 );
    padding-top: calc( var(--padding) * 4 );
    padding-bottom: calc( var(--padding) * 4 );
  }

  .portrait-padding--horizontal--400 {
    padding-left: calc( 5.5em * 4 );
    padding-right: calc( 5.5em * 4 );
    padding-left: calc( var(--padding) * 4 );
    padding-right: calc( var(--padding) * 4 );
  }

  .portrait-padding--bottom--400 {
    padding-bottom: calc( 5.5em * 4 );
    padding-bottom: calc( var(--padding) * 4 );
  }

  .portrait-padding--top--400 {
    padding-top: calc( 5.5em * 4 );
    padding-top: calc( var(--padding) * 4 );
  }

  .portrait-padding--left--400 {
    padding-left: calc( 5.5em * 4 );
    padding-left: calc( var(--padding) * 4 );
  }

  .portrait-padding--right--400 {
    padding-right: calc( 5.5em * 4 );
    padding-right: calc( var(--padding) * 4 );
  }
}
@media only screen and (max-width: 700px) {
  .mobile-padding--0 {
    padding: 0;
  }

  .mobile-padding--0 {
    padding: calc( 5.5em * 0 );
    padding: calc( var(--padding) * 0 );
  }

  .mobile-padding--vertical--0 {
    padding-top: calc( 5.5em * 0 );
    padding-bottom: calc( 5.5em * 0 );
    padding-top: calc( var(--padding) * 0 );
    padding-bottom: calc( var(--padding) * 0 );
  }

  .mobile-padding--horizontal--0 {
    padding-left: calc( 5.5em * 0 );
    padding-right: calc( 5.5em * 0 );
    padding-left: calc( var(--padding) * 0 );
    padding-right: calc( var(--padding) * 0 );
  }

  .mobile-padding--bottom--0 {
    padding-bottom: calc( 5.5em * 0 );
    padding-bottom: calc( var(--padding) * 0 );
  }

  .mobile-padding--top--0 {
    padding-top: calc( 5.5em * 0 );
    padding-top: calc( var(--padding) * 0 );
  }

  .mobile-padding--left--0 {
    padding-left: calc( 5.5em * 0 );
    padding-left: calc( var(--padding) * 0 );
  }

  .mobile-padding--right--0 {
    padding-right: calc( 5.5em * 0 );
    padding-right: calc( var(--padding) * 0 );
  }

  .mobile-padding--0 {
    padding: 0;
  }

  .mobile-padding--25 {
    padding: calc( 5.5em * 0.25 );
    padding: calc( var(--padding) * 0.25 );
  }

  .mobile-padding--vertical--25 {
    padding-top: calc( 5.5em * 0.25 );
    padding-bottom: calc( 5.5em * 0.25 );
    padding-top: calc( var(--padding) * 0.25 );
    padding-bottom: calc( var(--padding) * 0.25 );
  }

  .mobile-padding--horizontal--25 {
    padding-left: calc( 5.5em * 0.25 );
    padding-right: calc( 5.5em * 0.25 );
    padding-left: calc( var(--padding) * 0.25 );
    padding-right: calc( var(--padding) * 0.25 );
  }

  .mobile-padding--bottom--25 {
    padding-bottom: calc( 5.5em * 0.25 );
    padding-bottom: calc( var(--padding) * 0.25 );
  }

  .mobile-padding--top--25 {
    padding-top: calc( 5.5em * 0.25 );
    padding-top: calc( var(--padding) * 0.25 );
  }

  .mobile-padding--left--25 {
    padding-left: calc( 5.5em * 0.25 );
    padding-left: calc( var(--padding) * 0.25 );
  }

  .mobile-padding--right--25 {
    padding-right: calc( 5.5em * 0.25 );
    padding-right: calc( var(--padding) * 0.25 );
  }

  .mobile-padding--0 {
    padding: 0;
  }

  .mobile-padding--50 {
    padding: calc( 5.5em * 0.5 );
    padding: calc( var(--padding) * 0.5 );
  }

  .mobile-padding--vertical--50 {
    padding-top: calc( 5.5em * 0.5 );
    padding-bottom: calc( 5.5em * 0.5 );
    padding-top: calc( var(--padding) * 0.5 );
    padding-bottom: calc( var(--padding) * 0.5 );
  }

  .mobile-padding--horizontal--50 {
    padding-left: calc( 5.5em * 0.5 );
    padding-right: calc( 5.5em * 0.5 );
    padding-left: calc( var(--padding) * 0.5 );
    padding-right: calc( var(--padding) * 0.5 );
  }

  .mobile-padding--bottom--50 {
    padding-bottom: calc( 5.5em * 0.5 );
    padding-bottom: calc( var(--padding) * 0.5 );
  }

  .mobile-padding--top--50 {
    padding-top: calc( 5.5em * 0.5 );
    padding-top: calc( var(--padding) * 0.5 );
  }

  .mobile-padding--left--50 {
    padding-left: calc( 5.5em * 0.5 );
    padding-left: calc( var(--padding) * 0.5 );
  }

  .mobile-padding--right--50 {
    padding-right: calc( 5.5em * 0.5 );
    padding-right: calc( var(--padding) * 0.5 );
  }

  .mobile-padding--200 {
    padding: calc( 5.5em * 2 );
    padding: calc( var(--padding) * 2 );
  }

  .mobile-padding--vertical--200 {
    padding-top: calc( 5.5em * 2 );
    padding-bottom: calc( 5.5em * 2 );
    padding-top: calc( var(--padding) * 2 );
    padding-bottom: calc( var(--padding) * 2 );
  }

  .mobile-padding--horizontal--200 {
    padding-left: calc( 5.5em * 2 );
    padding-right: calc( 5.5em * 2 );
    padding-left: calc( var(--padding) * 2 );
    padding-right: calc( var(--padding) * 2 );
  }

  .mobile-padding--bottom--200 {
    padding-bottom: calc( 5.5em * 2 );
    padding-bottom: calc( var(--padding) * 2 );
  }

  .mobile-padding--top--200 {
    padding-top: calc( 5.5em * 2 );
    padding-top: calc( var(--padding) * 2 );
  }

  .mobile-padding--left--200 {
    padding-left: calc( 5.5em * 2 );
    padding-left: calc( var(--padding) * 2 );
  }

  .mobile-padding--right--200 {
    padding-right: calc( 5.5em * 2 );
    padding-right: calc( var(--padding) * 2 );
  }

  .mobile-padding--0 {
    padding: 0;
  }

  .mobile-padding--75 {
    padding: calc( 5.5em * 0.75 );
    padding: calc( var(--padding) * 0.75 );
  }

  .mobile-padding--vertical--75 {
    padding-top: calc( 5.5em * 0.75 );
    padding-bottom: calc( 5.5em * 0.75 );
    padding-top: calc( var(--padding) * 0.75 );
    padding-bottom: calc( var(--padding) * 0.75 );
  }

  .mobile-padding--horizontal--75 {
    padding-left: calc( 5.5em * 0.75 );
    padding-right: calc( 5.5em * 0.75 );
    padding-left: calc( var(--padding) * 0.75 );
    padding-right: calc( var(--padding) * 0.75 );
  }

  .mobile-padding--bottom--75 {
    padding-bottom: calc( 5.5em * 0.75 );
    padding-bottom: calc( var(--padding) * 0.75 );
  }

  .mobile-padding--top--75 {
    padding-top: calc( 5.5em * 0.75 );
    padding-top: calc( var(--padding) * 0.75 );
  }

  .mobile-padding--left--75 {
    padding-left: calc( 5.5em * 0.75 );
    padding-left: calc( var(--padding) * 0.75 );
  }

  .mobile-padding--right--75 {
    padding-right: calc( 5.5em * 0.75 );
    padding-right: calc( var(--padding) * 0.75 );
  }

  .mobile-padding--300 {
    padding: calc( 5.5em * 3 );
    padding: calc( var(--padding) * 3 );
  }

  .mobile-padding--vertical--300 {
    padding-top: calc( 5.5em * 3 );
    padding-bottom: calc( 5.5em * 3 );
    padding-top: calc( var(--padding) * 3 );
    padding-bottom: calc( var(--padding) * 3 );
  }

  .mobile-padding--horizontal--300 {
    padding-left: calc( 5.5em * 3 );
    padding-right: calc( 5.5em * 3 );
    padding-left: calc( var(--padding) * 3 );
    padding-right: calc( var(--padding) * 3 );
  }

  .mobile-padding--bottom--300 {
    padding-bottom: calc( 5.5em * 3 );
    padding-bottom: calc( var(--padding) * 3 );
  }

  .mobile-padding--top--300 {
    padding-top: calc( 5.5em * 3 );
    padding-top: calc( var(--padding) * 3 );
  }

  .mobile-padding--left--300 {
    padding-left: calc( 5.5em * 3 );
    padding-left: calc( var(--padding) * 3 );
  }

  .mobile-padding--right--300 {
    padding-right: calc( 5.5em * 3 );
    padding-right: calc( var(--padding) * 3 );
  }

  .mobile-padding--0 {
    padding: 0;
  }

  .mobile-padding--100 {
    padding: calc( 5.5em * 1 );
    padding: calc( var(--padding) * 1 );
  }

  .mobile-padding--vertical--100 {
    padding-top: calc( 5.5em * 1 );
    padding-bottom: calc( 5.5em * 1 );
    padding-top: calc( var(--padding) * 1 );
    padding-bottom: calc( var(--padding) * 1 );
  }

  .mobile-padding--horizontal--100 {
    padding-left: calc( 5.5em * 1 );
    padding-right: calc( 5.5em * 1 );
    padding-left: calc( var(--padding) * 1 );
    padding-right: calc( var(--padding) * 1 );
  }

  .mobile-padding--bottom--100 {
    padding-bottom: calc( 5.5em * 1 );
    padding-bottom: calc( var(--padding) * 1 );
  }

  .mobile-padding--top--100 {
    padding-top: calc( 5.5em * 1 );
    padding-top: calc( var(--padding) * 1 );
  }

  .mobile-padding--left--100 {
    padding-left: calc( 5.5em * 1 );
    padding-left: calc( var(--padding) * 1 );
  }

  .mobile-padding--right--100 {
    padding-right: calc( 5.5em * 1 );
    padding-right: calc( var(--padding) * 1 );
  }

  .mobile-padding--400 {
    padding: calc( 5.5em * 4 );
    padding: calc( var(--padding) * 4 );
  }

  .mobile-padding--vertical--400 {
    padding-top: calc( 5.5em * 4 );
    padding-bottom: calc( 5.5em * 4 );
    padding-top: calc( var(--padding) * 4 );
    padding-bottom: calc( var(--padding) * 4 );
  }

  .mobile-padding--horizontal--400 {
    padding-left: calc( 5.5em * 4 );
    padding-right: calc( 5.5em * 4 );
    padding-left: calc( var(--padding) * 4 );
    padding-right: calc( var(--padding) * 4 );
  }

  .mobile-padding--bottom--400 {
    padding-bottom: calc( 5.5em * 4 );
    padding-bottom: calc( var(--padding) * 4 );
  }

  .mobile-padding--top--400 {
    padding-top: calc( 5.5em * 4 );
    padding-top: calc( var(--padding) * 4 );
  }

  .mobile-padding--left--400 {
    padding-left: calc( 5.5em * 4 );
    padding-left: calc( var(--padding) * 4 );
  }

  .mobile-padding--right--400 {
    padding-right: calc( 5.5em * 4 );
    padding-right: calc( var(--padding) * 4 );
  }
}
* {
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "kern", "liga", "dlig";
  -moz-font-feature-settings: "kern", "liga", "dlig";
  -moz-font-feature-settings: "kern=1", "liga=1", "dlig=1";
  font-feature-settings: "kern" 1, "liga" 1, "dlig" 1;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures;
}

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

.text--left {
  text-align: left;
}

.text--right {
  text-align: right;
}

.text--justify {
  text-align: justify;
}

.text--bold {
  font-weight: 700;
}

@media only screen and (max-width: 700px) {
  .mobile-text--center {
    text-align: center;
  }

  .mobile-text--left {
    text-align: left;
  }

  .mobile-text--right {
    text-align: right;
  }

  .mobile-text--justify {
    text-align: justify;
  }
}
.text--white {
  color: white;
}
.text--white > a {
  color: white;
  text-decoration: none;
}

.text--white::-webkit-input-placeholder {
  color: white;
  opacity: 0.6;
}

.text--white::-moz-placeholder {
  color: white;
  opacity: 0.6;
}

.text--white:-ms-input-placeholder {
  color: white;
  opacity: 0.6;
}

.text--white:-moz-placeholder {
  color: white;
  opacity: 0.6;
}

.text--white:focus::-webkit-input-placeholder {
  color: transparent;
}

.text--white:focus::-moz-placeholder {
  color: transparent;
}

.text--white:focus:-ms-input-placeholder {
  color: transparent;
}

.text--white:focus:-moz-placeholder {
  color: transparent;
}

h1.text--white,
h2.text--white,
h3.text--white,
h4.text--white,
h5.text--white,
h6.text--white {
  color: white;
}

p.text--white {
  color: white;
}

.text--black {
  color: #5B5B5B;
}
.text--black > a {
  color: #5B5B5B;
  text-decoration: none;
}

.text--black::-webkit-input-placeholder {
  color: #5B5B5B;
  opacity: 0.6;
}

.text--black::-moz-placeholder {
  color: #5B5B5B;
  opacity: 0.6;
}

.text--black:-ms-input-placeholder {
  color: #5B5B5B;
  opacity: 0.6;
}

.text--black:-moz-placeholder {
  color: #5B5B5B;
  opacity: 0.6;
}

.text--black:focus::-webkit-input-placeholder {
  color: transparent;
}

.text--black:focus::-moz-placeholder {
  color: transparent;
}

.text--black:focus:-ms-input-placeholder {
  color: transparent;
}

.text--black:focus:-moz-placeholder {
  color: transparent;
}

h1.text--black,
h2.text--black,
h3.text--black,
h4.text--black,
h5.text--black,
h6.text--black {
  color: #5B5B5B;
}

p.text--black {
  color: #5B5B5B;
}

.text--blue {
  color: #2286BC;
}
.text--blue > a {
  color: #2286BC;
  text-decoration: none;
}

.text--blue::-webkit-input-placeholder {
  color: #2286BC;
  opacity: 0.6;
}

.text--blue::-moz-placeholder {
  color: #2286BC;
  opacity: 0.6;
}

.text--blue:-ms-input-placeholder {
  color: #2286BC;
  opacity: 0.6;
}

.text--blue:-moz-placeholder {
  color: #2286BC;
  opacity: 0.6;
}

.text--blue:focus::-webkit-input-placeholder {
  color: transparent;
}

.text--blue:focus::-moz-placeholder {
  color: transparent;
}

.text--blue:focus:-ms-input-placeholder {
  color: transparent;
}

.text--blue:focus:-moz-placeholder {
  color: transparent;
}

h1.text--blue,
h2.text--blue,
h3.text--blue,
h4.text--blue,
h5.text--blue,
h6.text--blue {
  color: #2286BC;
}

p.text--blue {
  color: #2286BC;
}

.text--blue--shade {
  color: #1f79a9;
}
.text--blue--shade > a {
  color: #1f79a9;
  text-decoration: none;
}

.text--blue--shade::-webkit-input-placeholder {
  color: #1f79a9;
  opacity: 0.6;
}

.text--blue--shade::-moz-placeholder {
  color: #1f79a9;
  opacity: 0.6;
}

.text--blue--shade:-ms-input-placeholder {
  color: #1f79a9;
  opacity: 0.6;
}

.text--blue--shade:-moz-placeholder {
  color: #1f79a9;
  opacity: 0.6;
}

.text--blue--shade:focus::-webkit-input-placeholder {
  color: transparent;
}

.text--blue--shade:focus::-moz-placeholder {
  color: transparent;
}

.text--blue--shade:focus:-ms-input-placeholder {
  color: transparent;
}

.text--blue--shade:focus:-moz-placeholder {
  color: transparent;
}

h1.text--blue--shade,
h2.text--blue--shade,
h3.text--blue--shade,
h4.text--blue--shade,
h5.text--blue--shade,
h6.text--blue--shade {
  color: #1f79a9;
}

p.text--blue--shade {
  color: #1f79a9;
}

.text--blue--dark {
  color: #115483;
}
.text--blue--dark > a {
  color: #115483;
  text-decoration: none;
}

.text--blue--dark::-webkit-input-placeholder {
  color: #115483;
  opacity: 0.6;
}

.text--blue--dark::-moz-placeholder {
  color: #115483;
  opacity: 0.6;
}

.text--blue--dark:-ms-input-placeholder {
  color: #115483;
  opacity: 0.6;
}

.text--blue--dark:-moz-placeholder {
  color: #115483;
  opacity: 0.6;
}

.text--blue--dark:focus::-webkit-input-placeholder {
  color: transparent;
}

.text--blue--dark:focus::-moz-placeholder {
  color: transparent;
}

.text--blue--dark:focus:-ms-input-placeholder {
  color: transparent;
}

.text--blue--dark:focus:-moz-placeholder {
  color: transparent;
}

h1.text--blue--dark,
h2.text--blue--dark,
h3.text--blue--dark,
h4.text--blue--dark,
h5.text--blue--dark,
h6.text--blue--dark {
  color: #115483;
}

p.text--blue--dark {
  color: #115483;
}

.text--blue--tint {
  color: #E4F1FD;
}
.text--blue--tint > a {
  color: #E4F1FD;
  text-decoration: none;
}

.text--blue--tint::-webkit-input-placeholder {
  color: #E4F1FD;
  opacity: 0.6;
}

.text--blue--tint::-moz-placeholder {
  color: #E4F1FD;
  opacity: 0.6;
}

.text--blue--tint:-ms-input-placeholder {
  color: #E4F1FD;
  opacity: 0.6;
}

.text--blue--tint:-moz-placeholder {
  color: #E4F1FD;
  opacity: 0.6;
}

.text--blue--tint:focus::-webkit-input-placeholder {
  color: transparent;
}

.text--blue--tint:focus::-moz-placeholder {
  color: transparent;
}

.text--blue--tint:focus:-ms-input-placeholder {
  color: transparent;
}

.text--blue--tint:focus:-moz-placeholder {
  color: transparent;
}

h1.text--blue--tint,
h2.text--blue--tint,
h3.text--blue--tint,
h4.text--blue--tint,
h5.text--blue--tint,
h6.text--blue--tint {
  color: #E4F1FD;
}

p.text--blue--tint {
  color: #E4F1FD;
}

.text--blue--gray {
  color: #A7BCC6;
}
.text--blue--gray > a {
  color: #A7BCC6;
  text-decoration: none;
}

.text--blue--gray::-webkit-input-placeholder {
  color: #A7BCC6;
  opacity: 0.6;
}

.text--blue--gray::-moz-placeholder {
  color: #A7BCC6;
  opacity: 0.6;
}

.text--blue--gray:-ms-input-placeholder {
  color: #A7BCC6;
  opacity: 0.6;
}

.text--blue--gray:-moz-placeholder {
  color: #A7BCC6;
  opacity: 0.6;
}

.text--blue--gray:focus::-webkit-input-placeholder {
  color: transparent;
}

.text--blue--gray:focus::-moz-placeholder {
  color: transparent;
}

.text--blue--gray:focus:-ms-input-placeholder {
  color: transparent;
}

.text--blue--gray:focus:-moz-placeholder {
  color: transparent;
}

h1.text--blue--gray,
h2.text--blue--gray,
h3.text--blue--gray,
h4.text--blue--gray,
h5.text--blue--gray,
h6.text--blue--gray {
  color: #A7BCC6;
}

p.text--blue--gray {
  color: #A7BCC6;
}

.text--orange {
  color: #E46646;
}
.text--orange > a {
  color: #E46646;
  text-decoration: none;
}

.text--orange::-webkit-input-placeholder {
  color: #E46646;
  opacity: 0.6;
}

.text--orange::-moz-placeholder {
  color: #E46646;
  opacity: 0.6;
}

.text--orange:-ms-input-placeholder {
  color: #E46646;
  opacity: 0.6;
}

.text--orange:-moz-placeholder {
  color: #E46646;
  opacity: 0.6;
}

.text--orange:focus::-webkit-input-placeholder {
  color: transparent;
}

.text--orange:focus::-moz-placeholder {
  color: transparent;
}

.text--orange:focus:-ms-input-placeholder {
  color: transparent;
}

.text--orange:focus:-moz-placeholder {
  color: transparent;
}

h1.text--orange,
h2.text--orange,
h3.text--orange,
h4.text--orange,
h5.text--orange,
h6.text--orange {
  color: #E46646;
}

p.text--orange {
  color: #E46646;
}

.text--orange--shade {
  color: #cd5c3f;
}
.text--orange--shade > a {
  color: #cd5c3f;
  text-decoration: none;
}

.text--orange--shade::-webkit-input-placeholder {
  color: #cd5c3f;
  opacity: 0.6;
}

.text--orange--shade::-moz-placeholder {
  color: #cd5c3f;
  opacity: 0.6;
}

.text--orange--shade:-ms-input-placeholder {
  color: #cd5c3f;
  opacity: 0.6;
}

.text--orange--shade:-moz-placeholder {
  color: #cd5c3f;
  opacity: 0.6;
}

.text--orange--shade:focus::-webkit-input-placeholder {
  color: transparent;
}

.text--orange--shade:focus::-moz-placeholder {
  color: transparent;
}

.text--orange--shade:focus:-ms-input-placeholder {
  color: transparent;
}

.text--orange--shade:focus:-moz-placeholder {
  color: transparent;
}

h1.text--orange--shade,
h2.text--orange--shade,
h3.text--orange--shade,
h4.text--orange--shade,
h5.text--orange--shade,
h6.text--orange--shade {
  color: #cd5c3f;
}

p.text--orange--shade {
  color: #cd5c3f;
}

.text--gray {
  color: #838383;
}
.text--gray > a {
  color: #838383;
  text-decoration: none;
}

.text--gray::-webkit-input-placeholder {
  color: #838383;
  opacity: 0.6;
}

.text--gray::-moz-placeholder {
  color: #838383;
  opacity: 0.6;
}

.text--gray:-ms-input-placeholder {
  color: #838383;
  opacity: 0.6;
}

.text--gray:-moz-placeholder {
  color: #838383;
  opacity: 0.6;
}

.text--gray:focus::-webkit-input-placeholder {
  color: transparent;
}

.text--gray:focus::-moz-placeholder {
  color: transparent;
}

.text--gray:focus:-ms-input-placeholder {
  color: transparent;
}

.text--gray:focus:-moz-placeholder {
  color: transparent;
}

h1.text--gray,
h2.text--gray,
h3.text--gray,
h4.text--gray,
h5.text--gray,
h6.text--gray {
  color: #838383;
}

p.text--gray {
  color: #838383;
}

.text--gray--light {
  color: #EEEEEE;
}
.text--gray--light > a {
  color: #EEEEEE;
  text-decoration: none;
}

.text--gray--light::-webkit-input-placeholder {
  color: #EEEEEE;
  opacity: 0.6;
}

.text--gray--light::-moz-placeholder {
  color: #EEEEEE;
  opacity: 0.6;
}

.text--gray--light:-ms-input-placeholder {
  color: #EEEEEE;
  opacity: 0.6;
}

.text--gray--light:-moz-placeholder {
  color: #EEEEEE;
  opacity: 0.6;
}

.text--gray--light:focus::-webkit-input-placeholder {
  color: transparent;
}

.text--gray--light:focus::-moz-placeholder {
  color: transparent;
}

.text--gray--light:focus:-ms-input-placeholder {
  color: transparent;
}

.text--gray--light:focus:-moz-placeholder {
  color: transparent;
}

h1.text--gray--light,
h2.text--gray--light,
h3.text--gray--light,
h4.text--gray--light,
h5.text--gray--light,
h6.text--gray--light {
  color: #EEEEEE;
}

p.text--gray--light {
  color: #EEEEEE;
}

* {
  font-family: "Public Sans", tahoma, sans-serif;
  color: #5B5B5B;
}

h1, h2 {
  font-family: "Public Sans", tahoma, sans-serif;
  font-size: 4.375em;
  line-height: 1.0857142857em;
  letter-spacing: -0.035em;
  font-weight: 200;
}
@media only screen and (max-width: 1000px) {
  h1, h2 {
    font-size: 3.5em;
  }
}
@media only screen and (max-width: 700px) {
  h1, h2 {
    font-size: 2.5em;
  }
}

h3 {
  font-family: "Public Sans", tahoma, sans-serif;
  font-size: 3em;
  line-height: 1.2083333333em;
  letter-spacing: -0.04em;
  font-weight: 200;
}
@media only screen and (max-width: 1000px) {
  h3 {
    font-size: 2.5em;
  }
}

h4 {
  font-family: "Public Sans", tahoma, sans-serif;
  font-size: 2.625em;
  line-height: 1.2857142857em;
  letter-spacing: -0.03em;
  font-weight: 200;
}
@media only screen and (max-width: 1000px) {
  h4 {
    font-size: 2.25em;
  }
}

h5 {
  font-family: "Public Sans", tahoma, sans-serif;
  font-size: 1.625em;
  line-height: 1.3846153846em;
  letter-spacing: -0.02em;
  font-weight: 600;
}
@media only screen and (max-width: 1000px) {
  h5 {
    font-size: 1.25em;
  }
}

h6 {
  font-family: "Public Sans", tahoma, sans-serif;
  font-size: 1.4375em;
  line-height: 1.4347826087em;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (max-width: 1000px) {
  h6 {
    font-size: 1em;
  }
}

p, li {
  font-family: "Public Sans", tahoma, sans-serif;
  font-size: 1.25em;
  line-height: 1.55em;
  letter-spacing: -0.7px;
  font-family: "Public Sans", tahoma, sans-serif !important;
  font-weight: 400;
}
@media only screen and (max-width: 1000px) {
  p, li {
    font-size: 1em;
  }
}

em {
  font-style: italic !important;
}

.p--large p, p.p--large, span.p--large {
  font-size: 1.625em;
  line-height: 1.3846153846em;
  letter-spacing: 0;
  font-weight: 200;
}
@media only screen and (max-width: 1000px) {
  .p--large p, p.p--large, span.p--large {
    font-size: 1.25em;
  }
}

p + p, p + ul, p + ol {
  margin-top: 0.9rem;
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
  margin-top: 3rem;
}

p + ul {
  margin-left: 2rem;
  padding-left: 1rem;
}
p + ul li {
  list-style: disc;
}

ul + p {
  margin-top: 1rem;
}

h1 + p, h2 + p, h3 + p, h4 + p {
  margin-top: 1.5rem;
}

h5 + p, h6 + p {
  margin-top: 1rem;
}

.disclaimer p {
  font-size: 15px;
  font-weight: 600;
  opacity: 0.7;
}

strong, b {
  font-weight: 600;
}

sup {
  vertical-align: super;
  font-size: 60%;
}

img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
}

:root {
  --padding: 5.5em;
  --fontsize: 1rem;
}

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

html {
  min-height: 100%;
  height: 100%;
  -webkit-text-size-adjust: none;
}

body {
  min-height: 100%;
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow-x: hidden;
  font-size: 1rem;
  font-size: var(--fontsize);
}

@media only screen and (max-width: 700px) {
  .site-wrapper {
    overflow-x: hidden;
  }
}
/*
main, #headerNav, #mobileNav, #footer  {
	overflow-x: hidden;
}
*/
main,
nav,
header,
article,
footer,
section,
div {
  display: block;
  position: relative;
}

.overflow--hidden {
  overflow: hidden;
}

.border--5 {
  border-radius: 5px;
}

.border--10 {
  border-radius: 10px;
}

.border--15 {
  border-radius: 15px;
}

.border--20 {
  border-radius: 20px;
}

.border--25 {
  border-radius: 25px;
}

.border--30 {
  border-radius: 30px;
}

.border--35 {
  border-radius: 35px;
}

.border--40 {
  border-radius: 40px;
}

.border--45 {
  border-radius: 45px;
}

.border--50 {
  border-radius: 50px;
}

.border--55 {
  border-radius: 55px;
}

.border--60 {
  border-radius: 60px;
}

.border--65 {
  border-radius: 65px;
}

.border--70 {
  border-radius: 70px;
}

.border--75 {
  border-radius: 75px;
}

.border--80 {
  border-radius: 80px;
}

.border--85 {
  border-radius: 85px;
}

.border--90 {
  border-radius: 90px;
}

.border--95 {
  border-radius: 95px;
}

.border--100 {
  border-radius: 100px;
}

.bkg--white {
  background-color: white;
}

.fill--white {
  fill: white;
}

.bkg--black {
  background-color: #5B5B5B;
}

.fill--black {
  fill: #5B5B5B;
}

.bkg--blue {
  background-color: #2286BC;
}

.fill--blue {
  fill: #2286BC;
}

.bkg--blue--shade {
  background-color: #1f79a9;
}

.fill--blue--shade {
  fill: #1f79a9;
}

.bkg--blue--dark {
  background-color: #115483;
}

.fill--blue--dark {
  fill: #115483;
}

.bkg--blue--tint {
  background-color: #E4F1FD;
}

.fill--blue--tint {
  fill: #E4F1FD;
}

.bkg--blue--gray {
  background-color: #A7BCC6;
}

.fill--blue--gray {
  fill: #A7BCC6;
}

.bkg--orange {
  background-color: #E46646;
}

.fill--orange {
  fill: #E46646;
}

.bkg--orange--shade {
  background-color: #cd5c3f;
}

.fill--orange--shade {
  fill: #cd5c3f;
}

.bkg--gray {
  background-color: #838383;
}

.fill--gray {
  fill: #838383;
}

.bkg--gray--light {
  background-color: #EEEEEE;
}

.fill--gray--light {
  fill: #EEEEEE;
}

.opacity--10 {
  opacity: 0.1;
}

.opacity--20 {
  opacity: 0.2;
}

.opacity--30 {
  opacity: 0.3;
}

.opacity--40 {
  opacity: 0.4;
}

.opacity--50 {
  opacity: 0.5;
}

.opacity--60 {
  opacity: 0.6;
}

.opacity--70 {
  opacity: 0.7;
}

.opacity--80 {
  opacity: 0.8;
}

.opacity--90 {
  opacity: 0.9;
}

.opacity--100 {
  opacity: 1;
}

.status--draft {
  display: none;
  opacity: 0.85;
}
.status--draft:after {
  position: absolute;
  top: calc( 5.5em * 0.25 );
  top: calc( var(--padding) * 0.25 );
  right: calc( 5.5em * 0.25 );
  right: calc( var(--padding) * 0.25 );
  background: red;
  padding: 0.75em;
  font-size: 0.875em;
  line-height: 1;
  letter-spacing: 0em;
  font-family: "Public Sans", tahoma, sans-serif;
  font-weight: 600;
  color: white;
  content: "DRAFT MODULE";
  pointer-events: none;
  z-index: 100;
}

.customize-support .status--draft {
  display: block;
}

.z--1 {
  z-index: 1;
}

.z--2 {
  z-index: 2;
}

.z--3 {
  z-index: 3;
}

.z--4 {
  z-index: 4;
}

.z--5 {
  z-index: 5;
}

.z--6 {
  z-index: 6;
}

.z--7 {
  z-index: 7;
}

.z--8 {
  z-index: 8;
}

.z--9 {
  z-index: 9;
}

.z--10 {
  z-index: 10;
}

#headerNav #secNav {
  background-color: #2286BC;
}
#headerNav #secNav ul {
  display: flex;
  justify-content: flex-end;
  padding: 15px 0;
}
#headerNav #secNav ul li {
  margin: 0 10px;
}
#headerNav #secNav ul li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 700px) {
  #headerNav #secNav {
    display: none;
  }
}
#headerNav #mainNav {
  background-color: white;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 700px) {
  #headerNav #mainNav {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#headerNav #mainNav .header {
  display: flex;
  justify-content: space-between;
}
#headerNav #mainNav .header .logo {
  display: flex;
  align-items: center;
}
#headerNav #mainNav .header nav {
  display: flex;
  align-items: center;
}
#headerNav #mainNav .header nav > ul.site-nav__menu {
  display: flex;
  justify-content: flex-end;
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li {
  text-transform: uppercase;
  margin: 0 30px;
  padding: 30px 0;
  font-size: 1.0625em;
}
@media only screen and (max-width: 1000px) {
  #headerNav #mainNav .header nav > ul.site-nav__menu > li {
    font-size: 1em;
    margin: 0 20px;
  }
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li:first-child {
  margin-left: 0;
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li:last-child {
  margin-right: 0;
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li a {
  text-decoration: none;
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li.menu-item-has-children {
  position: relative;
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li.menu-item-has-children > a {
  position: relative;
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li.menu-item-has-children > a:after {
  position: absolute;
  bottom: 5px;
  right: -20px;
  content: " ";
  width: 9px;
  height: 7px;
  background-image: url(/wp-content/themes/apiject/images/icons/down-triangle.svg);
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li.menu-item-has-children:hover ul.sub-menu, #headerNav #mainNav .header nav > ul.site-nav__menu > li.menu-item-has-children:focus ul.sub-menu {
  display: block;
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li.menu-item-has-children:hover a:after, #headerNav #mainNav .header nav > ul.site-nav__menu > li.menu-item-has-children:focus a:after {
  transform: rotate(180deg);
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li ul.sub-menu {
  display: none;
  background-color: #fff;
  position: absolute;
  left: 0;
  border-top: 5px solid #E46646;
  min-width: 180px;
  max-width: 350px;
  margin-top: 30px;
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li ul.sub-menu li {
  font-size: 1em;
  text-transform: none;
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li ul.sub-menu li a {
  display: block;
  padding: 10px;
  background-color: #fff;
  transition: all 0.2s;
}
#headerNav #mainNav .header nav > ul.site-nav__menu > li ul.sub-menu li a:hover, #headerNav #mainNav .header nav > ul.site-nav__menu > li ul.sub-menu li a:focus {
  background-color: #eee;
  transition: all 0.2s;
}
@media only screen and (max-width: 700px) {
  #headerNav #mainNav .header nav {
    display: none;
  }
}
#headerNav #mainNav .hamburger {
  display: none;
}
@media only screen and (max-width: 700px) {
  #headerNav #mainNav .hamburger {
    display: block;
  }
}

.mobileNav {
  position: absolute;
  z-index: 8;
  width: 100%;
  transform: translate(0, -200%);
  transition: all 0.5s;
  pointer-events: none;
  display: block;
  background-color: #eee;
}
.mobileNav li {
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}
.mobileNav li.menu-item-has-children {
  position: relative;
}
.mobileNav li.menu-item-has-children > a {
  position: relative;
  pointer-events: none;
}
.mobileNav li.menu-item-has-children > a:after {
  position: absolute;
  bottom: 23px;
  margin-left: 10px;
  content: " ";
  width: 9px;
  height: 7px;
  background-image: url(/wp-content/themes/apiject/images/icons/down-triangle.svg);
}
.mobileNav li.menu-item-has-children.open ul.sub-menu {
  display: block;
}
.mobileNav li.menu-item-has-children.open a:after {
  transform: rotate(180deg);
}
.mobileNav li.menu-item-has-children:hover, .mobileNav li.menu-item-has-children:focus {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.mobileNav li .sub-menu {
  display: none;
  background-color: #fff;
}
.mobileNav li .sub-menu li {
  text-transform: none;
}
.mobileNav li .sub-menu li a {
  color: #5B5B5B;
}
.mobileNav li a {
  display: block;
  padding: 15px 0;
  text-decoration: none;
  color: #5B5B5B;
  width: 100%;
  height: 100%;
}
.mobileNav li a:hover, .mobileNav li a:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
.mobileNav.open {
  transform: translate(0, 0);
  pointer-events: all;
}

.hamburger .menuLine {
  width: 50px;
  height: 5px;
  background-color: #2286BC;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover {
  cursor: pointer;
}

/* ONE */
#hamburger-1.is-active .menuLine:nth-child(2) {
  opacity: 0;
}

#hamburger-1.is-active .menuLine:nth-child(1) {
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

#hamburger-1.is-active .menuLine:nth-child(3) {
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}

.linkNav li {
  font-weight: 600;
  font-size: 0.875rem;
}
.linkNav li a {
  color: white;
  opacity: 1;
}
.linkNav li a:hover, .linkNav li a:focus {
  opacity: 0.7;
}

#footer {
  background-color: #115483;
  padding: 3em 0;
  position: relative;
  z-index: 0;
}
#footer a.sociallink {
  display: inline-block;
}
#footer a.sociallink img {
  height: 29px;
  width: 29px !important;
  margin: 0 25px 0 0;
}
#footer * {
  color: white;
}
#footer .footerNav, #footer .copyright {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 700px) {
  #footer .footerNav, #footer .copyright {
    flex-direction: column;
    align-items: center;
  }
}
#footer .footerNav .email h5 {
  font-weight: 200;
  color: #E4F1FD;
}
#footer .footerNav .email img {
  width: 125px;
  margin-top: 10px;
}
@media only screen and (max-width: 700px) {
  #footer .footerNav .email {
    width: 100%;
  }
}
#footer .footerNav nav li {
  margin-bottom: 5px;
  text-align: right;
}
#footer .footerNav nav li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 700px) {
  #footer .footerNav nav {
    margin-top: 2em;
  }
  #footer .footerNav nav li {
    text-align: center;
  }
}
#footer .copyright {
  margin-top: 3em;
}
#footer .copyright .content {
  display: flex;
  align-items: center;
}
#footer .copyright .content p {
  color: #A7BCC6;
  font-size: 14px;
}
#footer .copyright .content p a {
  color: #A7BCC6;
  margin-left: 30px;
  text-decoration: none;
}
#footer .copyright .content p a:hover, #footer .copyright .content p a:focus {
  opacity: 0.7;
}
#footer .copyright .logo img {
  width: 153px;
  height: 44px;
}
@media only screen and (max-width: 700px) {
  #footer .copyright .logo {
    margin-top: 2em;
  }
}

.your-message input,
.your-message select, .subject input,
.subject select, .email input,
.email select, .first-name input,
.first-name select, .last-name input,
.last-name select {
  padding: 0;
  margin: 0;
  font-size: 1em;
  background: none;
  box-shadow: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  appearance: none;
}

a:focus,
button:focus {
  outline: none;
}

button, .wpcf7-submit {
  padding: 0;
  margin: 0;
  font-size: 1em;
  background: none;
  box-shadow: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  appearance: none;
  cursor: pointer;
}
button.button, .wpcf7-submit.button {
  transition: all 0.2s;
  text-transform: uppercase;
  weight: 600;
  letter-spacing: 1px;
  color: white;
}
button.button a, .wpcf7-submit.button a {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 15px;
  margin-right: 15px;
  text-transform: uppercase;
  weight: 600;
  letter-spacing: 1px;
  color: white;
  transition: all 0.2s;
}
button.button a:after, .wpcf7-submit.button a:after {
  content: " ";
  width: 6px;
  height: 11px;
  position: absolute;
  top: 18px;
  right: 0;
  background-image: url("/wp-content/themes/apiject/images/icons/arrow-right.svg");
}
button.button:hover, button.button:focus, .wpcf7-submit.button:hover, .wpcf7-submit.button:focus {
  transition: all 0.2s;
}
button.button:hover a, button.button:focus a, .wpcf7-submit.button:hover a, .wpcf7-submit.button:focus a {
  padding-right: 30px;
}
button.button.orange, .wpcf7-submit.button.orange {
  background-color: #E46646;
}
button.button.orange:hover, button.button.orange:focus, .wpcf7-submit.button.orange:hover, .wpcf7-submit.button.orange:focus {
  background-color: #cd5c3f;
}
button.text-link a, .wpcf7-submit.text-link a {
  display: block;
  position: relative;
  text-decoration: none;
  margin: 30px 0 0 0;
  padding-right: 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
  color: #E46646;
  transition: all 0.2s;
}
button.text-link a:after, .wpcf7-submit.text-link a:after {
  content: " ";
  width: 6px;
  height: 11px;
  position: absolute;
  top: 3px;
  right: 0;
  background-image: url("/wp-content/themes/apiject/images/icons/arrow-right-orange.svg");
}
button.text-link a:hover, .wpcf7-submit.text-link a:hover {
  padding-right: 30px;
}
button.load-more, .wpcf7-submit.load-more {
  grid-column: 1/span 3;
  text-align: center;
  width: 100%;
  margin: 10px auto 0;
  display: block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
  color: #E46646;
  transition: all 0.2s;
}
button.load-more:before, button.load-more:after, .wpcf7-submit.load-more:before, .wpcf7-submit.load-more:after {
  content: " ";
  bottom: 6px;
  position: absolute;
  z-index: 10;
  background-color: #E46646;
  width: calc( 50% - 75px );
  height: 1px;
  transition: all 0.2s;
}
button.load-more:before, .wpcf7-submit.load-more:before {
  left: 0;
}
button.load-more:after, .wpcf7-submit.load-more:after {
  right: 0;
}
button.load-more:hover:before, button.load-more:hover:after, .wpcf7-submit.load-more:hover:before, .wpcf7-submit.load-more:hover:after {
  width: calc( 50% - 100px );
}
button.load-more.done:before, button.load-more.done:after, .wpcf7-submit.load-more.done:before, .wpcf7-submit.load-more.done:after {
  display: none;
}

a.button, button.button {
  padding: 0;
  margin: 0;
  font-size: 1em;
  background: none;
  box-shadow: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  appearance: none;
  cursor: pointer;
  transition: all 0.2s;
  text-transform: uppercase;
  weight: 600;
  letter-spacing: 1px;
  color: white;
  display: inline-block;
  position: relative;
  text-decoration: none;
  padding: 15px;
  padding-right: 30px;
  text-transform: uppercase;
  weight: 600;
  letter-spacing: 1px;
  color: white;
  margin-top: 40px;
  transition: all 0.2s;
}
a.button:after, button.button:after {
  content: " ";
  width: 6px;
  height: 11px;
  position: absolute;
  top: 18px;
  right: 15px;
  background-image: url("/wp-content/themes/apiject/images/icons/arrow-right.svg");
}
a.button:hover, a.button:focus, button.button:hover, button.button:focus {
  transition: all 0.2s;
}
a.button:hover, a.button:focus, button.button:hover, button.button:focus {
  padding-right: 45px;
}
a.button.orange, button.button.orange {
  background-color: #E46646;
}
a.button.orange:hover, a.button.orange:focus, button.button.orange:hover, button.button.orange:focus {
  background-color: #cd5c3f;
}
a.button.orange span, button.button.orange span {
  color: #fff;
}

a.text-link {
  display: inline-block;
  position: relative;
  text-decoration: none;
  margin: 30px 0 0 0;
  padding-right: 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
  color: #E46646;
  margin-top: 30px !important;
  transition: all 0.2s;
}
a.text-link:after {
  content: " ";
  width: 6px;
  height: 11px;
  position: absolute;
  top: 3px;
  right: 0;
  background-image: url("/wp-content/themes/apiject/images/icons/arrow-right-orange.svg");
}
a.text-link:hover {
  padding-right: 30px;
}

.load-more {
  grid-column: 1/span 3;
  margin: 30px 0;
}
.load-more .text-link {
  text-align: center;
}
.load-more .text-link a {
  margin: 0;
  margin-top: -6px;
  padding: 0;
}
.load-more .text-link a:after {
  display: none;
}
.load-more .text-link a:hover {
  padding: 0;
  opacity: 0.7;
}

p + button {
  margin-top: 40px;
}

.card {
  position: relative;
}

.orange-line {
  width: 10px;
  position: absolute;
  right: 20px;
  top: -40px;
}
.orange-line path {
  height: 50px;
}

#plunger {
  transform: translate(0, -30px);
  animation-name: plung;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

#ballon {
  transform: scaleX(0.8) translate(11px, -3px);
  animation-name: blow;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

#fillArea {
  transform: translate(0, 15px);
  animation-name: fillLiquid;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

#leftClip {
  transform: translate(10px, 0);
  animation-name: clipLeft;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

#rightClip {
  transform: translate(-10px, 0);
  animation-name: clipRight;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

@keyframes plung {
  50% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, 0px);
  }
  100% {
    transform: translate(0, -30px);
  }
}
@keyframes blow {
  0% {
    transform: scaleX(0.8) translate(11px, -3px);
  }
  50% {
    transform: scaleX(1) translate(0, 0);
  }
  100% {
    transform: scaleX(0.8) translate(11px, -3px);
  }
}
@keyframes fillLiquid {
  0% {
    transform: translate(0, 15px);
  }
  50% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 15px);
  }
}
@keyframes clipLeft {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes clipRight {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-10px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
/*! Lity - v2.2.2 - 2017-07-17
* http://sorgalla.com/lity/
* Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */
/*
#headerNav {
	position: fixed;
	z-index: 50;
	top: 0;
	width: 100%;
}
#main {
	margin-top: 126px;
}
*/
.home-hero--module .home-wrapper {
  padding-bottom: 60px;
}
@media only screen and (max-width: 1000px) {
  .home-hero--module {
    height: 100%;
  }
}
@media only screen and (max-width: 940px) {
  .home-hero--module {
    height: auto;
  }
  .home-hero--module .grid.col-1-1 {
    display: block;
    padding: 20px 0;
  }
  .home-hero--module .home-wrapper {
    padding-bottom: 0;
  }
}
.home-hero--module .header {
  padding: 135px 0 60px 20px;
  position: -webkit-sticky;
  /* Required for Safari */
  position: sticky;
  top: 0;
  align-self: flex-start;
  z-index: 2;
}
@media only screen and (max-width: 1300px) {
  .home-hero--module .header {
    padding: 159px 20px 0 20px;
  }
}
.home-hero--module .header.alert--enabled {
  padding: 85px 0 60px 20px;
}
@media only screen and (max-width: 1300px) {
  .home-hero--module .header.alert--enabled {
    padding: 85px 20px 0 20px;
  }
}
@media only screen and (max-width: 1150px) {
  .home-hero--module .header {
    padding: 0 20px;
  }
}
.home-hero--module .header h1, .home-hero--module .header p {
  max-width: 580px;
  margin: 20px 20px 20px 0;
}
@media only screen and (max-width: 1300px) {
  .home-hero--module .header h1 {
    font-size: 40px;
  }
}
.home-hero--module .header .horizontal-line {
  width: 144%;
  position: relative;
}
.home-hero--module .header .vertical-line {
  position: absolute;
  right: 3px;
  height: 550px;
}
.home-hero--module .header .square {
  position: absolute;
  z-index: 2;
  right: -18px;
  top: -21px;
}
.home-hero--module .header .square #rec1 {
  opacity: 0;
  animation: blinking 5s infinite;
}
.home-hero--module .header .square #rec2 {
  opacity: 0;
  animation: blinking 5s infinite;
  animation-delay: 1s;
}
.home-hero--module .header .square #rec3 {
  opacity: 0;
  animation: blinking 5s infinite;
  animation-delay: 2s;
}
@media only screen and (max-width: 940px) {
  .home-hero--module .header {
    position: relative;
    padding: 0px 0 33px 0;
  }
  .home-hero--module .header h1, .home-hero--module .header p {
    max-width: 100%;
  }
  .home-hero--module .header .horizontal-line {
    width: 100%;
  }
  .home-hero--module .header .square, .home-hero--module .header .vertical-line {
    display: none;
  }
}
.home-hero--module .header .home-hero--module-alert {
  margin-left: -60px;
  padding: 100px 60px 40px 0;
}
.home-hero--module .header .home-hero--module-alert .alert-wrapper {
  padding: 40px 35px 40px 60px;
}
@media only screen and (max-width: 1300px) {
  .home-hero--module .header .home-hero--module-alert {
    padding: 40px 60px 40px 0;
  }
}
@media only screen and (max-width: 1150px) {
  .home-hero--module .header .home-hero--module-alert {
    padding: 40px 20px 40px 0;
  }
  .home-hero--module .header .home-hero--module-alert .alert-wrapper {
    padding: 20px;
  }
}
@media only screen and (max-width: 940px) {
  .home-hero--module .header .home-hero--module-alert {
    margin-left: 0;
    padding: 40px 0;
  }
  .home-hero--module .header .home-hero--module-alert .alert-wrapper {
    padding: 40px;
  }
}
.home-hero--module .header .home-hero--module-alert h6.subhead {
  font-size: 0.9375em;
  letter-spacing: 1px;
}
.home-hero--module .header .home-hero--module-alert p.p--large {
  margin-top: 25px;
  margin-bottom: 0;
  font-size: 1.625rem;
  line-height: 2.25rem;
  font-weight: 600;
}
.home-hero--module .header .home-hero--module-alert .link--blue--tint {
  color: #E4F1FD;
  margin-top: 25px !important;
}
.home-hero--module .header .home-hero--module-alert .link--blue--tint:after {
  background-image: url(/wp-content/themes/apiject/images/icons/arrow-right.svg);
}
@media only screen and (max-width: 1150px) {
  .home-hero--module .header .home-hero--module-alert h6.subhead {
    font-size: 0.875em;
  }
  .home-hero--module .header .home-hero--module-alert p.p--large {
    font-size: 1em;
    line-height: 1.5em;
  }
  .home-hero--module .header .home-hero--module-alert .link--blue--tint {
    font-size: 0.875em;
  }
}
@media only screen and (max-width: 940px) {
  .home-hero--module .header .home-hero--module-alert h6.subhead {
    font-size: 1em;
  }
  .home-hero--module .header .home-hero--module-alert p.p--large {
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .home-hero--module .header .home-hero--module-alert .link--blue--tint {
    font-size: 1em;
  }
}
.home-hero--module .image-col {
  position: relative;
  z-index: 1;
}
.home-hero--module .image-col .featured-image {
  position: relative;
  z-index: 0;
}
.home-hero--module .image-col .img-grid {
  margin-top: 33px;
  width: calc( 100% + 100px );
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 1000px) {
  .home-hero--module .image-col .img-grid .image:nth-child(2) {
    grid-row: 1/span 2;
    grid-column: 2;
  }
  .home-hero--module .image-col .img-grid .image:nth-child(1), .home-hero--module .image-col .img-grid .image:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 940px) {
  .home-hero--module .image-col .img-grid .image:nth-child(2) {
    grid-row: 1/span 2;
    grid-column: 2;
  }
  .home-hero--module .image-col .img-grid .image:nth-child(1), .home-hero--module .image-col .img-grid .image:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 940px) {
  .home-hero--module .image-col .featured-image {
    margin: 0 auto;
    text-align: center;
  }
  .home-hero--module .image-col .img-grid {
    display: grid;
    width: 100%;
  }
  .home-hero--module .image-col .img-grid .image:nth-child(1) {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 700px) {
  .home-hero--module .image-col .img-grid {
    display: none;
  }
}

section.featured-list--module {
  position: relative;
  z-index: 15;
}

.placeholder {
  height: 100%;
}

@keyframes blinking {
  25% {
    opacity: 1;
  }
  30% {
    opacity: 0.7;
  }
  35% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.3;
  }
  50% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  60% {
    opacity: 0.3;
  }
  70% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.7;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0.6;
  }
  95% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
  }
}
.interior-hero--module .inner.top {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 60px 20px;
  margin-bottom: 150px;
  background-position: center center;
  background-size: cover;
}
@media only screen and (max-width: 1000px) {
  .interior-hero--module .inner.top {
    min-height: 150px;
  }
}
.interior-hero--module .inner.top .header {
  display: block;
  max-width: 930px;
  width: 100%;
  margin-bottom: -162px;
}
.interior-hero--module .inner.top .header > div {
  min-width: 930px;
  padding: 50px 20px;
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .interior-hero--module .inner.top .header > div {
    padding: 40px;
    min-width: 100%;
  }
}
.interior-hero--module .inner.top .header > div h6 {
  margin-bottom: 15px;
}
.interior-hero--module .inner.medium p {
  text-align: center;
  font-size: 2.4em;
  line-height: 1.2857142857em;
}
@media only screen and (max-width: 1000px) {
  .interior-hero--module .inner.medium p {
    font-size: 2em;
  }
}

section.hero--module {
  padding-top: 0;
  padding-bottom: 0;
}

.page-contact .interior-hero--module .inner.top {
  background-position: center 15%;
}

.bio--module.multi-bio--module {
  margin-top: 30px;
  margin-bottom: 30px;
}
.bio--module.multi-bio--module .grid {
  padding-top: 40px;
  padding-bottom: 40px;
  grid-auto-rows: auto;
  align-items: flex-start;
}
@media only screen and (max-width: 1000px) {
  .bio--module.multi-bio--module .grid {
    display: grid;
    grid-gap: 66px;
  }
}
@media only screen and (max-width: 700px) {
  .bio--module.multi-bio--module .grid {
    grid-template-columns: 1fr;
  }
}
.bio--module.multi-bio--module .cards {
  border-left: 1px solid #E46646;
  padding-left: 33px;
  position: relative;
  cursor: pointer;
}
.bio--module.multi-bio--module .cards:before {
  content: " ";
  position: absolute;
  left: -4px;
  top: -4px;
  width: 8px;
  height: 8px;
  background-color: #E46646;
}
.bio--module.multi-bio--module .cards .bottom-line {
  position: absolute;
  left: -4px;
  width: 100px;
}
.bio--module.multi-bio--module .cards.open .description {
  display: block;
}
.bio--module.multi-bio--module .content {
  padding: 45px 0 33px;
}
.bio--module.multi-bio--module .content .copy {
  margin-bottom: 0;
}
.bio--module.multi-bio--module .subhead {
  color: #838383;
  font-size: 15px;
  text-transform: uppercase;
}
.bio--module.multi-bio--module .name {
  margin-top: 5px;
  text-transform: none;
  font-weight: 600;
}
.bio--module.multi-bio--module .description {
  margin-top: 15px;
  display: none;
}
.bio--module.multi-bio--module .bkg-img {
  background-color: #EEEEEE;
  background-position: center top;
  background-size: 100%;
}
.bio--module.multi-bio--module .bkg-img:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 5px;
  left: 0;
  top: -5px;
  background-color: #EEEEEE;
}
@media only screen and (max-width: 700px) {
  .bio--module.multi-bio--module .bkg-img img {
    max-width: none;
    max-height: none;
    width: 100%;
  }
}
.bio--module .cards:hover .bio-link.close, .bio--module .cards:focus .bio-link.close, .bio--module .cards:active .bio-link.close {
  transition: all 0.3s;
  cursor: pointer;
  width: 50%;
}
.bio--module .bio-link {
  width: 25%;
  height: 1px;
  border-bottom: 1px solid #E46646;
  padding: 5px 0 0;
  margin-left: -33px;
}
.bio--module .bio-link:before {
  content: " ";
  position: absolute;
  left: -4px;
  top: 2px;
  width: 8px;
  height: 8px;
  background-color: #e46646;
}
.bio--module .bio-link:after {
  content: " ";
  position: absolute;
  right: -4px;
  top: 2px;
  width: 8px;
  height: 8px;
  background-color: #e46646;
}
.bio--module .bio-link.close {
  transition: all 0.3s;
}
.bio--module .bio-link.close:hover {
  cursor: pointer;
  width: 50%;
}
.bio--module .bio-link.open {
  transition: all 0.3s;
  width: 110%;
}
.bio--module .bio-link.open:hover {
  cursor: pointer;
}

/*
.bsf-home--module {
	&.wrapper {
		padding-top: 25px;
		position: relative;
		z-index: -1;
	}
	.video {
		min-height: 700px;
		position: relative;
		z-index: 60;
		.content {
			position: absolute;
			max-width: 50%;
			padding: 40px;
			right: 40px;
			bottom: -20%;

			@include breakpoint(portrait) {
				max-width: 75%;
			}

			@include breakpoint(mobile) {
				max-width: calc( 100% - 80px );
				position: relative;
				right: 0;
				bottom: 0;

			}
		}
	}
	.process {
		padding-top: 100px;

		@include breakpoint(portrait) {
			padding-top: 120px;
		}

		@include breakpoint(mobile) {
			padding-top: 180px;
		}

		p, h4, h5, h6, span {
			color: map-get($colors, white);
		}

		.content {
			max-width: 50%;
			padding: 40px 100px 40px 20px;

			@include breakpoint(portrait) {
				max-width: 100%;
				padding: 50px 100px 40px 20px;
			}

			@include breakpoint(mobile) {
				padding: 40px 20px;
			}

			h5 {
				font-weight: $weight--light;
			}

		}
		.items {
			padding: 40px 50px;

			@include breakpoint(portrait) {
				&.col-1-1-1-1 {
					grid-template-columns: 1fr 1fr;
				}
			}

			.item {
				padding-bottom: 66px;

				img {
					margin: 0 auto 20px;
				}
			}

			&.gap {
				grid-gap: 66px;
			}

			small {
				font-size: 15px;
				color: map-get($colors, blue--gray);
				margin-right: 5px;
				margin-left: -30px;
			}
		}
	}
}
*/
.bsf-home--module.wrapper {
  padding-top: 25px;
  position: relative;
  z-index: -1;
}
.bsf-home--module .video {
  min-height: 500px;
  position: relative;
  z-index: 60;
}
@media only screen and (max-width: 700px) {
  .bsf-home--module .video {
    min-height: auto;
  }
}
.bsf-home--module .video .content {
  position: absolute;
  max-width: 50%;
  padding: 40px;
  right: 40px;
  bottom: -20%;
  /*
  			@media only screen and (max-width: 515px) {
  				max-width: calc( 100% - 40px ) !important;
  				max-width: 100%;
  				bottom: auto;
  				top: 40px;
  				right: 20px !important;
  				padding: 20px !important;
  			}
  */
}
@media only screen and (max-width: 1000px) {
  .bsf-home--module .video .content {
    max-width: 75%;
  }
}
@media only screen and (max-width: 700px) {
  .bsf-home--module .video .content {
    max-width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
    right: 0;
    bottom: 0;
  }
}
.bsf-home--module .video #myVideo {
  /*   position: fixed; */
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  margin-bottom: -5px;
  z-index: 10;
}
@media only screen and (max-width: 700px) {
  .bsf-home--module .video #myVideo {
    max-height: 300px;
    max-width: 150px;
    position: relative;
  }
}
.bsf-home--module .process {
  padding-top: 100px;
}
@media only screen and (max-width: 1000px) {
  .bsf-home--module .process {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 700px) {
  .bsf-home--module .process {
    padding-top: 90px;
  }
}
.bsf-home--module .process p, .bsf-home--module .process h4, .bsf-home--module .process h5, .bsf-home--module .process h6, .bsf-home--module .process span {
  color: white;
}
.bsf-home--module .process .content {
  max-width: 50%;
  padding: 40px 100px 40px 20px;
}
@media only screen and (max-width: 1000px) {
  .bsf-home--module .process .content {
    max-width: 100%;
    padding: 50px 100px 40px 20px;
  }
}
@media only screen and (max-width: 700px) {
  .bsf-home--module .process .content {
    padding: 40px 20px;
  }
}
.bsf-home--module .process .content h5 {
  font-weight: 200;
}
.bsf-home--module .process .items {
  padding: 40px 50px;
}
@media only screen and (max-width: 1000px) {
  .bsf-home--module .process .items.col-1-1-1-1 {
    grid-template-columns: 1fr 1fr;
  }
}
.bsf-home--module .process .items .item {
  padding-bottom: 66px;
}
.bsf-home--module .process .items .item img, .bsf-home--module .process .items .item svg {
  margin: 0 auto 20px;
  max-height: 176px;
}
.bsf-home--module .process .items.gap {
  grid-gap: 66px;
}
.bsf-home--module .process .items small {
  font-size: 15px;
  color: #A7BCC6;
  margin-right: 5px;
  margin-left: -30px;
}

.bsf-home .inner {
  margin-top: 60px;
}
.bsf-home .description p {
  font-weight: 200;
}

.pen-wrapper {
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width: 700px) {
  .pen-wrapper {
    display: flex;
    flex-direction: column;
  }
}
.pen-wrapper .tags {
  position: relative;
  z-index: 10;
}
.pen-wrapper .tags p {
  max-width: 225px;
  font-weight: 600;
  padding-left: 33px;
}
.pen-wrapper .tags .first p, .pen-wrapper .tags .third p {
  padding-bottom: 80px;
}
.pen-wrapper .tags .first {
  position: absolute;
  top: -170px;
  left: 50px;
}
.pen-wrapper .tags .second {
  position: absolute;
  top: 70px;
  right: 150px;
}
.pen-wrapper .tags .second p {
  padding-top: 80px;
}
.pen-wrapper .tags .third {
  position: absolute;
  top: -170px;
  right: 50px;
}
@media only screen and (max-width: 1000px) {
  .pen-wrapper .tags .first, .pen-wrapper .tags .third {
    top: -150px;
  }
  .pen-wrapper .tags .second {
    right: 90px;
  }
  .pen-wrapper .tags .third {
    right: 20px;
  }
}
@media only screen and (max-width: 700px) {
  .pen-wrapper .tags {
    order: 2;
  }
  .pen-wrapper .tags p {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .pen-wrapper .tags .first, .pen-wrapper .tags .second, .pen-wrapper .tags .third {
    margin: 33px;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }
}
.pen-wrapper .pen, .pen-wrapper .pen-2 {
  display: flex;
  justify-content: center;
  margin: 200px auto 200px;
}
@media only screen and (max-width: 1150px) {
  .pen-wrapper .pen, .pen-wrapper .pen-2 {
    margin: 200px auto 180px;
  }
}
@media only screen and (max-width: 700px) {
  .pen-wrapper .pen, .pen-wrapper .pen-2 {
    margin: 20px auto;
    order: 1;
  }
}
.pen-wrapper .pen img, .pen-wrapper .pen-2 img {
  height: 125px;
  margin: 0;
}
.pen-wrapper .pen img:nth-child(1), .pen-wrapper .pen-2 img:nth-child(1) {
  margin-right: 100px;
  transition: all 2s;
}
.pen-wrapper .pen img:nth-child(2), .pen-wrapper .pen-2 img:nth-child(2) {
  margin-right: 100px;
  transition: all 2s;
}
.pen-wrapper .pen img:nth-child(3), .pen-wrapper .pen-2 img:nth-child(3) {
  transition: all 2s;
}
.pen-wrapper .pen img.close:nth-child(1), .pen-wrapper .pen-2 img.close:nth-child(1) {
  margin-right: -115px;
}
.pen-wrapper .pen img.close:nth-child(2), .pen-wrapper .pen-2 img.close:nth-child(2) {
  margin-right: -75px;
}
@media only screen and (max-width: 1000px) {
  .pen-wrapper .pen img, .pen-wrapper .pen-2 img {
    height: 100px;
  }
  .pen-wrapper .pen img.close:nth-child(1), .pen-wrapper .pen-2 img.close:nth-child(1) {
    margin-right: -95px;
  }
  .pen-wrapper .pen img.close:nth-child(2), .pen-wrapper .pen-2 img.close:nth-child(2) {
    margin-right: -75px;
  }
}
@media only screen and (max-width: 700px) {
  .pen-wrapper .pen img, .pen-wrapper .pen-2 img {
    height: 115px;
  }
  .pen-wrapper .pen img.close:nth-child(1), .pen-wrapper .pen-2 img.close:nth-child(1) {
    margin-right: 0;
  }
  .pen-wrapper .pen img.close:nth-child(2), .pen-wrapper .pen-2 img.close:nth-child(2) {
    margin-left: -89px;
  }
  .pen-wrapper .pen img.close:nth-child(3), .pen-wrapper .pen-2 img.close:nth-child(3) {
    margin-left: -20px;
  }
}
@media only screen and (max-width: 375px) {
  .pen-wrapper .pen img.close:nth-child(2), .pen-wrapper .pen-2 img.close:nth-child(2) {
    margin-left: -81px;
  }
  .pen-wrapper .pen img.close:nth-child(3), .pen-wrapper .pen-2 img.close:nth-child(3) {
    margin-left: -20px;
  }
}
@media only screen and (max-width: 320px) {
  .pen-wrapper .pen img.close:nth-child(2), .pen-wrapper .pen-2 img.close:nth-child(2) {
    margin-left: -71px;
  }
  .pen-wrapper .pen img.close:nth-child(3), .pen-wrapper .pen-2 img.close:nth-child(3) {
    margin-left: -13px;
  }
}
.pen-wrapper .tags {
  max-width: 850px;
  margin: 0 auto;
}
@media only screen and (max-width: 1000px) {
  .pen-wrapper .tags {
    max-width: 700px;
  }
}

.pen-only .pen-wrapper .tags {
  z-index: 0;
}
.pen-only .pen-wrapper .tags p {
  font-size: 42px;
  font-weight: 200;
  max-width: 100%;
  text-align: center;
}
.pen-only .pen-wrapper .tags .first {
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
}
.pen-only .pen-wrapper .tags .first .vertical-line {
  top: 75px;
  height: 100px;
}
.pen-only .pen-wrapper .tags .second {
  position: absolute;
  top: 222px;
  left: 0;
  width: 100%;
}
.pen-only .pen-wrapper .tags .second p {
  padding-top: 80px;
}
.pen-only .pen-wrapper .tags .second .vertical-line {
  top: -20px;
  height: 100px;
}
@media only screen and (max-width: 1000px) {
  .pen-only .pen-wrapper .tags .second {
    top: 202px;
  }
}
@media only screen and (max-width: 700px) {
  .pen-only .pen-wrapper .tags {
    order: 1;
  }
  .pen-only .pen-wrapper .tags.interior-tags .first, .pen-only .pen-wrapper .tags.interior-tags .second {
    position: relative;
    margin: 33px auto;
  }
  .pen-only .pen-wrapper .tags.interior-tags .first p, .pen-only .pen-wrapper .tags.interior-tags .second p {
    font-size: 32px;
    padding-left: 0;
  }
  .pen-only .pen-wrapper .tags.interior-tags .vertical-line {
    padding-left: 0;
  }
  .pen-only .pen-wrapper .tags.interior-tags .second .vertical-line {
    top: -130px;
  }
}
.pen-only .pen-wrapper .tags .vertical-line {
  position: absolute;
  left: 50%;
}
.pen-only .pen-wrapper .pen-2 {
  padding-top: 100px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 700px) {
  .pen-only .pen-wrapper .pen-2 {
    padding: 0;
    margin: 0;
    margin-top: -90px;
    margin-bottom: 100px;
  }
}

.bsf-home--module.wrapper.video-only .process {
  display: none;
}
.bsf-home--module.wrapper.video-only .video .content {
  bottom: -30px;
}

.card-list--module {
  position: relative;
  z-index: 1;
  /*
  	&:before {
  		content: ' ';
  		position: absolute;
  		bottom: -29px;
  		right: calc( 50% - 4px );
  		height: 43px;
  		width: 1px;
  		border-right: 1px solid map-get($colors, orange);
  	}
  */
}
.card-list--module h2 {
  margin-bottom: 110px;
}
.card-list--module .card {
  margin-bottom: 66px;
}
.card-list--module .card .grid.col-1-1 {
  background-color: white;
  z-index: 5;
}
@media only screen and (max-width: 1000px) {
  .card-list--module .card .grid.col-1-1 {
    display: grid;
    z-index: 5 !important;
  }
}
@media only screen and (max-width: 700px) {
  .card-list--module .card .grid.col-1-1 {
    display: block;
  }
}
@media only screen and (max-width: 700px) {
  .card-list--module .card:before, .card-list--module .card:after {
    display: none;
  }
}
.card-list--module .card:last-child {
  margin-bottom: 0;
}
.card-list--module .card .image {
  background-size: cover;
  background-position: center center;
}
.card-list--module .card .content {
  padding: 50px !important;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.card-list--module .card .line-container {
  position: absolute;
  top: -33px;
  right: 33px;
  width: 1px;
  height: calc( 100% + 66px + 166px);
}
.card-list--module .card .line-container:after {
  display: none;
}
@media only screen and (max-width: 1000px) {
  .card-list--module .card .line-container {
    display: none;
  }
}
.card-list--module .card .line-container--last {
  display: none;
}
.card-list--module .card:last-child .line-container {
  height: calc( 100% + 66px );
}
.card-list--module .card:last-child .line-container:after {
  display: block;
}
.card-list--module .card:last-child:before {
  content: " ";
  position: absolute;
  bottom: -33px;
  right: 33px;
  width: calc( 50% - 33px );
  height: 1px;
  border-bottom: 1px solid #E46646;
}
.card-list--module .card:last-child .line-container--last {
  display: block;
  position: absolute;
  bottom: -80px;
  right: 50%;
  width: 1px;
  height: 47px;
}
@media only screen and (max-width: 1000px) {
  .card-list--module .card:last-child .line-container--last {
    display: none;
  }
}
.card-list--module .card:first-child:after {
  content: " ";
  position: absolute;
  top: -33px;
  right: 33px;
  width: calc( 50% - 33px );
  height: 1px;
  border-bottom: 1px solid #E46646;
}
.card-list--module .card:first-child .line-container--last {
  display: block;
  position: absolute;
  top: -80px;
  right: 50%;
  width: 1px;
  height: 47px;
}
.card-list--module .card:nth-child(odd) .image {
  grid-column: 2;
  grid-row: 1;
}
.card-list--module .card:nth-child(odd) .content {
  grid-column: 1;
  grid-row: 1;
}
.card-list--module .card:nth-child(odd) .grid {
  z-index: 0;
}

.card-single--module {
  margin: 40px auto !important;
}

.carousel--module {
  overflow: hidden;
}
.carousel--module .inner {
  padding-right: 0;
  padding-top: 66px;
  padding-bottom: 66px;
  /* 		.flickity-prev-next-button.previous,  */
}
@media only screen and (max-width: 1000px) {
  .carousel--module .inner {
    padding: 66px 20px;
  }
}
.carousel--module .inner .grid.col-1-1-1.gap {
  grid-gap: 66px;
}
.carousel--module .inner .cards {
  position: relative;
  width: 28%;
  height: 500px;
  margin-right: 66px;
  counter-increment: gallery-cell;
}
.carousel--module .inner .cards .image {
  max-height: 150px;
  margin-bottom: 33px;
}
.carousel--module .inner .cards .image img {
  width: auto;
  height: auto;
  margin: 0 auto;
}
.carousel--module .inner .cards .copy {
  max-width: 300px;
  margin: 0 auto;
}
.carousel--module .inner .cards .copy h6, .carousel--module .inner .cards .copy p {
  color: white;
  text-align: center;
}
.carousel--module .inner .cards .copy h6 {
  text-transform: capitalize;
}
.carousel--module .inner .cards .copy h6 + p {
  margin-top: 10px;
}
.carousel--module .inner .cards:after {
  content: " ";
  position: absolute;
  right: -66px;
  top: 50%;
  width: 66px;
  height: 1px;
  background-color: #115483;
}
@media only screen and (max-width: 1000px) {
  .carousel--module .inner .cards {
    width: 48%;
  }
}
@media only screen and (max-width: 700px) {
  .carousel--module .inner .cards {
    width: 100%;
  }
}
.carousel--module .inner .flickity-page-dots {
  display: none;
}
.carousel--module .inner .flickity-button {
  position: absolute;
  background: transparent;
  border: none;
}
.carousel--module .inner .flickity-button svg {
  fill: #E4F1FD;
}
.carousel--module .inner .flickity-prev-next-button.previous {
  left: -13px;
}
.carousel--module .inner .flickity-prev-next-button .flickity-button-icon {
  left: 40%;
  top: 30%;
  width: 40%;
  height: 40%;
}
.carousel--module .inner .flickity-prev-next-button.next {
  right: -4px;
}
.carousel--module .inner .content {
  max-width: 655px;
  padding: 75px 45px;
  margin: 0 auto;
}

.featured-list--module .list .item .line {
  width: 100%;
  left: 50%;
  position: absolute;
}
.featured-list--module .list .item .line:after {
  display: none;
}
.featured-list--module .list .item:last-child .line {
  width: 0%;
}
.featured-list--module .list h4 {
  text-align: center;
  margin-top: 33px;
  max-width: 275px;
  margin: 33px auto 0;
}
@media only screen and (max-width: 1000px) {
  .featured-list--module .list .line {
    display: none;
  }
  .featured-list--module .list h4 {
    max-width: 100%;
    margin-top: 7px;
  }
}
@media only screen and (max-width: 700px) {
  .featured-list--module .list h4 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1000px) {
  .featured-list--module .list.grid {
    display: block;
  }
}

.form--module .form-embed {
  padding-top: 30px;
}

.wpcf7 input, .wpcf7 select, .wpcf7 textarea, .ginput_container input, .ginput_container select, .ginput_container textarea {
  font-family: "Public Sans", tahoma, sans-serif !important;
  background-color: #F9FAFE !important;
  border: 1px solid #EAF0F8 !important;
  width: 100% !important;
  padding: 10px !important;
  font-size: 20px !important;
  font-size: 1.25em;
  line-height: 1.55em;
  letter-spacing: -0.7px;
  font-weight: 400;
  border-bottom: 2px solid transparent !important;
  margin-top: 12px;
  margin-bottom: 12px;
}
.wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus, .ginput_container input:focus, .ginput_container select:focus, .ginput_container textarea:focus {
  border-bottom: 2px solid #E46646 !important;
  outline: none !important;
  outline-offset: 1px !important;
}
.wpcf7 select, .ginput_container select {
  color: #757575 !important;
  padding: 10px 5px !important;
  position: relative !important;
}
.wpcf7 select:after, .ginput_container select:after {
  position: absolute !important;
  bottom: 8px !important;
  right: 20px !important;
  content: " " !important;
  width: 9px !important;
  height: 7px !important;
  background-image: url(/wp-content/themes/apiject/images/icons/down-triangle.svg) !important;
}
.wpcf7 .grid span, .ginput_container .grid span {
  margin-bottom: 33px;
}
.wpcf7 p, .ginput_container p {
  padding-bottom: 33px;
  margin-top: 0;
}
.wpcf7 .wpcf7-submit, .ginput_container .wpcf7-submit {
  width: auto;
  padding: 10px 20px;
}
.wpcf7 .email-list .wpcf7-list-item, .ginput_container .email-list .wpcf7-list-item {
  margin-left: 0;
  padding-bottom: 33px;
}
.wpcf7 .email-list input, .ginput_container .email-list input {
  width: 15px;
  height: 15px;
  padding: 0;
  margin-bottom: 1px;
  margin-right: 10px;
}
@media only screen and (max-width: 700px) {
  .wpcf7 .wpcf7-form-control-wrap.first-name, .ginput_container .wpcf7-form-control-wrap.first-name {
    margin-bottom: 0;
  }
}

.gform_button {
  margin-top: 0 !important;
}

.ginput_container_consent input {
  width: 15px !important;
  margin-top: 8px;
}

.bkg--blue--dark .wpcf7 input, .bkg--blue--dark .wpcf7 select, .bkg--blue--dark .wpcf7 textarea, .bkg--blue--dark .ginput_container input, .bkg--blue--dark .ginput_container select, .bkg--blue--dark .ginput_container textarea {
  border: 0px solid #EAF0F8 !important;
  border-bottom: 2px solid transparent !important;
}
.bkg--blue--dark .wpcf7 input:focus, .bkg--blue--dark .wpcf7 select:focus, .bkg--blue--dark .wpcf7 textarea:focus, .bkg--blue--dark .ginput_container input:focus, .bkg--blue--dark .ginput_container select:focus, .bkg--blue--dark .ginput_container textarea:focus {
  border-bottom: 2px solid #E46646 !important;
  outline: none !important;
  outline-offset: 1px !important;
}

.card-single--module .content .copy {
  margin-bottom: 60px;
}
.card-single--module .content .copy img {
  margin-bottom: 40px;
}

section.wrapper.multi-content--module {
  padding: 66px 0;
}

.multi-content--module.bkg--blue--dark p, .multi-content--module.bkg--blue--dark p span, .multi-content--module.bkg--blue--dark h3 {
  color: #fff;
}
.multi-content--module .paragraph-container + .paragraph-container .paragraph-wrapper {
  padding-top: 0;
}
.multi-content--module .multi-content-container img {
  margin: 0 auto;
}
.multi-content--module .paragraph-wrapper {
  margin: 0 80px;
  margin-bottom: -90px;
  padding-bottom: 160px;
  position: relative;
}
@media only screen and (max-width: 1000px) {
  .multi-content--module .paragraph-wrapper {
    margin: 0 40px;
    margin-bottom: -40px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 700px) {
  .multi-content--module .paragraph-wrapper {
    margin: 0 20px;
    margin-bottom: -30px;
    padding-bottom: 50px;
  }
}
.multi-content--module .paragraph-wrapper.line-left {
  border-left: 1px solid #E46646;
}
.multi-content--module .paragraph-wrapper.line-left:before {
  content: " ";
  position: absolute;
  left: -4px;
  top: 84px;
  width: 8px;
  height: 8px;
  background-color: #E46646;
}
.multi-content--module .paragraph-wrapper.line-left:after {
  content: " ";
  position: absolute;
  left: -4px;
  bottom: 0;
  width: 8px;
  height: 8px;
  background-color: #E46646;
}
.multi-content--module .paragraph-wrapper.line-right {
  border-right: 1px solid #E46646;
}
.multi-content--module .paragraph-wrapper.line-right:before {
  content: " ";
  position: absolute;
  right: -4px;
  top: 84px;
  width: 8px;
  height: 8px;
  background-color: #E46646;
}
.multi-content--module .paragraph-wrapper.line-right:after {
  content: " ";
  position: absolute;
  right: -4px;
  bottom: 0;
  width: 8px;
  height: 8px;
  background-color: #E46646;
}
.multi-content--module .paragraph-container:nth-child(2) .paragraph-wrapper {
  z-index: 5;
  margin-top: 0;
  padding-top: 0px;
}
.multi-content--module .paragraph-container:nth-child(2) .paragraph-wrapper.line-right:before {
  content: " ";
  position: absolute;
  right: -4px;
  top: 0px;
  width: 8px;
  height: 8px;
  background-color: #E46646;
}
.multi-content--module .paragraph-container:nth-child(2) .paragraph-wrapper.line-left:before {
  content: " ";
  position: absolute;
  left: -4px;
  top: 0px;
  width: 8px;
  height: 8px;
  background-color: #E46646;
}
.multi-content--module .paragraph-container:last-child > .paragraph-wrapper {
  padding-bottom: 0;
  margin-bottom: 10px;
}
.multi-content--module .no-shadow + .paragraph-container .paragraph-wrapper.line-left:before {
  top: 0;
}

.news-widget-module .headline {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.news-widget-module .headline button {
  margin-left: 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 700px) {
  .news-widget-module .headline {
    flex-direction: column;
    align-items: flex-start;
  }
  .news-widget-module .headline button {
    margin-left: 0;
  }
  .news-widget-module .headline button a {
    margin-top: 0;
  }
}

.news-cards .card, .alm-reveal .card {
  display: grid;
  flex-direction: column;
  justify-content: space-between;
}
.news-cards .card img, .alm-reveal .card img {
  width: 100%;
}
.news-cards .card .content, .alm-reveal .card .content {
  padding: 30px 30px 0 30px;
}
.news-cards .card .link, .alm-reveal .card .link {
  padding: 0 30px 30px 30px;
}
.news-cards .card .date, .alm-reveal .card .date {
  color: #838383;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.news-cards .card .date .span, .alm-reveal .card .date .span {
  margin-right: 15px;
}
.news-cards .card .title, .alm-reveal .card .title {
  margin-top: 0;
}
.news-cards .card .title + .excerpt, .alm-reveal .card .title + .excerpt {
  margin-top: 10px;
}
.news-cards .card button, .alm-reveal .card button {
  margin-top: 0;
}
@media only screen and (max-width: 700px) {
  .news-cards .card, .alm-reveal .card {
    margin-bottom: 20px;
  }
  .news-cards .card:last-child, .alm-reveal .card:last-child {
    margin-bottom: 0;
  }
}

.alm-reveal .card {
  margin-bottom: 33px;
}

.press--module .card {
  margin-bottom: 33px;
}
.press--module .card:last-child {
  margin-bottom: 0;
}
.press--module .card .image img {
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 10px 10px 20px;
}
.press--module .card .content {
  padding: 30px;
}

.bsf-home .inner {
  margin-top: 60px;
}
@media only screen and (max-width: 700px) {
  .bsf-home .inner {
    margin-top: 0;
  }
}
.bsf-home .description p {
  font-weight: 200;
}

.pen-wrapper {
  position: relative;
  margin: 0 auto;
}
.pen-wrapper .tags {
  position: relative;
  z-index: 10;
}
.pen-wrapper .tags p {
  max-width: 225px;
  font-weight: 600;
  padding-left: 33px;
}
.pen-wrapper .tags .first p, .pen-wrapper .tags .third p {
  padding-bottom: 80px;
}
.pen-wrapper .pen {
  display: flex;
  justify-content: center;
}
.pen-wrapper .pen img {
  margin: 0;
  /*
  			&.close {
  				&:nth-child(1) {
  					margin-right: -115px;
  				}
  				&:nth-child(2) {
  					margin-right: -75px;
  				}
  				&:nth-child(3) {

  				}
  			}
  */
}
.pen-wrapper .pen img:nth-child(1) {
  margin-right: 100px;
  transition: all 2s;
}
.pen-wrapper .pen img:nth-child(2) {
  margin-right: 100px;
  transition: all 2s;
}
.pen-wrapper .pen img:nth-child(3) {
  transition: all 2s;
}

.tabbed-content--module .header {
  margin-bottom: 99px;
}
.tabbed-content--module .line-container {
  height: calc( 100% + 66px );
  position: absolute;
  top: -33px;
  right: 33px;
}
@media only screen and (max-width: 1000px) {
  .tabbed-content--module .line-container {
    z-index: -1;
  }
}
.tabbed-content--module .line-container--first {
  position: absolute;
  height: 1px;
  width: calc( 50% - 33px );
  top: -33px;
  right: 30px;
}
.tabbed-content--module .line-container--first--top {
  position: absolute;
  height: 33px;
  width: 1px;
  left: calc( 50% + 7px );
  top: -66px;
}
.tabbed-content--module .line-container--last {
  position: absolute;
  height: 1px;
  width: calc( 50% - 33px );
  bottom: -33px;
  right: 30px;
}
.tabbed-content--module .line-container--last--top {
  position: absolute;
  height: 33px;
  width: 1px;
  left: calc( 50% + 7px );
  bottom: -66px;
  z-index: 80;
}
.tabbed-content--module .tabbed-content .tabs {
  background-color: #115483;
}
.tabbed-content--module .tabbed-content .tabs button {
  padding: 15px;
}
.tabbed-content--module .tabbed-content .tabs button.open, .tabbed-content--module .tabbed-content .tabs button:hover, .tabbed-content--module .tabbed-content .tabs button:focus, .tabbed-content--module .tabbed-content .tabs button:first-child {
  background-color: #2286BC;
}
.tabbed-content--module .tabbed-content .tabs button.close {
  background-color: #115483;
}
.tabbed-content--module .tabbed-content .tabs p {
  color: #E4F1FD;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.tabbed-content--module .tabbed-content .tabs.grid.col-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 700px) {
  .tabbed-content--module .tabbed-content .tabs {
    display: block;
  }
  .tabbed-content--module .tabbed-content .tabs button {
    width: 100%;
    text-align: left;
  }
}
.tabbed-content--module .tabbed-content .content .card {
  display: none;
}
.tabbed-content--module .tabbed-content .content .card.open {
  display: block;
}
.tabbed-content--module .tabbed-content .content .card.close {
  display: none;
}
.tabbed-content--module .tabbed-content .content .card .image {
  background-size: cover;
  background-position: center center;
}
.tabbed-content--module .tabbed-content .content .card .content {
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.tabbed-content--module .tabbed-content .content .card .content .title {
  margin-bottom: 20px;
}
@media only screen and (max-width: 700px) {
  .tabbed-content--module .tabbed-content .content .card .content {
    padding: 20px;
  }
}
.tabbed-content--module .tabbed-content .content .card .align--right .image {
  grid-column: 2;
  grid-row: 1;
}
.tabbed-content--module .tabbed-content .content .card .align--right .content {
  grid-column: 1;
  grid-row: 1;
}
@media only screen and (max-width: 1000px) {
  .tabbed-content--module .tabbed-content .content .card .grid.col-1-1 {
    display: block;
  }
}
.tabbed-content--module .tabbed-content .content .card:first-child {
  display: block;
}

.card-list--module + .tabbed-content--module {
  padding-top: 100px !important;
}

.whitepaper--module .content .tag {
  background-color: rgba(255, 255, 255, 0.1);
}
.whitepaper--module .content .tag p {
  color: white;
}
.whitepaper--module .content .copy {
  margin-top: 30px;
  margin-bottom: 0;
}
.whitepaper--module .content .copy p, .whitepaper--module .content .copy span {
  color: white;
}
.whitepaper--module .content .copy .line.top {
  margin-top: 30px;
  margin-bottom: 30px;
}
.whitepaper--module #windowTwo .copy h5 {
  font-size: 1.625rem;
}
.whitepaper--module .hidden {
  display: none;
}
.whitepaper--module .grecaptcha-badge {
  opacity: 0 !important;
}

#publications_menu {
  background: white;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(17, 84, 132, 0.2) 25%, rgba(50, 108, 149, 0.2) 75%, rgba(255, 255, 255, 0.5) 100%);
  z-index: 2;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  bottom: 15px;
}
#publications_menu ul {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  list-style: none;
}
#publications_menu ul li {
  padding: 0 4px;
  display: inline-flex;
  margin: 2px 5px;
  border: 1px #5b5b5b solid;
  border-radius: 2px;
  background-color: #fafafa;
  vertical-align: middle;
  text-align: center;
}
#publications_menu ul li:first-child {
  margin: 0 5px 0 0;
}
#publications_menu ul li:last-child {
  margin: 0 0 0 5px;
}
#publications_menu ul li:hover {
  background-color: #1292D1;
  color: white;
}
#publications_menu ul li > a {
  text-decoration: none;
  vertical-align: middle;
  font-size: 10pt;
  line-height: 12pt;
}
#publications_menu ul li > a:hover {
  color: white;
}

div.headline.pub_head {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

.headline.pub_head h3 {
  font-size: 20pt;
  text-align: center;
  position: absolute;
  left: 25%;
  transition-property: font-size, left, bottom;
  transition-delay: 5ms;
  transition-duration: 2s;
}

.text--blue {
  margin-right: 45px;
  margin-left: 0;
  transition-property: margin-right, margin-left;
  transition: margin 2s;
}

.text--blue.pub_list:before {
  color: #000;
  content: "• ";
}

div.text--blue {
  margin: 0 25%;
}
div.text--blue .grid-container {
  display: grid;
  grid-template-columns: 58.45px auto 25px;
  gap: 0 20px;
}
div.text--blue div.publication_item {
  overflow: hidden;
  height: 74.98px;
  margin: 20px 0;
}
div.text--blue div.publication_item .fa-file-pdf:before {
  content: "";
  color: red;
}
div.text--blue div.publication_item div:nth-child(3),
div.text--blue div.publication_item div:nth-child(2) {
  text-align: left;
  align-items: center;
}
div.text--blue div.publication_item img {
  border: 1px solid lightgrey;
  width: auto;
  max-height: 74.98px;
}
div.text--blue div.publication_item h3, div.text--blue div.publication_item a {
  text-decoration: none;
  font-size: 16pt;
  line-height: 18pt;
}
div.text--blue div.publication_item h3 {
  color: #5B5B5B;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
  font-size: 16pt;
  line-height: 18pt;
}

@media screen and (max-width: 1024px) {
  .headline.pub_head h3 {
    bottom: 15%;
    font-size: 16pt;
    left: 5%;
    transition-property: font-size, left, bottom;
    transition-delay: 2ms;
    transition-duration: 2s;
  }

  div.text--blue {
    margin: 0 5%;
    transition-property: margin-right, margin-left;
    transition: margin 2s;
  }
  div.text--blue div.publication_item {
    overflow: hidden;
    height: 74.98px;
    margin: 20px 0;
  }
  div.text--blue div.publication_item .fa-file-pdf:before {
    content: "";
    color: red;
  }
  div.text--blue div.publication_item div:nth-child(3),
div.text--blue div.publication_item div:nth-child(2) {
    text-align: left;
    align-items: center;
  }
  div.text--blue div.publication_item img {
    border: 1px solid lightgrey;
    width: auto;
    max-height: 74.98px;
  }
  div.text--blue div.publication_item a {
    text-decoration: none;
    font-size: 16pt;
    line-height: 18pt;
  }
}
/*!
 * Copyright (c) 2021. Electric Bluefish Productions Inc..
 *
 * href="https://fonts.googleapis.com/css2?family=
 * Public+Sans:ital,wght@0,200;0,300;0,500;0,800;1,200;1,300;1,500;1,800&display=swap
 */
* {
  font-family: "Public Sans", tahoma, sans-serif;
  color: #5a5b5c;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "kern", "liga", "dlig";
  -moz-font-feature-settings: "kern", "liga", "dlig";
  -moz-font-feature-settings: "kern=1", "liga=1", "dlig=1";
  font-feature-settings: "kern" 1, "liga" 1, "dlig" 1;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  -webkit-font-variant-ligatures: common-ligatures;
  -moz-font-variant-ligatures: common-ligatures;
  font-variant-ligatures: common-ligatures;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  min-height: 100%;
  height: 100%;
  -webkit-text-size-adjust: none;
}

body {
  min-height: 100%;
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow-x: hidden;
  font-size: 1rem;
  transition-timing-function: ease;
}

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

img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
}

section.wrapper {
  margin: 0 auto;
  padding: 40px 0;
}

article, div, footer, header, main, nav, section {
  display: block;
  position: relative;
}

Style Attribute {
  --viewportheight: 10.64px;
}

.spacer {
  margin: 10px 0;
}

.parallax {
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.roundbox {
  border-radius: 4px;
}

.box-shadow {
  -webkit-box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.19);
  box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.19);
}

.center p {
  text-align: center;
}

.home-hero--module .header h1, .home-hero--module .header p {
  max-width: 580px;
  margin: 20px 20px 20px 0;
}

.p--large p, p.p--large, span.p--large {
  font-size: 1.625em;
  line-height: 1.3846153846em;
  letter-spacing: 0;
  font-weight: 200;
}

li, p {
  font-size: 1.25em;
  line-height: 1.55em;
  letter-spacing: -0.7px;
  font-weight: 400;
}

h1 + p, h2 + p, h3 + p, h4 + p {
  margin-top: 1.5rem;
}

p + ol, p + p, p + ul {
  margin-top: 0.9rem;
}

p.center {
  text-align: center;
}

p.v-center {
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

h1, h2 {
  font-size: 4.375em;
  line-height: 1.0857142857em;
  letter-spacing: -0.035em;
  font-weight: 200;
}

h3 {
  font-size: 3em;
  line-height: 1.2083333333em;
  letter-spacing: -0.04em;
  font-weight: 200;
}

h5 {
  font-size: 1.625em;
  line-height: 1.3846153846em;
  letter-spacing: -0.02em;
  font-weight: 400;
}

div.line {
  border-left: rgba(228, 102, 69, 0.3) 2px solid;
}

ul {
  border-left: rgba(228, 102, 69, 0.3) 2px solid;
}

ul:first-child {
  border-left: unset;
}

ul > li {
  font-size: 10pt;
  line-height: 11pt;
  margin: 10px 10px;
  color: #5a5b5c;
  list-style: none;
  font-weight: 200;
}

ul > li > ul > li {
  font-size: 10pt;
  font-weight: 400;
  margin: 2px 30px;
  list-style: url(images/arrow-right-orange.svg);
}

ul > li > ul > li:first-child {
  margin-top: 5px;
}

ul > li:last-child,
ul > li > ul > li:last-child {
  margin-bottom: 15px;
}

div.line:before,
div.line:after {
  position: absolute;
  left: -5px;
}

div.line:after {
  bottom: -2px;
}

.align-right {
  float: right;
}

.card {
  padding: 30px;
}

.card p {
  font-size: 10pt;
  line-height: 13pt;
  font-weight: 200;
}

.logo-bar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  display: none;
  background-color: #115483;
  height: 35px;
}
.logo-bar .container,
.logo-bar .row {
  padding: 0;
  margin: 0;
}
.logo-bar .logo {
  margin: 0;
  -ms-transform: translateY(-14%);
  transform: translateY(14%);
}
.logo-bar .logo svg {
  height: 25px;
  width: auto;
}

#hero_section {
  max-width: 1024px;
  margin: 0 auto;
  padding: 40px 0 0 0;
}
#hero_section h1.option-1-head {
  position: absolute;
  bottom: 150px;
  left: 0;
  color: #3560ad;
  font-size: 4.375em;
  line-height: 1.0857142857em;
  letter-spacing: -0.035em;
  font-weight: 200;
  z-index: 2;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #dc6567;
}
#hero_section .option-1-sub {
  position: absolute;
  bottom: 100px;
  left: 67px;
  color: #5a5b5c;
  margin-top: 1.5rem;
  font-size: 1.625em;
  line-height: 1.3846153846em;
  letter-spacing: 0;
  font-weight: 200;
  z-index: 2;
}
#hero_section .parallax {
  height: 300px;
}
#hero_section .leadship {
  position: absolute;
  bottom: 0;
  right: -50px;
}
#hero_section .leadship img {
  height: 300px;
  width: auto;
  border: 1px solid #5a5b5c;
}
#hero_section .row.logo {
  margin-top: 0;
  height: 20px;
}
#hero_section .logo svg {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}
#hero_section div:nth-child(2) > div.col-lg-4 > img {
  border: 1px solid #5a5b5c;
  background-color: #eff0f0;
  width: 250px;
  height: auto;
}

#text-float {
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
}
#text-float .card {
  background-color: unset;
  border: unset;
}
#text-float .card > .row > div:first-child > p:first-child {
  font-size: 12pt;
  line-height: 19.8pt;
  font-weight: 400;
  color: #115483;
}
@-webkit-keyframes swing-ian {
  0% {
    -webkit-transform: rotate(10deg);
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
    opacity: 1;
  }
}
@-moz-keyframes swing-ian {
  0% {
    -moz-transform: rotate(10deg);
  }
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(10deg);
    opacity: 1;
  }
}
@-o-keyframes swing-ian {
  0% {
    -o-transform: rotate(10deg);
  }
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(10deg);
    opacity: 1;
  }
}
@keyframes swing-ian {
  0% {
    transform: rotate(10deg);
  }
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(10deg);
    opacity: 1;
  }
}
#text-float .swing-ian {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
#text-float a > img {
  max-width: 150px;
  height: auto;
  transform: rotate(10deg);
  text-align: right;
  position: absolute;
  right: -50px;
  bottom: -100px;
  border: solid 1px #5a5b5c;
  -webkit-box-shadow: 1px 7px 11px 3px rgba(0, 0, 0, 0.31);
  box-shadow: 1px 7px 11px 3px rgba(0, 0, 0, 0.31);
  animation: spin-bio-hero, swing-ian infinite alternate-reverse;
  animation-duration: 2s, 20s;
  animation-delay: 0s, 2s;
}
@keyframes spin-bio-hero {
  0% {
    transform: rotate(360deg);
    opacity: 0.01;
    position: absolute;
    right: -50px;
    bottom: 500px;
  }
  100% {
    transform: rotate(10deg);
    opacity: 1;
    position: absolute;
    right: -50px;
    bottom: -100px;
  }
}

#pen {
  background-image: linear-gradient(10deg, #115483, rgba(255, 255, 255, 0.23)), url("images/header-bfs.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 10px;
  overflow-x: hidden;
}
#pen p > img {
  width: 150px;
  float: left;
  margin: 5px 5px 5px 0;
}
#pen h2 {
  color: #eff0f0;
}
#pen h6 {
  color: #dc6567;
}
#pen li:first-child {
  margin-top: 0;
}
#pen li:last-child {
  margin-bottom: 0;
}
#pen .pen-wrapper {
  padding: 40px 40px;
}
#pen .pen-wrapper p:first-child {
  font-size: 12pt;
  line-height: 19.8pt;
  font-weight: 400;
  color: #115483;
}
#pen .pen-wrapper .card p {
  font-size: 10pt;
  line-height: 13pt;
  font-weight: 200;
}
#pen .pen-wrapper .card p.details {
  font-size: 12pt;
  line-height: 19.8pt;
  font-weight: 400;
  color: #115483;
}
#pen .pen-wrapper div.line {
  margin-top: 15px;
}
#pen .pen-wrapper .disclaimer p {
  color: #dc6567;
}
#pen .pen-wrapper p > img {
  border: solid 1px #115483;
  margin-right: 15px;
}
#pen .container-fluid {
  margin-top: 25px;
}
#pen .center p {
  color: #eff0f0;
}
#pen div.tags {
  position: relative;
  top: 242px;
}
#pen div.tags div.second.line.left.aos-init.aos-animate > p,
#pen div.tags div.third.line.left.aos-init.aos-animate > p,
#pen div.tags div.first.line.left.aos-init.aos-animate > p {
  color: #eff0f0;
  font-size: 10pt;
}
#pen div.tags p {
  max-width: 225px;
  font-weight: 600;
  padding-left: 33px;
}
#pen div.tags .first p,
#pen div.tags .second p,
#pen div.tags .third p {
  height: 150px;
}
#pen div.tags .first {
  position: absolute;
  top: -141px;
  left: 50px;
}
#pen div.tags .second {
  position: absolute;
  top: 19px;
  right: -50px;
}
#pen div.tags .third {
  position: absolute;
  top: -142px;
  right: -125px;
}

#defaultcontent {
  margin: 0 auto;
  padding: 0 0 3px 0;
}
#defaultcontent .inner {
  max-width: 1200px;
  padding-bottom: 20px;
}
#defaultcontent .card {
  padding: 10px;
}
#defaultcontent .content {
  padding: 0;
}
#defaultcontent p.date > span {
  font-size: 8pt;
  color: #9D9D9E;
  font-weight: 200;
}
#defaultcontent h5 {
  font-size: 14pt;
  font-weight: 600;
}
#defaultcontent p {
  font-size: 10pt;
  line-height: 12pt;
}
#defaultcontent a.text-link {
  text-decoration: none;
  margin: 0;
  margin-top: 5px !important;
  padding: 0;
  color: #3560ad;
  font-size: 10pt;
}
#defaultcontent div.headline {
  vertical-align: baseline;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 0;
}
#defaultcontent div.headline a {
  font-size: 10pt !important;
  color: #de9927;
  margin-top: 0;
}
#defaultcontent div.headline h3 {
  font-size: 18pt;
  font-weight: 600;
  color: #3560ad;
}
#defaultcontent div.headline div.link > a {
  font-size: 10pt !important;
  color: #5a5b5c;
}

.modal {
  overflow-y: auto;
}

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