#design, #how
{
  background-color: #F7F5F2;
}
#benefits, .content-section
{
  background-color: #FFFFFF;
}
#signup
{
  background-color: #D4EBED
}
#header, .header-section
{
  background: url(../images/Buffer_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
img
{
  max-width: 100%;
}
.special-margin
{
  margin-left: 3.3%;
}
.payoff-pic
{
  width: 30%;
}
.timely-border
{
  border-left: 1px solid #85D1DA;
  border-top: none;
}
.icon-height
{
  height: 100px;
}
.header-title
{
  font-size: 50px;
  color: #FFFFFF;
  font-family: 'Verlag Bold';
  line-height: 55px;
}
.header-anchor-text
{
  color: #ECED90;
  font-family: 'Verlag Book';
  font-size: 25px;
}
.yellow-hr
{
  color: #ECED90;
  background-color: #ECED90;
  height: 1px;
  width: 100%;
}
.payoff, .section-link
{
  color: #256B71;
  font-family: 'Verlag Bold';
  font-size: 25px;
}
.payoff
{
  font-size: 20px;
}
.payoff-description, .layer-text
{
  color: #000000;
  font-family: 'Verlag Book';
  font-size: 22px;
}
.payoff-box
{
  background-color: #256B71;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Verlag Bold';
  font-size: 22px;
}
.layer1
{
  background-color: #85D1DA;
  color: #000000;
  text-align: center;
  font-family: 'Verlag Bold';
}
.layer2
{
  background-color: #ECED90;
  color: #000000;
  text-align: center;
  font-family: 'Verlag Bold';
}
.layer3
{
  background-color: #256B71;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Verlag Bold';
}
.why-reason
{
  color: #246B72;
  font-style: normal;
  font-family: 'Verlag Black';
  text-transform: uppercase;
  font-weight: normal;
  font-size: 16px;
}
.alt-img
{
  width: 96px !important;
}
.section-link:hover
{
  cursor: pointer;
  text-decoration: underline;
}
.alternative
{
  color: #1C3239;
  font-family: 'Verlag Bold';
  font-size: 25px;
  text-align: center;
}
.where-big
{
  color: #256B71;
  font-family: 'Verlag Bold';
  font-size: 48px;
}
.where-small
{
  color: #1C3239;
  font-family: 'Verlag Bold';
  font-size: 22px;
}
.section-header
{
  color: #FFFFFF;
  font-family: 'Verlag Book';
  font-size: 36px;
}
.section-subheader
{
  color: #FFFFFF;
  font-family: 'Verlag Book';
  font-size: 22px;
}
.header-text
{
  font-size: 18px;
  color: #FFFFFF;
}
b
{
  font-family: 'Verlag Bold';
}
html,body{
  overflow-x: hidden;
}
.container
{
  //padding-right: 0px !important;
  //padding-left: 0px !important;
}
.flex-grow
{
  flex-grow: 1;
}
.aboutbanner
{
  background: url(../images/banner_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.prob-sol
{
    color: #246B72;
    font-style: normal;
    font-family: 'Verlag Black';
    text-transform: uppercase;
    font-weight: normal;
    font-size: 24px;
}
.prob-sol-txt
{
    color: #1E3038;
    font-style: normal;
    font-family: 'Verlag Book';
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 20px;
}
.newsheadline
{
  font-size: 64px;
  position: relative;
  top: 20px;
}
.anchor-txt
{
  color: #6E6D72;
  font-family: 'Verlag Book';
  font-size: 18px;
  padding-bottom:5px;
}
.anchor-txt.active
{
  color: #011F23;
}
a, a:link, a:hover
{
  color: inherit;
  text-decoration: inherit;
}
.call-to-action
{
  color: #6E6D72;
  font-family: 'Verlag Book';
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.72px;
}
.call-to-action:hover
{
  cursor: pointer;
  text-decoration: underline;
}
.design-header
{
  color: #011F23;
  font-family: 'Verlag Bold';
  font-size: 28px;
  font-style: normal;
  line-height: 29px;
}
.design-text
{
  color: #011F23;
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: normal;
}
.clickable:hover
{
    cursor: pointer;
    text-decoration: underline;
}
.basic-header
{
  color: #111E2E;
  font-family: 'Verlag Bold';
  font-size: 36px;
}
.basic-text
{
  color: #011F23;
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: 28px;
}
.faq-question
{
  color: #011F23;
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: 28px;
}
.small-text
{
  color: #1C3239;
  font-family: 'Verlag Book';
  font-size: 20px;
}
.faq-answer
{
  color: #1C3239;
  font-family: 'Verlag Book';
  font-size: 20px;
}
.bold-text
{
  color: #1E1919;
  font-family: 'Verlag Bold';
  font-size: 22px;
}
.small-header
{
  color: #1C3239;
  font-family: 'Verlag Bold';
  font-size: 22px;
}
.bordered
{
  border: 1px solid #DDD9D2;
}
.light-bordered
{
  border-top: 1px solid #F7F5F2;
}
.before-icon
{
  position: relative;
  bottom: 5px;
  padding-right: 7px;
}
.white-bg
{
  background-color: #FFFFFF;
}
.first-col
{
  background-color: #F7F5F2;
}
.second-col
{
  background-color: #F2EEE8;
}
.third-col
{
  background-color: #DDD9D2;
}
.fourth-col
{
  background-color: #C2BDB6;
}
.table-percent, .table-text, .table-header
{
  color: #1C3239;
  text-align: center;
  font-family: 'Verlag Book';
  font-size: 18px;
}
.table-text
{
  text-align: left;
}
.table-ticker
{
  color: #1C3239;
  text-align: center;
  font-family: 'Verlag Bold';
  font-size: 21px;
}
.table-ticker:hover
{
  cursor: pointer;
  text-decoration: underline;
}
.view-link
{
  color: #29686D;
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: 24.404px;
  letter-spacing: 0.139px;
}
.view-link:hover
{
  text-decoration: underline !important;
}
.featured-bg
{
  background-color: #1C3239;
}
.featured-header
{
  text-transform: uppercase;
  color: #EEEA8E;
  font-family: 'Verlag Bold';
  font-size: 48px;
}
.featured-name
{
  color: #FFFFFF;
  font-family: 'Verlag Bold';
  font-size: 20px;
}
.featured-text
{
  color: rgba(255, 255, 255, 0.70);
  font-family: 'Verlag Book';
  font-size: 22px;
}
.featured-border
{
  border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}
.transparent-border
{
  border-right: 15px solid transparent;
  background-clip: padding-box;
}
.transparent-border-left
{
  border-left: 15px solid transparent;
  background-clip: padding-box;
}
.transparent-border-bottom
{
  border-bottom: none;
}
.email-input
{
  display: inline-block;
  width: 250px;
  height: 50px;
  padding-left: 10px;
}
.sign-up-text
{
  color: #1C3239;
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: 50px;
}
.submit-btn
{
  display: inline-block;
  height: 50px;
  width: 150px;
  background-color: #29686D;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Verlag Book';
  font-size: 18px;
  line-height: 50px;
  letter-spacing: 0.13px;
  position: relative;
  bottom: 2px;
  vertical-align: middle;
}
.submit-btn:hover
{
  cursor: pointer;
}
.faq-border
{
  border-top: 1px solid #DDD9D2;
}
.resource-header
{
  color: #1C3239;
  font-family: 'Verlag Bold';
  font-size: 22px;
}
.resource-text
{
  color: rgba(28, 50, 57, 0.70);
  font-family: 'Verlag Book';
  font-size: 22px;
  line-height: 26px;
}
.link-col:hover
{
  cursor: pointer;
}
.disclosure-text
{
  color: #1C3239;
  font-family: 'Verlag Book';
  font-size: 17px;
}
.listing
{
  background-color: #EEEA8E;
  color: #29686D;
  font-size: 12px;
  border-radius: 25px;
  width: 75px;
  height: 18px;
  text-align: center;
  display: inline-block;
}
.faq-bg
{
  background: url(../images/square-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 250px;
}
.webcast-bg
{
  background: url(../images/bubble-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 250px;
}
.question-bg
{
  height: 250px;
  background-color: #88D1D8;
}
.faq-col:hover
{
  cursor: pointer;
}
.faq-icon
{
  color: #1C3239;
  font-family: 'Verlag Book';
  font-size: 34px;
}
.mid-line-height
{
  line-height: 50px !important;
}
.temp:hover
{
  cursor: default !important;
  text-decoration: none !important;
}
.circle-border
{
    border: 2px solid #000000;
    border-radius: 25px;
    padding: 8px;
}
.equal-panel
{
   border: 1px solid #DDD9D2;
   background: #1C3239;
}
.panel-text
{
   color: #EEEA8E;
   font-family: 'Verlag Bold';
   font-size: 22px;
   position: relative;
   top: 20%;
}
.panel-header
{
   color: #1C3239;
   font-family: 'Verlag Bold';
   font-size: 22px;
}
.bold-icon
{
   color: #111E2E;
   font-family: 'Verlag Bold';
   font-size: 36px;
}
.panel-bg
{
   background: #F2EEE8;
}
.tan-border
{
   border: 1px solid #DDD9D2;
}
.tan-border-bottom
{
   border-bottom: 1px solid #DDD9D2;
}
.panel-dimensions
{
   width: 330px;
   height: 200px;
   display: inline-block;
}
.MatrixTable 
{ 
   border-collapse: collapse;
}
.MatrixTable th 
{
   background-color:#EBECEC;
   font-family: 'Verlag Black';
   font-weight: normal;
   color:#1E3038;
   padding:1rem 1.25rem;
   font-size: 1rem;
}

.MatrixTable td 
{ 
   font-family: 'Verlag Book';
   font-size:1rem;
   padding:1rem 1.25rem;
   text-align: center;
   background-color:#F8F9F9;
}

.MatrixTable tr td:first-child, .MatrixTable tr.bfam td.exp 
{ 
   background-color: #86D1D7;
   color:#002F3B;
   font-family: 'Verlag Black';
   font-size:1rem;
   padding:1.25rem 0.25rem;
}

.MatrixTable tr.bfam td 
{
   background-color: #fafdfe;
}
.MatrixTable tr.tenfam td 
{
   background-color: #F3FAFB;
}
.MatrixTable tr.pfam td 
{
   background-color: #E7F5F7;
}
.MatrixTable tr.ufam td 
{
   background-color: #cbe8eb;
}
.MatrixTable tr.dpfam td 
{
   background-color: #a7dde2;
}
.MatrixTable tr.balt td 
{
   background-color: #dbf1f3;
}
.MatrixTable tr td.exp + td 
{
   font-family: 'Verlag Black';
   font-size: 1rem;
}
.MatrixTable tr td.empty 
{ 
   background-color: #fff;
}
#mobile-off
{
   display: block;
}
#mobile-on
{
   display: none;
}
@media (min-width: 1100px)
{
  .container, .footnote
  {
    max-width: 1100px !important;
  }
}
@media (max-width: 1100px)
{
   #mobile-on
   {
    display: block;
   }
  #mobile-off
   {
    display: none;
   }
}
@media (max-width: 992px)
{
  .newsheadline
  {
    font-size: 48px;
  }
  .call-to-action
  {
    font-size: 13px;
  }
  .anchor-txt
  {
    font-size: 16px;
  }
  .submit-btn, .email-input
  {
    width: 300px;
  }
  .listing
  {
    font-size: 10px;
    width: 60px;
    height: 12px;
  }
}
@media (max-width: 768px)
{
  .call-to-action
  {
    font-size: 8px;
  }
  .anchor-txt
  {
    font-size: 10px;
  }
  .timely-border
  {
    border-left: none !important;
    border-top: 1px solid #85D1DA;
  }
  .alternative
  {
    text-align: left;
  }
  .payoff-pic
  {
    width: 100%;
  }
  .special-margin
  {
    margin-left: 0%;
  }
}
@media (max-width: 576px)
{
  .transparent-border
  {
    border-right: 0px;
  }
  .transparent-border-left
  {
    border-left: 0px;
  }
  .transparent-border-bottom
  {
    border-bottom: 30px solid transparent;
    background-clip: padding-box;
  }
  .table-text
  {
    font-size: 12px;
  }
  .sign-up-text
  {
    font-size: 18px;
  }
  .faq-question, .table-percent, .table-ticker, .faq-answer
  {
    font-size: 16px;
  }
  .listing
  {
    font-size: 8px;
    width: 50px;
    height: 12px;
  }
  .alternative
  {
    font-size: 24px;
  }
}
@media (min-width: 576px)
{
  .col-sm-special 
  {
      flex: 0 0 auto;
      width: 48.5%;
  }
  .offset-sm-special
  {
    margin-left: 3%
  }
}
@media (max-width: 400px)
{
  .faq-question, .table-percent, .table-ticker, .faq-answer
  {
    font-size: 12px;
  }
  .table-text
  {
    font-size: 10px;
  }
  .sign-up-text
  {
    font-size: 14px;
  }
  .submit-btn, .email-input
  {
    width: 100%;
  }
}