@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------------------------------
    RESETS
------------------------------------------------------------------------------------------------------------------------------*/
/**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
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; }

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

.clear {
  font-size: 0em;
  line-height: 0em;
  height: 0px;
  position: relative;
  clear: both; }

html, body {
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent; }

img {
  color: transparent; }

/*----------------------------------------------------------------------------------------------------------------------------
    MORE SPECIFIC RESETS
------------------------------------------------------------------------------------------------------------------------------*/
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

html, body {
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

hr {
  border: none;
  margin: 0; }

button:focus {
  outline: none; }

button::-moz-focus-inner {
  border: 0; }

a {
  text-decoration: none; }

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

.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

html, body {
  -webkit-tap-highlight-color: transparent; }

hr {
  border: none;
  margin: 0; }

a {
  text-decoration: none; }

/*----------------------------------------------------------------------------------------------------------------------------
    GENERAL
------------------------------------------------------------------------------------------------------------------------------*/
body {
  overflow: visible; }

a {
  cursor: pointer; }

/*----------------------------------------------------------------------------------------------------------------------------
    VARIABLES
------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------
    TYPOGRAPHY MIXINS
------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------
    GENERAL TYPOGRAPHY
------------------------------------------------------------------------------------------------------------------------------*/
h1, h2 {
  margin-top: 80px;
  margin-bottom: 54px;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-family: "Abril Fatface", serif;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .sec-about h1, .sec-about h2 {
    margin-top: 100px; }
  @media screen and (min-width: 350px) {
    h1, h2 {
      font-size: 2.625em; } }
  @media screen and (min-width: 600px) {
    h1, h2 {
      font-size: 3.125em;
      margin-bottom: 64px; } }
  @media screen and (min-width: 900px) {
    h1, h2 {
      font-size: 3.375em;
      margin-bottom: 70px; } }

.wrap-hero h1 {
  text-align: left;
  color: white;
  font-size: 35px;
  letter-spacing: .75px;
  transition: font-size .2s ease; }
  @media screen and (min-width: 350px) {
    .wrap-hero h1 {
      font-size: 38px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 600px) {
    .wrap-hero h1 {
      font-size: 3.125em;
      letter-spacing: 2px; } }

.wrap-homeoptions h1 {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  font-size: 1.3125em;
  line-height: 1.2;
  letter-spacing: 2px;
  max-width: 330px;
  font-family: "Anton", serif;
  font-style: normal;
  font-weight: 400; }
  @media screen and (min-width: 600px) {
    .wrap-homeoptions h1 {
      font-size: 1.375em; } }
  @media screen and (min-width: 900px) {
    .wrap-homeoptions h1 {
      font-size: 1.5em; } }
  @media screen and (min-width: 1100px) {
    .wrap-homeoptions h1 {
      font-size: 1.6875em; } }

.pointed-callout p,
.section p,
.section li {
  font-size: 0.9375em;
  line-height: 1.5;
  margin-bottom: 1.5em;
  text-align: left;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (min-width: 600px) {
    .pointed-callout p,
    .section p,
    .section li {
      font-size: 1em; } }

.pointed-callout p {
  margin-bottom: 0;
  color: white; }

.section p {
  text-align: justify; }

.section .no-justify p {
  text-align: left; }

.section p a.link-indicate {
  display: inline-block;
  position: relative;
  color: #446f50;
  transition: color .2s ease; }
  .section p a.link-indicate:hover {
    color: #cd2b42; }
  .section p a.link-indicate::after {
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    width: 100%;
    border-bottom: 1px solid #cd2b42;
    margin-top: 5px; }

.section li {
  list-style: disc;
  margin-left: 20px;
  line-height: 1.5;
  margin-bottom: .75em; }

p.quasi-heading-h1 {
  padding-left: 15px;
  font-size: 2.6875em;
  line-height: 1.3;
  margin-bottom: .5em;
  text-transform: uppercase;
  letter-spacing: 12px;
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 300; }
  @media screen and (min-width: 600px) {
    p.quasi-heading-h1 {
      font-size: 2.9375em; } }
  @media screen and (min-width: 900px) {
    p.quasi-heading-h1 {
      font-size: 3.4375em; } }
  @media screen and (min-width: 1000px) {
    p.quasi-heading-h1 {
      text-align: left; } }

p.quasi-heading-h2 {
  font-size: 1.625em;
  line-height: 1.3;
  margin-bottom: 1em;
  text-transform: uppercase;
  letter-spacing: 5px;
  text-align: center;
  color: #cd2b42 !important;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400; }
  @media screen and (min-width: 600px) {
    p.quasi-heading-h2 {
      font-size: 1.875em;
      letter-spacing: 6px; } }
  @media screen and (min-width: 900px) {
    p.quasi-heading-h2 {
      font-size: 2.0625em;
      letter-spacing: 7px; } }

@media screen and (min-width: 1000px) {
  .section .center {
    text-align: center; } }

@media screen and (min-width: 600px) {
  .column-2 {
    column-count: 2;
    column-gap: 40px; } }

.pad-last-p p:last-of-type::after {
  content: "\A\A";
  white-space: pre; }

/*----------------------------------------------------------------------------------------------------------------------------
    HEADER
------------------------------------------------------------------------------------------------------------------------------*/
header {
  position: relative;
  overflow: hidden; }

.brand-logo {
  float: left;
  margin-top: 18px;
  margin-bottom: 13px;
  opacity: 1;
  transition: opacity .2s ease; }
  .brand-logo svg {
    width: 100%;
    max-width: 100px; }
  .brand-logo:hover {
    opacity: .85; }
  @media screen and (min-width: 400px) {
    .brand-logo {
      margin-top: 21px;
      margin-bottom: 15px; }
      .brand-logo svg {
        max-width: 120px; } }
  @media screen and (min-width: 600px) {
    .brand-logo {
      margin-top: 25px;
      margin-bottom: 20px; }
      .brand-logo svg {
        max-width: 140px; } }
  @media screen and (min-width: 800px) {
    .brand-logo {
      margin-top: 28px;
      margin-bottom: 23px; }
      .brand-logo svg {
        max-width: 160px; } }
  @media screen and (min-width: 1000px) {
    .brand-logo {
      margin-top: 35px;
      margin-bottom: 30px; }
      .brand-logo svg {
        max-width: 200px; } }
  @media screen and (min-width: 1200px) {
    .brand-logo {
      margin-top: 40px;
      margin-bottom: 35px; }
      .brand-logo svg {
        max-width: 230px; } }

/* --- HAESF LOGO COLORIZE ------------------------*/
.svg-red {
  fill: #cd2b42; }

.svg-green {
  fill: #446f50; }

.svg-white {
  fill: white; }

@media screen and (max-width: 399px) {
  /*! Pushy - v1.1.0 - 2017-1-30 */
  /*----------------------------------------------------------------------------------------------------------------------------
    SMALL SCREEN NAVIGATION APPEARANCE
------------------------------------------------------------------------------------------------------------------------------*/
  .pushy {
    position: fixed;
    width: 225px;
    height: 100%;
    z-index: 9999;
    background: rgba(205, 43, 66, 0.9);
    overflow: auto;
    border: 8px solid rgba(255, 255, 255, 0.4);
    padding-top: 25px;
    -webkit-overflow-scrolling: touch; }
    .pushy a {
      display: block;
      text-decoration: none; }
    .pushy a:hover {
      color: #FFF; }
    .pushy ul:first-child {
      margin-top: 5px; }
    .pushy.pushy-left {
      left: 0; }
    .pushy.pushy-right {
      right: 0; }
  .pushy-content {
    visibility: hidden; }
  /* MENU MOVEMENT
    ------------------------------------------- */
  .pushy-right {
    transform: translate3d(225px, 0, 0); }
  .pushy-open-right #container,
  .pushy-open-right .push {
    transform: translate3d(-225px, 0, 0); }
  .pushy-open-right .pushy {
    transform: translate3d(0, 0, 0); }
  .pushy-open-right .pushy-content {
    visibility: visible; }
  /* MENU TRANSITION
    ------------------------------------------- */
  #container,
  .pushy,
  .push {
    transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }
  .pushy-content {
    transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }
  /* SITE OVERLAY
    ------------------------------------------- */
  .site-overlay {
    display: none; }
  .pushy-open-left .site-overlay,
  .pushy-open-right .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-animation: fade 500ms;
    animation: fade 500ms; }
  @keyframes fade {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @-webkit-keyframes fade {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  /*----------------------------------------------------------------------------------------------------------------------------
    ADDITINAL MENU CUSTOMIZATION
------------------------------------------------------------------------------------------------------------------------------*/
  /* ALLOW TAB FOCUS TO BE RECTANGULAR, CENTERED
    ------------------------------------------- */
  button,
  .pushy-link.primary-item a {
    padding-bottom: 20px; }
  /* PRIMARY NAV
    ------------------------------------------- */
  .pushy-submenu .primary-item,
  .primary-item a {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 1em;
    color: white;
    text-align: right;
    max-width: 150px;
    float: right;
    margin-right: 25px;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  #first-link {
    border-top: none; }
  /*----------------------------------------------------------------------------------------------------------------------------
    MOBILE NAV BUTTON
------------------------------------------------------------------------------------------------------------------------------*/
  .menu-btn {
    position: absolute;
    top: 26px;
    right: 20px;
    background: none;
    cursor: pointer;
    border: 0;
    z-index: 9997;
    background: #cd2b42; }
  .hamburger {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer; }
  .hamburger:focus {
    outline: none; }
  .hamburger span {
    display: block;
    position: absolute;
    top: 18px;
    left: 8px;
    right: 8px;
    height: 4px;
    background: white; }
  .hamburger span::before,
  .hamburger span::after {
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 4px;
    background: white;
    content: ""; }
  .hamburger span::before {
    top: -8px; }
  .hamburger span::after {
    bottom: -8px; } }

@media screen and (min-width: 400px) {
  /*----------------------------------------------------------------------------------------------------------------------------
    LARGE SCREEN NAVIGATION APPEARANCE
------------------------------------------------------------------------------------------------------------------------------*/
  .menu-btn {
    display: none; }
  /*----------------------------------------------------------------------------------------------------------------------------
    NAVIGATION 
------------------------------------------------------------------------------------------------------------------------------*/
  /* --- NAV STRUCTURE ------------------------*/
  .site-nav {
    display: -ms-flexbox;
    float: right;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    text-transform: uppercase;
    letter-spacing: .005em;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 700; } }
  @media screen and (min-width: 400px) and (min-width: 399px) {
    .site-nav {
      top: 22px;
      font-size: 0.875em;
      line-height: 1.7; } }
  @media screen and (min-width: 400px) and (min-width: 600px) {
    .site-nav {
      top: 32px;
      font-size: 0.9375em;
      line-height: 1.5; } }
  @media screen and (min-width: 400px) and (min-width: 800px) {
    .site-nav {
      top: 66px;
      font-size: 1em;
      line-height: 1;
      -ms-flex-direction: row;
      flex-direction: row;
      justify-content: flex-end;
      align-items: inherit; }
      .site-nav li:not(:first-child) {
        margin-left: 27px; } }
  @media screen and (min-width: 400px) and (min-width: 1000px) {
    .site-nav {
      top: 84px;
      font-size: 1.0625em; }
      .site-nav li:not(:first-child) {
        margin-left: 28px; } }
  @media screen and (min-width: 400px) and (min-width: 1200px) {
    .site-nav {
      top: 97px;
      font-size: 1.125em; }
      .site-nav li:not(:first-child) {
        margin-left: 30px; } }

@media screen and (min-width: 400px) {
  /* --- HOVER BEHAVIOR ------------------------*/
  .site-nav a,
  .site-nav a:visited,
  .site-nav a:hover,
  .site-nav a:active {
    position: relative;
    color: #cd2b42; }
  .site-nav a:after {
    top: 8px;
    right: -12px;
    transform: translateY(-50%);
    transition: height .2s ease;
    position: absolute;
    display: block;
    width: 5px;
    height: 0;
    background: #446f50;
    content: ""; }
  .site-nav a:hover:after {
    height: 14px; }
  .page-about .site-nav .nav-about:after,
  .page-alumni .site-nav .nav-alumni:after,
  .page-grants .site-nav .nav-grants:after {
    height: 14px; } }

@media screen and (min-width: 400px) and (min-width: 800px) {
  .pushy-link {
    height: 26px;
    overflow: hidden; }
  .site-nav a,
  .site-nav a:visited,
  .site-nav a:hover,
  .site-nav a:active {
    position: relative;
    color: #cd2b42; }
  .site-nav a:after {
    top: inherit;
    bottom: -5px;
    height: 3px;
    width: 0;
    background: rgba(205, 43, 66, 0.8);
    left: 50%;
    transform: translateX(-50%);
    transition: width .2s ease; }
  .site-nav a:hover:after {
    width: 100%;
    height: 3px; }
  .page-about .site-nav .nav-about:after,
  .page-alumni .site-nav .nav-alumni:after,
  .page-grants .site-nav .nav-grants:after {
    width: 100%;
    height: 3px; } }

/*----------------------------------------------------------------------------------------------------------------------------
    H1, H2 ICONS
------------------------------------------------------------------------------------------------------------------------------*/
/* --- 3-UP PAGE OPTIONS ------------------------*/
.wrap-homeoptions {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media screen and (min-width: 850px) {
    .wrap-homeoptions {
      flex-direction: row; } }
  .wrap-homeoptions .flag-border {
    float: right; }
    @media screen and (min-width: 850px) {
      .wrap-homeoptions .flag-border {
        float: inherit;
        margin-left: 15px; } }
    @media screen and (min-width: 1100px) {
      .wrap-homeoptions .flag-border {
        margin-left: 35px; } }
  .wrap-homeoptions > div {
    width: 100%;
    max-width: 385px; }
    .wrap-homeoptions > div:nth-of-type(1) img {
      width: 71px;
      height: 75px; }
    .wrap-homeoptions > div:nth-of-type(2) img {
      width: 75px;
      height: 75px; }
    .wrap-homeoptions > div:nth-of-type(3) img {
      width: 75px;
      height: 86px;
      margin-top: -11px; }
    @media screen and (min-width: 850px) {
      .wrap-homeoptions > div {
        padding-right: 15px;
        max-width: inherit; }
        .wrap-homeoptions > div:nth-of-type(1) {
          width: 38%; }
        .wrap-homeoptions > div:nth-of-type(2) {
          width: 35%; }
        .wrap-homeoptions > div:nth-of-type(3) {
          width: 27%; } }
    @media screen and (min-width: 1100px) {
      .wrap-homeoptions > div:nth-of-type(1) {
        width: 40%; }
        .wrap-homeoptions > div:nth-of-type(1) img {
          width: 95px;
          height: 100px; }
      .wrap-homeoptions > div:nth-of-type(2) {
        width: 34%; }
        .wrap-homeoptions > div:nth-of-type(2) img {
          width: 100px;
          height: 100px; }
      .wrap-homeoptions > div:nth-of-type(3) {
        width: 26%; }
        .wrap-homeoptions > div:nth-of-type(3) img {
          width: 95px;
          height: 115px;
          margin-top: -15px; } }
  @media screen and (min-width: 850px) {
    .wrap-homeoptions p {
      max-width: 275px;
      min-height: 100px; } }
  @media screen and (min-width: 1100px) {
    .wrap-homeoptions p {
      min-height: 100px; } }

.title-block {
  display: flex;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 15px;
  min-height: 84px; }
  @media screen and (min-width: 850px) {
    .title-block {
      margin-top: 85px;
      margin-bottom: 30px; } }
  @media screen and (min-width: 1100px) {
    .title-block {
      margin-bottom: 60px; } }
  .title-block img {
    margin-right: 12px; }

/*----------------------------------------------------------------------------------------------------------------------------
        HOMEPAGE HERO - TEXT RELATED
    ------------------------------------------------------------------------------------------------------------------------------*/
.wrap-hero {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-top: 35px;
  min-height: 520px; }
  @media screen and (min-width: 600px) {
    .wrap-hero {
      padding-top: 55px;
      min-height: 560px; } }
  @media screen and (min-width: 850px) {
    .wrap-hero {
      min-height: 490px; } }
  @media screen and (min-width: 900px) {
    .wrap-hero {
      padding-top: 100px; } }
  .wrap-hero h1 {
    margin-top: 35px;
    margin-bottom: 25px; }

.wrap-hero-message {
  width: 100%;
  max-width: 1025px;
  margin: 0 auto; }

@media screen and (min-width: 600px) {
  .wordbreak {
    white-space: nowrap; } }

.msg-primary {
  padding: 0 25px; }
  @media screen and (min-width: 350px) {
    .msg-primary {
      padding: 0 37px; } }
  @media screen and (min-width: 600px) {
    .msg-primary {
      padding: 0 50px; } }

.pointed-callout {
  position: relative;
  width: 100%;
  padding: 0 10px; }
  @media screen and (min-width: 350px) {
    .pointed-callout {
      padding: 0 20px; } }
  @media screen and (min-width: 600px) {
    .pointed-callout {
      padding: 0 35px;
      max-width: 520px;
      float: right; } }
  @media screen and (min-width: 950px) {
    .pointed-callout {
      float: left;
      left: 400px; } }
  .pointed-callout p {
    position: relative;
    padding: 20px 17px;
    background-color: #446f50;
    transition: margin .2s ease; }
    @media screen and (min-width: 450px) {
      .pointed-callout p {
        text-align: justify; } }
    @media screen and (min-width: 600px) {
      .pointed-callout p {
        padding: 25px; } }
    @media screen and (min-width: 950px) {
      .pointed-callout p {
        margin-top: -55px; } }
    .pointed-callout p::after {
      position: absolute;
      display: block;
      content: '';
      width: 0;
      height: 0;
      top: -20px;
      left: 17px;
      border-top: 20px solid transparent;
      border-bottom: 0 solid transparent;
      border-left: 50px solid #446f50; }
      @media screen and (min-width: 600px) {
        .pointed-callout p::after {
          top: 0;
          left: -25px;
          border-top: 0 solid transparent;
          border-right: 25px solid #446f50;
          border-bottom: 45px solid transparent;
          border-left: inherit; } }

/*----------------------------------------------------------------------------------------------------------------------------
        HOMEPAGE HERO - IMAGE RELATED
    ------------------------------------------------------------------------------------------------------------------------------*/
.hero-graphics {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 50%;
  margin-right: calc(-1482px / 2);
  width: 1482px;
  height: 420px;
  background: #cd2b42;
  background: #d02a43; }
  @media screen and (min-width: 600px) {
    .hero-graphics {
      left: 50%;
      margin-left: calc(-1800px / 2);
      width: 1800px;
      height: 510px; } }

.cityscape {
  position: absolute;
  z-index: 1; }

.cloud {
  position: absolute; }
  .cloud:nth-of-type(even) {
    right: -1800px; }

.speed-01 {
  animation: move 183s linear 3; }

.speed-02 {
  animation: move 110s linear 5; }

.speed-03 {
  animation: move 78s linear 7; }

@keyframes move {
  100% {
    transform: translate(-1800px, 0); } }

/*----------------------------------------------------------------------------------------------------------------------------
    TERITIARY NAVIGATION (ANCHOR LINKS)
------------------------------------------------------------------------------------------------------------------------------*/
/* --- STYLE VARIATION DEPENDING ON PAGE ------------------------*/
body.page-about a.dropdown-link {
  background-color: #77040b; }

body.page-about .dropdown-container {
  background-color: rgba(119, 4, 11, 0.9); }
  @media screen and (max-width: 760px) {
    body.page-about .dropdown-container {
      background-color: #991724; } }

body.page-grants a.dropdown-link {
  background-color: #446f50; }

body.page-grants .dropdown-container {
  background-color: rgba(68, 111, 80, 0.9); }
  @media screen and (max-width: 760px) {
    body.page-grants .dropdown-container {
      background-color: aqua; } }

/* --- SWITCH-POINT BETWEEN VISIBLE AND DROPDOWN ------------------------*/
@media screen and (max-width: 760px) {
  .dropdown-container {
    display: none; } }

@media screen and (min-width: 760px) {
  .dropdown-container {
    display: block !important; }
  .dropdown-link {
    display: none !important; } }

/* --- MAKE IT STICKY ------------------------*/
.wrap-sticky {
  position: relative;
  z-index: 99;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 0.875em; }

.dropdown {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

/* --- SMALL SCREEN (dropdown) ------------------------*/
a.dropdown-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 34px;
  color: white;
  background: url(/assets/img/graphic-arrowdown.png) no-repeat;
  background-position: right 35px top 12px;
  background-size: 20px; }

a.dropdown-link,
.dropdown-container a {
  padding-left: 35px; }
  @media screen and (max-width: 600px) {
    a.dropdown-link,
    .dropdown-container a {
      padding-left: 20px;
      background-position: right 20px top 12px; } }

.dropdown-container {
  position: relative;
  z-index: 1;
  padding: 2px 0 0; }
  .dropdown-container ul {
    padding-bottom: 10px; }
  .dropdown-container a {
    position: relative;
    display: block;
    padding: 8px 6px 6px 35px;
    color: white; }
    @media screen and (max-width: 600px) {
      .dropdown-container a {
        padding-left: 20px; } }
    .dropdown-container a:hover::before, .dropdown-container a:focus::before {
      opacity: 1; }

/* --- LARGE SCREEN (no dropdown) ------------------------*/
@media screen and (min-width: 760px) and (min-width: 800px) {
  .wrap-sticky {
    font-size: 0.9375em; } }

@media screen and (min-width: 760px) and (min-width: 1200px) {
  .wrap-sticky {
    font-size: 1em; } }

@media screen and (min-width: 760px) {
  .dropdown-container ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    padding-bottom: 0;
    height: 60px; }
    .dropdown-container ul:before, .dropdown-container ul:after {
      content: "";
      display: block; } }
  @media screen and (min-width: 760px) and (min-width: 800px) {
    .dropdown-container ul {
      height: 70px; } }
  @media screen and (min-width: 760px) and (min-width: 1000px) {
    .dropdown-container ul {
      height: 80px; } }
  @media screen and (min-width: 760px) and (min-width: 1200px) {
    .dropdown-container ul {
      height: 90px; } }

@media screen and (min-width: 760px) {
  .dropdown-container a {
    transition: background .2s ease;
    padding-left: 5px; }
    .dropdown-container a::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: -5px;
      padding-top: 8px;
      content: "•";
      opacity: 0;
      transition: opacity .2s ease; } }

/* --- OFFSET ANCHOR LINKS TO BE VISIBLE BELOW FIXED HEADER ------------------------*/
.jumptarget {
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  top: -34px; }
  @media screen and (min-width: 760px) {
    .jumptarget {
      top: -68px; } }
  @media screen and (min-width: 800px) {
    .jumptarget {
      top: -79px; } }
  @media screen and (min-width: 1000px) {
    .jumptarget {
      top: -90px; } }
  @media screen and (min-width: 1200px) {
    .jumptarget {
      top: -98px; } }

/*----------------------------------------------------------------------------------------------------------------------------
    SECTION STYLES
------------------------------------------------------------------------------------------------------------------------------*/
.wrap-sticky + .section {
  padding-top: 20px; }
  @media screen and (min-width: 760px) {
    .wrap-sticky + .section {
      padding-top: 70px; } }
  @media screen and (min-width: 760px) {
    .wrap-sticky + .section {
      padding-top: 90px; } }

.section {
  display: flex;
  padding-bottom: 70px; }
  .section.sec-about {
    padding-bottom: 0; }
  .section p:last-child {
    margin-bottom: 0; }

/* --- SECTION COLORS ------------------------*/
.sec-beige {
  background: #f7f2e5; }

.sec-green {
  background: #446f50; }

.sec-red {
  background: #cd2b42; }

.sec-white {
  background: white; }

.sec-green h1, .sec-green h2, .sec-green p, .sec-green li,
.sec-red h1,
.sec-red h2,
.sec-red p,
.sec-red li {
  color: white; }

.sec-beige h1, .sec-beige h2, .sec-beige p, .sec-beige li,
.sec-white h1,
.sec-white h2,
.sec-white p,
.sec-white li {
  color: #446f50; }

.sec-beige .quasi-heading,
.sec-white .quasi-heading {
  color: #cd2b42; }

span.hr {
  display: block;
  height: 2px;
  margin-top: 50px; }

p + .hr {
  margin-top: 70px; }

.hr + p {
  margin-top: 35px; }

.sec-red .hr {
  background: #77040b; }

.sec-beige .hr {
  background: #e8dfc9; }

/*----------------------------------------------------------------------------------------------------------------------------
    H1, H2 ICONS
------------------------------------------------------------------------------------------------------------------------------*/
/* --- SET 'EM UP ------------------------*/
.icon {
  position: relative;
  z-index: 0; }
  .icon::after {
    z-index: -1;
    left: 50%;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    background: transparent;
    content: ""; }

/* --- CALCULATE ICON SIZES AND POSITIONS ------------------------*/
.bg-info:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OS4xNjk2MiIgaGVpZ2h0PSI0OS4wMjYyNSIgZGF0YS1uYW1lPSJMYXllciAxIiB2aWV3Qm94PSIwIDAgNDkuMTY5NjIgNDkuMDI2MjUiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzc2MTExMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMjQuNjU2NS41QTI0LjAxMzEyIDI0LjAxMzEyIDAgMCAwIC42NDMzOCAyNC41MTMxMkwuNTAyOTQgNDguNTI2MjVIMjQuNjU2NWEyNC4wMTMxMiAyNC4wMTMxMiAwIDAgMCAyNC4wMTMxMi0yNC4wMTMxM0EyNC4wMTMxMSAyNC4wMTMxMSAwIDAgMCAyNC42NTY1LjV6bS0zLjQ5MyA3LjU2NGE0LjI1NDU5IDQuMjU0NTkgMCAwIDEgMy4wMzg4OC0xLjIzMDcyIDQuMTQyMDYgNC4xNDIwNiAwIDAgMSAzLjAyMzI1IDEuMjU5NCA0LjE0MjA2IDQuMTQyMDYgMCAwIDEgMS4yNTk0IDMuMDIzMjYgNC4yNTc1NSA0LjI1NzU1IDAgMCAxLTEuMjMwMjggMy4wMzg4OCA0LjA4MyA0LjA4MyAwIDAgMS0zLjA1MjM3IDEuMjg3NjUgNC4wODQ3MyA0LjA4NDczIDAgMCAxLTEuNjk1NTYtLjM1NTI4IDQuNTE3ODggNC41MTc4OCAwIDAgMS0xLjM0OTg1LS45MjU0MiA0LjUyOTQ0IDQuNTI5NDQgMCAwIDEtLjkyNjI3LTEuMzUxMTkgNC4wODY4MiA0LjA4NjgyIDAgMCAxLS4zNTQ4Ni0xLjY5NDY0QTQuMDgxMzMgNC4wODEzMyAwIDAgMSAyMS4xNjM0NiA4LjA2NHptMTAuNzA2MTIgMzQuMDU1MjNIMTYuOTg2NTZ2LTMuNDYzNzRoLjQ0NTMxYzIuMjgwNDYgMCAzLjQzNjgzLS41MzM1NyAzLjQzNjgzLTEuNTg1OTRWMjMuMzQ4YzAtLjQwMzU2IDAtMS42MzEyMi0zLjQzNjgzLTEuNjMxMjJoLS40NDUzMXYtMy40NjM3NWgxMC45NTY2bC0uMDAwNDIgMTguODM2NDlhMS4wNCAxLjA0IDAgMCAwIC4yNzk2LjgwOGMuMzMwNS4zNDU3NyAxLjE1NDYuNzU4IDMuMjAyLjc1OGguNDQ1MzJ6Ii8+PC9zdmc+);
  width: calc(135px * 0.78);
  margin-left: calc(135px / -2 * 0.78);
  height: calc(135px * 0.78);
  top: calc(-48px * 0.78); }
  @media screen and (min-width: 600px) {
    .bg-info:after {
      width: calc(135px * 0.92);
      margin-left: calc(135px / -2 * 0.92);
      height: calc(135px * 0.92);
      top: calc(-48px * 0.92); } }
  @media screen and (min-width: 900px) {
    .bg-info:after {
      width: calc(135px * 1);
      margin-left: calc(135px / -2 * 1);
      height: calc(135px * 1);
      top: calc(-48px * 1); } }

.bg-mountain:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB3aWR0aD0iOTUuMjM2NyIgaGVpZ2h0PSI0Ni42NjY2NyIgZGF0YS1uYW1lPSJMYXllciAxIiB2aWV3Qm94PSIwIDAgOTUuMjM2NyA0Ni42NjY2NyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM3NjExMTM7c3Ryb2tlLW1pdGVybGltaXQ6MTB9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTI1LjcxNSAyMC42MjVsMTIuMjA5IDEyLjIwOEw1Ny4yNTcgMTMuNWwzNi42NjcgMzIuNjY3SDEuMTc0bDI0LjU0MS0yNS41NDJ6TTU3LjI1NzE2IDEzLjVWNS4zMzMzM002Ni45MjQgNy41aC05LjY2N3YtN2g5LjY2N2wtMyAzLjY2NyAzIDMuMzMzeiIgY2xhc3M9ImNscy0xIi8+PC9zdmc+);
  width: calc(256px * 0.78);
  margin-left: calc(256px / -2 * 0.78);
  height: calc(126px * 0.78);
  top: calc(-63px * 0.78); }
  @media screen and (min-width: 600px) {
    .bg-mountain:after {
      width: calc(256px * 0.92);
      margin-left: calc(256px / -2 * 0.92);
      height: calc(126px * 0.92);
      top: calc(-63px * 0.92); } }
  @media screen and (min-width: 900px) {
    .bg-mountain:after {
      width: calc(256px * 1);
      margin-left: calc(256px / -2 * 1);
      height: calc(126px * 1);
      top: calc(-63px * 1); } }

.bg-greek:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB3aWR0aD0iNTguNTgzMzMiIGhlaWdodD0iNDcuMDI4NyIgZGF0YS1uYW1lPSJMYXllciAxIiB2aWV3Qm94PSIwIDAgNTguNTgzMzMgNDcuMDI4NyI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTJ7ZmlsbDpub25lO3N0cm9rZTojNzYxMjE0O3N0cm9rZS1taXRlcmxpbWl0OjEwfS5jbHMtMntzdHJva2UtbGluZWNhcDpyb3VuZH08L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNC4wODAzMSAzOS40NTkxMWg1MC40MjI3MXYzLjUwMDc4SDQuMDgwMzF6TS41IDQzLjAyNzkyaDU3LjU4MzMzdjMuNTAwNzhILjV6IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJNLTY3NC43NTMwMiAyMDYuNDQ1MTdoNTAuNDIyNzF2My41MDA3OGgtNTAuNDIyNzF6IiBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0icm90YXRlKDE4MCAtMzEwLjEyNSAxMDkuODIyOSkiLz48cGF0aCBkPSJNLTY3OC4zMzMzMyAyMDIuODc2MzZILTYyMC43NXYzLjUwMDc4aC01Ny41ODMzM3oiIGNsYXNzPSJjbHMtMSIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIC0zMTAuMTI1IDEwNi4yNTQwOSkiLz48cGF0aCBkPSJNNy43MTAzNSAzOS4wNzc1NVYxMy4wNzJNMTYuNDc2NiAxMy4wNzJ2MjYuMDA1NTVNMjQuOTA4NTQgMzkuMDc3NTVWMTMuMDcyTTMzLjY3NDc5IDEzLjA3MnYyNi4wMDU1NSIgY2xhc3M9ImNscy0xIi8+PGc+PHBhdGggZD0iTTQyLjEwNjczIDM5LjA3NzU1VjEzLjA3Mk01MC44NzI5OSAxMy4wNzJ2MjYuMDA1NTUiIGNsYXNzPSJjbHMtMSIvPjwvZz48cGF0aCBkPSJNLjUgNi4xMzFMMjkuNjY1LjUwOWwyOC40MTggNS42MjIiIGNsYXNzPSJjbHMtMSIvPjxnPjxwYXRoIGQ9Ik0xMC42MDM0NiAxNi4xNTk4NnYyMy4xMjM3M00xMy41MDE1OCAxNi4xNTk4NnYyMy4xMjM3MyIgY2xhc3M9ImNscy0yIi8+PC9nPjxnPjxwYXRoIGQ9Ik0yNy44MTEwMyAxNi4xNTk4NnYyMy4xMjM3M00zMC43MDkxNCAxNi4xNTk4NnYyMy4xMjM3MyIgY2xhc3M9ImNscy0yIi8+PC9nPjxnPjxwYXRoIGQ9Ik00NS4wMTg1OSAxNi40OTQwMXYyMi42NTU5Mk00Ny45MTY3MSAxNi40OTQwMXYyMi42NTU5MiIgY2xhc3M9ImNscy0yIi8+PC9nPjwvc3ZnPg==);
  width: calc(160px * 0.78);
  margin-left: calc(160px / -2 * 0.78);
  height: calc(130px * 0.78);
  top: calc(-48px * 0.78); }
  @media screen and (min-width: 600px) {
    .bg-greek:after {
      width: calc(160px * 0.92);
      margin-left: calc(160px / -2 * 0.92);
      height: calc(130px * 0.92);
      top: calc(-48px * 0.92); } }
  @media screen and (min-width: 900px) {
    .bg-greek:after {
      width: calc(160px * 1);
      margin-left: calc(160px / -2 * 1);
      height: calc(130px * 1);
      top: calc(-48px * 1); } }

.bg-ciee:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB3aWR0aD0iMzkzLjAxOTIiIGhlaWdodD0iMS42MTk1OGluIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCAyOTQuNzY0NjEgMTE2LjYwOTgiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojY2JkN2NlfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik03Ni45OTYxIDUzLjUzMzdjLTEuODk4LTIwLjExMDktMTcuMzcxMS0yOS4zOTYtMzYuNDM3LTI5LjM5NkMxNC40MjYyIDI0LjEzNzcgMCA0NC45Mzg5IDAgNjkuNTI1OGMwIDI0LjU3NDMgMTEuODQ1MiA0Ny4wODQgNDAuNTU5MSA0Ny4wODQgMTkuMDY1OSAwIDM0LjM2NDItMTIuMDMxMiAzNy4yOS0zMy4xNjZINzEuMzEyYy0yLjIyNjEgMTYuMTU0My0xNC4yNSAyNy40OTQyLTMwLjc1MjkgMjcuNDk0Mi0yMi44NjkyIDAtMzQuMDM2Mi0xNy41MTg2LTM0LjAzNjItNDEuNDEyMiAwLTIwLjEyMSAxMS44NDgyLTM5LjcwOTkgMzQuMDM2Mi0zOS43MDk5IDE1Ljk3MDIgMCAyOC43MDIxIDguMDc0NyAyOS44OTQgMjMuNzE3OHpNOTQuNjM3MiAyNi4xOTk3aDYuNTI1OXY4OC4zNDI3aC02LjUyNTl6TTE5NS44NjAyOSA3MS4yMzY4YzEuMjExLTI1LjI2NDItMTEuMTcxOC00Ny4wOTkxLTM4LjgzOTgtNDcuMDk5MS0yNi42Mzc2OSAwLTM5LjM1NSAyMy41NDc4LTM5LjAxNzU5IDQ3Ljc4MjctLjMzNzQgMjQuNDEzMSAxMy4yNDQ2IDQ0LjY4OTQgMzkuMDE3NTkgNDQuNjg5NCAyMC45NjI5IDAgMzQuNzIwNy0xMS4zMzc5IDM4LjE0NDUxLTMxLjk3MjZoLTYuNTE4NTFjLTMuMDk0OCAxNi4zMzMtMTQuOTYyIDI2LjMwMDgtMzEuNjI2IDI2LjMwMDgtMjEuODI0NjkgMC0zMi44Mjk1OS0xOC45MDI0LTMyLjQ4ODc5LTM5LjcwMTJ6bS03MS4zMjg1OS01LjY3NjNjMS4zODA5LTE3LjUyODggMTIuODg4Mi0zNS43NDUxIDMyLjQ4ODc5LTM1Ljc0NTEgMjAuMjc2NCAwIDMxLjk2NDggMTcuMTgzMSAzMi4zMTQ0IDM1Ljc0NTF6TTI4NS4wMTc1OSA3MS4yMzY4YzEuMTkxNDEtMjUuMjY0Mi0xMS4xODI3LTQ3LjA5OTEtMzguODUwNTktNDcuMDk5MS0yNi42Mzg3MSAwLTM5LjM2NjIxIDIzLjU0NzgtMzkuMDE5NjEgNDcuNzgyNy0uMzQ2NiAyNC40MTMxIDEzLjIyODYxIDQ0LjY4OTQgMzkuMDE5NjEgNDQuNjg5NCAyMC45NzU1OSAwIDM0LjcxODY5LTExLjMzNzkgMzguMTYwMDktMzEuOTcyNkgyNzcuNzkyYy0zLjA5NDgxIDE2LjMzMy0xNC45NjE5MSAyNi4zMDA4LTMxLjYyNSAyNi4zMDA4LTIxLjgyODIxIDAtMzIuODMxMTEtMTguOTAyNC0zMi40OTEyMS0zOS43MDEyem0tNzEuMzQxOC01LjY3NjNjMS4zODE4LTE3LjUyODggMTIuODk3NC0zNS43NDUxIDMyLjQ5MTIxLTM1Ljc0NTEgMjAuMjc2MjkgMCAzMS45Njc2OSAxNy4xODMxIDMyLjMxMDQ5IDM1Ljc0NTF6TTExNi4xMzg2IDEuNjQ3OWEyMC4wMzU5IDIwLjAzNTkgMCAwIDEtMTguNjg2IDEyLjgxMiAyMC4wMTY1MyAyMC4wMTY1MyAwIDAgMS0xOC42NzkyLTEyLjgxMkw4My4wNDU0IDBhMTUuNDM1NDkgMTUuNDM1NDkgMCAwIDAgMTQuNDA3MiA5Ljg3MDFBMTUuNDIxOTEgMTUuNDIxOTEgMCAwIDAgMTExLjg0NjcgMHpNMjg1LjYwOTM0IDMxLjEzMzc1YTQuNTIxMTcgNC41MjExNyAwIDAgMSAuNjA5MzctMi4yODI3MSA0LjQ1OTQ5IDQuNDU5NDkgMCAwIDEgMS42NzM4My0xLjY4MDE4IDQuNTg3ODkgNC41ODc4OSAwIDAgMSA0LjU3NzE1LS4wMDYzNCA0LjQ2MiA0LjQ2MiAwIDAgMSAxLjY4MDY2IDEuNjc0MzEgNC41Nzk2NiA0LjU3OTY2IDAgMSAxLTguNTQxIDIuMjk0OTJ6bS42Mzk2NCAwYTMuOTQ1MjYgMy45NDUyNiAwIDAgMCAzLjkzODQ4IDMuOTM4NDggMy44MzA3NSAzLjgzMDc1IDAgMCAwIDEuOTY1ODItLjUyOTc4IDMuOTcxNDMgMy45NzE0MyAwIDAgMCAxLjQ0MDQzLTEuNDMzNiAzLjkyMzk0IDMuOTIzOTQgMCAwIDAgLjAwMjkzLTMuOTQxNCAzLjk3MzggMy45NzM4IDAgMCAwLTEuNDMzNTktMS40Mzk5NSAzLjkyNTg0IDMuOTI1ODQgMCAwIDAtMy45NDIzOS0uMDAyOTMgMy45Njg3NiAzLjk2ODc2IDAgMCAwLTEuNDM5NDUgMS40MzM2IDMuODI2OTIgMy44MjY5MiAwIDAgMC0uNTMyMjEgMS45NzU1OHptNS43OTQ5My0xLjEwNzkxYTEuNDc1MDcgMS40NzUwNyAwIDAgMS0uMjU4NzkuODYxMzMgMS41MzMyOSAxLjUzMzI5IDAgMCAxLS43Mjc1NC41NTcxM2wxLjQ0OTIyIDIuNDA0M2gtMS4wMjI0NmwtMS4yNjA3NS0yLjE1NDc5aC0uODIxMjl2Mi4xNTQ3OWgtLjkwMTM2di01LjQyMzgzaDEuNTg4ODZhMi4yODQxNyAyLjI4NDE3IDAgMCAxIDEuNDgyNDMuMzk1NTEgMS40ODUyMSAxLjQ4NTIxIDAgMCAxIC40NzE2OCAxLjIwNTU2em0tMi42NDE2MS45MTloLjY1NzIzYTEuMTYzMSAxLjE2MzEgMCAwIDAgLjc4MjIzLS4yNTI0NC44MDYzOC44MDYzOCAwIDAgMCAuMjk0OTItLjY0MjA5Ljc2ODIuNzY4MiAwIDAgMC0uMjYxNzItLjY1NDc5IDEuMzc4NyAxLjM3ODcgMCAwIDAtLjgyNzE1LS4xOTc3NWgtLjY0NTUxeiIgY2xhc3M9ImNscy0xIi8+PC9zdmc+);
  width: calc(260px * 0.78);
  margin-left: calc(260px / -2 * 0.78);
  height: calc(100px * 0.78);
  top: calc(-33px * 0.78); }
  @media screen and (min-width: 600px) {
    .bg-ciee:after {
      width: calc(260px * 0.92);
      margin-left: calc(260px / -2 * 0.92);
      height: calc(100px * 0.92);
      top: calc(-33px * 0.92); } }
  @media screen and (min-width: 900px) {
    .bg-ciee:after {
      width: calc(260px * 1);
      margin-left: calc(260px / -2 * 1);
      height: calc(100px * 1);
      top: calc(-33px * 1); } }

.bg-peeps:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB3aWR0aD0iODMuNjM5MjIiIGhlaWdodD0iNDkuMjIzNDMiIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDgzLjYzOTIyIDQ5LjIyMzQzIj48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtM3tmaWxsOm5vbmU7c3Ryb2tlOiMyNTRkMzA7c3Ryb2tlLW1pdGVybGltaXQ6MTB9LmNscy0ze3N0cm9rZS1saW5lY2FwOnJvdW5kfTwvc3R5bGU+PC9kZWZzPjxjaXJjbGUgY3g9IjEzLjQ0MDM4IiBjeT0iOS40OTg2NiIgcj0iNi43NDI4OSIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0iTS01NzYuMTAzNTQgMjMzLjQ0MDQyaC0xOC40MTYwNmEzLjc4MTI5IDMuNzgxMjkgMCAwIDEtMy43NzAyLTMuNzcwMjF2LTEzLjA1MDc4YTMuNzgxMjggMy43ODEyOCAwIDAgMSAzLjc3MDItMy43NzAyaDQuMTQwNDVsNS4wNzUyOSA5LjU3MDU1IDUuMjIwMzEtOS41NzA1NWgzLjk4YTMuNzgxMjkgMy43ODEyOSAwIDAgMSAzLjc3MDIxIDMuNzcwMnYxMy4wNTA3OGEzLjc4MTI5IDMuNzgxMjkgMCAwIDEtMy43NzAyIDMuNzcwMjF6IiBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU5OC43ODk4IC0xOTQuNTc3NTYpIi8+PHJlY3Qgd2lkdGg9IjE3Ljg5MDA1IiBoZWlnaHQ9IjEzLjQ2NzY1IiB4PSI0LjQyMjg0IiB5PSIzNS4yNTU3OCIgY2xhc3M9ImNscy0xIiByeD0iMi44OTA1MiIgcnk9IjIuODkwNTIiLz48cmVjdCB3aWR0aD0iMTUuMDEwNTQiIGhlaWdodD0iMTMuNDY3NjUiIHg9IjM0Ljg5OTY0IiB5PSIzNS4yNTU3OCIgY2xhc3M9ImNscy0xIiByeD0iMi44OTA1MiIgcnk9IjIuODkwNTIiLz48cGF0aCBmaWxsPSIjMjU0ZDMwIiBzdHJva2U9IiMyNTRkMzAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTEzLjY5NCAyMC4yOTVsLTIuNTA2LTIuNDQ3SDE2LjJsLTIuNTA2IDIuNDQ3eiIvPjxwYXRoIGQ9Ik0xMi44NDIxMiAxOC4zNDMzM2wtMS40ODQzIDUuNTY5NjJNMTQuNTQ2MzcgMTguMzQzMzNsMS4zNzI4NiA1LjI1NDc2IiBjbGFzcz0iY2xzLTEiLz48Y2lyY2xlIGN4PSI3MC4xMjMxNCIgY3k9IjkuNDk4NjYiIHI9IjYuNzQyODkiIGNsYXNzPSJjbHMtMSIvPjxwYXRoIGQ9Ik0tNTIzLjY2NDg0IDIxMi44NDkyM2g0LjI0NDA2YTMuNzgxMjggMy43ODEyOCAwIDAgMSAzLjc3MDIgMy43NzAydjEzLjA1MDc4YTMuNzgxMjkgMy43ODEyOSAwIDAgMS0zLjc3MDIgMy43NzAyMWgtMTguNDE2MDdhMy43ODEyOSAzLjc4MTI5IDAgMCAxLTMuNzcwMi0zLjc3MDIxdi0xMy4wNTA3OGEzLjc4MTI4IDMuNzgxMjggMCAwIDEgMy43NzAyLTMuNzcwMmg0LjE0MDQ1IiBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU5OC43ODk4IC0xOTQuNTc3NTYpIi8+PHBhdGggZD0iTTY3LjExOSAxOS43NTlsMy4wNSAyLjI0IDMuMDU2LTIuMjk4IiBjbGFzcz0iY2xzLTEiLz48cmVjdCB3aWR0aD0iMTcuODkwMDUiIGhlaWdodD0iMTMuNDY3NjUiIHg9IjYxLjEwNTU5IiB5PSIzNS4yNTU3OCIgY2xhc3M9ImNscy0xIiByeD0iMi44OTA1MiIgcnk9IjIuODkwNTIiLz48Y2lyY2xlIGN4PSI0Mi4zOTMzMiIgY3k9IjkuNDk4NjYiIHI9IjYuNzQyODkiIGNsYXNzPSJjbHMtMSIvPjxwYXRoIGQ9Ik0tNTYzLjEzOTM4IDIwNC4wNzYyMmMwIDMuOTA5NTYtLjk5MSA1LjM0MDQ1LS45OTEgNS4zNDA0NU0tNTQ5LjYzMDQgMjA0LjE1OTU2YzAgMy45MDk1NS45OTEgNS4zNDA0NC45OTEgNS4zNDA0NE0tNTU5LjcxMzczIDE5OC43MDgzM3MzLjAzNSAzLjk1ODM0IDkuODMzMzMgMy45NTgzNE0tNTU5Ljk3NDUgMTk4Ljg2ODJhMTEuNDQwNjUgMTEuNDQwNjUgMCAwIDEtMi45NDcyMSA2LjUxMjg4IiBjbGFzcz0iY2xzLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU5OC43ODk4IC0xOTQuNTc3NTYpIi8+PGc+PHBhdGggZD0iTS01NDkuMTc2ODYgMjMzLjQ0MDQyaC0xNC40MTYwNmEzLjc4MTI5IDMuNzgxMjkgMCAwIDEtMy43NzAyLTMuNzcwMjFsLTEtMTMuMDUwNzhhMy43ODEyOCAzLjc4MTI4IDAgMCAxIDMuNzcwMi0zLjc3MDJoMy4xNDA0NWw1LjA3NTI5IDExLjU3MDU1IDUuMjIwMzEtMTEuNTcwNTVoMi45OGEzLjc4MTI5IDMuNzgxMjkgMCAwIDEgMy43NzAyMSAzLjc3MDJsLTEgMTMuMDUwNzhhMy43ODEyOSAzLjc4MTI5IDAgMCAxLTMuNzcwMiAzLjc3MDIxeiIgY2xhc3M9ImNscy0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1OTguNzg5OCAtMTk0LjU3NzU2KSIvPjxwYXRoIGQ9Ik00Ny42MzMgMTguMjcybDIuMjUgNC4zMTctNC4wODMtLjVNMzcuMDUgMTguMjcybC0yLjI1IDQuMzE3IDQuMDgzLS41IiBjbGFzcz0iY2xzLTEiLz48L2c+PHBhdGggZD0iTS01MzUuNDcyIDIwNC43MTQ1OHMtMi44ODM3Ny03LjQ1NDI4IDIuNzc0OTUtNi40NzQ4OGMwIDAgLjY0ODg0LTMuODcxMjIgNi42MzgxMi0zLjA0NyA1LjkzMDc4LjgxNjE2IDQuODQyNTYgNy45NDQgNC4wODA4MSA5Ljg0ODM2IiBjbGFzcz0iY2xzLTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU5OC43ODk4IC0xOTQuNTc3NTYpIi8+PHBhdGggZD0iTTY1LjIzNSAxNy4xOTF2My4wMzJsNC40MzgtMS40NzktNC40MzgtMS41NTN6TTc1LjAxNiAxNy4xOTF2My4wMzJsLTQuNDM3LTEuNDc5IDQuNDM3LTEuNTUzeiIgY2xhc3M9ImNscy0xIi8+PC9zdmc+);
  width: calc(228px * 0.78);
  margin-left: calc(228px / -2 * 0.78);
  height: calc(134px * 0.78);
  top: calc(-18px * 0.78); }
  @media screen and (min-width: 485px) {
    .bg-peeps:after {
      width: calc(228px * 0.78);
      margin-left: calc(228px / -2 * 0.78);
      height: calc(134px * 0.78);
      top: calc(-58px * 0.78); } }
  @media screen and (min-width: 600px) {
    .bg-peeps:after {
      width: calc(228px * 0.92);
      margin-left: calc(228px / -2 * 0.92);
      height: calc(134px * 0.92);
      top: calc(-58px * 0.92); } }
  @media screen and (min-width: 900px) {
    .bg-peeps:after {
      width: calc(228px * 1);
      margin-left: calc(228px / -2 * 1);
      height: calc(134px * 1);
      top: calc(-58px * 1); } }

.bg-phone:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB3aWR0aD0iNDcuODQ2NTYiIGhlaWdodD0iNTQuMDc5MjUiIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDQ3Ljg0NjU2IDU0LjA3OTI1Ij48ZGVmcz48c3R5bGU+LmNscy0xLC5jbHMtMntmaWxsOm5vbmU7c3Ryb2tlOiNhOWJkYWY7c3Ryb2tlLW1pdGVybGltaXQ6MTB9LmNscy0ye3N0cm9rZS1saW5lY2FwOnJvdW5kfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0xMi41Njc0NSAzNC41NjMxNWM5LjY1NyAxMi4zODUyOCAyNC4yODU2OSAyMi4yNjM2NCAyOS43MzY3IDE4LjAxMzQzIDAgMCAyLjIxNTctMS43Mjc2IDEuMzc4MDctMi44MDE4OGwtNy4zNTYtOS41MTg2OWExLjk1OTE1IDEuOTU5MTUgMCAwIDAtMi44OTc0My0uMTE2bC0xLjk0NyAxLjUxODFhMS40NDc1NSAxLjQ0NzU1IDAgMCAxLTIuMDMxNjMtLjI1MTQ3bC05LjczNi0xMi42MzE3Ni0uNjE0NC0uNzg4LTguMTI3NzYtMTAuMzE4NmExLjQ0NzU0IDEuNDQ3NTQgMCAwIDEgLjI1MTQ2LTIuMDMxNjJsMS45NDctMS41MTgxYTEuOTU5MTggMS45NTkxOCAwIDAgMCAuNTk0LTIuODM4MjhMNS44NTM3IDEuMTAxNWMtLjgzNzYzLTEuMDc0MjctMy4wNTMzMi42NTMzMy0zLjA1MzMyLjY1MzMzQy0yLjY1MDYzIDYuMDA1IDIuMDg2NyAyMS4xMjEzMiAxMS43NDM2NSAzMy41MDY2ek00NS4zNzI4MSAxNy4yNzY4M0gzMy4yMDEzOWwtNS40Mjc4IDUuOTIxMjN2LTUuOTIxMjNoLTIuMTM4MjJhMS45Nzk1NSAxLjk3OTU1IDAgMCAxLTEuOTczNzUtMS45NzM3NFYyLjQ3Mzc0QTEuOTc5NTUgMS45Nzk1NSAwIDAgMSAyNS42MzUzNy41aDE5LjczNzQ0YTEuOTc5NTUgMS45Nzk1NSAwIDAgMSAxLjk3Mzc1IDEuOTczNzR2MTIuODI5MzVhMS45Nzk1NSAxLjk3OTU1IDAgMCAxLTEuOTczNzUgMS45NzM3NHoiIGNsYXNzPSJjbHMtMSIvPjxwYXRoIGQ9Ik0yOC4yNjcwMyA1LjkyNzhoMTUuMTMyMDRNMjguMjY3MDMgOC43MjM5NGgxNS4xMzIwNE0yOC4yNjcwMyAxMS41MjAwN2gxMC4xOTc2OCIgY2xhc3M9ImNscy0yIi8+PC9zdmc+);
  width: calc(124px * 0.78);
  margin-left: calc(124px / -2 * 0.78);
  height: calc(140px * 0.78);
  top: calc(-51px * 0.78); }
  @media screen and (min-width: 600px) {
    .bg-phone:after {
      width: calc(124px * 0.92);
      margin-left: calc(124px / -2 * 0.92);
      height: calc(140px * 0.92);
      top: calc(-48px * 0.92); } }
  @media screen and (min-width: 900px) {
    .bg-phone:after {
      width: calc(124px * 1);
      margin-left: calc(124px / -2 * 1);
      height: calc(140px * 1);
      top: calc(-48px * 1); } }

.bg-diploma:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB3aWR0aD0iNTguOTY4ODMiIGhlaWdodD0iNjEuNjIzIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1OC45Njg4MyA2MS42MjMiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO3N0cm9rZTojZWNhYWI0O3N0cm9rZS1taXRlcmxpbWl0OjEwfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik01OC4yOTQgNDEuMThsLTIuMzM3IDIuNTgxLjczNSAzLjQwNC0zLjMxNyAxLjA2My0xLjA2MyAzLjMxNy0zLjQwNC0uNzM1LTIuNTgxIDIuMzM3LTIuNTgxLTIuMzM3LTMuNDA1LjczNS0xLjA2Mi0zLjMxOC0zLjMxNy0xLjA2Mi43MzUtMy40MDQtMi4zMzctMi41ODEgMi4zMzctMi41ODItLjczNS0zLjQwNCAzLjMxNy0xLjA2MyAxLjA2My0zLjMxNyAzLjQwNC43MzUgMi41ODEtMi4zMzcgMi41ODEgMi4zMzcgMy40MDUtLjczNSAxLjA2MiAzLjMxOCAzLjMxNyAxLjA2Mi0uNzM1IDMuNDA0IDIuMzM3IDIuNTgyeiIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0iTTUzLjcgNDguMjAybDMuNTE0IDEwLjI3Ni0zLjYyNC0xLjUyMi0xLjg5NCAzLjQ0NC0zLjE5OC05LjE0OE0zOS4wODEgNDguMjkyTDM1LjQ0IDU4LjQ3OGwzLjYyNC0xLjUyMiAxLjg5NCAzLjQ0NCAzLjIzNS05LjE0OCIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0iTS01NzcuMjYwMDggMjYyLjkyNjc2YTcuNTE0NTYgNy41MTQ1NiAwIDAgMS03LjUwNTgtNy41MDU4IDcuNTE0NTYgNy41MTQ1NiAwIDAgMSA3LjUwNTgtNy41MDU4IDcuNTE0NTYgNy41MTQ1NiAwIDAgMSA3LjUwNTc5IDcuNTA1OCA3LjUxNDU2IDcuNTE0NTYgMCAwIDEtNy41MDU3OSA3LjUwNTh6IiBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyMy41ODY4OCAtMjE0LjI0MTM5KSIvPjxwYXRoIGQ9Ik0tNTc3LjYwNjQxIDI0MC44MjI4MXYtMjYuMDgxNDJoLTQ1LjQ4MDQ3djU2Ljk0M2gzMi45NDUyNmwyLjk4MzYtNy45MjUxNi0yLjk4MzYtLjgzOTE0Ljc0NTktNC4yODg5Mi0yLjYxMDY1LTMuMzU2NTUgMi41MTc0MS0zLjE3MDA4LS41NTk0Mi00LjM4MjE2IDMuOTE2LTEuMjEyMDkgMS4zOTg1Ny00LjEwMjQ1IDQuMjg4OTIuODM5MTR6bS0zNC40Mi0xOS4wODY1M2E1LjYzMzMyIDUuNjMzMzIgMCAwIDEgNS42MzMzMiA1LjYzMzMyIDUuNjMzMzIgNS42MzMzMiAwIDAgMS01LjYzMzMyIDUuNjMzMzIgNS42MzMzMiA1LjYzMzMyIDAgMCAxLTUuNjMzMzItNS42MzMzMiA1LjYzMzMyIDUuNjMzMzIgMCAwIDEgNS42MzMzNC01LjYzMzMyem0xNi4wMzg3NSAzNC4xMzk3SC02MTYuMjYyYTEuNDk5NzcgMS40OTk3NyAwIDAgMS0xLjUtMS41IDEuNDk5NzYgMS40OTk3NiAwIDAgMSAxLjUtMS41aDIwLjI3NDQxYTEuNDk5NzUgMS40OTk3NSAwIDAgMSAxLjUgMS41IDEuNDk5NzYgMS40OTk3NiAwIDAgMS0xLjUwMDA1IDEuNTAwMDJ6bTEuMDYwNTUtNS45MTk2OGgtMjEuMzM1YTEuNDk5NzcgMS40OTk3NyAwIDAgMS0xLjUtMS41IDEuNDk5NzcgMS40OTk3NyAwIDAgMSAxLjUtMS41aDIxLjMzNWExLjQ5OTc3IDEuNDk5NzcgMCAwIDEgMS41IDEuNSAxLjQ5OTc3IDEuNDk5NzcgMCAwIDEtMS40OTk5OCAxLjV6bTQuNTMwNzYtNS45MTk2OEgtNjE2LjI2MmExLjQ5OTc3IDEuNDk5NzcgMCAwIDEtMS41LTEuNSAxLjQ5OTc3IDEuNDk5NzcgMCAwIDEgMS41LTEuNWgyNS44NjU3MmExLjQ5OTc2IDEuNDk5NzYgMCAwIDEgMS41IDEuNSAxLjQ5OTc2IDEuNDk5NzYgMCAwIDEtMS41MDAwNSAxLjV6bTUuODUxMzctMTAuNTMzNjloLTE3LjI5MDgyYTEuMzc3MzkgMS4zNzczOSAwIDAgMS0xLjM3NzYtMS4zNzc2IDEuMzc3MzggMS4zNzczOCAwIDAgMSAxLjM3NzYtMS4zNzc2aDE3LjI5MDhhMS4zNzczOCAxLjM3NzM4IDAgMCAxIDEuMzc3NiAxLjM3NzYgMS4zNzczOSAxLjM3NzM5IDAgMCAxLTEuMzc3NiAxLjM3NzZ6bTAtNC43MDU5aC0xNy4yOTA4MmExLjM3NzM4IDEuMzc3MzggMCAwIDEtMS4zNzc2LTEuMzc3NiAxLjM3NzM4IDEuMzc3MzggMCAwIDEgMS4zNzc2LTEuMzc3NTloMTcuMjkwOGExLjM3NzM4IDEuMzc3MzggMCAwIDEgMS4zNzc2IDEuMzc3NTkgMS4zNzczOCAxLjM3NzM4IDAgMCAxLTEuMzc3NiAxLjM3NzU3em0wLTQuNzA1ODloLTE3LjI5MDgyYTEuMzc3MzggMS4zNzczOCAwIDAgMS0xLjM3NzYtMS4zNzc2IDEuMzc3MzggMS4zNzczOCAwIDAgMSAxLjM3NzYtMS4zNzc2aDE3LjI5MDhhMS4zNzczOCAxLjM3NzM4IDAgMCAxIDEuMzc3NiAxLjM3NzYgMS4zNzczOCAxLjM3NzM4IDAgMCAxLTEuMzc3NiAxLjM3NzZ6IiBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYyMy41ODY4OCAtMjE0LjI0MTM5KSIvPjxwYXRoIGZpbGw9IiNlY2FhYjQiIGQ9Ik0tNTk0LjM4MzUxIDI2My42NDM0OWMtMi4xMTEwOC0uNTY4NDItMi43NTEtLjcxOTcyLTQuNzg5NjEuMzgyMzktLjYzOC4zNDQ5MS0uOTE1NDcuNzU1MTktMS42NDc4OS40OTUzYS40OTc2NS40OTc2NSAwIDAgMS0uMzQ2NS0uMzQ2NSA3Ljc1OTg5IDcuNzU5ODkgMCAwIDEtLjAyODQ0LTEuOTAzMzhjLTEuMjQ2NTggMS4wNTEtMi44ODMgMi4zNDIyMy00LjI0NCAyLjE5MDM3LTEuMjU4NzItLjE0MDQ0LTEuNDIxMTQtMS4xMjk5NC0xLjYxMzM0LTIuMTM0NTgtLjgxNzIgMS4wOTQyNC0yLjAzIDIuNjk4OTEtMy4xMzkyMiAyLjM2MjYxLS44OTItLjI3MDUxLTEuMTkwOTItMS43MjYzOC0xLjM4Ny0yLjgyNzMzYTYuMTAzIDYuMTAzIDAgMCAwLTEuMDQgMi4xMDk5Mi41MDE5NC41MDE5NCAwIDAgMS0uOTA2NzQuMTE4NTMgMjkuNTQyNiAyOS41NDI2IDAgMCAxLTEuNTgyNzYtMy4zIDYuMDAwOCA2LjAwMDggMCAwIDAtLjc4NTE2IDMuNjA4NGMuMDUxNzYuNjM3NTctLjk0MDg2LjYzMjA4LS45OTIxOSAwYTYuNzk2IDYuNzk2IDAgMCAxIDEuNDM5NTgtNC45MTQ3My41MDQzLjUwNDMgMCAwIDEgLjkwNjc0LjExODUzIDI3Ljk5MjMzIDI3Ljk5MjMzIDAgMCAwIDEuMzc2NDYgMy4wMzI1MyA3Ljc0MzM2IDcuNzQzMzYgMCAwIDEgMS41MjMyNi0yLjIxMjY1LjUwMDYuNTAwNiAwIDAgMSAuODI5MTYuMjE4OTRjLjI0MjA2Ljg3OTc2LjI5MDgzIDIuODM3IDEuMzM2NjEgMi43NzE2LjQ4NDYyLS4wMzAzMyAxLjk0ODY3LTIuMTQ0NDcgMi4zMDgtMi41Mzk5MWEuNTAxNTguNTAxNTggMCAwIDEgLjgyOTE2LjIxODkzYy40MDU5NSAxLjExOTYzLS4wNzgxOCAyLjMxMjU2IDEuNzk3NzMgMi4wOTk2NyAxLjAzMTM4LS4xMTcwNyAyLjg1ODQ2LTEuODI2MzYgMy41Njg3My0yLjM5OTkuMzA3NTYtLjI0ODQyLjg2OTc1LS4xMi44NDY4Ni4zNTA3N3EtLjA0MTc0Ljg1ODQ4LS4wODM0MyAxLjcxN2ExLjIyNTUgMS4yMjU1IDAgMCAwIDEuNDkwOS0uNjExNzZjLjI1Mzc5LS4wOTcxMS40MDMxNC0uNDA3NTMuNjc3MTktLjQ4MDIyIDEuMTA3ODUtLjI5Mzc3IDIuODgwMzEuNjM4ODUgMy45MTk1NS45MTg3YS40OTY1LjQ5NjUgMCAwIDEtLjI2MzY1Ljk1Njc3eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjIzLjU4Njg4IC0yMTQuMjQxMzkpIi8+PC9zdmc+);
  width: calc(126px * 0.78);
  margin-left: calc(126px / -2 * 0.78);
  height: calc(132px * 0.78);
  top: calc(-10px * 0.78); }
  @media screen and (min-width: 600px) {
    .bg-diploma:after {
      width: calc(124px * 0.92);
      margin-left: calc(124px / -2 * 0.92);
      height: calc(140px * 0.92);
      top: calc(-48px * 0.92); } }
  @media screen and (min-width: 900px) {
    .bg-diploma:after {
      width: calc(124px * 1);
      margin-left: calc(124px / -2 * 1);
      height: calc(140px * 1);
      top: calc(-48px * 1); } }

.bg-calendar:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB3aWR0aD0iNjQuODc1IiBoZWlnaHQ9IjUzLjkxNjA1IiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA2NC44NzUgNTMuOTE2MDUiPjxkZWZzPjxzdHlsZT4uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6I2VjYWFiNDtzdHJva2UtbWl0ZXJsaW1pdDoxMH0uY2xzLTJ7c3Ryb2tlLWxpbmVjYXA6cm91bmR9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTS02NjYuMzIyOTIgMjA5LjU4M2gtNTMuMjI5MTZhNS4zMzg1NyA1LjMzODU3IDAgMCAxLTUuMzIyOTItNS4zMjI5MnYtMzYuNjM0MTZhNS4zMzg1NiA1LjMzODU2IDAgMCAxIDUuMzIyOTItNS4zMjI5Mmg1My4yMjkxNkE1LjMzODU2IDUuMzM4NTYgMCAwIDEtNjYxIDE2Ny42MjU5MnYzNi42MzQxOWE1LjMzODU3IDUuMzM4NTcgMCAwIDEtNS4zMjI5MiA1LjMyMjg5eiIgY2xhc3M9ImNscy0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MjUuMzc1IC0xNTYuMTY2OTcpIi8+PHBhdGggZD0iTTE1LjY4NTk3IDExLjc3MjA2Vi41TTQ5LjE4OTAzIDExLjc3MjA2Vi41IiBjbGFzcz0iY2xzLTIiLz48Y2lyY2xlIGN4PSIxNS42NDE2NyIgY3k9IjEyLjQ1NTMzIiByPSIyLjk1MzM0IiBjbGFzcz0iY2xzLTIiLz48Y2lyY2xlIGN4PSI0OS4zMDEyOSIgY3k9IjEyLjQ1NTMzIiByPSIyLjk1MzM0IiBjbGFzcz0iY2xzLTIiLz48cGF0aCBkPSJNLjY1NjU2IDE4LjgxNzFoNjMuNDgzNjEiIGNsYXNzPSJjbHMtMiIvPjxwYXRoIGQ9Ik0tNzAyLjcwOTI3IDE4NS45MzQ2N2wtMi43NjcxOC4zNTE4OC0uMDUwMzYtLjUwMjk1IDUuNjg0ODItLjc3OTkyaDIuMDM3NjJ2MTcuNDA2OTVoMS45NjIwOHYuNDc3NzhoLTkuNTA4Mjd2LS40Nzc3OGgyLjY0MTI5ek0tNjkyLjg3NDMgMTg2LjA4NTc0YTcuMzIwNjIgNy4zMjA2MiAwIDAgMSA0LjM3Njc3LTEuMDgyMDYgNy44Nzg4MSA3Ljg3ODgxIDAgMCAxIDQuNDkwMzcgMS4wODIwNiAzLjY3NzQgMy42Nzc0IDAgMCAxIDEuNTcyMTIgMy4yNDUgNS44OTE1NyA1Ljg5MTU3IDAgMCAxLS4xMjU4OSAxLjI3IDMuMzAzNDggMy4zMDM0OCAwIDAgMS0uNTY2MjEgMS4xODIxNnEtLjQ0MDMzLjYxNzE4LS44NTQ4NCAxLjA5NDM0YTEwLjU4NzQzIDEwLjU4NzQzIDAgMCAxLTEuNDIxNjcgMS4yNTc3cS0xLjUwODg3IDEuMjA3NjUtMy4xNjk0MiAyLjQwMjQtMS42NTk5NCAxLjE5NDc1LTEuOTM2MjkgMS4zOTU4N2wtMS41MzQ2NiAxLjEwNjYzaDYuMDM2N2EzLjMzMjA5IDMuMzMyMDkgMCAwIDAgMi40NjUtLjc1NDc0IDQuNTYzMjEgNC41NjMyMSAwIDAgMCAxLjAzMTcxLTIuMzY0MzNoLjQyNzQybC0uMjUxMTcgNi45Njc3aC0xMS44MjI4NXYtMi45MTc2NGwyLjU0MDU3LTIuMzM5NzZhMTkuMzUwNDUgMTkuMzUwNDUgMCAwIDAgMy42NzIzOC00LjIxMjggNy45MjQ4MiA3LjkyNDgyIDAgMCAwIDEuMDgyMDYtNC4wNzUyMyA2LjY0OTExIDYuNjQ5MTEgMCAwIDAtLjQ3ODM5LTMuMDQzNTMgMS43MTM1OCAxLjcxMzU4IDAgMCAwLTEuNjA5NTgtLjgxNzM4IDEuOTAwODcgMS45MDA4NyAwIDAgMC0xLjU4NDQxLjU3ODQ5IDEuODIyNTQgMS44MjI1NCAwIDAgMC0uNDUzMjEgMS4xMDY2MyAyLjY0MyAyLjY0MyAwIDAgMCAuMTUxMDcuOTMxaC43NTQ3NGEzLjU3OCAzLjU3OCAwIDAgMSAuMjAxNDMgMS4yNyAxLjY0MzI0IDEuNjQzMjQgMCAwIDEtLjYyODg1IDEuMjgyODcgMi40NTg2NSAyLjQ1ODY1IDAgMCAxLTEuNjYwNTUuNTQxIDEuOTgwMjYgMS45ODAyNiAwIDAgMS0xLjU5NzMtLjY2NjkyIDIuNDk0MzQgMi40OTQzNCAwIDAgMS0uNTY1Ni0xLjY3MjgzIDMuMzA1ODEgMy4zMDU4MSAwIDAgMSAxLjQ1ODU1LTIuNzY2NjN6IiBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcyNS4zNzUgLTE1Ni4xNjY5NykiLz48cGF0aCBkPSJNNS4yNzQ5NyAyMy43NDg2Mmg5LjM5MzM4djUuNzE0MzFINS4yNzQ5N3pNNS4yNzQ5NyAzMi43NTA2MWg5LjM5MzM4djUuNzE0MzFINS4yNzQ5N3pNNS4yNzQ5NyA0MS43NTI2aDkuMzkzMzh2NS43MTQzMUg1LjI3NDk3ek00OC45NTQyIDIzLjc0ODYyaDkuMzkzMzh2NS43MTQzMUg0OC45NTQyek00OC45NTQyIDMyLjc1MDYxaDkuMzkzMzh2NS43MTQzMUg0OC45NTQyek00OC45NTQyIDQxLjc1MjZoOS4zOTMzOHY1LjcxNDMxSDQ4Ljk1NDJ6IiBjbGFzcz0iY2xzLTEiLz48L3N2Zz4=);
  width: calc(122px * 0.78);
  margin-left: calc(122px / -2 * 0.78);
  height: calc(102px * 0.78);
  top: calc(-32px * 0.78); }
  @media screen and (min-width: 600px) {
    .bg-calendar:after {
      width: calc(122px * 0.92);
      margin-left: calc(122px / -2 * 0.92);
      height: calc(102px * 0.92);
      top: calc(-32px * 0.92); } }
  @media screen and (min-width: 900px) {
    .bg-calendar:after {
      width: calc(122px * 1);
      margin-left: calc(122px / -2 * 1);
      height: calc(102px * 1);
      top: calc(-32px * 1); } }

.bg-checkmark:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2Ni44MjIzOCIgaGVpZ2h0PSI1OS45NTkzMSIgZGF0YS1uYW1lPSJMYXllciAxIiB2aWV3Qm94PSIwIDAgNjYuODIyMzggNTkuOTU5MzEiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VjYWFiNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNi42MSAzMy4yODhsNS42NTctNi4xNTEgMTAuODY4IDEwLjg2OUw2MC40MzQuNzA3bDUuNjgxIDUuNjgxLTQzLjIyNyA0My4yMjdMNi42MSAzMy4yODh6Ii8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWNhYWI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTQ3Ljc1IDMyLjcyNnYyNi43MzNILjV2LTQ3LjI1aDQwLjQxMiIvPjwvc3ZnPg==);
  width: calc(130px * 0.78);
  margin-left: calc(130px / -2 * 0.78);
  height: calc(116px * 0.78);
  top: calc(-44px * 0.78);
  margin-left: calc(116px * 0.78 / -2 + 9px); }
  @media screen and (min-width: 600px) {
    .bg-checkmark:after {
      width: calc(122px * 0.92);
      margin-left: calc(122px / -2 * 0.92);
      height: calc(102px * 0.92);
      top: calc(-32px * 0.92);
      margin-left: calc(116px * 0.92 / -2 + 21px); } }
  @media screen and (min-width: 900px) {
    .bg-checkmark:after {
      width: calc(122px * 1);
      margin-left: calc(122px / -2 * 1);
      height: calc(102px * 1);
      top: calc(-32px * 1);
      margin-left: calc(116px * 1 / -2 + 17px); } }

.bg-paper:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB3aWR0aD0iNjIuMDQyMTUiIGhlaWdodD0iNTYuNzE1ODIiIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDYyLjA0MjE1IDU2LjcxNTgyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6I2VjYWFiNDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2UtbGluZWNhcDpyb3VuZH08L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNDcuNzUgMjkuNDgydjI2LjczNEguNVY4Ljk2NWg0MC40MTIiIGNsYXNzPSJjbHMtMSIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VjYWFiNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMjcuNzggNDEuODA3bC04Ljg3NiAxLjMyMSAxLjMyMS04Ljg3Nkw0Ny40NzcgN2w3LjU1NiA3LjU1NUwyNy43OCA0MS44MDd6Ii8+PHBhdGggZD0iTTQ5LjE3NjkyIDUuMzAwMjVsNy41ODA4NSA3LjU4MDg1TTUwLjgzOCAzLjYzOWw3LjU4MSA3LjU4MSAyLjkxNi0yLjkxNkw1My43NC43MDlsLTIuOTAyIDIuOTN6TTIwLjIyNTIxIDM0LjI1MTk2bDcuNTAxNzMgNy41MDE3NE01LjM1NzYgMTQuNzc3MzRoMjUuMzI0NzFNNS4zNTc2IDE5LjcxMTk0aDIzLjMyNDcxTTUuMzU3NiAyNC42NDY1M2gxOC4zMjQ3MU01LjM1NzYgMjkuNTgxMTJoMTMuMzI0NzFNNS4zNTc2IDM0LjUxNTcyaDkuMzI0NzFNNS4zNTc2IDM5LjQ1MDMxaDkuMzI0NzFNMzUuNzMwNjMgMzkuNDUwMzFoNi45NTE2OE0zMS40MjcxNSA0NC4zODQ5aDExLjI1NTE2TTUuMzU3NiA0NC4zODQ5aDkuNDk2NzZNNS4zNTc2IDQ5LjMxOTVoMzcuMzI0NzEiIGNsYXNzPSJjbHMtMSIvPjwvc3ZnPg==);
  width: calc(120px * 0.78);
  margin-left: calc(120px / -2 * 0.78);
  height: calc(110px * 0.78);
  top: calc(-28px * 0.78);
  margin-left: calc(110px * 0.78 / -2 + 8px); }
  @media screen and (min-width: 600px) {
    .bg-paper:after {
      width: calc(120px * 0.92);
      margin-left: calc(120px / -2 * 0.92);
      height: calc(110px * 0.92);
      top: calc(-28px * 0.92);
      margin-left: calc(110px * 0.92 / -2 + 8px); } }
  @media screen and (min-width: 900px) {
    .bg-paper:after {
      width: calc(120px * 1);
      margin-left: calc(120px / -2 * 1);
      height: calc(110px * 1);
      top: calc(-28px * 1);
      margin-left: calc(110px * 1 / -2 + 8px); } }

.bg-couple:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB3aWR0aD0iNTAuMjg2MyIgaGVpZ2h0PSI1OS4wMDQwOSIgZGF0YS1uYW1lPSJMYXllciAxIiB2aWV3Qm94PSIwIDAgNTAuMjg2MyA1OS4wMDQwOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiMxZTQzMjg7c3Ryb2tlLW1pdGVybGltaXQ6MTB9PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTS01NDMuODUwMjggMjM0LjczN2ExMi44MTgyOSAxMi44MTgyOSAwIDAgMCAyLjU5Mzc0LjU5NjIyYzIuNDQyNTEuMzEyNyA0LjAwNDc3IDEuNTU0NjIgNC40MjA4MSA0LjA0MjYzIDIuNjY4MTgtLjU4ODYxIDIuOTI0MTQtMS4wMTk0NCAyLjAzMzM0LTMuMzgyNzNxLTEuMjQ1Ni0zLjMwNDYyLTIuNTEyLTYuNjAxMzRjLS41MzgzMy0xLjM5MzMtMS4wNTQxMy0xLjYxNzM2LTIuNDcxMTMtMS4wODgzLTEuMjA3LjQ1MDY1LTIuMzkxNC45NjQ1Mi0zLjYwODQgMS4zODUtMi43NjY0MS45NTU4MS0zLjAxOTQzIDEuMDc1NTktMS42OTg1MSA0LjExMWEyLjE5OTQxIDIuMTk5NDEgMCAwIDAgMS4yNDIxNS45Mzc1MnoiIGNsYXNzPSJjbHMtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTUxLjc4MDMxIC0yMTIuNDk1OTEpIi8+PHBhdGggZD0iTS01MzguOTE3IDI0MC4zMzcxYTIuMzI3NjUgMi4zMjc2NSAwIDAgMC0xLjM5OTU1LTIuODMzNTMgNy4xODMgNy4xODMgMCAwIDAtMS43OTY3MS0uNDcxYy0yLjg2MzkxLS4zNTQtNS40ODMzNy0uOTc3NTEtNS40NzkxNy00LjgyMjY5YTQuMzYzMTUgNC4zNjMxNSAwIDAgMC0uNTM5MTUuNDYxMjJjLS44NDMzOCAxLjIwMTYzLTEuNjk0IDIuMzk4NjItMi41MTM1NyAzLjYxNjQyLTEuMjY2OTIgMS44ODI0Ni0uNTkzMzYgMy42Mjc3NiAxLjYxNzIzIDQuMTI4MiAyLjQyNjMzLjU0OTI3IDQuODYzNTYgMS4wNTEgNy4yOTkzNiAxLjU1NzVhMi4zNzUgMi4zNzUgMCAwIDAgMi44MTE1Ni0xLjYzNjEyeiIgY2xhc3M9ImNscy0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NTEuNzgwMzEgLTIxMi40OTU5MSkiLz48Y2lyY2xlIGN4PSIxNC42MjY4NyIgY3k9IjYuMTIxOTMiIHI9IjUuNjIxOTMiIGNsYXNzPSJjbHMtMSIvPjxwYXRoIGQ9Ik0tNTA4LjQ5Mzg1IDI0My4yNDRzLTEuOTY4NjUuMzM3Mi0yLjg5MTkzLjU1NTg2YTQuMjEzNDQgNC4yMTM0NCAwIDAgMS0zLjUwMTctLjg2NTggMTkuMzM3IDE5LjMzNyAwIDAgMC0zLjI0OS0xLjkyMDg0Yy0yLjY1MjE2LTEuMTI3NjItMy4zNzEzMS0yLjU5MTkzLTIuMzU4NTYtNS4yNTg3cTEuMzczNDItMy42MTY1OCAyLjc3OTEzLTcuMjIwODVjLjkwNjMyLTIuMzEyMjQgMi40NzI1NC0yLjk4OTcgNC43ODQ5LTIuMTA5ODQgMS40NDUzMi41NDk5NSAyLjg5MzU4IDEuMDkyMTggNC40Nzc0NiAxLjY4OTUyYTMuNTExMyAzLjUxMTMgMCAwIDAtMy42MDk4NS0yLjUyNjA3Yy0yLjc2NTU4LjA0NTMzLTUuNTMyNDkuMDIxODMtOC4yOTg3NC4wMDhhMy4wNjIyOCAzLjA2MjI4IDAgMCAwLTMuMTE2MTEgMi4wMTYwOXEtMS41NjA2NyAzLjUwNjYtMy4xNTg5MiA2Ljk5NjQ3LTEuNTkxODktMy40OTI3LTMuMTU4OTMtNi45OTY0N2EzLjA2MjI1IDMuMDYyMjUgMCAwIDAtMy4xMTYxMS0yLjAxNjA5Yy0yLjc2NjI0LjAxMzc5LTUuNTMzMTYuMDM3MjktOC4yOTg3Mi0uMDA4YTMuNTExMzMgMy41MTEzMyAwIDAgMC0zLjYwOTg3IDIuNTI2MDdjMS41ODM4OC0uNTk3MzQgMy4wMzIxNS0xLjEzOTU3IDQuNDc3NDctMS42ODk1MiAyLjMxMjM3LS44Nzk4NiAzLjg3ODU3LS4yMDI0IDQuNzg0ODkgMi4xMDk4NHExLjQxMTc2IDMuNjAxNzYgMi43NzkxNCA3LjIyMDg1YzEuMDEyNzQgMi42NjY3Ny4yOTM1OSA0LjEzMTA4LTIuMzU4NTcgNS4yNTg3YTE5LjMzNyAxOS4zMzcgMCAwIDAtMy4yNDkgMS45MjA4NCA0LjIxMzQzIDQuMjEzNDMgMCAwIDEtMy41MDE3Ljg2NThjLS45MjMyOC0uMjE4NjYtMi44OTE5MS0uNTU1ODYtMi44OTE5MS0uNTU1ODZsLS45ODM2NyA4Ljc5NzFjLS4xMDY0NiAxLjc5NjE1LjA1MDIzIDIuMDM3OCAxLjgxNDg2IDIuNTUzNzkgMCAxLjUzNzUxLjA3NjQ0IDExLjEzMjEyLS4wMjAxNSAxMi42ODQ2MUEzLjQzNjI5IDMuNDM2MjkgMCAwIDAtNTQxLjc5Mzc2IDI3MWgxLjMzODU2YTMuMzI0MyAzLjMyNDMgMCAwIDAgMi4yMzU1My0zLjY1NmMtLjEtMS41ODY1Mi0uMDIxLTExLjIxNTY1LS4wMjEtMTIuODczOGgyLjE2MDljMCAxLjU5NTg0LjA1MTY0IDExLjIxNC0uMDEzNjEgMTIuNzk2QTMuMzQ2ODIgMy4zNDY4MiAwIDAgMC01MzMuNzYyNDIgMjcxaDEuMzM4NTVhMy42NDEzOCAzLjY0MTM4IDAgMCAwIDIuMTQyMTctMy44OTQ4M2MtLjA4OTExLTEuNTA3MTQtLjAxODM0LTExLjA1NS0uMDE4MzQtMTIuNjUyNzIgMS4yNTMzLS4wMDcwOCAxLjg5NTQ3LS41ODI1OCAxLjgyNzc0LTEuODA0LS4wNzYyOC0xLjM3NTU1LS4yMjE3OC0yLjk5MDcxLS4zODE4My00LjYzMjcxLjg4NjQ1LS4wNTA4NyAxLjY0OTI5LS42OTI4MSAyLjIxMjA4LTEuOTAxODFsLjAwNDg5LS4wMTA1LjAwNDg4LjAxMDVjLjU2MjgxIDEuMjA5IDEuMzI1NjUgMS44NTA5NCAyLjIxMjA4IDEuOTAxODEtLjE2IDEuNjQyLS4zMDU1NSAzLjI1NzE2LS4zODE4MiA0LjYzMjcxLS4wNjc3MyAxLjIyMTQzLjU3NDQ0IDEuNzk2OTMgMS44Mjc3MyAxLjgwNCAwIDEuNTk3NjcuMDcwNzcgMTEuMTQ1NTgtLjAxODMzIDEyLjY1MjcyQTMuNjQxNCAzLjY0MTQgMCAwIDAtNTIwLjg1MDQ2IDI3MWgxLjMzODU2YTMuMzQ2OCAzLjM0NjggMCAwIDAgMi4zMzA5LTMuNzMzNzZjLS4wNjUyNC0xLjU4Mi0uMDEzNjEtMTEuMjAwMTYtLjAxMzYxLTEyLjc5NmgyLjE2MDkxYzAgMS42NTgxNS4wNzkwOCAxMS4yODczLS4wMjEgMTIuODczODFBMy4zMjQyOCAzLjMyNDI4IDAgMCAwLTUxMi44MTkxMiAyNzFoMS4zMzg1NWEzLjQzNjI5IDMuNDM2MjkgMCAwIDAgMi4xNzU2Ni0zLjcyMDUxYy0uMDk2NTgtMS41NTI0OS0uMDIwMTMtMTEuMTQ3MDgtLjAyMDEzLTEyLjY4NDU5IDEuNzY0NjItLjUxNiAxLjkyMTMtLjc1NzY2IDEuODE0ODUtMi41NTM4MXoiIGNsYXNzPSJjbHMtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTUxLjc4MDMxIC0yMTIuNDk1OTEpIi8+PHBhdGggZD0iTS01MTMuNDg4NzkgMjI4LjMwMzQ1Yy0xLjQxNy0uNTI5MDYtMS45MzI4LS4zMDUtMi40NzExNCAxLjA4ODNxLTEuMjcyNzggMy4yOTQyLTIuNTEyIDYuNjAxMzRjLS44OTA4IDIuMzYzMjktLjYzNDgzIDIuNzk0MTIgMi4wMzMzNCAzLjM4MjczLjQxNi0yLjQ4OCAxLjk3ODMxLTMuNzI5OTMgNC40MjA4MS00LjA0MjYzYTEyLjgxODM4IDEyLjgxODM4IDAgMCAwIDIuNTkzNzUtLjU5NjIyIDIuMTk5MjQgMi4xOTkyNCAwIDAgMCAxLjI0MjE1LS45Mzc1NmMxLjMyMDkzLTMuMDM1MzYgMS4wNjc5LTMuMTU1MTItMS42OTg0OS00LjExMS0xLjIxNzAxLS40MjA0MS0yLjQwMTQ0LS45MzQzMS0zLjYwODQyLTEuMzg0OTZ6IiBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU1MS43ODAzMSAtMjEyLjQ5NTkxKSIvPjxwYXRoIGQ9Ik0tNTAyLjYyOTE5IDIzNi4yODc0OGE0OC4zMDQxMSA0OC4zMDQxMSAwIDAgMC0zLjA1MjcxLTQuMDc3NjRjLjAwNDIgMy44NDUxOC0yLjYxNTI3IDQuNDY4NjctNS40NzkxOCA0LjgyMjY5YTcuMTgyODcgNy4xODI4NyAwIDAgMC0xLjc5NjcuNDcxIDIuMzI3NjUgMi4zMjc2NSAwIDAgMC0xLjM5OTU2IDIuODMzNTMgMi4zNzUgMi4zNzUgMCAwIDAgMi44MTE1NiAxLjYzNjA4YzIuNDM1ODEtLjUwNjQ2IDQuODczLTEuMDA4MjIgNy4yOTkzNi0xLjU1NzUgMi4yMTA2LS41MDA0IDIuODg0MTUtMi4yNDU3IDEuNjE3MjMtNC4xMjgxNnoiIGNsYXNzPSJjbHMtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTUxLjc4MDMxIC0yMTIuNDk1OTEpIi8+PGNpcmNsZSBjeD0iMzUuNjU5NDIiIGN5PSI2LjEyMTkzIiByPSI1LjYyMTkzIiBjbGFzcz0iY2xzLTEiLz48L3N2Zz4=);
  width: calc(114px * 0.78);
  margin-left: calc(114px / -2 * 0.78);
  height: calc(130px * 0.78);
  top: calc(-15px * 0.78); }
  @media screen and (min-width: 471px) {
    .bg-couple:after {
      width: calc(114px * 0.78);
      margin-left: calc(114px / -2 * 0.78);
      height: calc(130px * 0.78);
      top: calc(-49px * 0.78); } }
  @media screen and (min-width: 600px) {
    .bg-couple:after {
      width: calc(114px * 0.92);
      margin-left: calc(114px / -2 * 0.92);
      height: calc(130px * 0.92);
      top: calc(-49px * 0.92); } }
  @media screen and (min-width: 900px) {
    .bg-couple:after {
      width: calc(114px * 1);
      margin-left: calc(114px / -2 * 1);
      height: calc(130px * 1);
      top: calc(-49px * 1); } }

.bg-book:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiB3aWR0aD0iMzAuNTkwOCIgaGVpZ2h0PSI1NC42OTU3MiIgZGF0YS1uYW1lPSJMYXllciAxIiB2aWV3Qm94PSIwIDAgMzAuNTkwOCA1NC42OTU3MiI+PGRlZnM+PHN0eWxlPi5jbHMtMSwuY2xzLTJ7ZmlsbDpub25lO3N0cm9rZTojYjJjNGI3O3N0cm9rZS1taXRlcmxpbWl0OjEwfS5jbHMtMntzdHJva2UtbGluZWNhcDpyb3VuZH08L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMjUuMjI1NDcgNDUuOTU1NjRoNC44NjUzMyIgY2xhc3M9ImNscy0xIi8+PHBhdGggZD0iTS01NjIuMTEwNzEgMjYwLjgzNzFILTU3NC44NTJzLTYuNDgxMjkuMTM3NjUtNi40ODEyOS02LjExMDc4di0yOS45OTU2NGEyLjU4IDIuNTggMCAwIDEgMS41Nzg1NC0yLjM3NzczbDIzLjE2MDQxLTkuNzU1MDl2MjguNTA5NTJzLjEzNjg2IDEuOTA5NjgtMS4yMTEyNSAyLjM2NGwtMTcuMjkwNDYgNy41NTQ3Ny0xLjQ4MTEuNjk5MzVhMy4zOTMgMy4zOTMgMCAwIDAtMS42MzgyIDIuNzI5MzRxLS4wMDM2Mi4wNjY2LS4wMDQ0Ny4xMzM5YTMuMjI4ODEgMy4yMjg4MSAwIDAgMCAzLjIzNzMxIDMuMjExNjJoMTIuODcxODQiIGNsYXNzPSJjbHMtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTgxLjgzMzMzIC0yMTEuODQ0NzIpIi8+PHBhdGggZD0iTTI1LjM2IDEzLjA1Nmg0LjczMXYzNS45MzZoLTQuODgyIiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJNLTU1Ni41OTQzOCAyMzcuMjk1NTVzLS4wMTM0OCAyLjI1MTU3LTEuNzkxODQgMi45Mzk0MmwtMTYuNzA5ODcgNy4zMjgwOS0yLjIzOTguOTkyNDVhNi40NzUgNi40NzUgMCAwIDAtMy45OTA0NiA1Ljk0NDMzIiBjbGFzcz0iY2xzLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU4MS44MzMzMyAtMjExLjg0NDcyKSIvPjxwYXRoIGQ9Ik0zLjYxMzM3IDQyLjc1MjY1SDMwLjA5MDhNNS45NzIyMyAzOS41MzAxNkgzMC4wOTA4IiBjbGFzcz0iY2xzLTEiLz48cGF0aCBkPSJNMy4yODY0OSAxMy44NjM2M2wxMC4zNjE1NS00LjM2NDI2TTMuMjg2NDkgMTYuNzQ5MjdsMTAuMzYxNTUtNC4zNjQyNiIgY2xhc3M9ImNscy0yIi8+PHBhdGggZD0iTTE5LjcyMyA0Mi44NTJ2MTAuNDY5bDIuNjUtMi42NTEgMi44MTkgMi44MTlWNDIuNzg1IiBjbGFzcz0iY2xzLTEiLz48L3N2Zz4=);
  width: calc(82px * 0.78);
  margin-left: calc(82px / -2 * 0.78);
  height: calc(142px * 0.78);
  top: calc(-41px * 0.78); }
  @media screen and (min-width: 600px) {
    .bg-book:after {
      width: calc(82px * 0.92);
      margin-left: calc(82px / -2 * 0.92);
      height: calc(142px * 0.92);
      top: calc(-41px * 0.92); } }
  @media screen and (min-width: 900px) {
    .bg-book:after {
      width: calc(82px * 1);
      margin-left: calc(82px / -2 * 1);
      height: calc(142px * 1);
      top: calc(-41px * 1); } }

/*----------------------------------------------------------------------------------------------------------------------------
    ALUMNI
------------------------------------------------------------------------------------------------------------------------------*/
.wrap-alum {
  margin-bottom: 50px;
  float: left;
  text-align: center; }
  .wrap-alum .wrap-nametag {
    margin-bottom: 25px; }
  .wrap-alum .wrap-headshot {
    display: inline-block;
    margin-bottom: 25px; }
  .wrap-alum .wrap-alum-text p {
    margin: 0 auto; }
  @media screen and (min-width: 750px) {
    .wrap-alum .wrap-alum-text p {
      padding: 0 10%; } }
  @media screen and (min-width: 1000px) {
    .wrap-alum .wrap-nametag {
      margin-bottom: 2em;
      float: right;
      width: calc(100% - 185px); }
    .wrap-alum .wrap-headshot {
      float: left;
      width: 185px; }
    .wrap-alum .wrap-alum-text {
      float: left;
      width: calc(100% - 185px); }
      .wrap-alum .wrap-alum-text p {
        padding: 0; }
      .wrap-alum .wrap-alum-text p:not(:first-child) {
        margin-left: 12px; }
    .wrap-alum:nth-of-type(2) {
      margin-top: 25px;
      width: calc(50% - 21px); }
    .wrap-alum:nth-of-type(3) {
      margin-left: 62px;
      width: calc(50% - 41px); }
    .wrap-alum:nth-of-type(4) {
      margin-left: 62px;
      width: calc(50% - 41px); } }

/*----------------------------------------------------------------------------------------------------------------------------
    GRANTS PAGE 
------------------------------------------------------------------------------------------------------------------------------*/
/* --- GRANTS SEC ------------------------*/
.wrap-grantperks {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px; }
  @media screen and (min-width: 800px) {
    .wrap-grantperks {
      flex-direction: row; } }
  .wrap-grantperks div {
    margin-bottom: 50px; }
    @media screen and (min-width: 800px) {
      .wrap-grantperks div {
        margin-bottom: 0; } }
    .wrap-grantperks div:nth-of-type(2) {
      padding: 0 70px; }
    .wrap-grantperks div img {
      width: 100%;
      max-width: 310px;
      margin-bottom: 20px; }
    .wrap-grantperks div p {
      font-size: 1.375em;
      line-height: 1.2;
      letter-spacing: 1px;
      color: #cd2b42;
      text-transform: uppercase;
      text-align: center; }
      @media screen and (min-width: 600px) {
        .wrap-grantperks div p {
          font-size: 23px; } }
      @media screen and (min-width: 900px) {
        .wrap-grantperks div p {
          font-size: 1.75em;
          letter-spacing: 2px; } }

/* --- ELEGIBILITY SEC ------------------------*/
.wrap-onetwothree {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
  padding-left: 70px; }
  @media screen and (min-width: 420px) {
    .wrap-onetwothree {
      padding-left: 55px; } }
  @media screen and (min-width: 800px) {
    .wrap-onetwothree {
      flex-direction: row; } }
  .wrap-onetwothree div {
    position: relative;
    z-index: 0;
    max-width: 300px; }
    .wrap-onetwothree div:not(:last-child) {
      margin-bottom: 70px; }
    @media screen and (min-width: 800px) {
      .wrap-onetwothree div {
        flex: 1;
        min-height: 91px; }
        .wrap-onetwothree div:not(:first-child) {
          margin-left: 90px; }
        .wrap-onetwothree div:not(:last-child) {
          margin-bottom: 0; } }
    .wrap-onetwothree div::after {
      z-index: -1;
      left: -55px;
      top: -21px;
      border-radius: 100%;
      border: 1px solid rgba(205, 43, 66, 0.75);
      position: absolute;
      display: block;
      width: 73px;
      height: 73px;
      background: transparent;
      content: "";
      text-align: center;
      font-size: 39px;
      line-height: 73px;
      color: #cd2b42;
      font-family: "Abril Fatface", serif;
      font-style: normal;
      font-weight: 400; }
      @media screen and (min-width: 600px) {
        .wrap-onetwothree div::after {
          left: -64px;
          top: -25px;
          font-size: 46px;
          line-height: 86px;
          position: absolute;
          display: block;
          width: 86px;
          height: 86px;
          background: transparent;
          content: ""; } }
      @media screen and (min-width: 900px) {
        .wrap-onetwothree div::after {
          left: -70px;
          top: -27px;
          font-size: 50px;
          line-height: 94px;
          position: absolute;
          display: block;
          width: 94px;
          height: 94px;
          background: transparent;
          content: ""; } }
    .wrap-onetwothree div:nth-of-type(1)::after {
      content: "1"; }
    .wrap-onetwothree div:nth-of-type(2)::after {
      content: "2"; }
    .wrap-onetwothree div:nth-of-type(3)::after {
      content: "3"; }
  .wrap-onetwothree p {
    font-size: 1.125em;
    line-height: 1.3;
    text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; }

/* --- DATES & DEADLINES SEC ------------------------*/
.d-and-d {
  position: relative;
  z-index: 0;
  text-align: center; }
  .d-and-d h1 {
    background: white;
    display: inline-block;
    padding: 0 12px; }
    @media screen and (max-width: 600px) {
      .d-and-d h1 {
        max-width: 260px; } }
  .d-and-d p {
    font-size: 1.5em;
    line-height: 1.2;
    text-align: center;
    padding: 0 20px; }
    @media screen and (min-width: 600px) {
      .d-and-d p {
        font-size: 1.875em; } }
    @media screen and (min-width: 900px) {
      .d-and-d p {
        font-size: 2.0625em; } }
  .d-and-d::after {
    z-index: -1;
    top: 105px;
    left: 20px;
    border: 2px solid #cd2b42;
    position: absolute;
    display: block;
    width: calc(100% - 40px);
    height: calc(100% - 44px);
    background: transparent;
    content: ""; }
    @media screen and (min-width: 600px) {
      .d-and-d::after {
        top: 111px; } }
    @media screen and (min-width: 1070px) {
      .d-and-d::after {
        left: 0;
        position: absolute;
        display: block;
        width: 100%;
        height: calc(100% - 44px);
        background: transparent;
        content: ""; } }

/*----------------------------------------------------------------------------------------------------------------------------
    NAMETAG + HEADSHOT POSITIONING
------------------------------------------------------------------------------------------------------------------------------*/
.board-member {
  margin-bottom: 3em; }
  .board-member .wrap-headshot {
    display: none; }
    @media screen and (min-width: 700px) {
      .board-member .wrap-headshot {
        display: block; } }
  @media screen and (min-width: 700px) {
    .board-member:nth-of-type(odd) {
      margin-right: 75px; } }
  .board-member:nth-of-type(odd) .nametag-sleeve {
    justify-content: flex-start; }
    @media screen and (min-width: 700px) {
      .board-member:nth-of-type(odd) .nametag-sleeve {
        margin-left: -12px; } }
  .board-member:nth-of-type(odd) .wrap-headshot {
    float: right;
    margin: 0 -37px 25px 40px; }
  .board-member:nth-of-type(odd) .headshot-sleeve::before {
    right: -25px;
    transform: skewX(-10deg); }
  .board-member:nth-of-type(odd) .headshot-sleeve::after {
    right: -11px;
    transform: skewX(-10deg); }
  @media screen and (min-width: 700px) {
    .board-member:nth-of-type(even) {
      margin-left: 75px; } }
  .board-member:nth-of-type(even) .nametag-sleeve {
    justify-content: flex-start; }
    @media screen and (min-width: 700px) {
      .board-member:nth-of-type(even) .nametag-sleeve {
        justify-content: flex-end;
        margin-right: -12px; } }
  .board-member:nth-of-type(even) .wrap-headshot {
    float: left;
    margin: 0 40px 25px -37px; }
  .board-member:nth-of-type(even) .headshot-sleeve::before {
    left: -25px;
    transform: skewX(10deg); }
  .board-member:nth-of-type(even) .headshot-sleeve::after {
    left: -11px;
    transform: skewX(10deg); }

/*----------------------------------------------------------------------------------------------------------------------------
    NAMETAG STYLING
------------------------------------------------------------------------------------------------------------------------------*/
.wrap-nametag {
  margin-bottom: 2em;
  /* --- PERSON NAME - RED ------------------------*/
  /* --- PERSON TITLE - WHITE ------------------------*/
  /* --- ALUM NAMES - GREEN STRIPE INSTEAD OF TITLE  ------------------------*/ }
  .wrap-nametag .nametag-sleeve {
    overflow: hidden;
    justify-content: center;
    display: flex; }
    @media screen and (min-width: 1000px) {
      .wrap-nametag .nametag-sleeve {
        justify-content: inherit; } }
  .wrap-nametag .name,
  .wrap-nametag .title {
    display: inherit;
    position: relative;
    margin-bottom: 0;
    height: 44px;
    align-items: center;
    text-align: left;
    line-height: 1; }
    @media screen and (min-width: 600px) {
      .wrap-nametag .name,
      .wrap-nametag .title {
        height: 50px; } }
    @media screen and (min-width: 900px) {
      .wrap-nametag .name,
      .wrap-nametag .title {
        height: 55px; } }
  .wrap-nametag .name {
    background: #cd2b42;
    margin-right: 25px;
    padding: 0 9px;
    text-transform: uppercase;
    color: white;
    font-size: 1.5em;
    letter-spacing: 1.5px;
    font-family: "Anton", serif;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    @media screen and (min-width: 600px) {
      .wrap-nametag .name {
        padding: 0 11px;
        font-size: 1.75em; } }
    @media screen and (min-width: 900px) {
      .wrap-nametag .name {
        padding: 0 12px;
        font-size: 2.0625em; } }
    .wrap-nametag .name::after {
      right: -5px;
      top: 0;
      transform: skewX(10deg);
      position: absolute;
      display: block;
      width: 10px;
      height: 55px;
      background: #cd2b42;
      content: ""; }
  .wrap-nametag .title {
    background: white;
    padding: 0 10px;
    font-size: 0.9375;
    color: #446f50;
    font-family: "Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400; }
    @media screen and (min-width: 600px) {
      .wrap-nametag .title {
        padding: 0 12px;
        font-size: 1.0625em; } }
    @media screen and (min-width: 900px) {
      .wrap-nametag .title {
        padding: 0 14px;
        font-size: 1.1875em; } }
    .wrap-nametag .title::after {
      left: -5px;
      top: 0;
      transform: skewX(10deg);
      position: absolute;
      display: block;
      width: 10px;
      height: 55px;
      background: white;
      content: ""; }
  .wrap-nametag.no-title .name::before {
    right: -35px;
    top: 0;
    transform: skewX(10deg);
    position: absolute;
    display: block;
    width: 15px;
    height: 55px;
    background: #446f50;
    content: ""; }

/* --- HEADSHOTS - BOARD OF DIRECTORS  ------------------------*/
.headshot-sleeve {
  position: relative;
  display: flex;
  width: 160px; }
  .headshot-sleeve::before, .headshot-sleeve::after {
    top: 0; }
  .headshot-sleeve::before {
    position: absolute;
    display: block;
    width: 50px;
    height: 100%;
    background: #446f50;
    content: ""; }
  .headshot-sleeve::after {
    position: absolute;
    display: block;
    width: 20px;
    height: 100%;
    background: #cd2b42;
    content: ""; }
  .page-alumni .headshot-sleeve::before {
    left: -25px;
    transform: skewX(10deg);
    position: absolute;
    display: block;
    width: 50px;
    height: 100%;
    background: white;
    content: ""; }
  .page-alumni .headshot-sleeve::after {
    left: -11px;
    transform: skewX(10deg); }
  .headshot-sleeve img {
    width: 161px;
    height: 161px; }

/*----------------------------------------------------------------------------------------------------------------------------
    UNDER 410PX, BOARD MEMBERS ONLY
------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 450px) {
  .board-member .nametag-sleeve {
    display: inline; }
  .board-member .name,
  .board-member .title {
    display: inline-block;
    line-height: 44px; }
  .board-member .name::after {
    position: absolute;
    display: block;
    width: 10px;
    height: 44px;
    background: #cd2b42;
    content: ""; }
  .board-member .title::after {
    left: inherit;
    right: -5px;
    position: absolute;
    display: block;
    width: 10px;
    height: 44px;
    background: white;
    content: ""; } }

/*----------------------------------------------------------------------------------------------------------------------------
    CONTACT US SECTION
------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1000px) {
  .split {
    display: flex; } }

/* --- SET-UP ------------------------*/
.contact-detail,
.contact-map {
  flex: 1;
  min-height: 300px; }
  @media screen and (min-width: 1000px) {
    .contact-detail,
    .contact-map {
      min-height: 370px; } }

/* --- DETAILS ------------------------*/
.contact-detail {
  order: 1;
  position: relative;
  padding-top: 35px;
  overflow: hidden; }

.wrap-details {
  width: 100%;
  padding: 0 20px;
  float: right; }
  @media screen and (min-width: 600px) {
    .wrap-details {
      padding: 0 30px; } }
  @media screen and (min-width: 1000px) {
    .wrap-details {
      max-width: 600px; } }

.wrap-location {
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .wrap-location {
      width: 100%;
      max-width: 310px;
      float: left;
      text-align: left; } }
  .wrap-location .brand {
    display: inline-block; }
    .wrap-location .brand p {
      margin-top: 5px;
      text-align: center; }
    .wrap-location .brand img {
      max-width: 94px; }
    @media screen and (min-width: 360px) {
      .wrap-location .brand p, .wrap-location .brand img {
        float: left; }
      .wrap-location .brand p {
        margin-left: 15px;
        text-align: left; } }
    @media screen and (min-width: 1000px) {
      .wrap-location .brand {
        display: block; } }
  .wrap-location .address {
    display: block; }
    .wrap-location .address p {
      text-align: center; }
      @media screen and (min-width: 1000px) {
        .wrap-location .address p {
          text-align: left; } }
    @media screen and (min-width: 1000px) {
      .wrap-location .address {
        margin-left: 110px; }
        .wrap-location .address .pipe {
          display: block;
          height: 0;
          color: transparent; } }

.wrap-transmission {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 50px; }
  @media screen and (min-width: 360px) {
    .wrap-transmission {
      margin-top: inherit;
      margin-bottom: inherit;
      padding-left: 40px; } }
  @media screen and (min-width: 1000px) {
    .wrap-transmission {
      width: 100%;
      float: left; } }
  @media screen and (min-width: 1000px) and (max-width: 1100px) {
    .wrap-transmission {
      margin-top: 15px;
      margin-left: 70px; } }
  @media screen and (min-width: 1100px) {
    .wrap-transmission {
      max-width: 160px;
      margin-left: 20px; } }
  .wrap-transmission .phone,
  .wrap-transmission .email {
    position: relative;
    text-align: center; }
    @media screen and (min-width: 360px) {
      .wrap-transmission .phone,
      .wrap-transmission .email {
        display: inline-block; } }
    @media screen and (min-width: 1000px) {
      .wrap-transmission .phone,
      .wrap-transmission .email {
        text-align: left; } }
    .wrap-transmission .phone::after,
    .wrap-transmission .email::after {
      background-repeat: no-repeat !important;
      background-size: contain !important;
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      background: transparent;
      content: ""; }
  @media screen and (min-width: 360px) {
    .wrap-transmission .phone {
      margin: 20px 70px 50px -5px; } }
  @media screen and (min-width: 1000px) {
    .wrap-transmission .phone {
      margin: 0; } }
  @media screen and (min-width: 1100px) {
    .wrap-transmission .phone {
      margin: 5px 0 51px 0; } }
  @media screen and (min-width: 360px) {
    .wrap-transmission .phone::after {
      width: 26px;
      height: 26px;
      left: -35px;
      top: -6px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Mi4zMDM1MyIgaGVpZ2h0PSI3Mi4xMDg2MyIgdmlld0JveD0iMCAwIDcyLjMwMzUzIDcyLjEwODYzIj4gIDxkZWZzPiAgICA8c3R5bGU+ICAgICAgLmNscy0xIHsgICAgICAgIGZpbGw6ICM0NDZmNTA7ICAgICAgfSAgICA8L3N0eWxlPiAgPC9kZWZzPiAgPHRpdGxlPnBob25lPC90aXRsZT4gIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTExLjM5OTc1LjA2NTY5YTIuNTE1MzgsMi41MTUzOCwwLDAsMC0xLjUuMWMtNS40LDIuMS04LjgsOS44LTkuNiwxNS4xLTIuNSwxNy4yLDExLjEsMzIuMSwyMy42LDQxLjksMTEuMSw4LjcsMzIuNCwyMyw0NSw5LjIsMS42LTEuNywzLjUtNC4yLDMuNC02LjctLjMtNC4yLTQuMi03LjItNy4yLTkuNS0yLjMtMS43LTcuMS02LjQtMTAuMS02LjMtMi43LjEtNC40LDIuOS02LjEsNC42bC0zLDNjLS41LjUtNi45LTMuNy03LjYtNC4yYTUxLjAzMDM4LDUxLjAzMDM4LDAsMCwxLTcuMy01LjcsNDcuMTUwMjgsNDcuMTUwMjgsMCwwLDEtNS45LTYuOGMtLjUtLjctNC42LTYuOC00LjItNy4zLDAsMCwzLjUtMy44LDQuNS01LjMsMi4xLTMuMiwzLjctNS43LDEuMy05LjVhMjIuMzYzOTIsMjIuMzYzOTIsMCwwLDAtMy4yLTMuNyw2MC44NTU5Myw2MC44NTU5MywwLDAsMC02LjYtNS44QzE1LjU5OTc1LDIuMTY1NjcsMTMuMzk5NzUuMzY1NjgsMTEuMzk5NzUuMDY1NjlaIi8+PC9zdmc+); }
    .wrap-transmission .email::after {
      width: 26px;
      height: 18px;
      left: -35px;
      top: 0px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MiIgaGVpZ2h0PSI1NCIgZGF0YS1uYW1lPSJMYXllciAxIiB2aWV3Qm94PSIwIDAgODIgNTQiPjxwYXRoIGZpbGw9IiM0NDZmNTAiIGQ9Ik02IDBhNS45ODY4OSA1Ljk4Njg5IDAgMCAwLTYgNnY0MmE1Ljk4Njg5IDUuOTg2ODkgMCAwIDAgNiA2aDcwYTUuOTg2ODkgNS45ODY4OSAwIDAgMCA2LTZWNmE1Ljk4Njg5IDUuOTg2ODkgMCAwIDAtNi02em00LjIxODggOS45Njg4MWEyLjA4MzA5IDIuMDgzMDkgMCAwIDEgMS42MjUuNTYyMzhMMzguMTg3NSAzNC44NzVhMy45NjY3IDMuOTY2NyAwIDAgMCA1LjU2MjUgMGwyNi40MDYyLTI0LjM0MzgxYTIuMDAxMzIgMi4wMDEzMiAwIDEgMSAyLjcxODggMi45Mzc1Nkw1Ny45Mzc1MSAyNy4yNWwxNC45MDYzIDEzLjI1YTIuMDAwMjIgMi4wMDAyMiAwIDEgMS0yLjY1NjMgMi45Njg4N0w1NSAyOS45Njg4N2wtOC41MzEyIDcuODQzNjlhOC4xMDgyOSA4LjEwODI5IDAgMCAxLTExIDBMMjcgMjkuOTY4OTNsLTE1LjE4NzUgMTMuNWEyLjA4NDYyIDIuMDg0NjIgMCAwIDEtMi45NTQ5LS4wMjkgMi4wODQ2NSAyLjA4NDY1IDAgMCAxIC4yOTg2LTIuOTM5ODhsMTQuOTA2My0xMy4yNUw5LjEyNSAxMy40Njg4MWEyLjAwMDIxIDIuMDAwMjEgMCAwIDEgMS4wOTM4LTMuNXoiLz48L3N2Zz4=); } }

@media screen and (min-width: 1000px) and (max-width: 1100px) {
  .phone {
    width: 50%;
    float: left; }
  .email {
    width: 50%;
    float: left; } }

.brand p,
.address p,
.wrap-transmission p {
  font-size: 0.9375em;
  line-height: 1.2;
  letter-spacing: .5px;
  margin-bottom: 0; }
  @media screen and (min-width: 360px) {
    .brand p,
    .address p,
    .wrap-transmission p {
      margin-bottom: 15px; } }
  .brand p a,
  .address p a,
  .wrap-transmission p a {
    color: #446f50; }
    .brand p a:hover,
    .address p a:hover,
    .wrap-transmission p a:hover {
      text-decoration: underline; }

.brand p,
.address p {
  text-transform: uppercase; }

@media screen and (min-width: 1000px) {
  .brand p {
    margin-bottom: 1em !important; } }

/* --- MAP ------------------------*/
.contact-map {
  order: 2;
  position: relative;
  z-index: 0;
  background: #b9d3c2;
  background-image: url(/assets/img/map-CIEE.jpg);
  background-repeat: no-repeat;
  background-size: 1200px;
  background-position: calc(-5% - 180px) center;
  background-position: calc(45% + 180px) center; }
  @media screen and (min-width: 650px) {
    .contact-map {
      background-size: 1400px;
      background-position: calc(-10% - 80px) center; } }
  @media screen and (min-width: 1000px) {
    .contact-map {
      background-size: cover;
      background-position-x: 7%; } }
  .contact-map:hover {
    cursor: pointer; }
  .contact-map a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle farthest-side, transparent, rgba(22, 35, 26, 0.15));
    opacity: 0;
    transition: opacity .2s ease; }
    .contact-map a:hover {
      opacity: 1; }
  .contact-map::after {
    z-index: 1;
    top: -5px;
    left: 50%;
    margin-left: -36px;
    border-left: 36px transparent solid;
    border-right: 36px transparent solid;
    border-top: 36px white solid;
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: transparent;
    content: ""; }
    @media screen and (min-width: 600px) {
      .contact-map::after {
        margin-left: -46px;
        border-left: 46px transparent solid;
        border-right: 46px transparent solid;
        border-top: 46px white solid; } }
    @media screen and (min-width: 1000px) {
      .contact-map::after {
        left: 0; } }

/*----------------------------------------------------------------------------------------------------------------------------
        LINKS
    ------------------------------------------------------------------------------------------------------------------------------*/
a.flag-border {
  z-index: 0;
  display: inline-block;
  position: relative;
  border: 1px solid #446f50;
  padding: 4px;
  color: #446f50;
  text-transform: uppercase;
  font-size: 1.125em;
  letter-spacing: .8px;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 400; }
  @media screen and (min-width: 900px) {
    a.flag-border {
      font-size: 1.25em;
      letter-spacing: 1.2px; } }
  a.flag-border::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background: repeating-linear-gradient(180deg, #cd2b42, #cd2b42 33.3333333333%, #fff 33.3333333333%, #fff 66.6666666667%, #446f50 66.6666666667%, #446f50 100%);
    opacity: 0;
    transition: all 0.3s; }
  a.flag-border span {
    display: block;
    padding: 10px 15px;
    border: 1px solid #446f50;
    transition: all 0.3s; }
  a.flag-border:hover::after {
    opacity: 1; }

.flag-border.on-beige span {
  background: #f7f2e5; }

.flag-border.on-white span {
  background: white; }

.flag-border.on-green {
  border-color: white;
  color: white; }
  .flag-border.on-green span {
    border-color: white;
    background: #446f50; }

.center-button {
  display: block;
  margin-top: 40px;
  text-align: center; }

a.bold {
  font-size: 23px;
  font-family: "Anton", serif;
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  a.bold span {
    padding: 12px; }
  a.bold img {
    width: 21px;
    position: relative;
    top: 1px; }
  @media screen and (min-width: 900px) {
    a.bold {
      font-size: 25px; }
      a.bold span {
        padding: 15px; }
      a.bold img {
        width: 23px; } }
  @media screen and (min-width: 900px) {
    a.bold {
      font-size: 1.8125em; }
      a.bold span {
        padding: 20px; }
      a.bold img {
        width: 27px; } }

.flag-border img {
  display: none; }
  @media screen and (min-width: 375px) {
    .flag-border img {
      display: inline-block; } }

/*----------------------------------------------------------------------------------------------------------------------------
    FOOTER
------------------------------------------------------------------------------------------------------------------------------*/
/* --- VARIATIONS ACROSS PAGES ------------------------*/
body.page-home footer {
  background-color: #446f50; }
  body.page-home footer .bridge.red {
    display: none; }

/* --- FOOTER CONSTRUCTION ------------------------*/
footer {
  position: relative;
  overflow: hidden;
  z-index: 1;
  min-height: 125px;
  padding-top: 25px;
  background-color: #cd2b42;
  text-align: center; }
  @media screen and (min-width: 600px) {
    footer {
      min-height: 160px;
      padding-top: 25px;
      background-position-y: 20px;
      background-size: 1100px; } }
  @media screen and (min-width: 800px) {
    footer {
      height: 230px;
      padding-top: 92px;
      padding-bottom: 10px;
      background-position-y: 35px;
      background-size: 1380px; } }

.footer-nav {
  overflow: hidden;
  display: inline-block; }
  @media screen and (min-width: 600px) {
    .footer-nav {
      overflow: hidden;
      display: inline-block; } }
  @media screen and (min-width: 800px) {
    .footer-nav {
      float: left;
      width: 50%; } }
  .footer-nav li {
    float: left;
    width: 26px;
    height: 26px; }
    .footer-nav li:not(:first-child) {
      margin-left: 14px; }
    @media screen and (min-width: 800px) {
      .footer-nav li {
        width: 33px;
        height: 33px; } }
  .footer-nav a {
    opacity: 1;
    transition: opacity .2s ease; }
    .footer-nav a:hover {
      opacity: .8; }

.footer-cball {
  font-size: 0.6875em;
  line-height: 2.5;
  width: 100%;
  color: rgba(255, 255, 255, 0.65);
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 300; }

a.footer-link {
  font-size: 0.875em;
  line-height: 2.5;
  width: 100%;
  color: rgba(255, 255, 255, 0.65);
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 300; }
  @media screen and (min-width: 600px) {
    .footer-cball {
      font-size: 0.75em; } }
  @media screen and (min-width: 800px) {
    .footer-cball {
      width: 50%;
      float: right;
      font-size: 0.875em;
      text-align: right; } }

/*----------------------------------------------------------------------------------------------------------------------------
        FOOTER - IMAGE RELATED
    ------------------------------------------------------------------------------------------------------------------------------*/
.footer-graphics {
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 50%;
  margin-left: calc(-1100px / 2);
  width: 1100px;
  height: 125px; }
  @media screen and (min-width: 600px) {
    .footer-graphics {
      margin-left: calc(-1252px / 2);
      width: 1252px;
      height: 160px; } }
  @media screen and (min-width: 800px) {
    .footer-graphics {
      margin-left: calc(-1800px / 2);
      width: 1800px;
      height: 230px; } }

.bridge {
  width: 100%;
  top: -16px;
  position: relative; }
  @media screen and (min-width: 600px) {
    .bridge {
      top: 0; } }

/*----------------------------------------------------------------------------------------------------------------------------
        FOOTER - ANIMATION OF CAR OVER BRIDGE
    ------------------------------------------------------------------------------------------------------------------------------*/
body .animated .red {
  display: block; }

body .animated .green {
  display: none; }

body.page-home .animated .red {
  display: none; }

body.page-home .animated .green {
  display: block; }

.animated .bridge {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 1100px; }
  @media screen and (min-width: 600px) {
    .animated .bridge {
      width: 1252px; } }
  @media screen and (min-width: 800px) {
    .animated .bridge {
      width: 1800px; } }
  .animated .bridge.foreground {
    z-index: 3; }
  .animated .bridge.background {
    z-index: 1; }

.animated .car {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  left: 400px;
  width: 72px;
  height: 35px;
  transform: translateZ(0);
  animation: driveCar 30s 2; }
  @media screen and (min-width: 600px) {
    .animated .car {
      bottom: 30px;
      left: 460px;
      width: 82px;
      height: 40px; } }
  @media screen and (min-width: 800px) {
    .animated .car {
      bottom: 42px;
      left: 670px;
      width: 118px;
      height: 58px; } }

@keyframes driveCar {
  0% {
    transform: translateX(0px);
    opacity: 1; }
  50% {
    transform: translateX(0px);
    opacity: 1; }
  75% {
    transform: translateX(1300px);
    opacity: 1; }
  76% {
    transform: translateX(1300px);
    opacity: 1; }
  77% {
    transform: translateX(1300px);
    opacity: 0; }
  80% {
    transform: translateX(-1300px);
    opacity: 0; }
  81% {
    transform: translateX(-1300px);
    opacity: 1; }
  100% {
    transform: translateX(0px);
    opacity: 1; } }

.wrap-page {
  width: 100%; }

.width-1nfinite {
  position: relative;
  width: 100%;
  margin: 0 auto; }

.width-1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px; }
  @media screen and (min-width: 600px) {
    .width-1200 {
      padding: 0 35px; } }

.width-1020 {
  position: relative;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 20px; }
  @media screen and (min-width: 600px) {
    .width-1020 {
      padding: 0 35px; } }