/*
Theme Name: NoBarriers
Author: Anonymous
Author URI:
Version: 1
Description: Base theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nobarriers
Tags: one-column, two-columns
Theme URI:
*/
.logo-slider,
.partners-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.clearfix:after,
.widget:after,
.search-form:after,
.post-password-form:after,
.search-form p:after,
.post-password-form p:after {
  content: "";
  display: block;
  clear: both;
}

.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
  text-transform: uppercase;
  cursor: pointer;
  white-space: normal;
  font-weight: 400;
  box-shadow: -2px 0 3px -2px rgba(0, 0, 0, .5), 2px 3px 3px -2px rgba(0, 0, 0, .5);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="file"]:focus,
input[type="submit"]:focus {
  outline: none;
  box-shadow: -2px 0 3px -2px rgba(0, 0, 0, .5), 2px 3px 3px -2px rgba(0, 0, 0, .5);
}

button::-moz-focus-inner,
a::-moz-focus-inner {
  border: 0;
  outline: 0;
}

select,
.custom-select {
  transition: border-color .3s ease-in-out, box-shadow .15s ease-in-out;
  color: #666;
  font-size: .875rem;
  line-height: 1.2;
  font-weight: 400;
  height: 2.5rem;
  border: 1px solid #666;
  padding: 10px 20px;
}
select:focus,
.custom-select:focus {
  outline: none;
  border-color: #134653;
}

.form-row {
  margin-right: -.9375rem;
  margin-left: -.9375rem;
}
.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: .9375rem;
  padding-left: .9375rem;
}

.form-control {
  height: 2.5rem;
}
.form-control:-ms-input-placeholder {
  color: #666;
  font-size: .75rem;
  font-weight: 700;
}
.form-control::placeholder {
  color: #666;
  font-size: .75rem;
  font-weight: 700;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
textarea {
  transition: border-color .3s ease-in-out;
  border: 1px solid #666;
  padding: 10px 20px;
  font-size: .875rem;
  line-height: 1.2;
  font-weight: 400;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
textarea:focus {
  border-color: #134653;
}
input[type="text"]:not(textarea),
input[type="tel"]:not(textarea),
input[type="email"]:not(textarea),
input[type="search"]:not(textarea),
input[type="password"]:not(textarea),
input[type="url"]:not(textarea),
textarea:not(textarea) {
  height: 2.5rem;
}

.widget {
  margin-bottom: 20px;
}
.widget select {
  min-width: 9.375rem;
}

#sidebar select {
  width: 100%;
}

.search-form label,
.post-password-form label {
  display: block;
}

.search-form input,
.post-password-form input {
  float: left;
  margin-right: .3125rem;
}
@media (min-width: 768px) {
  #sidebar .search-form input,
  #sidebar
  .post-password-form input {
    width: 100%;
    margin: 0 0 .3125rem;
  }
}
.search-form input[type="submit"],
.post-password-form input[type="submit"] {
  transition: background-color .3s ease-in-out;
  margin: 0;
  padding: 10px 16px;
  color: #00313c;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  border-radius: 4px;
  border: 1px solid #ffad15;
  background: #ffad15;
  cursor: pointer;
}
.search-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover {
  text-decoration: none;
  border-color: #fba300;
  background: #fba300;
}

.nav-links,
.navigation,
.navigation-comments {
  position: relative;
  vertical-align: middle;
  margin: 0 -3px 20px;
}
.nav-links .screen-reader-text,
.navigation .screen-reader-text,
.navigation-comments .screen-reader-text {
  position: absolute;
  left: -99999px;
}
.nav-links .page-numbers,
.navigation .page-numbers,
.navigation-comments .page-numbers {
  margin: 0 .1875rem;
}
.nav-links .next,
.nav-links .prev,
.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev {
  transition: background-color .3s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  max-width: 49%;
  padding: 10px 16px;
  color: #00313c;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  border-radius: 4px;
  border: 1px solid #ffad15;
  background: #ffad15;
  text-transform: uppercase;
  box-shadow: -2px 0 3px -2px rgba(0, 0, 0, .5), 2px 3px 3px -2px rgba(0, 0, 0, .5);
}
.nav-links .next:hover,
.nav-links .prev:hover,
.navigation .next:hover,
.navigation .prev:hover,
.navigation-comments .next:hover,
.navigation-comments .prev:hover {
  text-decoration: none;
  border-color: #fba300;
  background: #fba300;
}

.navigation-single {
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.navigation-single .next,
.navigation-single .prev {
  max-width: 49%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.navigation-single .next > a,
.navigation-single .prev > a {
  transition: background-color .3s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 16px;
  color: #00313c;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  border-radius: 4px;
  border: 1px solid #ffad15;
  background: #ffad15;
  text-transform: uppercase;
  box-shadow: -2px 0 3px -2px rgba(0, 0, 0, .5), 2px 3px 3px -2px rgba(0, 0, 0, .5);
}
.navigation-single .next > a:hover,
.navigation-single .prev > a:hover {
  text-decoration: none;
  border-color: #fba300;
  background: #fba300;
}

.comment-form label {
  display: block;
  padding-bottom: .25rem;
}

.comment-form input,
.comment-form textarea {
  margin: 0 .25rem 0 0;
  width: 100%;
}
@media (min-width: 768px) {
  .comment-form input,
  .comment-form textarea {
    max-width: 18.75rem;
  }
}
.comment-form input[type="submit"],
.comment-form textarea[type="submit"] {
  transition: background-color .3s ease-in-out;
  display: block;
  width: auto;
  padding: 10px 16px;
  color: #00313c;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  border-radius: 4px;
  border: 1px solid #ffad15;
  background: #ffad15;
  cursor: pointer;
}
.comment-form input[type="submit"]:hover,
.comment-form textarea[type="submit"]:hover {
  border-color: #fba300;
  background: #fba300;
}

.comment-form textarea {
  overflow: auto;
  margin: 0;
  height: 7.5rem;
  min-height: 7.5rem;
}

.commentlist {
  margin: 0 0 1.2em;
}
.commentlist .edit-link {
  margin: 0;
}
.commentlist .avatar-holder {
  float: left;
  margin: 0 1.2em 4px 0;
}

.commentlist-item .commentlist-item {
  padding: 0;
}
@media (min-width: 768px) {
  .commentlist-item .commentlist-item {
    padding: 0 0 0 2em;
  }
}

.comment,
.commentlist-holder {
  overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
  padding-top: 1.25rem;
}

.widget_calendar th,
.widget_calendar td {
  border: 1px solid #666;
  padding: 3px;
  text-align: center;
  vertical-align: top;
}

.widget_calendar th {
  text-align: center;
  vertical-align: middle;
}

.widget_calendar #prev {
  text-align: left;
}

.widget_calendar #next {
  text-align: right;
}

#wp-calendar {
  width: 100%;
}

.wp-caption {
  max-width: 100%;
  clear: both;
  padding: .25rem;
  margin-bottom: 1.25rem;
  text-align: center;
}
.wp-caption img {
  margin-bottom: .25rem;
  display: block;
  width: 100%;
}
.wp-caption p {
  margin: 0;
}

.aligncenter {
  margin: 0 auto 20px;
}

img.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignleft {
  float: left;
  margin: 0 1.2em 4px 0;
}

.alignright {
  float: right;
  margin: 0 0 4px 1.2em;
}

.mejs-container {
  margin-bottom: 20px;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
  height: auto;
}

.gallery .gallery-item {
  padding: 0 .625rem;
}
.gallery .gallery-item dt {
  float: none;
  width: 100%;
  margin: 0 0 .625rem;
  padding: 0;
}

@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?8x4rbv");
  src: url("fonts/icomoon.eot?8x4rbv#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?8x4rbv") format("truetype"), url("fonts/icomoon.woff?8x4rbv") format("woff"), url("fonts/icomoon.svg?8x4rbv#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-right-arrow:before {
  content: "\e901";
}

.icon-arrow-right:before {
  content: "\e900";
}

/* Slick slider styles */
.logo-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
}

.logo-slider .slick-track,
.logo-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  max-width: 100%;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-next,
.slick-prev {
  transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
  position: absolute;
  top: 50%;
  right: -5px;
  transform: translateY(-50%);
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  width: 20px;
  height: 24px;
  z-index: 2;
  color: #00313c;
}
.slick-next:before,
.slick-prev:before {
  content: "\e901";
  font-family: "icomoon";
  font-size: 1.25rem;
  line-height: 1;
  text-indent: 0;
  display: block;
}
.slick-next:hover,
.slick-next.slick-disabled,
.slick-prev:hover,
.slick-prev.slick-disabled {
  opacity: .75;
  text-decoration: none;
}

.slick-prev {
  right: auto;
  left: -5px;
  transform: translateY(-50%) scale(-1, 1);
}

body {
  min-width: 320px;
  letter-spacing: .2px;
  line-height: 1.7;
}
@media (min-width: 992px) {
  body {
    line-height: 2.1;
  }
}

#wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media (max-width: 991px) {
  .container,
  .container-fluid {
    padding: 0 1rem;
  }
}

a[href*="mailto:"] {
  word-wrap: break-word;
}

a {
  transition: color .3s ease-in-out, opacity .3s ease-in-out;
}
a:focus {
  outline: none;
}

p {
  margin-bottom: 1.125rem;
}
@media (min-width: 992px) {
  p {
    margin-bottom: .8125rem;
  }
}

h1 {
  font-weight: 400;
}
@media (min-width: 992px) {
  h1 {
    font-weight: 700;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .9375rem;
}
@media (min-width: 992px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 1.5625rem;
  }
}

.btn {
  text-transform: uppercase;
  cursor: pointer;
  white-space: normal;
  font-weight: 400;
  box-shadow: -2px 0 3px -2px rgba(0, 0, 0, .5), 2px 3px 3px -2px rgba(0, 0, 0, .5);
}
@media (max-width: 991px) {
  .btn {
    padding-left: .625rem;
    padding-right: .625rem;
  }
}
.btn:focus {
  box-shadow: -2px 0 3px -2px rgba(0, 0, 0, .5), 2px 3px 3px -2px rgba(0, 0, 0, .5) !important;
}
.btn.btn-lg {
  letter-spacing: .09em;
}
.btn.btn-light {
  background-color: #fff;
  border-color: #fff;
}
.btn.btn-light:focus,
.btn.btn-light:hover {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.btn.btn-primary {
  background-color: #ff8200;
  border-color: #ff8200;
  color: #00313c;
}
.btn.btn-primary:focus,
.btn.btn-primary:hover {
  background-color: #e67500;
  border-color: #e67500;
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 40px;
  }
  h2,
  .h2 {
    font-size: 34px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 20px;
  }
  h5,
  .h5 {
    font-size: 16px;
  }
  h6,
  .h6 {
    font-size: 14px;
  }
}

@media (min-width: 992px) {
  h1,
  .h1 {
    font-size: 59px;
  }
  h2,
  .h2 {
    font-size: 34px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 20px;
  }
  h5,
  .h5 {
    font-size: 18px;
  }
  h6,
  .h6 {
    font-size: 16px;
  }
}

.breadcrumb {
  color: #666;
  font-size: .625rem;
  line-height: .75rem;
  text-transform: uppercase;
}
.breadcrumb a {
  color: #666;
}

.visual-section {
  background-size: cover;
  background-position: 50% 50%;
  min-height: 31.25rem;
  color: #fff;
  padding: 5.5rem 0;
  background-color: transparent;
  border-radius: 0;
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .visual-section {
    min-height: 31.25rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1280px) {
  .visual-section {
    min-height: 43.75rem;
  }
}
.visual-section h1,
.visual-section h2,
.visual-section h3,
.visual-section h4,
.visual-section h5,
.visual-section h6 {
  color: #fff;
}

.jumbotron-box {
  position: relative;
  z-index: 0;
  padding: 1.625rem 1.375rem;
}
@media (min-width: 992px) {
  .jumbotron-box {
    max-width: 39.625rem;
    padding: 2rem 2.125rem;
  }
}
.jumbotron-box:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #134653;
  opacity: .8;
  content: "";
  z-index: -1;
}
.jumbotron-box h1 {
  letter-spacing: .25px;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .jumbotron-box h1 {
    letter-spacing: -.01em;
  }
}

.video-box {
  position: relative;
  text-align: center;
  min-height: 12.125rem;
}
@media (max-width: 1199px) {
  .video-box {
    display: none;
  }
  .video-btn {
    display: none!important;
  }
}
@media (min-width: 768px) {
  .video-box {
    min-height: 31.25rem;
  }
}
@media (min-width: 992px) {
  .video-box {
    min-height: 100%;
  }
}
.video-box iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.box {
  transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top: 0;
  left: .5rem;
  bottom: 0;
  right: .5rem;
  visibility: visible;
  opacity: 1;
  min-height: 12.125rem;
}
@media (min-width: 768px) {
  .box {
    right: 0;
    left: 0;
  }
}

.video-btn {
  transition: background-color .3s ease-in-out;
  background-color: #ffad15;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  box-shadow: 0 0 3px rgba(0, 0, 0, .5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  border: none;
}
.video-btn:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .5625rem 0 .5625rem .5625rem;
  border-color: transparent transparent transparent #fff;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

a.video-btn:hover,
a.video-btn:focus,
button.video-btn:hover,
button.video-btn:focus {
  background-color: #fba300;
  box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

.lead {
  color: #fb8200;
  font-weight: 400;
  line-height: 1.5;
}
@media (min-width: 992px) {
  .lead {
    font-weight: 700;
    line-height: 2.1;
  }
}

.promo-section {
  overflow: hidden;
}

.promo-box {
  padding: 1.875rem 1rem;
}
@media (min-width: 992px) {
  .promo-box {
    padding: 4.5rem 2.8125rem;
  }
}
@media (min-width: 1280px) {
  .promo-box {
    max-width: 44.375rem;
  }
}

.section-title {
  text-align: center;
  margin-bottom: 1.875rem;
}
.section-title p {
  margin-left: auto;
  margin-right: auto;
}
.blog-section .section-title {
  text-align: left;
}
@media (min-width: 768px) {
  .blog-section .section-title {
    text-align: center;
  }
}
@media (min-width: 1280px) {
  .blog-section .section-title p {
    max-width: 70%;
  }
}
.section-title h2 {
  margin-bottom: .625rem;
}
@media (min-width: 768px) {
  .section-title h2 {
    margin-bottom: 2.125rem;
  }
}

.gray-background {
  background-color: #f5f5f5;
}

.section {
  padding: 2.0625rem 0;
}
@media (min-width: 768px) {
  .section {
    padding: 4.5rem 0 3rem;
  }
}

.blog-list .card,
.focus-list .card {
  border: none;
  background-size: cover;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blog-list .card-body,
.focus-list .card-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}

.blog-list .card-title a,
.focus-list .card-title a {
  color: #ff8200;
}

.blog-list .card-img-top,
.focus-list .card-img-top {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  height: 4rem;
  width: 4rem;
  border-radius: .375rem;
  position: relative;
  display: block;
}
@media (min-width: 768px) {
  .blog-list .card-img-top,
  .focus-list .card-img-top {
    min-height: 16.125rem;
    height: auto;
    width: 100%;
    margin-bottom: 2rem;
  }
}
.blog-list .card-img-top .video-btn,
.focus-list .card-img-top .video-btn {
  display: none;
}
@media (min-width: 768px) {
  .blog-list .card-img-top .video-btn,
  .focus-list .card-img-top .video-btn {
    display: block;
  }
}

.blog-list .card-text p:last-of-type,
.focus-list .card-text p:last-of-type {
  margin-bottom: 0;
}

.image-box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  min-height: 12.75rem;
  margin: 0 -1rem;
  width: calc(100% + 32px);
}
@media (min-width: 992px) {
  .image-box {
    margin: 0 -.5625rem;
    width: calc(100% + 18px);
    min-height: 22.5rem;
  }
}

.focus-list {
  color: #fff;
}
.focus-list .card {
  background-size: cover;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.125rem;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .focus-list .card {
    margin-bottom: 1.5rem;
  }
}
.focus-list .card-body {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-height: 10.125rem;
  width: 100%;
  padding: .625rem 1rem;
  position: relative;
  border-radius: .375rem;
}
@media (min-width: 768px) {
  .focus-list .card-body {
    min-height: 16.125rem;
  }
}
.focus-list .card-body:before {
  transition: opacity .3s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  background-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .8) 100%);
  z-index: 2;
}
.focus-list .card-body:hover {
  text-decoration: none;
}
.focus-list .card-body:hover:before {
  opacity: .75;
}
.focus-list .card-body:hover .card-link:before {
  animation-duration: 400ms;
  animation-name: arrow;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.focus-list .card-body:hover .card-overlay {
  transform: scale(1.05);
}
.focus-list .card-link {
  color: #fff;
  position: relative;
  width: 100%;
  display: block;
  font-size: .75rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0;
  line-height: 0;
  min-height: .3125rem;
}
@media (min-width: 768px) {
  .focus-list .card-link {
    font-size: 12px;
    line-height: 2.1;
  }
}
.focus-list .card-link:before {
  position: absolute;
  right: 0;
  bottom: .75rem;
  content: "\e900";
  font: 700 12px/1 "icomoon";
  content: "\e901";
}
@media (min-width: 768px) {
  .focus-list .card-link:before {
    content: "\e900";
    font: 400 10px/1 "icomoon";
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
}
.focus-list .card-title {
  margin-bottom: 0;
  padding-right: .9375rem;
}
@media (min-width: 768px) {
  .focus-list .card-title {
    margin-bottom: 1.25rem;
    padding-left: 0;
  }
}
.focus-list h1,
.focus-list h2,
.focus-list h3,
.focus-list h4,
.focus-list h5,
.focus-list h6 {
  color: #fff;
}

@keyframes arrow {
  from {
    right: 0;
  }
  to {
    right: 10px;
  }
}

.card-overlay {
  transition: transform .3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: 1;
}

.card-content {
  position: relative;
  z-index: 3;
}

.card-holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
}
@media (min-width: 768px) {
  .card-holder {
    display: block;
  }
}
.card-holder .card-body {
  width: calc(100% - 64px);
  padding: 0 0 0 .9375rem;
}
@media (min-width: 768px) {
  .card-holder .card-body {
    width: 100%;
    padding: 0;
  }
}

.blog-list {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .blog-list {
    margin-bottom: 0;
  }
}
.blog-list .card-link {
  display: none;
  color: #00313C;
}
@media (min-width: 768px) {
  .blog-list .card-link {
    display: inline-block;
    vertical-align: top;
    text-decoration: underline;
    font-weight: 700;
    color: #00313C;
  }
}
.blog-list .card-link:hover {
  text-decoration: none;
}
.blog-list .card {
  padding: 1.1875rem 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .blog-list .card {
    background-color: transparent;
  }
}
.blog-list .card:before {
  position: absolute;
  bottom: 0;
  left: -10000%;
  right: -10000%;
  height: 2px;
  background-color: #e4e4e4;
  content: "";
  z-index: 2;
}
@media (min-width: 768px) {
  .blog-list .card:before {
    display: none;
  }
}
.blog-list .card:after {
  position: absolute;
  bottom: 0;
  left: -10000%;
  right: -10000%;
  top: 0;
  bottom: 0;
  background-color: #fff;
  content: "";
  z-index: 1;
}
@media (min-width: 768px) {
  .blog-list .card:after {
    display: none;
  }
}
@media (min-width: 768px) {
  .blog-list .card {
    margin-bottom: 2rem;
    padding: 0;
  }
}
.blog-list .card-title {
  margin-bottom: .4375rem;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .blog-list .card-title {
    line-height: 1.17;
    margin-bottom: 1.125rem;
  }
}
.blog-list .card-text {
  display: none;
}
@media (min-width: 768px) {
  .blog-list .card-text {
    display: block;
  }
}

.card-date {
  font-size: .875rem;
  line-height: 1.2;
  color: rgba(0, 0, 0, .64);
  letter-spacing: .25px;
  width: 100%;
}
@media (min-width: 768px) {
  .card-date {
    color: #666;
    font-size: 1rem;
    line-height: 2.1;
    letter-spacing: .2px;
  }
}
.card-date a {
  display: inline-block;
  vertical-align: top;
  color: inherit;
  margin-left: .25rem;
}

.chart-box {
  position: relative;
  width: 8.75rem;
  height: 8.75rem;
  margin-bottom: 1.6875rem;
  text-align: center;
}
@media (min-width: 768px) {
  .chart-box {
    width: 11.125rem;
    height: 11.125rem;
  }
}

.chart-info {
  font-size: 3.375rem;
  line-height: 1;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #64a744;
  font-family: "Roboto Condensed", "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 10.625rem;
}
@media (min-width: 768px) {
  .chart-info {
    font-size: 4.5rem;
    max-width: 10.625rem;
  }
}

.percent {
  font-size: 3rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .percent {
    font-size: 3.75rem;
  }
}

.item-list .card-body {
  padding: 0;
  text-align: center;
  width: 100%;
}

.item-list .card-title {
  margin-bottom: 1.0625rem;
}

.item-list .card {
  margin-bottom: 1.875rem;
  width: 100%;
}

.partner-title {
  color: #00313c;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto 20px;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .partner-title {
    width: auto;
    padding: 0 0 1.25rem;
    margin: 0;
    font-size: 1.0625rem;
    line-height: 1;
    font-weight: 700;
    font-style: italic;
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .partner-title {
    float: left;
    max-width: 14.375rem;
    padding: 2.5rem 1.25rem 2.5rem 0;
  }
}

.partners-section {
  padding: 3.4375rem 0 3.25rem;
}
@media (min-width: 1280px) {
  .partners-section .container {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.partner-box {
  padding-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .partner-box img {
    display: block;
    width: 100%;
  }
}

.slogan-section {
  background-color: #134653;
  color: #fff;
}
.slogan-section h1,
.slogan-section h2,
.slogan-section h3,
.slogan-section h4,
.slogan-section h5,
.slogan-section h6 {
  color: #fff;
}

.slogan-box {
  padding: 1.875rem 0;
}
@media (min-width: 992px) {
  .slogan-box {
    padding: 1.5625rem;
  }
}
@media (min-width: 1280px) {
  .slogan-box {
    max-width: 44.375rem;
  }
}
.slogan-box h2 {
  margin-bottom: .9375rem;
}
.slogan-box p {
  color: #ffffff;
}

blockquote  p {
  color: #fb8200;
  font-family: "Merriweather", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: -.01px;
  font-weight: 400;
  margin: 0 auto;
  text-align: center;
  max-width: 95%;
}
@media (min-width: 992px) {
  blockquote p {
    max-width: 75%;
    font-style: italic;
    line-height: 2.25rem;
  }
}
blockquote p {
  margin-bottom: 1rem;
}

cite {
  font-weight: 400;
  font-style: normal;
  text-align: center;
  margin-bottom: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  display: block;
  color: #666;
  font-family: "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
@media (max-width: 767px) {
  cite {
    margin-bottom: 0;
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  cite {
    font-size: 1.25rem;
    line-height: 2.125rem;
    letter-spacing: .25px;
  }
}

.blockqoute-section {
  position: relative;
  padding: 1.875rem 0;
}
@media (max-width: 767px) {
  .blockqoute-section {
    background-image: none !important;
  }
}
@media (min-width: 768px) {
  .blockqoute-section {
    padding: 4.375rem 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 300px;
    min-height: 37.5rem;
  }
}
@media (min-width: 992px) {
  .blockqoute-section {
    min-height: 56.25rem;
  }
}
@media (min-width: 768px) {
  .blockqoute-section:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: "";
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0, #fff 40%);
    min-height: 31.25rem;
    z-index: 2;
  }
}
.blockqoute-section .container {
  position: relative;
  z-index: 3;
}

.involve-section {
  background-color: #fb8200;
  color: #fff;
  padding: 2.25rem 0;
  text-align: center;
  letter-spacing: .5px;
}
@media (min-width: 768px) {
  .involve-section {
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.7;
    letter-spacing: .18px;
  }
}
.involve-section h2 {
  margin: 0 0 .4375rem;
}
@media (min-width: 768px) {
  .involve-section h2 {
    font-size: 2.0625rem;
    line-height: 1.2;
  }
}
.involve-section h1,
.involve-section h2,
.involve-section h3,
.involve-section h4,
.involve-section h5,
.involve-section h6 {
  color: #fff;
}
.involve-section p:last-of-type {
  margin-bottom: 0;
}

.logo-slider {
  width: 100%;
  padding: 0 1.25rem;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .logo-slider {
    width: auto;
  }
}

.partners-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .partners-list {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.partners-list li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: .625rem;
  width: auto;
  width: 50%;
}
@media (min-width: 480px) {
  .partners-list li {
    width: 33.33%;
  }
}
@media (min-width: 768px) {
  .partners-list li {
    width: 20%;
  }
}
@media (min-width: 992px) {
  .partners-list li {
    width: auto;
  }
}

.btn-box {
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .btn-box {
    text-align: left;
  }
}
.btn-box .btn {
  width: 100%;
  max-width: 21.25rem;
}
@media (min-width: 992px) {
  .btn-box .btn {
    width: auto;
    max-width: 100%;
  }
}
.btn-box.blog-link {
  text-align: center;
}
@media (min-width: 768px) {
  .btn-box.blog-link {
    margin-bottom: 1.6875rem;
  }
}
@media (min-width: 992px) {
  .btn-box.blog-link .btn {
    min-width: 20.5rem;
  }
}
.btn-box.involve-link {
  padding-top: .8125rem;
}
@media (min-width: 768px) {
  .btn-box.involve-link {
    padding-top: 0;
  }
}
.btn-box.slogan-link {
  padding: .8125rem 0;
}

.video-modal .modal-header {
  border-radius: 0;
  border-bottom: none;
}
.video-modal .modal-header .close {
  margin: -1rem -2rem -1rem auto;
}

.video-modal .modal-content {
  background-color: transparent;
  border: none;
  border-radius: 0;
}

.video-modal .modal-body {
  padding: 0;
}

.video-modal .close {
  transition: opacity .3s ease-in-out;
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  text-shadow: none;
  box-shadow: none;
  opacity: 1;
}
.video-modal .close:hover,
.video-modal .close:focus {
  opacity: .75;
}

@media (min-width: 1280px) {
  .video-modal .modal-lg {
    max-width: 1200px;
  }
}

@media (max-width: 575px) {
  .video-modal .modal-dialog {
    margin: 1rem;
  }
}

.video-modal .modal-dialog-centered {
  min-height: 0;
  height: auto;
}

.iframe {
  min-height: 200px;
  width: 100%;
  position: relative;
}
@media (min-width: 480px) {
  .iframe {
    min-height: 320px;
  }
}
@media (min-width: 992px) {
  .iframe {
    min-height: 500px;
  }
}
@media (min-width: 1280px) {
  .iframe {
    min-height: 700px;
  }
}
.iframe iframe {
  width: 100%;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}