@charset "UTF-8";
@import "styleGuide.css";
.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Lato", sans-serif;
  color: #222;
  font-size: 17px;
  line-height: 130%;
  background: #fff;
  position: relative;
  left: 0;
  z-index: 0;
  transition: left 0.5s ease-in-out;
}
html.pushed, body.pushed {
  overflow: hidden;
}
html.scrolled, body.scrolled {
  padding-top: 42px;
}
@media (max-width: 850px) {
  html.scrolled, body.scrolled {
    padding-top: 0;
  }
}

section {
  text-align: center;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  box-shadow: none;
}

.content-boxes {
  text-align: left;
  margin: 30px 0;
  padding: 0 15px;
  width: 100%;
  max-width: 1310px;
  height: auto;
  display: flex;
  flex: 1;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 0px;
}
@media (max-width: 1200px) {
  .content-boxes {
    margin-left: 0;
    transform: none;
  }
}
@media (max-width: 991px) {
  .content-boxes {
    padding: 5px;
  }
}
@media (max-width: 767px) {
  .content-boxes {
    padding: 0;
  }
}

h1 {
  color: #006C73;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: 0px;
  margin: 0 0 15px 0;
  padding: 0;
  position: relative;
}
@media (max-width: 767px) {
  h1 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  h1 {
    font-size: 24px;
  }
}
h1.underlined {
  margin-bottom: 28px;
}
h1.underlined:before {
  content: "";
  height: 3px;
  width: 84px;
  display: block;
  float: left;
  background: #7FCACF !important;
  position: absolute;
  bottom: -11px;
  left: 0px;
}

h2 {
  color: #006C73;
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  line-height: 130%;
  text-align: left;
  margin: 15px 0;
  padding: 0;
  font-weight: 400;
}
@media (max-width: 767px) {
  h2 {
    font-size: 19px;
  }
}
h2 a {
  color: #006C73;
  font-size: inherit !important;
  text-decoration: none;
  border: none !important;
}
h2 a:before {
  display: none !important;
}
h2 a:hover {
  color: #d65f00;
  text-decoration: none;
}

li h2 {
  margin-bottom: 5px;
}

h3 {
  color: #006C73;
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  line-height: 130%;
  text-align: left;
  margin: 0 0 15px 0;
  padding: 0;
  font-weight: 400;
}
@media (max-width: 767px) {
  h3 {
    font-size: 17px;
  }
}
h3 a {
  color: #006C73;
  font-size: inherit !important;
  text-decoration: none;
  border: none !important;
}
h3 a:before {
  display: none !important;
}
h3 a:hover {
  color: #d65f00;
  text-decoration: none;
}

li h3 {
  margin-bottom: 5px;
}

h4 {
  color: #006C73;
  font-size: 18px;
  font-style: italic;
  line-height: 130%;
  margin: 0 0 15px 0;
  padding: 0;
}
h4 a {
  color: #006C73;
  font-size: inherit !important;
  text-decoration: none;
  border: none !important;
}
h4 a:before {
  display: none !important;
}
h4 a:hover {
  color: #d65f00;
  text-decoration: none;
}

li h4 {
  margin-bottom: 15px;
}

p {
  color: #222;
  font-size: 17px;
  line-height: 165%;
  margin: 0 0 15px 0;
  padding: 0;
}
p a {
  color: #006C73;
  text-decoration: none;
  padding-bottom: 0;
  border-bottom: 2px #006C73 dotted;
  position: relative;
}
p a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #d65f00;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
p a:hover {
  color: #d65f00;
  text-decoration: none;
}
p a:hover:before {
  visibility: visible;
  transform: scaleX(1);
}

.profile-link {
  color: #d65f00 !important;
  font-size: 17px;
  line-height: 165%;
  margin: 0 0 2px 0;
  padding: 0 0 0 37px;
  display: inline-block;
  position: relative;
  border: none;
  cursor: pointer;
}
.profile-link:before {
  display: none;
}
.profile-link:hover {
  color: #FF8E34 !important;
}
.profile-link > img {
  width: 30px !important;
  height: 30px !important;
  position: absolute;
  top: -6px;
  left: 0;
}

ul, ol {
  list-style: none;
  margin: 0 0 35px 0;
  padding: 0;
  width: 100%;
  display: block;
  float: left;
  clear: both;
}
ul li, ol li {
  color: #222;
  font-size: 17px;
  line-height: 165%;
  margin-bottom: 10px;
  padding-left: 40px;
  position: relative;
}
ul li:before, ol li:before {
  content: "";
  margin: 0 15px 0 0;
  width: 9px;
  height: 9px;
  display: block;
  background: #006C73;
  border: 1px #006C73 solid;
  border-radius: 1px;
  position: absolute;
  top: 9px;
  left: 16px;
}
ul li a, ol li a {
  color: #006C73;
  text-decoration: none;
  padding-bottom: 0;
  border-bottom: 2px #006C73 dotted;
  position: relative;
}
ul li a:before, ol li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #d65f00;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
ul li a:hover, ol li a:hover {
  color: #d65f00;
  text-decoration: none;
}
ul li a:hover:before, ol li a:hover:before {
  visibility: visible;
  transform: scaleX(1);
}
ul li a.learnMore, ol li a.learnMore {
  margin: 15px 0 0 0;
  padding: 0;
  width: auto;
  display: block;
  float: left;
  clear: both;
}

ol {
  counter-reset: my-awesome-counter;
}
ol li {
  counter-increment: my-awesome-counter;
}
ol li:before {
  color: #006C73;
  font-size: 18px;
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  content: counter(my-awesome-counter) ". ";
  width: 9px;
  height: 9px;
  margin: 0 15px 0 0;
  display: block;
  background: none;
  border: none;
  position: absolute;
  top: 0px;
  left: 16px;
}

ul.image-list {
  margin: 0;
}
ul.image-list > li {
  margin: 0;
  padding: 0;
  position: relative;
}
@media (max-width: 575px) {
  ul.image-list > li {
    padding-left: 0;
  }
}
ul.image-list > li:before {
  display: none;
}
ul.image-list > li > a {
  margin: 0;
  padding: 0 0 0 145px;
  width: 100%;
  display: block;
  float: left;
  position: relative;
  border: none;
}
ul.image-list > li > a:before {
  display: none;
}
ul.image-list > li > a > p {
  line-height: 141%;
  margin: 0;
}
ul.image-list > li > a img {
  margin: 0;
  padding: 0;
  width: 120px;
  max-width: 100%;
  height: auto;
  max-height: calc(100% + 10px);
  display: block;
  float: left;
  border-radius: 2px;
  position: absolute;
  top: 5px;
  left: 0px;
}
@media (max-width: 575px) {
  ul.image-list > li > a img {
    margin: 0 0 15px 0;
    width: 100%;
    height: auto;
    max-height: none;
    position: static;
    top: auto;
    left: auto;
  }
}
ul.image-list.small > li > a {
  padding-left: 90px;
}
ul.image-list.small > li > a img {
  width: 65px;
}
@media (max-width: 575px) {
  ul.image-list.small > li > a img {
    width: 65px !important;
    max-width: 100%;
  }
}
ul.image-list.horizontal {
  display: flex;
  flex: 1;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
ul.image-list.horizontal > li {
  width: 33.33%;
  max-width: 33.33%;
  flex: 0 0 33.33%;
}
@media (max-width: 991px) {
  ul.image-list.horizontal > li {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
ul.image-list.horizontal > li > a {
  padding-right: 25px;
  position: relative;
}
@media (max-width: 575px) {
  ul.image-list.horizontal > li > a > img {
    margin: 0;
    width: 120px;
    max-width: 100%;
    height: auto;
    max-height: none;
    position: absolute;
    top: 5px;
    left: 0px;
  }
}

ul.social-status {
  margin: 7px 0 15px 0;
  padding: 0;
  width: 100%;
}
ul.social-status.margin-top {
  margin-top: 2px;
}
ul.social-status > li {
  color: #7FCACF;
  margin: 0 !important;
  padding: 0 30px 0 20px !important;
  width: 80px;
  max-width: none;
  flex: none;
  float: left;
  clear: none;
  position: relative;
}
ul.social-status > li:first-child {
  width: 130px;
}
@media (max-width: 1200px) {
  ul.social-status > li {
    padding: 0 25px 0 0;
    width: auto !important;
  }
}
ul.social-status > li:only-child {
  width: 100%;
}
ul.social-status > li:before {
  display: none;
}
ul.social-status > li > img {
  margin: 0 5px 0 0 !important;
  width: auto !important;
  height: 14px !important;
  display: block !important;
  position: absolute !important;
  top: 6px !important;
  left: 0px;
}
ul.social-status > li a {
  color: #7FCACF;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  position: static !important;
  border: none;
}
ul.social-status > li a > img {
  margin: 0 5px 0 0 !important;
  width: auto !important;
  height: 14px !important;
  display: block !important;
  position: absolute !important;
  top: 6px !important;
  left: 0px;
}
ul.social-status > li a:before {
  display: none;
}

b, strong {
  color: inherit;
  font-size: inherit;
  font-weight: 700;
  display: inline;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

blockquote {
  color: #ffffff;
  font-size: 17px;
  line-height: 28px;
  font-style: normal;
  margin: 0 15px 30px 15px;
  padding: 25px;
  padding-left: 180px;
  min-height: 148px;
  width: calc(100% - 30px);
  display: inline-block;
  float: none;
  clear: both;
  background: url(../assets/quote.svg) top left no-repeat #7FCACF;
  background-size: auto 148px;
  border: none;
  border-radius: 2px;
}
@media (max-width: 991px) {
  blockquote {
    padding-left: 94px;
    background-size: auto 74px;
  }
}
@media (max-width: 767px) {
  blockquote {
    margin: 0 0 30px 0;
    width: 100%;
    padding-left: 65px;
    background-size: auto 50px;
  }
}

.btn {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
  padding: 12px 15px;
  width: auto;
  min-width: 170px;
  max-width: 100%;
  background: #006C73;
  border-radius: 4px;
  border: none;
  box-shadow: none;
}
.btn:before {
  display: none;
}
.btn:hover {
  color: #222 !important;
  background: #7FCACF;
}
.btn.btn-sm {
  font-size: 15px;
  font-weight: 400;
  padding: 5px;
  min-width: 0;
  height: 32px;
}
.btn.btn-primary {
  color: #fff !important;
  background: #006C73;
}
.btn.btn-primary:hover {
  color: #222 !important;
  background: #7FCACF;
}
.btn.alt-link {
  color: #d65f00 !important;
  font-size: 17px;
  line-height: 165%;
  font-weight: 400;
  text-transform: capitalize;
  padding: 0;
  width: auto;
  min-width: 0;
  height: auto;
  background: transparent;
}

.figure {
  margin: 0 0 25px 0;
  padding: 0;
  width: 100%;
  display: table;
  float: left;
  clear: both;
}
.figure.right {
  padding: 0 25px !important;
  width: 33.33%;
  float: right;
  clear: right;
}
.figure.left {
  padding: 0 25px !important;
  width: 33.33%;
  float: left;
  clear: left;
}
.figure.full {
  padding: 0 !important;
  width: 100%;
  float: left;
  clear: both;
}
.figure img {
  margin: 0 0 15px 0;
  padding: 0;
  width: 100%;
  height: auto;
  float: left;
  clear: both;
  border: none;
}

h1.underlined span.small {
  display: block;
  font-size: 18px;
  font-family: "Roboto Slab", serif;
}

#changeText {
  line-height: 44px;
}

.icon-article {
  background: url(../assets/icons/icon-article.png) top left no-repeat;
  background-size: 100% 100%;
}

.icon-blog {
  background: url(../assets/icons/icon-blog.png) top left no-repeat;
  background-size: 100% 100%;
}

.icon-presentation {
  background: url(../assets/icons/icon-presentation.png) top left no-repeat;
  background-size: 100% 100%;
}

.icon-research {
  background: url(../assets/icons/icon-research.png) top left no-repeat;
  background-size: 100% 100%;
}

.icon-video {
  background: url(../assets/icons/icon-video.png) top left no-repeat;
  background-size: 100% 100%;
}

.icon-webcast {
  background: url(../assets/icons/icon-webcast.png) top left no-repeat;
  background-size: 100% 100%;
}

.icon-flash {
  background: url(../assets/icons/icon-flash.png) top left no-repeat;
  background-size: 100% 100%;
}

.icon-flashclass {
  background: url(../assets/icons/icon-flash.png) top left no-repeat;
  background-size: 100% 100%;
}

@media (min-width: 992px) {
  .col-lg-hide {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .col-md-hide {
    display: none !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .col-sm-hide {
    display: none !important;
  }
}

@media (min-width: 375px) and (max-width: 575px) {
  .col-xs-hide {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 374px) {
  .col-xxs-hide {
    display: none !important;
  }
}

a.j-image {
  display: none !important;
}

.j-text {
  padding: 0 !important;
}

#myModal {
  z-index: 10000;
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.global-header {
  text-align: left;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  min-height: 42px;
  display: block;
  float: left;
  clear: both;
  background: #fff;
  position: relative;
  z-index: 1000;
  overflow: visible;
}
@media (max-width: 850px) {
  .global-header {
    background: #515454;
    position: fixed;
    top: 0;
  }
}
.global-header .top-nav {
  text-align: left;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 1280px;
  display: block;
  float: left;
  clear: both;
  background: transparent;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1100;
  transform: translateX(-50%);
}
.global-header .top-nav .nav-container {
  text-align: left;
  margin: 0;
  padding: 0 30px;
  width: auto;
  max-width: 100%;
  display: block;
  float: right;
  clear: both;
  position: relative;
}
@media (max-width: 991px) {
  .global-header .top-nav .nav-container {
    padding: 0 20px;
    display: none !important;
  }
}
@media (max-width: 767px) {
  .global-header .top-nav .nav-container {
    padding: 0 15px;
  }
}
.global-header .top-nav .nav-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
  display: block;
  float: left;
  clear: none;
}
.global-header .top-nav .nav-container ul li {
  margin: 0 0 0 5px;
  padding: 0;
  display: block;
  float: left;
  clear: none;
  position: static;
}
@media (max-width: 850px) {
  .global-header .top-nav .nav-container ul li {
    display: none;
  }
}
@media (max-width: 850px) {
  .global-header .top-nav .nav-container ul li:last-child {
    display: block;
  }
}
.global-header .top-nav .nav-container ul li:before {
  display: none;
}
.global-header .top-nav .nav-container ul li a {
  color: #646767;
  font-family: "Roboto Slab", serif;
  font-size: 17px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  margin: 5px 0;
  padding: 0 10px;
  width: auto;
  max-width: 100%;
  max-height: 36px;
  display: block;
  float: left;
  background: #fff;
  border: 1px #EAEAEA solid;
  border-radius: 5px;
  cursor: pointer;
}
@media (max-width: 850px) {
  .global-header .top-nav .nav-container ul li a {
    font-size: 15px;
    line-height: 32px;
    padding: 0 4px;
    max-height: 32px;
  }
}
.global-header .top-nav .nav-container ul li a:before {
  display: none;
}
.global-header .top-nav .nav-container ul li a:hover {
  border-color: #006C73;
}
.global-header .top-nav .nav-container ul li a.btn {
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.3px;
  text-align: center;
  text-transform: none;
  padding: 0 5px;
  width: auto;
  min-width: 80px;
  background: #006C73;
  border: 1px #006C73 solid;
  border-radius: 5px;
}
.global-header .top-nav .nav-container ul li a.btn:hover {
  color: #fff;
  background: #7FCACF;
}
.global-header .content {
  text-align: left;
  margin: 0 0 0 50%;
  padding: 40px 0 40px 300px;
  width: 100%;
  max-width: 1280px;
  display: block;
  float: left;
  clear: both;
  position: relative;
  transform: translateX(-50%);
  z-index: 1000;
}
@media (max-width: 1200px) {
  .global-header .content {
    margin-left: 0;
    transform: none;
  }
}
@media (max-width: 991px) {
  .global-header .content {
    padding: 40px 20px 10px 20px;
  }
}
@media (max-width: 850px) {
  .global-header .content {
    padding: 0 15px 0 65px;
  }
}
.global-header .content .header-logo {
  margin: 0;
  padding: 0;
  width: 270px;
  max-width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  position: absolute;
  left: 10px;
  top: 50%;
  z-index: 1000;
  transform: translateY(-52%);
}
@media (max-width: 991px) {
  .global-header .content .header-logo {
    display: none;
  }
}
.global-header .content h1 {
  color: #006C73;
  font-family: "Roboto Slab", serif;
  font-size: 23px;
  line-height: 130%;
  text-align: left;
  margin: 9px 0;
  padding: 0;
  font-weight: 300;
  width: auto;
  max-width: 100%;
  height: auto;
  display: none;
  float: left;
  clear: none;
}
@media (max-width: 991px) {
  .global-header .content h1 {
    display: block;
  }
}
@media (max-width: 850px) {
  .global-header .content h1 {
    color: #fff;
    font-size: 19px;
  }
}
@media (max-width: 575px) {
  .global-header .content h1 {
    font-size: 15px;
    margin: 11px 0;
  }
}
.global-header .content h2 {
  color: #515454;
  font-size: 30px;
  font-weight: 300;
  margin: -6px 0 0 -45px;
  padding: 0 0 0 25px;
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: none;
  position: relative;
}
.global-header .content h2:before {
  content: "";
  height: 64px;
  width: 3px;
  display: block;
  float: left;
  background: #515454;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .global-header .content h2 {
    color: #006C73;
    font-size: 19px;
    margin: 5px 0 5px 25px;
  }
  .global-header .content h2:before {
    height: 40px;
  }
}
@media (max-width: 850px) {
  .global-header .content h2 {
    color: #fff;
    padding: 0 0 0 15px;
    margin: 0 0 0 15px;
  }
  .global-header .content h2:before {
    height: 30px;
    width: 2px;
    background: #fff;
  }
}
@media (max-width: 575px) {
  .global-header .content h2 {
    font-size: 11px;
    padding: 0 0 0 10px;
    margin: 8px 0 8px 10px;
  }
  .global-header .content h2:before {
    height: 24px;
    width: 1px;
    background: #fff;
  }
}
.global-header .content h2 span {
  color: #515454;
  font-size: 64%;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  margin: -2px 0 -12px 0;
  padding: 0;
  display: block;
  clear: both;
}
@media (max-width: 991px) {
  .global-header .content h2 span {
    margin: -2px 0 -7px 0;
  }
}
@media (max-width: 850px) {
  .global-header .content h2 span {
    color: #fff;
  }
}
@media (max-width: 575px) {
  .global-header .content h2 span {
    font-size: 9px;
    margin: -2px 0;
  }
}
.global-header .main-nav {
  text-align: left;
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  float: left;
  clear: both;
  background: #515454;
  position: relative;
  z-index: 1000;
}
@media (max-width: 850px) {
  .global-header .main-nav {
    width: 40px;
    position: fixed;
    top: 0;
  }
}
.global-header .main-nav.sticky {
  position: fixed;
  top: 0;
}
.global-header .main-nav .nav-container {
  text-align: left;
  margin: 0 0 0 50%;
  padding: 0 30px;
  width: 100%;
  max-width: 1280px;
  display: block;
  float: left;
  clear: both;
  position: relative;
  transform: translateX(-50%);
}
@media (max-width: 1200px) {
  .global-header .main-nav .nav-container {
    margin-left: 0;
    transform: none;
  }
}
@media (max-width: 991px) {
  .global-header .main-nav .nav-container {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .global-header .main-nav .nav-container {
    padding: 0 15px;
  }
}
.global-header .main-nav .nav-container > a.btn {
  margin: 5px 5px 5px 0;
  padding: 0;
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  height: 32px;
  display: none;
  float: left;
  background: transparent;
  border: 1px #006C73 solid;
  border-radius: 5px;
  position: relative;
}
@media (max-width: 850px) {
  .global-header .main-nav .nav-container > a.btn {
    display: block;
  }
}
.global-header .main-nav .nav-container > a.btn:hover {
  background: #7FCACF;
  border-color: #7FCACF;
}
.global-header .main-nav .nav-container > a.btn img {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s linear;
}
.global-header .main-nav .nav-container > a.btn img.toggle {
  opacity: 1;
  z-index: 0;
}
.global-header .main-nav .nav-container > a.btn img.close {
  transform: translate(-50%, -50%) rotate(-45deg);
  opacity: 0;
  z-index: 1;
}
.global-header .main-nav .nav-container > a.btn.pushed img.toggle {
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
  z-index: 0;
}
.global-header .main-nav .nav-container > a.btn.pushed img.close {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 1;
  z-index: 1;
}
.global-header .main-nav .nav-container ul {
  list-style: none;
  margin: 0 0 0 -10px;
  padding: 0;
  max-width: calc(100% - 235px);
  display: block;
  float: left;
  clear: none;
}
@media (max-width: 991px) {
  .global-header .main-nav .nav-container ul {
    max-width: calc(100% - 120px);
  }
}
@media (max-width: 767px) {
  .global-header .main-nav .nav-container ul {
    margin: 0 0 0 -5px;
  }
}
@media (max-width: 850px) {
  .global-header .main-nav .nav-container ul {
    display: none;
  }
}
.global-header .main-nav .nav-container ul li {
  margin: 0 5px 0 0;
  padding: 0;
  display: block;
  float: left;
  clear: none;
  position: static;
}
.global-header .main-nav .nav-container ul li:before {
  display: none;
}
.global-header .main-nav .nav-container ul li a {
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  margin: 5px 0;
  padding: 0 10px;
  width: auto;
  max-width: 100%;
  max-height: 36px;
  display: block;
  float: left;
  background: none;
  border: 1px transparent solid;
  border-radius: 5px;
  cursor: pointer;
}
.global-header .main-nav .nav-container ul li a:before {
  display: none;
}
@media (max-width: 991px) {
  .global-header .main-nav .nav-container ul li a:hover {
    color: #fff;
    background: #515454;
    border-color: #009CA7;
  }
}
.global-header .main-nav .nav-container ul li a.hover {
  color: #fff;
  background: #515454;
  border-color: #009CA7;
}
.global-header .main-nav .nav-container ul li a.btn {
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.3px;
  text-align: center;
  text-transform: none;
  padding: 0 5px;
  width: auto;
  min-width: 40px;
  background: #006C73;
  border-radius: 5px;
}
.global-header .main-nav .nav-container ul li a.btn:hover {
  color: #fff;
  background: #7FCACF;
}
.global-header .main-nav .nav-container ul li.active > a {
  color: #fff;
  background: #009CA7 !important;
  border-color: #009CA7 !important;
}
@media (max-width: 991px) {
  .global-header .main-nav .nav-container ul li.active > a:hover {
    color: #fff;
    background: #009CA7 !important;
    border-color: #009CA7 !important;
  }
}
.global-header .main-nav .nav-container .header-search {
  margin: 0;
  padding: 0;
  width: auto;
  max-width: calc(100% - 75px);
  height: auto;
  display: block;
  float: left;
  clear: none;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .global-header .main-nav .nav-container .header-search {
    right: 20px;
  }
}
@media (max-width: 850px) {
  .global-header .main-nav .nav-container .header-search {
    display: none;
  }
}
.global-header .main-nav .nav-container .header-search form {
  margin: 0;
  padding: 0;
  width: 325px;
  max-width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: none;
}
.global-header .main-nav .nav-container .header-search form input {
  font-size: 15px;
  line-height: 34px;
  margin: 0;
  padding: 5px 10px;
  width: calc(100% - 45px);
  max-width: calc(100% - 45px);
  height: 36px;
  display: block;
  float: left;
  clear: none;
  background: #fff;
  border: 1px #EAEAEA solid;
  border-radius: 4px;
  outline: none;
}
.global-header .main-nav .nav-container .header-search form input:focus {
  border-color: #006C73;
}
.global-header .main-nav .nav-container .header-search form .btn-search {
  color: #fff;
  font-size: 16px;
  line-height: 34px;
  font-weight: 400;
  text-align: center;
  margin: 0 0 0 5px;
  padding-right: 5px;
  padding-left: 5px;
  width: 40px;
  height: 36px;
  box-sizing: border-box;
  background: transparent;
  border: 1px #006C73 solid;
  border-radius: 4px;
  outline: none;
  float: left;
}
.global-header .main-nav .nav-container .header-search form .btn-search:hover {
  font-weight: 500;
  background: #7FCACF;
  border-color: #7FCACF;
}
.global-header .mega-menus {
  text-align: left;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  background: #222;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1100;
}
.global-header .mega-menus.sticky {
  position: fixed;
  top: 42px;
  z-index: 1050;
}
.global-header .mega-menus nav {
  text-align: left;
  margin: 0 0 25px 50%;
  padding: 15px;
  width: 100%;
  max-width: 1280px;
  max-height: 0;
  display: none;
  flex: 1;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  transform: translateX(-50%);
  transition: all 0.3s ease-in-out;
}
.global-header .mega-menus nav.show {
  max-height: none;
  display: flex;
}
.global-header .mega-menus nav h3 {
  color: #646767;
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  font-weight: 300;
  margin: 0;
  padding: 0 15px;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
}
.global-header .mega-menus nav ul {
  list-style: none;
  margin: 0 15px 0 0;
  padding: 0;
  max-width: calc(25% - 15px);
  display: block;
  float: left;
  clear: none;
  flex: 0 0 calc(25% - 15px);
}
@media (max-width: 991px) {
  .global-header .mega-menus nav ul {
    max-width: calc(33% - 15px);
    flex: 0 0 calc(33% - 15px);
  }
}
@media (max-width: 767px) {
  .global-header .mega-menus nav ul {
    max-width: calc(50% - 15px);
    flex: 0 0 calc(50% - 15px);
  }
}
@media (max-width: 575px) {
  .global-header .mega-menus nav ul {
    margin: 0;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.global-header .mega-menus nav ul li {
  color: #646767;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 300;
  margin: 0;
  padding: 0 15px;
  width: 100%;
  display: block;
  float: left;
  clear: both;
  position: static;
}
.global-header .mega-menus nav ul li:before {
  display: none;
}
.global-header .mega-menus nav ul li a {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  line-height: 200%;
  text-decoration: none;
  margin: 5px 0 0 0;
  padding: 3px 0;
  width: 100%;
  display: block;
  float: left;
  cursor: pointer;
  border: none;
}
.global-header .mega-menus nav ul li a:before {
  display: none;
}
.global-header .mega-menus nav ul li a:hover {
  color: #d65f00;
}
.global-header .mega-menus nav ul li.active > a {
  color: #006C73 !important;
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.global-footer {
  text-align: left;
  margin: 0;
  padding: 0 0 30px 0;
  width: 100%;
  max-width: 100%;
  display: block;
  float: left;
  clear: both;
  background: #222;
  position: relative;
  z-index: 9000;
  overflow: visible;
}
.global-footer div.content-boxes {
  background: none;
  margin: 30px 0 30px 50% !important;
  transform: translateX(-50%) !important;
}
.global-footer div.content-boxes div {
  background: none;
}
.global-footer div.content-boxes div h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  font-family: "Lato", sans-serif;
}
@media (max-width: 767px) {
  .global-footer div.content-boxes div h2 {
    text-align: center;
  }
}
.global-footer div.content-boxes div p {
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  font-weight: 300;
  font-family: "Lato", sans-serif;
}
.global-footer div.content-boxes div p > sup {
  font-size: 12px;
}
@media (max-width: 767px) {
  .global-footer div.content-boxes div p {
    text-align: center;
  }
}
.global-footer div.content-boxes div p a {
  color: #fff;
  border: none;
}
.global-footer div.content-boxes div p a:before {
  display: none;
}
.global-footer div.content-boxes div p a:hover {
  color: #d65f00;
}
.global-footer div.content-boxes div p .btn {
  margin: 10px 0;
}
.global-footer div.content-boxes div .signup {
  margin: 0 0 50px 0;
  padding: 0;
  width: 100%;
  display: block;
  float: left;
  clear: both;
}
@media (max-width: 575px) {
  .global-footer div.content-boxes div .signup {
    margin: 20px 0 30px 0;
  }
}
.global-footer div.content-boxes div .signup form {
  margin: 10px 0 0 0;
  padding: 0;
  width: 100%;
  max-width: 400px;
  height: auto;
  display: block;
  float: left;
  clear: none;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.global-footer div.content-boxes div .signup form input {
  font-size: 14px;
  margin: 0;
  padding: 5px 7px;
  width: calc(100% - 75px);
  max-width: calc(100% - 75px);
  height: 32px;
  display: block;
  float: left;
  clear: none;
  background: #fff;
  border: 1px #EAEAEA solid;
  border-radius: 4px;
  outline: none;
}
.global-footer div.content-boxes div .signup form input:focus {
  border-color: #006C73;
}
.global-footer div.content-boxes div .signup form button {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin: 0 0 0 5px;
  padding-right: 5px;
  padding-left: 5px;
  width: 70px;
  min-width: 0;
  height: 32px;
  box-sizing: border-box;
  background: transparent;
  border: 1px #006C73 solid;
  border-radius: 4px;
  outline: none;
  float: left;
}
.global-footer div.content-boxes div .signup form button:hover {
  font-weight: 500;
  background: #7FCACF;
  border-color: #7FCACF;
}
.global-footer div.content-boxes div nav {
  padding-top: 40px;
}
@media (max-width: 575px) {
  .global-footer div.content-boxes div nav {
    padding-top: 15px;
  }
}
.global-footer div.content-boxes div nav h2 {
  text-align: center;
  margin: 0;
  padding: 0;
}
.global-footer div.content-boxes div nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex: 1;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
.global-footer div.content-boxes div nav ul li {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  font-family: "Lato", sans-serif;
  margin: 0 7px;
  padding: 0;
}
.global-footer div.content-boxes div nav ul li:before {
  display: none;
}
.global-footer div.content-boxes div nav ul li a {
  color: #fff;
  font-family: "Roboto Slab", serif;
  border: none;
}
.global-footer div.content-boxes div nav ul li a:before {
  display: none;
}
.global-footer div.content-boxes div nav ul li a:hover {
  color: #d65f00;
}
.global-footer div.content-boxes div nav ul.social li {
  margin: 15px 3px;
  padding: 0;
  width: 45px;
  height: 45px;
  max-width: 45px;
  flex: 0 0 45px;
}
.global-footer div.content-boxes div nav ul.social li a {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 1px #646767 solid;
  border-radius: 50%;
  position: relative;
}
.global-footer div.content-boxes div nav ul.social li a:hover {
  color: #fff;
  background: #7FCACF;
  border-color: #006C73;
}
.global-footer div.content-boxes div nav ul.social li a:before {
  display: none;
}
.global-footer div.content-boxes div nav ul.social li a .fa {
  font-size: 25px;
  text-align: center;
  margin: 0;
  padding: 0;
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.page-title {
  text-align: left;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  float: left;
  clear: both;
  background: #f5f5f5;
  border-radius: 0px;
  box-shadow: none;
  overflow-x: hidden;
}
@media (max-width: 850px) {
  .page-title {
    margin-top: 42px !important;
  }
}
.page-title div .breadcrumb {
  list-style: none;
  margin: 10px 0 10px 50%;
  padding: 0 30px;
  width: 100%;
  max-width: 1280px;
  display: block;
  float: left;
  clear: both;
  background: none;
  border-radius: 0px;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .page-title div .breadcrumb {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .page-title div .breadcrumb {
    padding: 0 15px;
  }
}
.page-title div .breadcrumb ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  float: left;
  clear: both;
}
.page-title div .breadcrumb ul li {
  color: #006C73;
  font-size: 14px;
  line-height: 200%;
  margin-bottom: 0;
  padding-left: 0px;
  display: block;
  float: left;
}
.page-title div .breadcrumb ul li:before {
  color: #ccc;
  content: "/ ";
  margin: 0 8px -1px 8px;
  padding: 0 5px;
  display: inline;
  background: none;
  border: none;
  box-sizing: border-box;
  position: static;
}
.page-title div .breadcrumb ul li:first-child:before {
  display: none;
}
.page-title div .breadcrumb ul li a {
  color: #006C73;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  border: none;
}
.page-title div .breadcrumb ul li a:before {
  display: none;
}
.page-title div .breadcrumb ul li a:hover {
  color: #d65f00;
  text-decoration: none;
}
.page-title div .breadcrumb ul li.active {
  color: #222;
}
.page-title div.banner {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 64px;
  display: block;
  float: left;
  background: #fff;
  border-radius: 0px;
  box-shadow: inset 2px 4px 10px 0 rgba(0, 0, 0, 0);
  transform: none;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1310px) {
  .page-title div.banner {
    background-image: none;
    background: #fff;
  }
}
.page-title div.banner > h1 {
  color: #fff;
  margin: 0;
  padding: 15px 30px;
  width: 1280px;
  max-width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0px;
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
}
@media (max-width: 991px) {
  .page-title div.banner > h1 {
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .page-title div.banner > h1 {
    padding: 10px 15px;
  }
}
.page-title div.banner > img {
  margin: 0 0 0 50%;
  padding: 0;
  width: 100%;
  max-width: 1280px;
  display: block;
  float: left;
  clear: both;
  background: none;
  border-radius: 0px;
  box-shadow: none;
  transform: translateX(-50%);
  position: relative;
  z-index: 0;
}
.page-title div.banner .carousel {
  margin: 0 0 0 50%;
  padding: 0;
  width: 100%;
  max-width: 1310px;
  height: 445px;
  display: block;
  float: left;
  clear: both;
  background: none;
  border-radius: 0px;
  box-shadow: none;
  transform: translateX(-50%);
  position: relative;
  z-index: 0;
}
@media (max-width: 767px) {
  .page-title div.banner .carousel {
    height: 345px;
  }
}
.page-title div.banner .carousel .carousel-inner {
  height: 100%;
}
.page-title div.banner .carousel .carousel-inner .carousel-item {
  height: calc(100% - 45px);
}
.page-title div.banner .carousel .carousel-inner .carousel-item section {
  text-align: left;
  height: 100%;
}
.page-title div.banner .carousel .carousel-inner .carousel-item section .row {
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.page-title div.banner .carousel .carousel-inner .carousel-item section .row .col {
  margin: 0;
  padding: 0;
  height: 100%;
}
.page-title div.banner .carousel .carousel-inner .carousel-item section .row .col .copy-block {
  height: 100%;
  width: calc(100% - 30px);
}
.page-title div.banner .carousel .carousel-inner .carousel-item section .row .col .copy-block div {
  padding: 30px;
}
.page-title div.banner .carousel .carousel-inner .carousel-item section .row .col .copy-block.image-block {
  margin: 0 0 0 -15px;
  width: 100%;
}
.page-title div.banner .carousel .carousel-inner .cover {
  width: 15px;
  height: 100%;
  display: block;
  float: left;
  background: #fff;
  position: absolute;
  top: 0;
}
.page-title div.banner .carousel .carousel-inner .cover.right {
  right: 0;
}
.page-title div.banner .carousel .carousel-inner .cover.left {
  left: 0;
}
.page-title div.banner .carousel .carousel-indicators {
  margin: 0 !important;
  padding: 15px 0 !important;
  background: #fff !important;
  top: 400px;
  bottom: auto;
  z-index: 2;
}
@media (max-width: 767px) {
  .page-title div.banner .carousel .carousel-indicators {
    top: 300px;
  }
}
.page-title div.banner .carousel .carousel-indicators li {
  margin: 5px;
  padding: 0;
  width: 8px !important;
  max-width: 8px !important;
  height: 8px !important;
  max-height: 8px !important;
  border-radius: 4px;
  box-sizing: border-box;
  background: #676767 !important;
  border: none !important;
  position: relative;
  z-index: 3;
}
.page-title div.banner .carousel .carousel-indicators li:before {
  display: none;
}
.page-title div.banner .carousel .carousel-control-prev, .page-title div.banner .carousel .carousel-control-next {
  display: none !important;
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.push-navigation {
  margin: 0;
  padding: 0;
  width: 300px;
  height: 100%;
  max-height: 100%;
  display: block;
  float: left;
  position: fixed;
  top: 0px;
  left: -300px;
  overflow: hidden;
  z-index: 8000;
  transition: left 0.5s ease-in-out;
}
.push-navigation nav {
  margin: 42px 0 0 0;
  padding: 20px 0;
  width: 100%;
  max-width: 300px;
  height: calc(100% - 42px);
  background: #222;
  display: block;
  float: left;
  clear: both;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9000;
}
.push-navigation nav .header-search {
  margin: 0 0 15px 0;
  padding: 0 20px;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: none;
}
@media (max-width: 767px) {
  .push-navigation nav .header-search {
    padding: 0 15px;
  }
}
.push-navigation nav .header-search form {
  margin: 0;
  padding: 0;
  width: 325px;
  max-width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: none;
}
.push-navigation nav .header-search form input {
  font-size: 14px;
  margin: 0;
  padding: 5px 7px;
  width: calc(100% - 45px);
  max-width: calc(100% - 45px);
  height: 32px;
  display: block;
  float: left;
  clear: none;
  background: #fff;
  border: 1px #EAEAEA solid;
  border-radius: 4px;
  outline: none;
}
.push-navigation nav .header-search form input:focus {
  border-color: #006C73;
}
.push-navigation nav .header-search form .btn-search {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin: 0 0 0 5px;
  padding-right: 5px;
  padding-left: 5px;
  width: 40px;
  height: 32px;
  box-sizing: border-box;
  background: transparent;
  border: 1px #006C73 solid;
  border-radius: 4px;
  outline: none;
  float: left;
}
.push-navigation nav .header-search form .btn-search:hover {
  font-weight: 500;
  background: #7FCACF;
  border-color: #7FCACF;
}
.push-navigation nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  float: left;
  clear: none;
}
.push-navigation nav ul:last-child {
  margin-bottom: 30px;
}
.push-navigation nav ul li {
  color: #A6ACAC;
  font-family: "Roboto Slab", serif;
  font-weight: 200;
  font-size: 15px;
  line-height: 160%;
  margin: 0;
  padding: 0 20px;
  width: 100%;
  display: block;
  float: left;
  clear: both;
  position: static;
}
@media (max-width: 767px) {
  .push-navigation nav ul li {
    padding: 0 15px;
  }
}
.push-navigation nav ul li span {
  color: #646767;
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  font-weight: 300;
  margin-left: 5px;
  display: inline;
}
.push-navigation nav ul li li {
  color: #A6ACAC;
  font-family: "Lato", sans-serif;
  font-size: 13px;
  line-height: 160%;
  font-weight: 400;
}
.push-navigation nav ul li ul {
  margin: 0 -20px;
  width: calc(100% + 40px);
}
@media (max-width: 767px) {
  .push-navigation nav ul li ul {
    margin: 0 -15px;
    width: calc(100% + 30px);
  }
}
.push-navigation nav ul li:before {
  display: none;
}
.push-navigation nav ul li a {
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  line-height: 160%;
  font-weight: 400;
  text-align: left;
  text-decoration: none;
  margin: 0 -20px;
  padding: 0 20px;
  width: calc(100% + 40px);
  display: block;
  float: left;
  background: none;
  border: 1px transparent solid;
  cursor: pointer;
}
@media (max-width: 767px) {
  .push-navigation nav ul li a {
    margin: 0 -15px;
    padding: 3px 15px;
    width: calc(100% + 30px);
  }
}
.push-navigation nav ul li a:before {
  display: none;
}
.push-navigation nav ul li a:hover, .push-navigation nav ul li a.active {
  color: #d65f00;
}
.push-navigation .push-overlay {
  margin: 0;
  padding: 0;
  width: 0;
  height: calc(100% - 42px);
  display: block;
  float: left;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 42px;
  left: 0;
  z-index: 8000;
  transition: all 0.2s ease-in-out;
}
.push-navigation.pushed {
  width: 100vw;
  left: 0px;
}
.push-navigation.pushed .push-overlay {
  width: 100%;
}
.push-navigation.scrolled nav {
  margin: 42px 0 0 0;
  height: calc(100% - 42px);
}
.push-navigation.scrolled .push-overlay {
  height: calc(100% - 42px);
  top: 42px;
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.panel-group {
  margin-bottom: 15px;
}
.panel-group .panel {
  margin-bottom: 5px;
  background-color: #fff;
  border: 1px #ddd solid;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-group .panel .panel-heading {
  color: #333;
  text-align: left;
  padding: 10px 15px;
  border-bottom: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  min-height: 38px;
  display: flex;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-group .panel .panel-heading .panel-title {
  color: #006C73;
  font-size: 17px;
  line-height: 22px;
  font-weight: 900;
  font-style: normal;
  margin: 0 0 5px 0;
  padding: 0;
}
.panel-group .panel .panel-heading .panel-title:hover, .panel-group .panel .panel-heading .panel-title:active {
  color: #d65f00;
}
.panel-group .panel .panel-collapse {
  box-sizing: border-box;
}
.panel-group .panel .panel-collapse .panel-body {
  padding: 15px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-top: 1px #ddd solid;
}
.panel-group .panel .panel-collapse span a {
  border: none !important;
}
.panel-group .panel .panel-collapse span a:before {
  display: none !important;
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.credit {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  float: left;
  clear: both;
}
.credit div {
  margin: 0;
  padding: 30px 0 0 0;
  width: 100%;
  max-width: 100%;
  display: block;
  float: left;
  clear: both;
  border-top: 1px #7FCACF dashed;
  position: relative;
}
.credit div.has-image {
  padding-left: 145px;
  min-height: 260px;
}
.credit div img {
  max-width: 120px;
  height: auto;
  padding: 0;
  border-radius: 2px;
  position: absolute;
  top: 30px;
  left: 0px;
}
.credit div h3 {
  color: #646767;
  font-family: "Roboto Slab", serif;
  font-weight: 100;
  font-size: 24px;
  line-height: 115%;
  margin: 0 0 10px 0;
  padding: 0;
}
.credit div p {
  font-size: 17px;
  line-height: 28px;
  margin: 0 0 15px 0;
  padding: 0;
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.related-links {
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  background: #e9ecef;
  border-radius: 2px;
}
.related-links.style2 {
  background: #009CA7;
}
.related-links h2 {
  color: #ffffff;
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  font-size: 19px;
  line-height: 25px;
  margin: 0;
  padding: 15px 15px 5px 15px;
  width: 100%;
  display: block;
  float: left;
  clear: both;
}
.related-links ul {
  margin: 0;
  padding: 5px 15px 15px 15px;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  background: none;
}
.related-links ul li {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  background: transparent;
  border: 1px transparent solid;
  border-width: 6px 0 0 0;
  position: relative;
}
.related-links ul li:before {
  display: none;
}
.related-links ul li a {
  color: #222;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-decoration: none;
  margin: 0;
  padding: 10px 15px;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  border: none;
}
.related-links ul li a:before {
  display: none;
}
.related-links ul li a:hover {
  background: #009CA7;
}
.related-links ul li > ul {
  padding: 0;
  border: 1px transparent solid;
  border-width: 4px 0 12px 0;
}
.related-links ul li > ul > li {
  margin: 0;
  padding: 0;
  margin-left: 30px;
  width: calc(100% - 30px);
  height: auto;
  display: block;
  float: right;
  clear: both;
  background: transparent;
  border: 1px transparent solid;
  border-width: 6px 0 0 0;
  position: relative !important;
}
.related-links ul li input[type=checkbox] {
  box-sizing: border-box;
  margin: 4px 0 0;
  padding: 0;
  position: absolute !important;
  left: 11px;
  top: 7px;
}
.related-links ul li label {
  color: #515454;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  margin: 0;
  padding: 8px 15px 8px 35px;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  background: #fff;
  border: 1px rgba(81, 84, 84, 0.3) solid;
  border-radius: 4px;
  cursor: pointer;
}
.related-links ul li label.cal1 {
  border-right: 10px #009CA7 solid;
}
.related-links ul li label.cal2 {
  border-right: 10px #99d7db solid;
}
.related-links ul li label.cal3 {
  color: #515454;
  background: #e5f5f6;
  border-right: 10px #99d8dc solid;
}
.related-links ul li label.cal4 {
  color: #515454;
  background: #e5f5f6;
  border-right: 10px #009CA7 solid;
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.landing-page-boxes {
  margin-top: 15px;
  padding: 0 !important;
}
.landing-page-boxes > div {
  padding: 0 !important;
}
.landing-page-boxes .col,
.landing-page-boxes .col-lg-12, .landing-page-boxes .col-md-12, .landing-page-boxes .col-sm-12, .landing-page-boxes .col-xs-12,
.landing-page-boxes .col-lg-9, .landing-page-boxes .col-md-9, .landing-page-boxes .col-sm-9, .landing-page-boxes .col-xs-9,
.landing-page-boxes .col-lg-8, .landing-page-boxes .col-md-8, .landing-page-boxes .col-sm-8, .landing-page-boxes .col-xs-8,
.landing-page-boxes .col-lg-6, .landing-page-boxes .col-md-6, .landing-page-boxes .col-sm-6, .landing-page-boxes .col-xs-6,
.landing-page-boxes .col-lg-4, .landing-page-boxes .col-md-4, .landing-page-boxes .col-sm-4, .landing-page-boxes .col-xs-4,
.landing-page-boxes .col-lg-3, .landing-page-boxes .col-md-3, .landing-page-boxes .col-sm-3, .landing-page-boxes .col-xs-3 {
  margin: 0 !important;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.landing-page-boxes .col .btn, .landing-page-boxes .col .text-link,
.landing-page-boxes .col-lg-12 .btn,
.landing-page-boxes .col-lg-12 .text-link, .landing-page-boxes .col-md-12 .btn, .landing-page-boxes .col-md-12 .text-link, .landing-page-boxes .col-sm-12 .btn, .landing-page-boxes .col-sm-12 .text-link, .landing-page-boxes .col-xs-12 .btn, .landing-page-boxes .col-xs-12 .text-link,
.landing-page-boxes .col-lg-9 .btn,
.landing-page-boxes .col-lg-9 .text-link, .landing-page-boxes .col-md-9 .btn, .landing-page-boxes .col-md-9 .text-link, .landing-page-boxes .col-sm-9 .btn, .landing-page-boxes .col-sm-9 .text-link, .landing-page-boxes .col-xs-9 .btn, .landing-page-boxes .col-xs-9 .text-link,
.landing-page-boxes .col-lg-8 .btn,
.landing-page-boxes .col-lg-8 .text-link, .landing-page-boxes .col-md-8 .btn, .landing-page-boxes .col-md-8 .text-link, .landing-page-boxes .col-sm-8 .btn, .landing-page-boxes .col-sm-8 .text-link, .landing-page-boxes .col-xs-8 .btn, .landing-page-boxes .col-xs-8 .text-link,
.landing-page-boxes .col-lg-6 .btn,
.landing-page-boxes .col-lg-6 .text-link, .landing-page-boxes .col-md-6 .btn, .landing-page-boxes .col-md-6 .text-link, .landing-page-boxes .col-sm-6 .btn, .landing-page-boxes .col-sm-6 .text-link, .landing-page-boxes .col-xs-6 .btn, .landing-page-boxes .col-xs-6 .text-link,
.landing-page-boxes .col-lg-4 .btn,
.landing-page-boxes .col-lg-4 .text-link, .landing-page-boxes .col-md-4 .btn, .landing-page-boxes .col-md-4 .text-link, .landing-page-boxes .col-sm-4 .btn, .landing-page-boxes .col-sm-4 .text-link, .landing-page-boxes .col-xs-4 .btn, .landing-page-boxes .col-xs-4 .text-link,
.landing-page-boxes .col-lg-3 .btn,
.landing-page-boxes .col-lg-3 .text-link, .landing-page-boxes .col-md-3 .btn, .landing-page-boxes .col-md-3 .text-link, .landing-page-boxes .col-sm-3 .btn, .landing-page-boxes .col-sm-3 .text-link, .landing-page-boxes .col-xs-3 .btn, .landing-page-boxes .col-xs-3 .text-link {
  position: absolute;
  left: 15px;
  bottom: 20px;
  z-index: 1;
}
.landing-page-boxes .row {
  display: flex;
  align-content: stretch;
  justify-content: flex-start;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}
.landing-page-boxes .col > .row {
  margin-right: 0 !important;
  width: 100% !important;
}
.landing-page-boxes hr {
  margin: 12px 15px;
  padding: 0;
  width: calc(100% - 30px);
  height: 2px;
  background: #515454;
  border: none;
  z-index: 1;
}
.landing-page-boxes hr:first-child {
  margin-top: 0;
}
.landing-page-boxes hr.tall {
  margin: 22px 15px;
}
.landing-page-boxes hr.vert {
  margin: 0 15px;
  width: 2px;
  height: 100%;
  position: absolute;
  right: -16px;
  top: 0;
}

.copy-block {
  margin: 0 15px;
  padding: 0 0 41px 0;
  width: calc(100% - 30px);
  height: auto;
  min-height: 100% !important;
  background: #fff;
  border-radius: 0px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .copy-block {
    min-height: 0 !important;
  }
}
.copy-block > div {
  margin: 0;
  padding: 30px;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .copy-block > div {
    padding: 15px 15px 30px 15px;
  }
}
.copy-block > div h3 {
  margin-bottom: 0;
}
.copy-block > div p {
  line-height: 141%;
  margin: 0;
}
.copy-block > div img {
  margin: 5px 0;
  width: 100%;
  height: auto;
}
.copy-block > div ul li {
  margin: 0;
  padding: 0;
}
.copy-block > div ul ::after, .copy-block > div ul ::before {
  display: none !important;
}
.copy-block .btn {
  left: 30px !important;
}
.copy-block ul.nav {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex !important;
  justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0;
}
.copy-block ul.nav li {
  margin: 0;
  padding: 20px 0;
  width: 49px;
}
.copy-block ul.nav li:before {
  display: none !important;
}
.copy-block ul.nav li a {
  border: none;
  cursor: pointer;
}
.copy-block ul.nav li a.disabled {
  cursor: default;
}
.copy-block ul.nav li a.disabled img {
  opacity: 0.5;
}
.copy-block ul.nav li a > img {
  margin: 0;
  padding: 0;
  width: 9px;
  height: 15px;
  display: block;
}
.copy-block .btn {
  position: absolute;
  left: 30px;
  bottom: 25px;
  z-index: 1;
}
@media (max-width: 991px) {
  .copy-block .btn {
    left: 15px;
  }
}
.copy-block.no-marg-right {
  margin: 0 -15px 0 15px;
  width: 100%;
}
@media (max-width: 767px) {
  .copy-block.no-marg-right {
    margin: 0 15px;
    width: calc(100% - 30px);
  }
}
.copy-block.no-marg-left {
  margin: 0 15px 0 -15px;
  width: 100%;
}
@media (max-width: 767px) {
  .copy-block.no-marg-left {
    margin: 0 15px;
    width: calc(100% - 30px);
  }
}
.copy-block.no-padding {
  padding: 0 !important;
}
.copy-block.no-padding > div {
  padding: 10px 0 5px 0;
}
.copy-block.image-block {
  padding: 0 !important;
  background: transparent !important;
}
.copy-block.image-block h1, .copy-block.image-block h2, .copy-block.image-block p {
  color: #fff;
}
.copy-block.image-block h1:before, .copy-block.image-block h2:before, .copy-block.image-block p:before {
  background: #009CA7;
}
.copy-block.image-block > div {
  position: absolute;
  top: 0px;
  left: 0px;
}
.copy-block.image-block img {
  width: 100%;
  min-height: 100%;
  position: relative;
}
.copy-block.btn-block {
  margin: 0 15px 6px 15px;
  padding: 0 !important;
  height: auto !important;
  min-height: 90px !important;
  width: calc(100% - 30px);
  display: block;
  float: left;
}
@media (max-width: 991px) {
  .copy-block.btn-block {
    padding: 15px 15px 15px 88px;
  }
}
.copy-block.btn-block a {
  margin: 0;
  padding: 15px 30px 15px 106px;
  width: 100%;
  height: auto !important;
  min-height: 90px !important;
  display: block;
  float: left;
}
@media (max-width: 991px) {
  .copy-block.btn-block a {
    padding: 15px 15px 15px 88px;
  }
}
.copy-block.btn-block a:hover {
  text-decoration: none;
}
.copy-block.btn-block a:before {
  display: none;
}
.copy-block.btn-block.no-margin {
  margin-bottom: 0;
}
.copy-block.btn-block img {
  height: 60px;
  width: 60px;
  position: absolute;
  top: 15px;
  left: 30px;
}
@media (max-width: 991px) {
  .copy-block.btn-block img {
    left: 15px;
  }
}
.copy-block.btn-block h1 {
  margin: 0;
  width: calc(100% - 125px);
  height: auto;
  overflow: visible;
  position: absolute;
  top: 50%;
  left: 105px;
  transform: translateY(-50%);
}
.copy-block.btn-block h2 {
  margin: 0;
}
.copy-block.btn-block p {
  margin: 0;
}

.margin-top {
  margin-top: 20px !important;
}

.margin-bottom {
  margin-bottom: 10px !important;
}

.no-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.style2 {
  background: #009CA7;
}
.style2 h1, .style2 h2, .style2 p {
  color: #fff;
}
.style2 h1:before, .style2 h2:before, .style2 p:before {
  background: #006C73;
}
.style2.copy-block.btn-block:hover {
  background: #515454;
}

.style3 {
  background: #006C73;
}
.style3 h1, .style3 h2, .style3 p {
  color: #fff;
}
.style3 h1:before, .style3 h2:before, .style3 p:before {
  background: #009CA7;
}

.btn-block.style3:hover {
  background: #006C73;
}

.style4 {
  background: #515454;
}
.style4 h1, .style4 h2, .style4 p {
  color: #fff;
}
.style4 h1:before, .style4 h2:before, .style4 p:before {
  background: #009CA7;
}

.btn-block.style4:hover {
  background: #006C73;
}

.style5 {
  background: #515454;
}
.style5 h1, .style5 h2, .style5 p {
  color: #fff;
}
.style5 h1:before, .style5 h2:before, .style5 p:before {
  background: #009CA7;
}

.btn-block.style5:hover {
  background: #009CA7;
}

.style6 {
  background: #EFEFEF;
}
.style6 h1 {
  color: #515454;
}
.style6 h1:before {
  background: #009CA7;
}

.btn-block.style6:hover {
  background: #006C73;
}

.bordered {
  border: 1px #B3B8B8 solid;
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.promo-box {
  overflow: hidden;
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: none;
  border: none;
  border-radius: 2px;
  position: relative;
}
.promo-box:hover section.content h2 {
  border-color: #7FCACF;
}
.promo-box:hover section.content a {
  text-decoration: none;
}
.promo-box:hover section.image img {
  transform: scale(1.1);
}
.promo-box:hover section.image .overlay {
  background: rgba(100, 100, 100, 0.5);
}
.promo-box section.content {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
  float: left;
  clear: both;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}
.promo-box section.content a {
  text-align: center;
  margin: 0;
  padding: 15px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
@media (max-width: 575px) {
  .promo-box section.content a {
    padding: 10px;
  }
}
.promo-box section.content a h2 {
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 34px;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  width: auto;
  display: inline-block;
  float: none;
  clear: both;
  background: none;
  border-bottom: 5px transparent solid;
  font-weight: 700;
  transition: border 0.5s ease-in-out;
}
.promo-box section.content a h3 {
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-weight: 200;
  font-size: 22px;
  line-height: 130%;
  letter-spacing: 0.1em;
  text-transform: none;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: inline-block;
  float: none;
  clear: both;
  background: none;
  border: none;
}
.promo-box section.content a.button {
  color: #fff;
  font-family: "Lato", sans-serif;
  font-weight: 200;
  font-size: 17px;
  line-height: 130%;
  letter-spacing: 0.1em;
  text-transform: none;
  text-align: center;
  margin: 0;
  padding: 5px 30px 7px 30px;
  width: 100%;
  display: block;
  float: left;
  clear: both;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 0px;
  transform: none;
}
.promo-box section.image {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
  float: left;
  clear: both;
}
.promo-box section.image .overlay {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
  float: left;
  clear: both;
  background: rgba(25, 25, 25, 0.5);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  transition: background 0.5s ease-in-out;
}
.promo-box section.image img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  min-height: 100px;
  display: block;
  float: left;
  clear: both;
  border-radius: 2px;
  position: static;
  z-index: 0;
  transition: transform 0.5s ease-in-out;
}
.promo-box.promo-style2 section.content h3 {
  font-size: 32px;
}
@media (max-width: 991px) {
  .promo-box.promo-style2 section.content h3 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .promo-box.promo-style2 section.content h3 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .promo-box.promo-style2 section.content h3 {
    display: none;
  }
}
.promo-box.promo-style2 section.image .overlay {
  background: rgba(25, 25, 25, 0.5);
}
.promo-box.promo-style2:hover section.image .overlay {
  background: rgba(100, 100, 100, 0.5);
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.fc-header-toolbar h2 {
  color: #006C73;
}

.fc-event {
  border: none;
  background: #009CA7;
}
.fc-event .fc-event {
  margin: 0;
  padding: 0;
  background: none;
}

.fc-content {
  background: none;
  border: none;
}
.fc-content .fc-title {
  color: #fff;
}
.fc-content:hover, .fc-content:focus {
  background: #000;
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.tiles, .tiles4 {
  text-align: center;
}
.tiles div, .tiles4 div {
  margin: 30px 0 0 0;
  padding: 0;
  display: block;
  float: left;
  clear: none;
}
.tiles div .panel, .tiles4 div .panel {
  color: #222;
  margin: 0 15px;
  padding: 0;
  width: calc(100% - 30px);
  height: 100%;
  display: block;
  float: left;
  clear: both;
  background: #7FCACF !important;
  border: 1px #EAEAEA solid;
  border-radius: 2px;
  box-shadow: none;
  position: relative;
}
.tiles div .panel a, .tiles4 div .panel a {
  text-align: center;
  overflow: hidden;
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  /*
  				&:hover {

  					div img {

  						-webkit-transform: scale(1.1);
  						-moz-transform: scale(1.1);
  						-ms-transform: scale(1.1);
  						-o-transform: scale(1.1);
  						transform: scale(1.1);

  					}

  				}
  */
}
.tiles div .panel a div, .tiles4 div .panel a div {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  border: none;
  position: relative;
  z-index: 1;
}
.tiles div .panel a div img, .tiles4 div .panel a div img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  z-index: 0;
  transition: transform 0.2s ease-in-out;
}
.tiles div .panel a p, .tiles4 div .panel a p {
  color: #ffffff;
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  margin: 0;
  padding: 12px 0;
  width: 100%;
  float: left;
  clear: both;
  background: #009CA7;
  border: none;
}
.tiles div .panel a p small, .tiles4 div .panel a p small {
  color: #006c73;
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  margin: 12px 0 -12px 0;
  padding: 10px;
  width: 100%;
  display: block;
  float: left;
  clear: both;
  background: #7FCACF;
  border-radius: 0 0 2px 2px;
}
.tiles div .panel.highlight, .tiles4 div .panel.highlight {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 400px;
  display: block;
  float: none;
  clear: both;
}
.tiles > hr, .tiles4 > hr {
  margin: -50px auto -10px -30px;
  padding: 0;
  border: 2px solid #eee;
  width: 90%;
  display: inline-block;
  float: none;
  clear: both;
}

.tiles2 {
  text-align: center;
}
.tiles2 div {
  margin: 30px 0 0 0;
  padding: 0;
  display: block;
  float: left;
  clear: none;
}
.tiles2 div .panel {
  color: #7FCACF;
  margin: 0 15px;
  padding: 0;
  width: calc(100% - 30px);
  height: 100%;
  display: block;
  float: left;
  clear: both;
  background: #7FCACF;
  border: 1px #EAEAEA solid;
  border-radius: 2px;
  box-shadow: none;
  position: relative;
}
.tiles2 div .panel a {
  text-align: center;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  overflow-x: hidden;
}
.tiles2 div .panel a h2 {
  color: #006c73;
  font-family: "Roboto Slab", serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  text-align: center;
  margin: 0;
  padding: 8px 0;
  width: 100%;
  float: left;
  clear: both;
  background: none;
  border: none;
  border-radius: 2px 2px 0 0;
}
.tiles2 div .panel a h2 .fa {
  color: #c21e28;
  display: none;
}
.tiles2 div .panel a div.image {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  background: #fff;
  border: 1px #fff solid;
  border-radius: 0px;
  position: relative;
  z-index: 1;
}
.tiles2 div .panel a div.image button {
  text-indent: -5000px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: none;
  float: left;
  clear: both;
  background: url(../images/btn-play-video.png) center center no-repeat;
  background-size: auto 100px;
  border: none;
  outline: none;
  box-shadow: none;
  opacity: 0;
  position: absolute;
  top: 0px;
  z-index: 1;
  transition: opacity 0.5s ease-in-out;
}
.tiles2 div .panel a div.image img {
  z-index: 0;
  opacity: 0.5;
}
.tiles2 div .panel a div.description {
  text-align: left;
  margin: 0;
  padding: 15px 25px;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  background: none;
  border: none;
  border-radius: 0 0 2px 2px;
  position: relative;
  z-index: 1;
}
.tiles2 div .panel a div.description h3 {
  color: #006c73;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 120%;
  margin: 0;
  padding: 0 0 8px 0;
  width: 100%;
  float: left;
  clear: both;
  background: none;
}
.tiles2 div .panel a div.description p {
  color: #006c73;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  margin: 0;
  padding: 0 0 10px 0;
  width: 100%;
  float: left;
  clear: both;
  background: none;
}
.tiles2 div .panel a div.description p small {
  font-size: 80%;
}
.tiles2 div .panel a:hover div button {
  opacity: 1;
}
.tiles2 div .panel.on-air {
  background: #7fcacf;
}
.tiles2 div .panel.on-air > a > h2 {
  color: #006c73;
}
.tiles2 div .panel.on-air > a > h2 > .fa {
  display: inline-block;
}
.tiles2 div .panel.on-air > a > div.image > button {
  display: block;
}
.tiles2 div .panel.on-air > a > div.image > img {
  opacity: 1;
  transition: transform 0.5s ease-in-out;
}
.tiles2 div .panel.on-air > a > div.image:hover > img {
  transform: scale(1.1);
}
.tiles2 div .panel.on-air > a > div.description > h3, .tiles2 div .panel.on-air > a > div.description > p {
  color: #006c73;
}
.tiles2 > hr {
  margin: -50px auto -10px -30px;
  padding: 0;
  border: 2px solid #eee;
  width: 90%;
  display: inline-block;
  float: none;
  clear: both;
}

.tiles3 {
  text-align: center;
}
.tiles3 div {
  margin: 30px 0 0 0;
  padding: 0;
  display: block;
  float: left;
  clear: none;
}
.tiles3 div .panel {
  margin: 0 15px;
  padding: 0;
  width: calc(100% - 30px);
  height: 100%;
  display: block;
  float: left;
  clear: both;
  background: #fff;
  border: 1px #EAEAEA solid;
  border-radius: 2px;
  box-shadow: none;
  position: relative;
}
.tiles3 div .panel a {
  margin: 0;
  padding: 25px;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  clear: both;
  position: relative;
  cursor: pointer;
}
.tiles3 div .panel a:hover {
  text-decoration: none;
}
.tiles3 div .panel a img {
  margin: 0;
  padding: 0;
  width: auto;
  height: 50px;
  display: inline-block;
}
.tiles3 div .panel a h2 {
  color: #006C73;
  font-family: "Roboto Slab", serif;
  font-size: 23px;
  font-weight: 600;
  line-height: 105%;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 0 15px 0;
  padding: 0;
}
@media (max-width: 767px) {
  .tiles3 div .panel a h2 {
    font-size: 19px;
  }
}
.tiles3 div .panel a p {
  color: #222;
  text-align: center;
}
.tiles3 div .panel a p span {
  color: #006C73;
  text-decoration: none;
  margin-top: 15px;
  width: auto;
  display: inline-block;
  border-bottom: 2px #009ca7 dotted;
  position: relative;
}
.tiles3 div .panel a p span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #d65f00;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
.tiles3 div .panel a p span:hover {
  color: #d65f00;
  text-decoration: none;
}
.tiles3 div .panel a p span:hover:before {
  visibility: visible;
  transform: scaleX(1);
}

.tiles4 div .panel {
  background: #009CA7;
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.video-container {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  float: none;
  clear: both;
  position: relative;
}
.video-container .embed-responsive {
  position: relative;
}
.video-container .embed-responsive iframe {
  width: 100%;
  max-height: 800px;
  border: 10px #B3B8B8 solid;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.video-container .embed-responsive div {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  left: 10px;
}
.video-container p {
  font-size: 17px;
  line-height: 28px;
  margin: 0 0 15px 0;
  padding: 0;
}

.content-boxes .col-lg-12, .content-boxes .col-md-12, .content-boxes .col-sm-12, .content-boxes .col-xs-12,
.content-boxes .col-lg-9, .content-boxes .col-md-9, .content-boxes .col-sm-9, .content-boxes .col-xs-9,
.content-boxes .col-lg-8, .content-boxes .col-md-8, .content-boxes .col-sm-8, .content-boxes .col-xs-8,
.content-boxes .col-lg-6, .content-boxes .col-md-6, .content-boxes .col-sm-6, .content-boxes .col-xs-6,
.content-boxes .col-lg-4, .content-boxes .col-md-4, .content-boxes .col-sm-4, .content-boxes .col-xs-4,
.content-boxes .col-lg-3, .content-boxes .col-md-3, .content-boxes .col-sm-3, .content-boxes .col-xs-3 {
  width: auto;
  max-width: 100%;
  flex: 1 0 auto;
}
@media (min-width: 992px) {
  .content-boxes .col-lg-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-12 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-9 {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-8 {
    width: 66.67%;
    max-width: 66.67%;
    flex: 0 0 66.67%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-6 {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-4 {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }
}
@media (min-width: 992px) {
  .content-boxes .col-lg-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .content-boxes .col-md-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .content-boxes .col-sm-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 375px) and (max-width: 575px) {
  .content-boxes .col-xs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}
@media (min-width: 0px) and (max-width: 374px) {
  .content-boxes .col-xxs-3 {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }
}

.dataTable {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  clear: both;
  box-shadow: none;
  position: relative;
}

.dataTables_wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  float: left;
  clear: both;
  position: relative;
}

.dataTables_length {
  text-indent: -5000px;
  overflow: hidden;
  height: 0px;
  width: 0px;
}
.dataTables_length select {
  color: #222;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  margin: 0px;
  padding: 5px;
  min-width: 60px;
  max-width: 100%;
  display: block;
  float: left;
  clear: none;
  background: #fff;
  border-color: #B3B8B8;
  box-shadow: none;
  outline: none;
  border-radius: 4px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.dataTables_wrapper .dataTables_length {
  display: none;
}

.dataTables-topics-and-audiences {
  text-align: right;
  margin: 0 0 15px 0;
  padding: 0 0 5px 75px;
  width: 100%;
  min-height: 32px;
  display: block;
  float: left;
  clear: both;
  border-bottom: 1px #B3B8B8 solid;
}
@media (max-width: 575px) {
  .dataTables-topics-and-audiences {
    padding: 42px 0 5px 0;
  }
}
.dataTables-topics-and-audiences label {
  margin: 0 0 7px 8px;
  padding: 0;
  width: 150px;
  max-width: 100%;
  display: inline-block;
}
@media (max-width: 575px) {
  .dataTables-topics-and-audiences label {
    margin: 0 0 10px 0;
    width: 100%;
    display: block;
    float: left;
  }
}
.dataTables-topics-and-audiences select {
  color: #222;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  margin: 0;
  padding: 5px;
  width: 100%;
  display: block;
  float: left;
  clear: none;
  background: #fff;
  border-color: #B3B8B8;
  box-shadow: none;
  outline: none;
  border-radius: 4px;
}

.dataTables-filters-and-links {
  margin: 0 0 15px 0;
  padding: 0 0 5px 0px;
  width: 100%;
  display: block;
  float: left;
  clear: both;
  border-bottom: 1px #f2f3f2 solid;
}

.dataTables_media-filters {
  margin: 0 0 10px 0;
  padding: 0;
  display: block;
  width: 70%;
  float: left;
  clear: both;
}
@media (max-width: 767px) {
  .dataTables_media-filters {
    width: 100%;
    float: left;
    clear: both;
  }
}
.dataTables_media-filters h4 {
  color: #b0b0b0;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: normal;
  margin: 0 0 7px 0 !important;
  padding: 0;
  width: 100%;
  display: block;
  float: left;
  clear: both;
}

.checkbox-group {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  float: left;
  clear: both;
}
.checkbox-group .filter-container {
  margin: 0 10px 5px 0;
  padding: 0;
  display: block;
  float: left;
  clear: none;
}
.checkbox-group label {
  color: #828282;
  font-size: 15px;
  line-height: 17px;
  margin: 0px;
  padding: 0;
}
.checkbox-group label input {
  font-size: 17px;
  line-height: 17px;
  margin-right: 2px;
}

.dataTables_continuing-ed {
  margin: 0;
  padding: 0 0 15px 15px;
  display: block;
  width: 30%;
  float: right;
  clear: none;
  border-left: 1px #f2f3f2 solid;
}
@media (max-width: 767px) {
  .dataTables_continuing-ed {
    padding-left: 0;
    width: 100%;
    float: left;
    clear: both;
    border-left: none;
  }
}
.dataTables_continuing-ed h4 {
  color: #b0b0b0;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: normal;
  margin: 0 0 7px 0 !important;
  padding: 0;
  width: 100%;
  display: block;
  float: left;
  clear: both;
}
.dataTables_continuing-ed ul {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  clear: both;
}
.dataTables_continuing-ed ul li {
  margin: 0 10px 5px 0;
  padding: 0;
  display: block;
  float: left;
  clear: none;
}
.dataTables_continuing-ed ul li a {
  font-size: 15px;
  line-height: 17px;
  margin: 0px;
  padding: 0;
}
.dataTables_continuing-ed ul li a:hover {
  text-decoration: underline;
  opacity: 0.7;
}

.dataTables_filter {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  display: none;
  float: right;
  clear: right;
}

.dataTables_wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  float: left;
  clear: both;
}

.dataTable a.icon {
  text-indent: -5000px;
  overflow: hidden;
  margin: 1px 20px;
  padding: 0;
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  clear: both;
}
@media (max-width: 991px) {
  .dataTable a.icon {
    margin: 1px 15px 1px 0px;
  }
}

/* Data Table Content */
.dataTable .hidden {
  display: none;
}

.dataTable a {
  color: #006C73;
  text-decoration: none;
  position: relative;
}

.dataTable h3 {
  font-size: 22px;
  line-height: 24px;
  font-family: "Roboto Slab", serif;
  font-weight: 500;
  font-style: normal;
  margin: 2px 0 3px 0;
  padding: 0;
}

.dataTable h4 {
  color: #006C73;
  font-size: 18px;
  line-height: 24px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-style: italic;
  margin-bottom: -7px;
  padding: 0;
}
.dataTable h4 span {
  color: #7FCACF;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  margin-right: 10px;
  display: inline;
}
.dataTable h4 span:first-child {
  font-weight: 500;
}

.dataTable p {
  font-family: "Lato", sans-serif;
  font-size: 17px;
  line-height: 28px;
  font-weight: 400;
  margin: 10px 0 30px 0;
  padding: 0;
}

/* Data Table Pagination */
.dataTables_info {
  color: #006C73;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  font-style: normal;
  margin: 15px 0;
  padding: 0;
  display: block;
  float: left;
  clear: left;
}

.dataTables_paginate {
  margin: 15px 0;
  padding: 0;
  display: block;
  float: right;
  clear: right;
}

.dataTable .paginate_disabled_previous, .dataTable .paginate_disabled_next, .dataTable .paginate_button.disabled {
  color: #8e8e8e;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  text-decoration: none;
  margin: 0 0 0 10px;
  padding: 5px 8px;
  min-width: 28px;
  display: block;
  float: left;
  clear: none;
  background: #efefef;
  border: none;
  outline: none;
  opacity: 0.7;
}

.dataTable .paginate_enabled_previous, .dataTable .paginate_enabled_next, .dataTable .paginate_button {
  color: #fff;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  text-decoration: none;
  margin: 0 0 0 10px;
  padding: 5px 8px;
  min-width: 28px;
  display: block;
  float: left;
  clear: none;
  background: #009ca7;
  border: none;
  outline: none;
}
.dataTable .paginate_enabled_previous:active, .dataTable .paginate_enabled_next:active, .dataTable .paginate_button:active {
  opacity: 1;
}
.dataTable .paginate_enabled_previous:hover, .dataTable .paginate_enabled_next:hover, .dataTable .paginate_button:hover {
  opacity: 0.7;
}/*# sourceMappingURL=custom.css.map */