/*------------------------------------*\
    #WELL
\*------------------------------------*/
.c-well {
  background-color: #F5F5F5;
  border-radius: 8px;
  padding: 24px;
}

.c-well--small {
  padding: 12px;
}

.c-well--flush {
  padding: 0;
}


/*------------------------------------*\
    #UTILITIES
\*------------------------------------*/
@media screen and (max-width: 767px) {

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

  .u-mobile-center {
    margin: 0 auto;
  }

  .u-mobile-hide {
    display: none !important;
  }
}

/*------------------------------------*\
    #FONTS
\*------------------------------------*/
.c-font {
  font-family: "lato", Arial, Helvetica, sans-serif;
}

.c-font--secondary {
  font-family: "museo", Helvetica, Arial, sans-serif;
}

/*------------------------------------*\
    #BAND
\*------------------------------------*/
.c-band {
  padding-top: 24px;
  padding-bottom: 24px;
}

.c-band--large {
  padding-top: 48px;
  padding-bottom: 48px;
}

.c-band--huge {
  padding-top: 96px;
  padding-bottom: 96px;
}

.c-band--dark a,
.c-band--darker a {
  color: #fff;
}

.c-band--dark a:hover,
.c-band--dark a:active,
.c-band--dark a:focus,
.c-band--darker a:hover,
.c-band--darker a:active,
.c-band--darker a:focus{
  color: #19a0d3;
}

.c-band--dark {
  background: #02354B;
  color: #fff;
}

.c-band--darker {
  background-color: #012230;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .c-band--mobile {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .c-band--mobile-large {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .c-band--mobile-huge {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

/*------------------------------------*\
    #CHECKLIST
\*------------------------------------*/

.c-checklist li {
  position: relative;
  padding-bottom: 48px;
  padding-left: 36px;
  padding-right: 24px;
  font-weight: bold;
  line-height: 24px;
  font-size: 14px;
  /*margin-left: 24px;*/
}

.c-checklist li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background: url(../images/checkmark.svg) no-repeat;
  background-size: 26px 26px;
}

.c-checklist li:last-child {
  padding-bottom: 0;
}

.c-checklist--small li{
  padding-bottom: 12px;
  padding-right: 12px;
}

.c-checklist--vertical li {
  padding-bottom: 0;
}

/*------------------------------------*\
    #BUTTON
\*------------------------------------*/
.c-btn {
  display: inline-block;
  padding: 20px;
  border: 2px solid #FFFFFF;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 0px;
  font-weight: 700;
}

.c-btn--small {
  padding: 6px 24px;
}

.c-btn--tiny {
  padding: 3px 12px;
  font-size: 10px;
  border-radius: 5px;
}

/*------------------------------------*\
    #CONTAINER
\*------------------------------------*/
.c-container {
  max-width: 1400px;
  margin: 0 auto;
}

.c-container--small {
  max-width: 1150px;
}

/*------------------------------------*\
    #FOOTER
\*------------------------------------*/

.footer,
.footer li,
.footer-title {
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 24px !important;
}

.footer-title {
  margin-bottom: 10px;
  font-family: "museo", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.footer-menu,
.footer-social,
.footer-blog,
.footer-menu-item {
  display: inline-block;
  vertical-align: top;
}

.footer-menu {
  width: 30%;
}

.footer-menu-item {
  width: 50%;
}

.footer-social {
  width: 20%;
}

.footer-social li {
  font-size: 45px !important;
  line-height: 0 !important;
  padding-right: 5px;
}

.footer-blog {
  width: 50%;
  border-left: 1px solid #fff;
  padding-left: 65px;
}

.footer-blog-items li {
  font-size: 12px !important;
  line-height: 20px !important;
  padding-bottom: 10px;
}

.footer-blog-btn {
  line-height: 20px;
  border: 1px solid #ffffff;
}

.footer-copyright li {
  font-family: "lato", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 300;
  letter-spacing: 0;
}

@media only screen and (max-width: 1023px) {
  .footer-social {
    width: 25%;
  }

  .footer-blog {
    width: 50%;
    padding-left: 45px;
  }

  .footer-menu {
    width: 25%;
  }

  .footer-menu-item {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .footer-social {
    width: 50%;
  }

  .footer-social li {
    font-size: 38px !important;
  }

  .footer-blog {
    display: none;
  }

  .footer-menu {
    width: 50%;
  }

  .footer-copyright li {
    font-size: 10px;
  }
}