@font-face {
  font-family: 'ADAMCG PRO';
  src: url('ADAMCGPRO.eot');
  src: local('../fonts/ADAM.CG PRO'), local('ADAM.CGPRO'),
      url('../fonts/ADAMCGPRO.eot?#iefix') format('embedded-opentype'),
      url('../fonts/ADAMCGPRO.woff2') format('woff2'),
      url('../fonts/ADAMCGPRO.woff') format('woff'),
      url('../fonts/ADAMCGPRO.ttf') format('truetype'),
      url('../fonts/ADAMCGPRO.svg#ADAM.CGPRO') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  background: #fff;
  font-family: "TaubSans", sans-serif;
  color: #54565A;
  font-size: 18px;
  line-height: 1.94444;
  overflow-x: hidden;
  overflow-y: auto;
}

a {
  color: inherit;
  text-decoration: underline;
  -webkit-transition: color, background, border;
  -o-transition: color, background, border;
  transition: color, background, border;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

a:hover {
  color: #D0271D;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  padding: 0;
  margin: 0;
  font-weight: 300;
  line-height: 1.2;
  font-weight: normal;
  color: #111C4E;
  display: block;
}

h1 {
  font-size: 35px;
  line-height: 1.21212;
  font-weight: 300;
}

h2 {
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: 300;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 24px;
  margin-bottom: 14px;
}


p {
  font-family: 'Open Sans', sans-serif;
  color: #484848;
  font-size: 16px;
  line-height: 1.6;
}

figure.img img {
  max-width: 100%;
}

figure.full img {
  width: 100%;
  height: auto;
}

figure.centered img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

img {
  width: auto;
  height: auto;
}

img.ceo-thumbnail {
  float: right;
  margin: 0 -15px 15px 15px;
  max-width: 50%;
}

img.pullleft {
  float: left;
  margin: -20px 20px 20px -20px;
  max-width: 50%;
}

img.pull-left {
  float: left;
  margin: -10px 20px 10px -20px;
  max-width: 40%;
}

.leading {
  margin: 40px 0;
  color: #D0271D;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.81818;
}

.button {
  position: relative;
  display: inline-block;
  background: #7967AE;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 5px;
  padding: 30px 75px 30px 40px;
  text-decoration: none !important;
}

header {
  position: relative;
  width: 100%;
  /*height: 500px;*/
  height: 639px;
  background: url(../images/header.jpg) no-repeat center bottom;
  background-size: cover;
  /*padding: 88px 0 0 !important;*/
  padding: 32px 0 0 !important;
  overflow: hidden;
}

header .logo {
  z-index: 50;
  position: relative;
  width: 310px;
  height: 75px;
  display: table-cell;
  vertical-align: middle;
}
header .opgrat { text-align: right; width: 75%; margin-top: -56px;}
 
.hwrap { /*max-width: 85vw; width: 887px;*/ margin: auto; position: relative; }
.hwrap a { display: block; }
.hwrap .mlogo { width: 75%; }
.hwrap a img { max-width: 100%; } 
/*.elf1 { position: absolute; width: 300px; right: 0; bottom: -54px; }*/
.elf1 { position: absolute; width: 300px; right: 0; bottom: 0px; }
.elf2 { position: absolute; width: 250px; right: -125px; bottom:  -75px; z-index: 88; }
.elf3 { position: absolute; width: 250px; right: -125px; bottom:   75px; z-index: 88; }
.elf4 { position: absolute; width: 250px; right: -125px; bottom: -111px; z-index: 88; }
.elf5 { position: absolute; width: 250px; right: -125px; bottom:   75px; z-index: 88; }
.elf6 { position: absolute; width: 250px; right: -125px; bottom: -111px; z-index: 88; }
.elf7 { position: absolute; width: 250px; right: -125px; bottom:  111px; z-index: 88; }

.elf1 img, .elf2 img, .elf3 img, .elf4 img, .elf5 img, .elf6 img, .elf7 img { max-width: 100%; display: block !important; }

.logo {
  font-size: 0;
  text-decoration: none !important;
  display: table;
  color: #27318B;
  font-weight: bold;
  max-width: calc(100% - 50px);
}

#main-menu {
  position: relative;
  padding-right: 10px;
}

main {
  z-index: 5;
  position: relative;
}

.wrapper {
  padding-left: 5.3%;
  padding-right: 5.3%;
  margin-left: auto;
  margin-right: auto;
}

.wrapper .inner-wrapper {
  max-width: 852px;
  margin-left: auto;
  margin-right: auto;
}

.lines {
  position: relative;
  width: 100%;
  height: 0;
  margin-top: 50px;
  padding-bottom: 50px;
  display: block;
}

.lines .axis {
  position: relative;
}

.lines .axis .x,
.lines .axis .y {
  position: absolute;
  background: #D5D1D1;
  display: block;
}

.lines .axis .x {
  top: 0;
  width: 100%;
  height: 1px;
}

.lines .axis .y {
  width: 1px;
  height: 100%;
}

.lines.header-lines {
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
}

.lines.header-lines .axis .x {
  width: 90%;
}

.row.row10 {
  margin-left: -10px;
  margin-right: -10px;
}

.row.row10 > [class*=col] {
  padding-left: 10px;
  padding-right: 10px;
}

.entry-content {
  padding-left: 5.3vw;
}

.entry-content .entry-right {
  padding-right: 5.3vw;
}

.entry-content.padded {
  padding-top: 82px;
  padding-bottom: 100px;
}

.body-pattern {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  background: url("../images/bg-pattern.png") no-repeat left center/auto 100%;
}

.body-pattern:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30%;
  display: block;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}

.body-pattern:after {
  content: "";
  position: absolute;
  top: 20px;
  right: 0;
  width: 278px;
  height: 280px;
  max-width: 50vw;
  display: block;
  background: url("../images/bg-pattern-2.png") no-repeat right top/auto 100%;
}

nav.subnav {
  display: none;
  max-width: 380px;
  margin: 50px auto 0;
}

nav.subnav .subnav-wrapper {
  min-height: 430px;
  padding: 0 12px 11px 0;
  text-align: center;
  background: url("../images/subnav-bg.png") no-repeat right bottom/100% 100%;
}

nav.subnav a {
  color: #555;
  text-decoration: none !important;
  font-weight: 500;
  line-height: 1.55556;
  display: inline-block;
}

nav.subnav h4 {
  padding-top: 20px;
  margin-bottom: 0;
}

nav.subnav h4 a {
  font-style: italic;
  font-weight: 300;
}

nav.subnav ul {
  list-style: none;
  margin: 0 auto;
  padding: 40px 0;
  max-width: 260px;
}

nav.subnav ul li {
  padding: 0;
}

nav.subnav ul li:before {
  display: none !important;
}

nav.subnav ul li:not(:last-child) {
  margin: 0 0 40px;
}

nav.subnav .active {
  position: relative;
}

nav.subnav .active a {
  color: #D0271D;
}

nav.subnav .active:after {
  content: "";
  position: absolute;
  top: 115%;
  left: 50%;
  width: 76px;
  height: 2px;
  background: #F9AB83;
  display: block;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

body.associates nav.subnav {
  margin-top: 0;
}

body.associates #main nav {
  margin-top: 0;
}

.subnav-navicon {
  z-index: 0;
  position: fixed;
  top: 75px;
  right: 5.2vw;
  width: 368px;
  max-width: 33vw;
  margin: auto;
  text-align: center;
  display: none;
  opacity: 0;
  padding-top: 5px;
  -webkit-transition: opacity, top;
  -o-transition: opacity, top;
  transition: opacity, top;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

header.navbar-hidden + main .subnav-navicon {
  top: 0;
}

.subnav-navicon button {
  position: absolute;
  top: 30px;
  left: 50%;
  width: 180px;
  background: #fff;
  border-radius: 50px;
  padding: 20px;
  line-height: 1;
  display: block;
  border: 1px solid #f2f2f2;
  color: #54565A;
  -webkit-box-shadow: 2px 4px 0 #f2f2f2;
  box-shadow: 2px 4px 0 #f2f2f2;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: border, -webkit-box-shadow;
  transition: border, -webkit-box-shadow;
  -o-transition: border, box-shadow;
  transition: border, box-shadow;
  transition: border, box-shadow, -webkit-box-shadow;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.subnav-navicon button i.fas {
  width: 20px;
  margin-left: 12px;
  display: inline-block;
}

nav.subnav .subnav-navicon .subnav-wrapper {
  margin-top: 0;
  padding-top: 70px;
}

.subnav-navicon .subnav-toggle {
  padding-top: 0;
  min-height: auto;
  display: none;
}

.floating-submenu .subnav-navicon {
  display: block;
}

.floating-submenu-toggle .subnav-navicon {
  opacity: 1;
}

.floating-menu-toggled .subnav-navicon button {
  border: 1px solid rgba(255, 255, 255, 0);
  -webkit-box-shadow: 2px 4px 0 rgba(0, 0, 0, 0);
  box-shadow: 2px 4px 0 rgba(0, 0, 0, 0);
}

.floating-menu-toggled .subnav-navicon button i.fas:before {
  content: "\f00d";
}

.lity {
  z-index: 999999999999;
}

.header-hero {
  position: relative;
  width: 100%;
  color: #fff;
  padding: 50px 0;
  /* overflow: hidden; */
  z-index: 111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header-hero h2 { color: #EC1F28; font-family: 'ADAMCG PRO'; font-size: 24px; line-height: 1.375; }
.header-hero .giveaway a { display: block; /* background: url(../images/T-Shirt.png) no-repeat left center; height: 160px; padding-left: 140px; padding-top: 45px; */ white-space: nowrap; }
.header-hero .giveaway a span { display: inline-block; background-color: #073C72; color: #fff; font-family: 'ADAMCG PRO'; line-height: 60px; padding: 2px 24px 0 14px; }
.header-hero .giveaway a span:after { content: ''; background: url(../images/Arrow.svg) no-repeat center; display: inline-block; background-size: contain; width: 50px; height: 22px; vertical-align: middle; transition: all 333ms ease-in-out; }
.header-hero .giveaway a span:hover::after { transform: translateX(12px); }

@media(max-width:1199px) {
  header .opgrat { text-align: right; width: 75%;margin-top: 0px;}
  .elf1 { right: -50px; bottom: -135px; width: 250px; transform:scale(.75,.75);}
}

@media(max-width:1024px) {
  header .opgrat { text-align: left; }
  .elf1 { right: -50px; bottom: -135px; width: 250px; transform:scale(.75,.75);}
}

@media(max-width:992px) {
  .header-hero h2 { font-size: 22px; }
  .header-hero p { font-size: 12px; }

  header .opgrat { text-align: left; }
  .elf1 { right: -50px; bottom: -135px; width: 250px; transform:scale(.5,.5);}
}

@media(max-width:768px) {
  .hwrap { max-width: 85vw; text-align: center; }
  .hwrap .mlogo { width: auto; }
  .header-hero p { font-size: 14px; }
  /* .header-hero .giveaway a { height: 100px; padding-left: 92px; padding-top: 28px; background-size: 40%; } */
  .header-hero .giveaway a span { line-height: 36px; padding: 2px 10px 0 14px; font-size: 14px; }

  header { height: 500px; }
  
}

@media(max-width:575px) {
  .header-hero h2 { font-size: 20px; margin-bottom: 0.5em; margin-top: 1.5em; }
  /*.elf1 { right: -35px; bottom: -200px; }*/
  .elf1 { right: -35px; bottom: -261px; }
  .header-hero .giveaway a { display: block; /* background: url(../images/T-Shirt.png) no-repeat left center; background-size: unset; height: 160px; padding-left: 140px; padding-top: 45px; */ white-space: nowrap; }
  .header-hero .giveaway a span { display: inline-block; background-color: #073C72; color: #fff; font-family: 'ADAMCG PRO'; line-height: 60px; padding: 2px 24px 0 14px; }
  #day-messages { overflow: hidden; } 
  .popupelf { bottom: 0; top: 0; margin: auto; }
  .modal-container .rbtns { padding: 14px 18px; }
  footer .right-side { text-align: center !important; }
  footer .social a { margin-left: 4px; width: 40px; }
}

.header-hero .hero-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #555;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-hero .hero-bg.hero-bg-mobile {
  display: none;
}

.header-hero .wrapper {
  width: 100%;
}

#day-messages { margin-bottom: 78px; }
#day-messages .dm { margin: 18px 0; text-align: center; cursor: pointer; }
#day-messages .dm img { max-width: 93%; margin: 14px auto 0; }
#day-messages .dm.open { background-size: 100% !important; height: 0; padding-bottom: 35%; }
#day-messages .dm.open img { display: none; } 
#day-messages .day1w.dm.open { background: url(/images/Day1_open.png) no-repeat center; }
#day-messages .day2w.dm.open { background: url(/images/Day2_open.png) no-repeat center; }
#day-messages .day3w.dm.open { background: url(/images/Day3_open.png) no-repeat center; }
#day-messages .day4w.dm.open { background: url(/images/Day4_open.png) no-repeat center; }
#day-messages .day5w.dm.open { background: url(/images/Day5_open.png) no-repeat center; }
#day-messages .day6w.dm.open { background: url(/images/Day6_open.png) no-repeat center; }
#day-messages .day7w.dm.open { background: url(/images/Day7_open.png) no-repeat center; }
#day-messages .day8w.dm.open { background: url(/images/Day8_open.png) no-repeat center; }
#day-messages .day9w.dm.open { background: url(/images/Day9_open.png) no-repeat center; }
#day-messages .day10w.dm.open { background: url(/images/Day10_open.png) no-repeat center; }
#day-messages .day11w.dm.open { background: url(/images/Day11_open.png) no-repeat center; }
#day-messages .day12w.dm.open { background: url(/images/Day12_open.png) no-repeat center; } 

.day_action, .single_day_action { display: none; position: relative; background: url(/images/dabg.jpg) no-repeat center; background-size: cover; padding-top: 20px; padding-bottom: 20px; margin-bottom: 32px; /*border: 1px outset #95AACB;box-shadow: 0 10px 6px -6px rgba(0,0,0,.45);*/}
.single_day_action { padding-top: 60px; padding-bottom: 60px; }
.day_action .top, .single_day_action .top { position: absolute; top: -20px; right: 0; left: 0; margin: auto; width: 50px; height: 50px; background: url(/images/top_arrow.png) no-repeat center; background-size: 100%; transition: all 600ms ease-in-out;}
.controls { position: absolute; top: -60px; right: 15px; z-index: 999; }
.controls .fa.fa-times, .controls .fa.fa-share-alt { color: #fff; background: #CB2035; padding: 0 8px; margin: 0 2px; width: 34px; line-height: 34px; text-align: center; vertical-align: top; }
.controls .fa.fa-times { font-size: 21px; }
.dc { text-align: center; }
.dc.vidd { white-space: nowrap; }
.dc .dvid { width: 75%; height: 125%; /*height: auto;*/ display: inline-block; margin-right: 15px; }
.dc .dtxt { width: 15%; height: auto; display: inline-block; margin-left: 15px; /*margin-top: 25px;*/ vertical-align: top; }

.day_action.d1active .top, .day_action.d4active .top, .day_action.d7active .top, .day_action.d10active .top { right: 66.67%; } 
.day_action.d3active .top, .day_action.d6active .top, .day_action.d9active .top, .day_action.d12active .top { left: 66.67%; }
 
.dc h4 { font-size: 22px; color: #EC1F28; font-family: 'ADAMCG PRO'; }
.dc p { font-size: 18px; margin: 0.75em auto; }
.dc .giving { width: 80%; }
.dc .tiktok { width: 36%; margin-top: 0.75em; display: none;}
.dc .amazon { width: 40%; /*width: 20%;*/}
.dc a { display: block; white-space: nowrap; }
.dc a span { display: inline-block; background-color: #073C72; color: #fff; font-family: 'ADAMCG PRO'; line-height: 52px; padding: 2px 20px 0 14px; }
.dc a span:after { content: ''; background: url(../images/Arrow_small.png) no-repeat center; display: inline-block; background-size: contain; width: 36px; height: 18px; margin-left: 12px; vertical-align: middle; transition: all 333ms ease-in-out; }
.dc a span:hover::after { transform: translateX(12px); }

.dc a span.dropdown-text { background-color: transparent; color: #555; padding: 0 8px; }
.dc a span.dropdown-text:after { display: none; }

.links .col-md-6 + .col-md-6:before { content: ''; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 1px; background: #707070; }
.day_action .d2 .dc.links .col-md-6 { padding-top: 5px; }
.day_action .cycle-slideshow, .day_action .cycle-slide { width: 100%; height: 290px; padding: 60px 0; }
.dropdown.share-dropdown { display: inline-block; }
.dropdown .dropdown-menu { display: none; transform: translate3d(-89px, 32px, 0px) !important; -webkit-box-shadow: 4px 4px 12px 4px rgba(51,51,51,0.5) !important; 
  box-shadow: 4px 4px 12px 4px rgba(51,51,51,0.5) !important; }

@media(min-width:768px) {
  .single_day_action { display: none !important; }
}
@media(max-width:767px) {
  #day-messages .dm.open { padding-bottom: 105%; }
  .single_day_action .top { right: 0 !important; left: 0 !important; } 
  .single_day_action .controls { top: -211px; right: 25px; }
  .single_day_action .dc .dtxt { vertical-align: top; margin-top: 15px; }
  .single_day_action .dc.links { padding-top: 25px; }
  .day_action.a1.a2.a3 { display: none !important; }
  .links .col-md-6 + .col-md-6 h4 { margin-top: 1.5em; }
  .links .col-md-6 + .col-md-6:before { display: none; }
}

@media(max-width:575px) {
  .dc .dvid { width: 75%; height: auto; display: inline-block; margin-right: 15px; }
  .single_day_action { padding: 60px 25px; }
  .dropdown .dropdown-menu { display: none; transform: translate3d(-68px, 32px, 0px) !important; }
}

@media (min-width: 1200px) { .header-hero.thankyou .container { max-width: 800px; } }
@media (min-width: 992px) { .header-hero.thankyou .container { max-width: 800px; } }
@media (min-width: 768px) and (max-width: 768px) { .header-hero.thankyou .container { max-width: 600px; } }
@media (min-width: 640px) and (max-width: 1024px) { #header-hero .elf2t { left: -175px !important; top: -20px; } }
@media (max-width: 767px) { 
  #more .elf3t { right: auto !important; left: -75px !important; top: 210px !important; }
  #more .col-md-2 { min-height: 100px; }
}
@media (max-width: 364px) {
  #more .elf3t { left: -100px !important; top: 262px !important; }
}

.header-hero.thankyou h2 { text-align: center; font-size: 28px; }
.header-hero.thankyou p img { max-width: 100%; margin-bottom: 2em; }
#header-hero .elf2t { position: absolute; left: -225px; margin: 0; width: 250px; }
#header-hero .elf2t img, #more .elf3t img { max-width: 100%; }
#more { background-color: #EFEFEF; }
#more .elf3t { position: absolute; width: 250px; top: 0; left: 0; right: 2.5%; margin: 72px auto 0; z-index: 111; }

#more { position: relative; padding-top:44px; padding-bottom: 60px; }
#more h2 { color: #EC1F28; font-family: 'ADAMCG PRO'; font-size: 24px; line-height: 1.375; }
#more a { display: block; white-space: nowrap; }
#more a span { display: inline-block; background-color: #073C72; color: #fff; font-family: 'ADAMCG PRO'; line-height: 52px; padding: 2px 20px 0 14px; }
#more a span:after { content: ''; background: url(../images/Arrow_small.png) no-repeat center; display: inline-block; background-size: contain; width: 36px; height: 18px; margin-left: 12px; vertical-align: middle; transition: all 333ms ease-in-out; }
#more a span:hover::after { transform: translateX(12px); }


.modal-bg { background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9998; display: none; }
.modal-container { position: fixed; z-index: 9999; top: 22%; left: 0; right: 0; margin: auto; height: 303px; width: 525px; max-width: 100%; background: url(../images/popup_bg.jpg) no-repeat center; background-size: cover; padding: 20px 15px 15px 30px; display: none; }
.close_modal {
    cursor: pointer;
    text-decoration: none;
    position: absolute;
    right: 12px;
    top: 12px;
    background: #fff;
    border-radius: 50%;
    width: 27px; /*22*/
    height: 27px; /*22*/
    text-align: center;
    line-height: 20px;
    border-style: solid;/*close button border*/
    border-color: #000;/*close button border*/
}
body > div.modal-container.nopeek > a { color: #000; font-weight: bold;} /*close button*/
.close_modal:hover { text-decoration: none; }

.modal-container img.nopeeking { max-width: 54%; }
.popupelf { position: absolute; right: 15px; bottom: 25px; max-width: 40%; }
/*.modal-container p { font-size: 14px; color: #fff; margin-top: 0.5em; margin-bottom: 0.5em; max-width: 54%; text-align: center; }*/
.modal-container p { font-size: 14px; font-weight: 600; color: #415C86; margin-top: 0.4em; margin-bottom: 0.4em; max-width: 54%; text-align: center; }
.modal-container .rbtns a {
    color: #fff;
    background: #DA0029;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 14px;
    font-size: 14px;
    line-height: 36px;
    padding: 0 28px;
    margin-right: 6px;
    margin-top: 0rem; /* 0.5rem; */
    text-decoration: none;
    text-transform: uppercase;
}
.modal-container .rbtns a:hover { color: #eee; background: #ff0000; border: 1px solid #eee; }

.bg-shadow {
  position: relative;
  padding: 0 15% 80px 0;
  margin-right: -15px;
  font-size: 20px;
  line-height: 1.21429;
  color: #7C3520;
  font-weight: 300;
  background: url("../images/background-shadow.png") no-repeat bottom right/100% 90%;
}

.bg-shadow .shadow-thumbnail {
  float: right;
  margin-right: -5%;
  margin-bottom: 10px;
}

.bg-shadow h4 {
  clear: both;
}

.bg-shadow .line {
  clear: both;
  margin-top: 20px;
}

.bg-shadow.shadow-small {
  font-size: 20px;
}

.icon-columns p {
  max-width: 260px;
  margin: 0 auto 20px;
  text-align: center;
}

.quarter-hero {
  margin-top: 82px;
  margin-bottom: 90px;
}

.quarter-hero .hero-column {
  position: relative;
  color: #fff;
  font-size: 22px;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.quarter-hero h3 {
  text-align: center;
  color: #fff;
}

.quarter-hero .content {
  padding-top: 100px;
  padding-bottom: 50px;
}

.quarter-hero .bg-circles {
  z-index: -1;
  position: absolute;
  left: -5px;
  right: -5px;
  height: 100%;
  background: #F1645F;
}

.hero-line {
  width: 345px;
  height: 2px;
  background: #F9AB83;
  max-width: 100%;
  margin: 45px auto;
}

.graph-wrapper {
  max-width: 520px;
  margin: 0 auto;
  margin: 60px auto;
}

.graph-wrapper .graph-title {
  position: relative;
  display: block;
  min-height: 1.7em;
  font-size: 28px;
  line-height: 1.3;
  color: #27318B;
  font-weight: 300;
}

.bar-graph {
  position: relative;
  text-align: center;
  height: 280px;
  font-size: 16px;
  line-height: 1;
  margin: 30px auto 50px;
}

.bar-graph span {
  display: block;
}

.bar-graph ul {
  position: relative;
  height: 100%;
  margin: 0;
}

.bar-graph ul li {
  position: absolute;
  bottom: 0;
  padding-left: 0;
}

.bar-graph ul li:before {
  display: none;
}

.bar-graph ul.bar-graph-list {
  margin-left: 60px;
  border-bottom: 3px solid #111C4E;
}

.bar-graph ul.bar-graph-list li {
  height: 100%;
}

.bar-graph ul.yaxis {
  position: absolute;
  width: 35px;
  text-align: right;
}

.bar-graph ul.yaxis li {
  width: 100%;
}

.bar-graph.perc .bar-value:after,
.bar-graph.perc .key:after,
.bar-graph.perc .child-value:after {
  content: "%";
}

.bar-graph.dollar .bar-value:before,
.bar-graph.dollar .key:before,
.bar-graph.dollar .child-value:before {
  content: "$";
}

.bar-graph .bar {
  width: 90px;
}

.bar-graph .bars {
  width: 116px;
}

.bar-graph .bar,
.bar-graph .bars {
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 100%;
  max-width: 90%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.bar-graph .bar,
.bar-graph .half-bar {
  background: #fff;
  border: 2px dashed #7967AE;
  border-bottom: 0;
}

.bar-graph .bar.current,
.bar-graph .half-bar.current {
  background: #F1645F;
  border: 0;
}

.bar-graph .half-bar {
  position: absolute;
  bottom: 0;
  width: 46%;
}

.bar-graph .half-bar:first-child {
  left: 0;
}

.bar-graph .half-bar:last-child {
  right: 0;
}

.bar-graph .bar-value {
  position: absolute;
  bottom: 100%;
  width: 100%;
  padding: 0 0 10px;
}

.bar-graph .xaxis {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 5px 0;
  width: 100%;
}

.bar-graph .key {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  display: block;
  line-height: 1;
}

.bar-graph.stacked ul {
  margin-left: 0;
}

.bar-graph.stacked ul.yaxis {
  display: none;
}

.bar-graph.stacked .bar {
  border: 0 none;
  background: #F1645F;
}

.bar-graph.stacked .child {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  color: #fff;
  padding-top: 10%;
}

.bar-graph.stacked .child:first-child {
  top: 0;
  bottom: auto;
  color: #54565A;
  background: #fff;
  border: 2px dashed #7967AE;
  border-bottom: 0 none;
}

ul.graph-legend li {
  line-height: 1;
  padding-left: 0;
  margin-right: 20px;
  margin-bottom: 5px;
  display: inline-block;
}

ul.graph-legend li:before {
  content: "";
  position: static;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px dashed #7967AE;
  display: inline-block;
  line-height: 1;
  vertical-align: sub;
  margin-right: 10px;
}

ul.graph-legend li.current:before {
  border: 0 none;
  background: #F1645F;
}

.number-columns {
  font-size: 23px;
  line-height: 1.30435;
  font-weight: normal;
  text-align: center;
  color: #7967AE;
}

.number {
  font-size: 50px;
  line-height: 1.4;
  color: #111c4e;
  font-weight: 300;
}

.hero {
  position: relative;
  background: #F1645F;
  padding: 144px 0 100px;
  color: #fff;
  margin: 83px 0 103px;
}

.hero h3 {
  color: #fff;
}

.hero .wrapper {
  z-index: 5;
  position: relative;
}

.icon-columns {
  position: relative;
  font-size: 22px;
  line-height: 1.13636;
}

.icon-columns .item {
  margin-bottom: 40px;
  min-height: 140px;
}

.icon-columns .text {
  max-width: 200px;
  margin: 0 auto;
  display: block;
}

.chart-ethics {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

#home-message {
  padding: 98px 0 153px;
}


#home-message figure img {
  max-width: 100%;
}


footer {
  z-index: 0;
  position: relative;
  background: #fff;
  padding: 50px 0;
  font-size: 14px;
  text-align: center; 
  /*background: url(../images/blue_bg.png) no-repeat center;*/
  background: url(../images/footer.jpg) no-repeat center;
  background-size: cover;
}
 
footer .hl { padding: 44px 0 18px; }
footer .hl img { width: 580px; max-width: 90%; }

footer .right-side { text-align: right; }
footer .opgrat { display: block; margin-bottom: 20px;  }
footer .social a { display: inline-block; margin-left: 12px; }
footer .social a img { max-width: 100%; }
 

@media screen and (min-width: 576px) {
  
}

@media screen and (min-width: 600px) {
  .table {
    font-size: 16px;
  }

  .table.gri-table th:first-child,
  .table.gri-table td:first-child {
    max-width: 100px;
  }
}

@media screen and (min-width: 768px) {
  blockquote .quote-wrapper {
    padding-left: 170px;
  }

  blockquote.quote {
    font-size: 25px;
  }

  aside[class*=col-md] figure .img-wrap {
    height: 0;
  }

  img.pullleft {
    margin-left: -15%;
  }

  .leading {
    font-size: 22px;
  }

  nav.subnav {
    margin-top: 0;
    margin-right: -3vw;
    display: block;
  }

  aside:not(.nav-auto) nav.subnav {
    height: 0;
  }

  .header-hero .content {
    font-size: 20px;
  }

  .subpage-header {
    padding-top: 170px;
  }

  .video-poster {
    margin-right: 0;
  }

  footer {
    text-align: left;
  }

  footer ul {
    text-align: right;
  }

  footer .footer-nav ul {
    margin-right: -15px;
  }

  footer .footer-nav:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    display: block;
    background: #D5D1D1;
  }

  footer .footer-main-menu {
    max-width: none;
    margin: 0;
  }

  footer .footer-main-menu:before {
    content: "";
    position: absolute;
    top: 100%;
    left: -30px;
    right: -15px;
    height: 1px;
    display: block;
    background: #D5D1D1;
  }

  #social-menu {
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 20px;
  }

  .h-sm-0 {
    height: 0;
  }
}

@media screen and (min-width: 991px) {
  .ai-benefits {
    max-width: 350px;
  }

  .table {
    font-size: 18px;
  }

  .table.gri-table th:first-child,
  .table.gri-table td:first-child {
    max-width: none;
  }

  .table.gri-table th:last-child,
  .table.gri-table td:last-child {
    width: 300px;
  }

  .bg-shadow {
    font-size: 28px;
  }
}

@media screen and (min-width: 992px) {
  h1 {
    font-size: 45px;
  }

  h2 {
    font-size: 40px;
  }

  h2 img {
    height: auto;
  }

  h3 {
    font-size: 35px;
  }

  h4 {
    font-size: 26px;
  }

  h5 {
    font-size: 24px;
  }

  .diversity-table {
    min-width: 550px;
    overflow-x: visible;
    overflow-y: visible;
  }

  nav.subnav {
    margin-bottom: 0;
    margin-right: 0;
  }

  aside:not(.nav-auto) nav.subnav {
    margin-bottom: -100px;
  }

  body.page nav.subnav {
    margin-top: -50px;
  }

  .header-hero {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .header-hero .content {
    max-width: 50%;
  }

  #home-message figure {
    max-width: 30%;
    margin-top: -120px;
  }

  footer .footer-copy {
    width: 180px;
    float: left;
  }

  footer .footer-nav {
    float: right;
    width: 1393px;
    max-width: calc(99% - 180px);
    padding-left: 30px;
  }

  footer .footer-nav ul {
    margin-right: -15px;
  }

  footer .footer-nav:after {
    left: 30px;
  }

  #social-menu {
    left: 65px;
  }

  .h-md-0 {
    height: 0;
  }
}

@media screen and (min-width: 1020px) {
  #main-menu:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    width: 1px;
    display: block;
    background: rgba(84, 86, 90, 0.1);
  }

  #main-menu li:last-child ol {
    left: auto;
    right: 0;
  }
}

@media screen and (min-width: 1080px) {
  img.ceo-thumbnail {
    margin-right: -100px;
  }
}

@media screen and (min-width: 1120px) {
  header .logo .logo-img {
    padding: 0 20px;
  }

  header .logo .logo-slogan {
    white-space: nowrap;
  }

  header .logo .logo-slogan br {
    display: block;
  }
}

@media screen and (min-width: 1200px) {
  h1 {
    font-size: 66px;
  }

  h2 {
    font-size: 50px;
  }

  h3 {
    font-size: 40px;
  }

  h4 {
    font-size: 30px;
  }

  blockquote {
    font-size: 40px;
  }

  blockquote.quote {
    font-size: 30px;
  }

  .aside-quote {
    font-size: 25px;
  }

  .aside-flex .aside-quote {
    margin-top: 0;
    margin-bottom: 0;
  }

  img.pullleft {
    margin: -50px 70px 20px -16%;
  }

  .table th,
  .table td {
    padding-left: 47px;
  }

  .table.gri-table th:first-child,
  .table.gri-table td:first-child {
    width: 242px;
    padding-left: 36px;
  }

  .table.gri-table th:last-child,
  .table.gri-table td:last-child {
    width: 400px;
    padding-left: 36px;
  }

  .table.sasb-table th,
  .table.sasb-table td {
    padding-left: 20px;
  }

  .table.sasb-table th:first-child,
  .table.sasb-table td:first-child {
    width: 150px;
  }

  .table.sasb-table th:nth-child(2),
  .table.sasb-table th:last-child,
  .table.sasb-table td:nth-child(2),
  .table.sasb-table td:last-child {
    width: 120px;
  }

  .bg-shadow {
    padding: 140px 17% 80px 0;
  }

  .bg-shadow .shadow-thumbnail {
    position: absolute;
    top: -20px;
    right: 30px;
    max-width: 50%;
    float: none;
    margin: 0;
  }

  .bg-shadow h4 {
    max-width: 60%;
  }

  .bg-shadow .line {
    width: 350px;
    max-width: calc(100% - 180px);
    margin-top: 0;
  }

  #home-focus-areas .lines .axis .x {
    top: 40px;
  }

  .downloads-grid .col {
    margin-bottom: 65px;
    max-width: 20%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
  }

  footer .footer-nav a {
    padding-left: 15px;
    padding-right: 15px;
  }

  #social-menu {
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@media screen and (min-width: 1300px) {
  img.ceo-thumbnail {
    position: absolute;
    right: 40px;
    margin-top: -90px;
    margin-right: 0;
    max-width: 13vw;
  }
}

@media screen and (min-width: 1345px) {
  #navicon {
    display: none;
  }
}

@media screen and (min-width: 1400px) {
  blockquote {
    font-size: 56px;
  }

  .aside-quote {
    font-size: 30px;
  }

  .table.sasb-table {
    padding-left: 36px;
  }

  .table.sasb-table th,
  .table.sasb-table td {
    padding-left: 36px;
  }

  .table.sasb-table th:first-child,
  .table.sasb-table td:first-child {
    width: 230px;
  }

  .table.sasb-table th:nth-child(2),
  .table.sasb-table th:last-child,
  .table.sasb-table td:nth-child(2),
  .table.sasb-table td:last-child {
    width: 300px;
  }

  .d-xxl-table {
    display: table;
  }
}

@media screen and (min-width: 1550px) {
  img.ceo-thumbnail {
    max-width: none;
  }
}

@media screen and (max-width: 1600px) {
  .quarter-hero .entry-content {
    padding-left: 0;
  }
}

@media screen and (max-width: 1019px) {
  #menu-underlay {
    z-index: 999999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    display: block;
    background: rgba(39, 49, 139, 0.1);
    cursor: pointer;
    display: block;
    opacity: 0;
    -webkit-transition: opacity;
    -o-transition: opacity;
    transition: opacity;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }

  .menu-wrapper {
    z-index: -1;
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    max-width: calc(100vw - 109px);
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    -o-transition: transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }

  .style-navigation #menu-underlay {
    opacity: 1;
  }

  .style-navigation .menu-wrapper {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .open-navigation body {
    overflow: hidden;
  }

  .open-navigation #menu-underlay {
    width: 100%;
    height: 100%;
  }

  .open-navigation main {
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .open-navigation .menu-wrapper {
    background: #f7f7f7;
    width: 350px;
    height: 100vh;
    padding-top: 75px;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    -webkit-box-shadow: 0 3px 26px rgba(84, 86, 90, 0.1);
    box-shadow: 0 3px 26px rgba(84, 86, 90, 0.1);
  }

  header .logo,
  header #navicon {
    z-index: 10;
  }

  header nav > ul {
    display: block;
    white-space: normal;
  }

  header nav > ul li {
    display: block;
    font-size: 18px;
  }

  header ul {
    height: auto;
    text-align: left;
  }

  header ul > li.active:after {
    left: 20px;
    top: 1.4em;
  }

  header ul > li.has-children > a {
    padding-right: 25px;
  }

  header ul > li.has-children > a:after {
    right: 15px;
  }

  header ul a {
    height: auto;
    display: block;
    padding: 15px 25px 15px 40px;
  }

  header ol,
  header .drop-down-menu {
    position: relative;
    top: auto;
    width: 100%;
    display: block;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    background: #f7f7f7;
    display: none;
  }

  header ol a {
    padding: 10px 15px 10px 40px;
  }

  header ol li:hover a,
  header ol li.active:hover a {
    padding-left: 45px;
    padding-right: 10px;
  }

  #main-menu {
    padding-top: 20px;
    border-bottom: 1px solid #D5D1D1;
    padding-bottom: 5px;
    margin-bottom: 0;
    background: #fff;
  }

  #utility-menu {
    padding-bottom: 50px;
  }

  #utility-menu li {
    background: #fff;
  }

  #utility-menu li:first-child {
    padding-top: 5px;
  }

  #utility-menu .downloads {
    background: transparent;
    padding: 20px 0 0;
  }

  #utility-menu .downloads > a {
    display: none;
  }

  #utility-menu .downloads .drop-down-menu {
    padding-left: 40px;
    padding-right: 40px;
    display: block !important;
  }

  #utility-menu .downloads .drop-down-menu .button {
    padding-left: 15px;
    padding-right: 15px;
  }

  #main-menu,
  #utility-menu {
    display: block;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  body.prelaunch .menu-wrapper {
    background: #fff !important;
  }

  body.prelaunch #main-menu {
    border: 0 none !important;
  }
}

@media screen and (max-width: 992px) {
  .lines.header-lines {
    margin-top: -50px;
  }

  .lines.header-lines .axis .y {
    top: 0 !important;
    left: 10px !important;
  }

  .header-hero {
    padding: 0;
    height: auto;
    margin-bottom: 50px;
    display: block;
  }

  .header-hero .hero-bg {
    position: relative;
    padding: 70% 0 0;
  }

  .header-hero .hero-bg.hero-bg-mobile {
    display: block;
  }

  .header-hero .hero-bg.hero-bg-mobile + .hero-bg {
    display: none;
  }

  .header-hero .content {
    width: 100%;
    max-width: 100%;
    padding-left: 5.3vw;
    padding-right: 5.3vw;
  }

  .header-hero .wrapper {
    padding: 0;
  }

  .home .header-hero {
    min-height: auto;
  }

  .home .header-hero h1 {
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .quarter-hero {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 575px) {
  .lines .axis {
    margin-left: -2vw;
    margin-right: -5vw;
  }

  .lines.quote-line .axis .x {
    right: 0 !important;
  }
}

@media screen and (max-width: 470px) {
  .menu-wrapper {
    min-width: calc(100vw - 79px);
  }
}

@media (min-width: 1020px) and (max-width: 1344px) {
  body:not(.prelaunch) header {
    padding-right: 50px;
  }

  body:not(.prelaunch) #main-menu,
  body:not(.prelaunch) #utility-menu {
    position: absolute;
    top: 0;
    right: 50px;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  body:not(.prelaunch) #main-menu:after,
  body:not(.prelaunch) #utility-menu:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    display: block;
    background: transparent;
  }

  body:not(.prelaunch) #main-menu {
    z-index: 55;
    opacity: 1;
  }

  body:not(.prelaunch) #main-menu ul {
    z-index: 5;
    position: relative;
  }

  .style-navigation body:not(.prelaunch) #main-menu {
    z-index: -1;
    opacity: 0;
  }

  .style-navigation body:not(.prelaunch) #main-menu ul {
    z-index: -1;
  }

  .style-navigation body:not(.prelaunch) #main-menu:after {
    content: "";
  }

  body:not(.prelaunch) #utility-menu {
    z-index: -1;
    opacity: 0;
  }

  body:not(.prelaunch) #utility-menu:after {
    content: "";
  }

  body:not(.prelaunch) #utility-menu ul {
    z-index: -1;
    position: relative;
  }

  .style-navigation body:not(.prelaunch) #utility-menu {
    z-index: 5;
    opacity: 1;
  }

  .style-navigation body:not(.prelaunch) #utility-menu:after {
    display: none;
  }

  .style-navigation body:not(.prelaunch) #utility-menu ul {
    z-index: 5;
  }
}

@media (min-width: 1020px) and (max-width: 1119px) {
  header ul li {
    font-size: 12px;
  }
}
/*# sourceMappingURL=maps/style.css.map */