@charset "UTF-8";
/* Slider */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Raleway:wght@400;700;900&display=swap");
.slick-loading .slick-list {
  background: #fff url("./../images/ajax-loader.gif") center center no-repeat; }

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

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 60px;
  width: 60px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: black;
  bottom: 10px;
  margin-top: -10px\9;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1000; }
  @media screen and (min-width: 768px) {
    .slick-prev,
    .slick-next {
      top: calc(50% - 30px); } }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 60px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 20px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: 20px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-slider {
  position: relative;
  margin: 0;
  padding: 0;
  max-width: 100%;
  overflow: hidden; }

.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 3px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 0;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 20px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.navbar {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s; }

.navbar::after {
  clear: both;
  content: "";
  display: block; }

.navbar.is-hidden {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 1000px; }

.navbar .logo a,
.navbar .logo img {
  display: block; }

.navbar .nav-trigger {
  /* vertically align its content */
  display: table;
  height: 100%;
  padding: 0 1em;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #25283D;
  font-weight: bold;
  right: 0;
  border-left: 1px solid #f2f2f2; }

.navbar .nav-trigger span {
  /* vertically align inside parent element */
  display: table-cell;
  vertical-align: middle; }

.navbar .nav-trigger em,
.navbar .nav-trigger em::after,
.navbar .nav-trigger em::before {
  /* this is the menu icon */
  display: block;
  position: relative;
  height: 2px;
  width: 22px;
  background-color: #25283D;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.navbar .nav-trigger em {
  /* this is the menu central line */
  margin: 6px auto 14px;
  -webkit-transition: background-color .2s;
  transition: background-color .2s; }

.navbar .nav-trigger em::before,
.navbar .nav-trigger em::after {
  position: absolute;
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s; }

.navbar .nav-trigger em::before {
  /* this is the menu icon top line */
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px); }

.navbar .nav-trigger em::after {
  /* this is the menu icon bottom line */
  -webkit-transform: translateY(6px);
  transform: translateY(6px); }

@media only screen and (min-width: 1024px) {
  .navbar .nav-trigger {
    display: none; } }

.navbar.nav-open .nav-trigger em {
  /* transform menu icon into a 'X' icon */
  background-color: rgba(255, 255, 255, 0); }

.navbar.nav-open .nav-trigger em::before {
  /* rotate top line */
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.navbar.nav-open .nav-trigger em::after {
  /* rotate bottom line */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: white; } }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #00b3fe;
    background-color: transparent; } }

@media (min-width: 992px) {
  .navbar .col-md-4 {
    width: 33.33333%;
    padding-right: 0; } }

.navbar-default .navbar-toggle .icon-bar {
  background-color: white; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent; }

.navbar {
  min-height: 70px;
  padding-top: 10px;
  margin-bottom: 0;
  padding-left: 15px; }
  @media screen and (min-width: 768px) {
    .navbar {
      padding-left: 0; } }
  .navbar .logo {
    float: left;
    padding: 10px 20px 10px 0;
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) {
      .navbar .logo {
        border-right: 2px dotted #fff; } }

.navbar-right {
  float: none !important; }

.navbar-nav {
  float: none;
  text-align: right; }
  .navbar-nav > li {
    text-align: left; }
    .navbar-nav > li a {
      padding-left: 10px; }
    @media screen and (min-width: 768px) {
      .navbar-nav > li {
        float: none;
        display: inline-block; }
        .navbar-nav > li a {
          padding-left: 10px;
          padding-right: 10px; } }

.navbar-header float span {
  display: block;
  color: white;
  font-size: 12px;
  font-style: italic;
  padding-right: 0; }

.navbar-header p {
  color: white;
  float: left;
  padding-top: 0;
  margin-top: 0;
  margin-right: 15px;
  line-height: 1.3em;
  display: none; }
  @media screen and (min-width: 1024px) {
    .navbar-header p {
      padding-top: 0.3em;
      padding-left: 20px;
      width: 11.5em;
      margin-right: 0;
      margin-top: 10px;
      display: inline-block; } }

.navbar-toggle {
  margin-top: 20px; }

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #00b3fe;
  background-color: transparent; }

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
  margin-left: 0; }
  .navbar > .container .navbar-brand + span,
  .navbar > .container-fluid .navbar-brand + span {
    color: white;
    font-style: italic; }

.navbar-brand {
  font-family: "Raleway", sans-serif;
  font-weight: 900;
  display: block;
  float: none;
  font-size: 36px;
  padding: 0 0 0 0;
  margin-left: 0;
  height: auto;
  line-height: 1em; }

.navbar-header .navbar-brand {
  color: white; }

.navbar-default .navbar-nav > li > a {
  color: white;
  font-weight: 700;
  font-size: 16px; }
  @media screen and (min-width: 768px) {
    .navbar-default .navbar-nav > li > a {
      margin-top: 15px; } }

.navbar-default .navbar-nav > li > a:hover {
  color: #00b3fe; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #00b3fe;
  background-color: transparent; }

.navbar-default {
  border-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#13164b), to(#3747a9));
  background-image: linear-gradient(#13164b, #3747a9); }

.navbar-nav .btn {
  padding: 15px;
  line-height: 20px;
  background-color: transparent;
  border: none;
  color: white; }
  .navbar-nav .btn:active, .navbar-nav .btn:hover, .navbar-nav .btn:focus {
    background-color: transparent;
    border: none;
    color: white;
    outline: none; }
  .navbar-nav .btn.active {
    color: #00b3fe; }

.dropdown-menu {
  background: #384452; }

.dropdown-menu > li > a {
  color: white;
  font-weight: 700;
  font-size: 15px; }

.scrolltop {
  display: none;
  width: 100%;
  margin: 0 auto;
  position: fixed;
  bottom: 20px;
  right: 10px; }

.scroll {
  position: absolute;
  right: 5px;
  bottom: 20px;
  background: #b2b2b2;
  background: rgba(178, 178, 178, 0.7);
  color: #fff;
  padding: 0 16px 10px;
  text-align: center;
  margin: 0 0 0 0;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 100%; }
  @media (min-width: 768px) {
    .scroll {
      right: 20px; } }
  .scroll span {
    font-size: 12px;
    display: block;
    margin-top: -1em; }

.scroll:hover {
  background: #b2b2b2;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.scroll .fa {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

footer .pic {
  border-radius: 6px;
  width: 50px;
  float: right; }

.fbLk {
  display: inline-block;
  text-align: center;
  margin: 10px auto;
  float: left;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s; }
  .fbLk:hover {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    background-color: #E9EEF2;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s; }
  .fbLk img {
    width: 180px; }

.instaLk {
  display: inline-block;
  text-align: center;
  margin: 10px auto;
  float: right; }
  .instaLk img {
    height: 58px;
    border-radius: 4px; }

.modal-header {
  border-bottom: none;
  padding: 0; }
  .modal-header button.close {
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1001; }

.modal-body {
  padding-top: 0; }
  .modal-body .pic {
    border-radius: 50%; }
  .modal-body h1 {
    margin-top: 10px; }
    @media (max-width: 767px) {
      .modal-body h1 {
        text-align: center; } }
  @media (max-width: 767px) {
    .modal-body h4 {
      text-align: center; } }
  .modal-body p {
    margin-top: 0;
    line-height: 20px; }
  .modal-body img {
    display: block;
    text-align: center;
    margin: 10px auto; }

.modal.fade .modal-dialog {
  -webkit-transform: scale(0.1);
          transform: scale(0.1);
  top: 300px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.modal.fade.in .modal-dialog {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform: translate3d(0, -300px, 0);
          transform: translate3d(0, -300px, 0);
  opacity: 1; }

ul.file-list {
  padding: 20px 0 0;
  width: auto;
  list-style-type: none;
  margin: 0;
  text-align: left; }
  ul.file-list li {
    padding: 0 0 10px 0; }
    ul.file-list li:hover {
      background-color: #f2f2f2; }
    ul.file-list li.pdf,
    ul.file-list li a.pdf {
      background: url("../images/icon-pdf.png") no-repeat left center;
      background-size: 24px 24px;
      padding-left: 38px;
      line-height: 20px;
      font-size: 15px;
      display: block; }
      ul.file-list li.pdf:active, ul.file-list li.pdf:focus, ul.file-list li.pdf:hover, ul.file-list li.pdf:visited,
      ul.file-list li a.pdf:active,
      ul.file-list li a.pdf:focus,
      ul.file-list li a.pdf:hover,
      ul.file-list li a.pdf:visited {
        text-decoration: none; }
    ul.file-list li.pdf {
      background-position: top left; }
    ul.file-list li.word,
    ul.file-list li a.word {
      background: url("../images/icon-word.png") no-repeat left center;
      background-size: 24px 24px;
      padding-left: 38px;
      line-height: 24px;
      font-size: 16px;
      display: block; }
      ul.file-list li.word:active, ul.file-list li.word:focus, ul.file-list li.word:hover, ul.file-list li.word:visited,
      ul.file-list li a.word:active,
      ul.file-list li a.word:focus,
      ul.file-list li a.word:hover,
      ul.file-list li a.word:visited {
        text-decoration: none; }
    ul.file-list li.word {
      background-position: top left; }
    ul.file-list li.ppt,
    ul.file-list li a.ppt {
      background: url("../images/icon-ppt.png") no-repeat left center;
      background-size: 24px 24px;
      padding-left: 38px;
      line-height: 24px;
      font-size: 16px;
      display: block; }
      ul.file-list li.ppt:active, ul.file-list li.ppt:focus, ul.file-list li.ppt:hover, ul.file-list li.ppt:visited,
      ul.file-list li a.ppt:active,
      ul.file-list li a.ppt:focus,
      ul.file-list li a.ppt:hover,
      ul.file-list li a.ppt:visited {
        text-decoration: none; }
    ul.file-list li.ppt {
      background-position: top left; }
    ul.file-list li.wmv,
    ul.file-list li a.wmv {
      background: url("../images/icon-wmv.png") no-repeat left center;
      background-size: 24px 24px;
      padding-left: 38px;
      line-height: 24px;
      font-size: 16px;
      display: block; }
      ul.file-list li.wmv:active, ul.file-list li.wmv:focus, ul.file-list li.wmv:hover, ul.file-list li.wmv:visited,
      ul.file-list li a.wmv:active,
      ul.file-list li a.wmv:focus,
      ul.file-list li a.wmv:hover,
      ul.file-list li a.wmv:visited {
        text-decoration: none; }
    ul.file-list li.wmv {
      background-position: top left; }
    ul.file-list li.news,
    ul.file-list li a.news {
      background: url("../images/icon-news.png") no-repeat top left;
      background-size: 24px 24px;
      padding-left: 38px;
      line-height: 24px;
      font-size: 16px;
      display: block; }
      ul.file-list li.news:active, ul.file-list li.news:focus, ul.file-list li.news:hover, ul.file-list li.news:visited,
      ul.file-list li a.news:active,
      ul.file-list li a.news:focus,
      ul.file-list li a.news:hover,
      ul.file-list li a.news:visited {
        text-decoration: none; }
    ul.file-list li.news {
      background-position: 0 0;
      padding-left: 38px; }
  ul.file-list li:first-child.news {
    background-position: 0 0; }
  ul.file-list li:last-child {
    border-bottom: none; }

.panel {
  border: none; }

.panel-group {
  margin-bottom: 0; }
  .panel-group .panel-title,
  .panel-group .glyphicon {
    cursor: pointer; }
  .panel-group h4 a:before {
    background: none; }
  .panel-group h4 a:hover:before {
    background: none; }

.panel-default > .panel-heading {
  color: #333333;
  background-color: white;
  border-color: white;
  padding: 10px 0; }

.panel-group .panel-heading + .panel-collapse > .panel-body {
  padding: 0;
  border: none; }
  .panel-group .panel-heading + .panel-collapse > .panel-body .file-list {
    padding-top: 4px; }

.panel-collapse {
  display: block;
  height: 150px;
  overflow: hidden; }
  .panel-collapse:before {
    width: 100%;
    height: 150px;
    content: '';
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(#fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, #fff 100%);
    z-index: 1; }
  .panel-collapse.in {
    height: 100%; }
    .panel-collapse.in:before {
      background: none;
      z-index: 0; }

#___gcse_0 {
  float: right;
  width: 220px !important;
  margin-right: 20px; }
  @media (min-width: 768px) {
    #___gcse_0 {
      float: none;
      width: 100% !important;
      margin-right: 0;
      background-color: #00b3fe !important; } }

.gsc-control-cse {
  padding-top: 20px !important;
  height: 66px;
  bottom: -100px;
  -webkit-transition: top .2s .4s ease;
  transition: top .2s .4s ease;
  border: none !important;
  background-color: transparent !important; }
  @media (min-width: 768px) {
    .gsc-control-cse {
      padding-top: 1em !important;
      background-color: #00b3fe !important;
      position: absolute;
      top: -100px;
      z-index: 999; } }
  .gsc-control-cse.active {
    left: 0;
    bottom: 0;
    z-index: 1001;
    -webkit-transition: top .2s .4s ease;
    transition: top .2s .4s ease; }
    @media (min-width: 768px) {
      .gsc-control-cse.active {
        top: 97px;
        bottom: auto; } }

@media (min-width: 768px) {
  .gsc-control-wrapper-cse {
    width: 50% !important;
    margin: 0 auto !important; } }

.gsc-search-button,
.gsc-search-button-v2 {
  padding: 0 !important;
  background-image: none;
  background-color: transparent !important;
  border: none !important; }
  @media (min-width: 768px) {
    .gsc-search-button,
    .gsc-search-button-v2 {
      padding: 6px 27px !important;
      background-color: transparent !important;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#13164b), to(#3747a9)) !important;
      background-image: linear-gradient(#13164b, #3747a9) !important;
      border: none !important; } }

ul.macmslide li {
  background-repeat: no-repeat; }
  ul.macmslide li .container {
    min-height: 230px; }

li[class^="slide"] {
  background-position: center center;
  background-size: cover; }

li[class^="slide"] {
  background-position: center center;
  background-size: cover; }

.slide1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("../images/hero1.jpg");
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/hero1.jpg");
  background-color: #d8dede; }

.slide2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("../images/hero4.jpg");
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/hero4.jpg");
  background-color: #fff; }

.slide3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("../images/hero3.jpg");
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/hero3.jpg");
  background-color: #ebebeb; }

.slide4 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("../images/hero2.jpg");
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/hero2.jpg");
  background-color: #ebebeb; }

.slide5 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("../images/hero6.jpg");
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/hero6.jpg");
  background-color: #ebebeb; }

ul.macmslide li div {
  position: relative;
  padding: 20px;
  margin: 0 auto;
  text-align: center; }
  @media screen and (min-width: 768px) {
    ul.macmslide li div {
      text-align: left;
      position: relative;
      height: 340px;
      margin: 0 auto;
      padding: 0 10px 10px;
      z-index: 1;
      overflow: hidden; } }
  ul.macmslide li div h3 {
    font-size: 36px;
    margin-top: 40px;
    line-height: 1em; }
    @media screen and (min-width: 768px) {
      ul.macmslide li div h3 {
        font-size: 48px; } }
  ul.macmslide li div h5 {
    font-size: 24px;
    line-height: 1em; }
    @media screen and (min-width: 768px) {
      ul.macmslide li div h5 {
        font-size: 36px; } }
  ul.macmslide li div h3,
  ul.macmslide li div h5,
  ul.macmslide li div p {
    color: white;
    width: 100%;
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) {
      ul.macmslide li div h3,
      ul.macmslide li div h5,
      ul.macmslide li div p {
        color: white;
        width: 80%;
        margin-bottom: 20px;
        line-height: 1em; } }

/*	################################################################
	1. GENERAL STRUCTURES
################################################################# */
* {
  margin: 0;
  padding: 0; }

#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  overflow-y: initial; }

header {
  height: 96px; }

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

body {
  background: #ffffff;
  margin: 0;
  height: 100%;
  color: #384452;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  position: relative;
  overflow: auto;
  height: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif;
  font-weight: 700; }

p {
  padding: 0;
  margin-bottom: 12px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #384452;
  margin-top: 20px; }

img {
  height: auto;
  max-width: 100%; }

main a {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0;
  color: #337ab7;
  text-decoration: none; }
  main a:hover {
    text-decoration: none; }
    main a:hover:before {
      left: 0;
      right: auto;
      width: 100%; }
  main a:before {
    content: "";
    position: absolute;
    right: 0;
    width: 0;
    bottom: 0;
    background: #337ab7;
    height: 1px;
    -webkit-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }

::-moz-selection {
  color: #fff;
  text-shadow: none;
  background: #2b2e31; }

::selection {
  color: #fff;
  text-shadow: none;
  background: #2b2e31; }

.centered {
  text-align: center; }

ul,
ol {
  margin-left: 1.4em;
  line-height: 2em; }

.dmbutton:hover,
.dmbutton:active,
.dmbutton:focus {
  color: ghostwhite;
  background: #337ab7;
  border-color: #ffffff; }

.dmbutton {
  background: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 2px;
  padding-top: 1.025rem;
  padding-right: 2.25rem;
  letter-spacing: 0.85px;
  padding-bottom: 1.0875rem;
  padding-left: 2.25rem;
  font-size: 1.55rem;
  cursor: pointer;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  -webkit-appearance: none;
  font-weight: normal !important; }

.mb {
  margin-bottom: 60px; }

.mt {
  margin-top: 60px; }

.hline {
  border-bottom: 2px solid #384452; }

.hline-w {
  border-bottom: 2px solid #ffffff;
  margin-bottom: 25px; }

/*	################################################################
    SITE WRAPS
  ################################################################# */
.headerwrap {
  padding-bottom: 0;
  text-align: center; }

.headerwrap h3,
h5 {
  color: white;
  font-weight: 400; }

.headerwrap h1 {
  color: white;
  margin-bottom: 25px; }

.headerwrap .img-responsive {
  margin: 0 auto; }

/* Home Wrap */
.home {
  margin-top: 20px;
  margin-bottom: 20px; }
  .home h5 {
    color: #384452;
    margin: 0; }
  .home p {
    margin-top: 0;
    line-height: 18px; }
  .home .row {
    padding-bottom: 10px; }

.conference a {
  display: inline; }

.conference .panel {
  margin-bottom: 4px; }

.conference table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 10px 0;
  padding: 0;
  border-spacing: 0; }
  .conference table p {
    font-size: 12px;
    line-height: 16px; }

.conference table tr td,
.conference table tr th {
  padding: 4px;
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #000;
  vertical-align: top; }

.conference td.wide {
  white-space: nowrap; }

.conference table tr.even {
  background: #cce8fd; }

.conference h4 {
  margin-bottom: 0; }

.conference .file-list {
  padding-top: 4px;
  padding-bottom: 4px; }

.cards > div img {
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 5px 0px black;
          box-shadow: 2px 2px 5px 0px black; }

.cards > div img.temp {
  width: 150px;
  padding: 25px 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

.cards > div h3 {
  color: #fff;
  margin: 0;
  padding: 10px 5px 0 0;
  font-size: 16px;
  text-transform: uppercase; }

.cards > div .dmbutton {
  display: inline-block;
  margin: 10px 5px 10px 5px;
  font-size: 13px; }

.cards > div .bg {
  height: 200px;
  width: 200px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#13164b), to(#3747a9));
  background-image: linear-gradient(#13164b, #3747a9);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  -webkit-transition: -webkit-box-shadow .2s ease-in-out 0s;
  transition: -webkit-box-shadow .2s ease-in-out 0s;
  transition: box-shadow .2s ease-in-out 0s;
  transition: box-shadow .2s ease-in-out 0s, -webkit-box-shadow .2s ease-in-out 0s;
  margin: 0 auto; }
  @media (min-width: 768px) and (max-width: 991px) {
    .cards > div .bg {
      height: 157px;
      width: 157px; } }

.cards h5 {
  color: #384452;
  margin: 0 0 5px;
  text-transform: uppercase;
  font-weight: 700; }

/* Testimonials Wrap */
.twrap {
  background: url(../images/t-back.jpg) no-repeat center top;
  margin-top: 0px;
  padding-top: 60px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 450px;
  width: 100%;
  background-size: cover; }

.twrap i {
  font-size: 50px;
  color: white;
  margin-bottom: 25px; }

.twrap p {
  color: white;
  font-size: 15px;
  line-height: 30px; }

/* clients logo */
.cwrap {
  background: #f7f7f7;
  margin-top: 0px;
  padding-top: 80px;
  padding-bottom: 100px; }

.cwrap h3 {
  margin-bottom: 60px; }

/* Footer */
footer a {
  margin-top: 20px;
  color: white;
  font-weight: bold;
  display: block; }
  footer a:hover {
    color: white; }

.footerwrap {
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#13164b), to(#3747a9));
  background-image: linear-gradient(#13164b, #3747a9); }
  .footerwrap .row > div {
    margin-bottom: 20px; }

.footerwrap p {
  color: #fff; }

.footerwrap h4 {
  color: white;
  padding-bottom: 5px;
  border-bottom: 2px solid #fff;
  margin-top: 0;
  margin-bottom: 10px; }

.footerwrap i {
  font-size: 30px;
  color: #fff;
  padding-right: 25px; }

.footerwrap i:hover {
  color: #00b3fe; }

/*	################################################################
    PAGE CONFIGURATIONS
  ################################################################# */
/* General Tweaks */
.ctitle {
  color: #00b3fe;
  font-weight: 700;
  margin-bottom: 15px; }

csmall {
  font-size: 12px;
  color: #b3b3b3; }

csmall2 {
  font-size: 12px;
  color: #f39c12; }

.spacing {
  margin-top: 40px;
  margin-bottom: 40px; }

.badge-theme {
  background: #00b3fe; }

/* Page Banners */
.pageTitleWrapper {
  background: #00b3fe; }

main h1 {
  margin: 0;
  padding-left: 15px;
  color: white;
  background: #00b3fe;
  line-height: 66px; }

.about .col-sm-3 ul,
.about .col-lg-3 ul {
  padding-top: 20px; }

.news p {
  margin-top: 10px; }

.news h5 {
  color: #384452;
  margin: 0;
  text-transform: uppercase; }

.news li.news p {
  line-height: 18px; }

.col-sm-3 > h4, .col-sm-9 > h4,
.col-lg-3 > h4, .col-lg-9 > h4 {
  margin-top: 20px;
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #384452; }

.col-sm-3 h5, .col-sm-9 h5,
.col-lg-3 h5, .col-lg-9 h5 {
  color: #384452;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0; }

.pageTitleWrapper + div[class*="wrap"] {
  padding-top: 0px;
  text-align: center;
  background-attachment: relative;
  background-position: center center;
  min-height: 200px;
  width: 100%;
  background-size: cover; }

.pageTitleWrapper + .contactwrap {
  background: url(../images/banner-contact.jpg) no-repeat center top; }

.pageTitleWrapper + .aboutwrap {
  background: url(../images/banner-about.jpg) no-repeat center top; }

.pageTitleWrapper + .newswrap {
  background: url(../images/banner-news.jpg) no-repeat center top; }

.pageTitleWrapper + .formswrap {
  background: url(../images/banner-forms.jpg) no-repeat center top; }

.pageTitleWrapper + .joinwrap {
  background: url(../images/banner-join.jpg) no-repeat center top; }

.pageTitleWrapper + .committeewrap {
  background: url(../images/banner-committees.jpg) no-repeat center top; }

.pageTitleWrapper + .conferencewrap {
  background: url(https://decc.org/wp-lib/wp-content/uploads/2015/08/ballroom.jpg) no-repeat center top; }

.pageTitleWrapper + .awardswrap {
  background: url(../images/banner-awards.jpg) no-repeat center top; }

.service p {
  text-align: left;
  margin-bottom: 1em; }
  .service p a {
    font-weight: bold; }

.teammembers h3,
.board-members h3,
.legislative-members h3,
.education-members h3,
.bylaws-members h3,
.district-chairs-members h3,
.membership-members h3 {
  text-align: center;
  margin-bottom: 1em; }

.teammembers h5,
.board-members h5,
.legislative-members h5,
.education-members h5,
.bylaws-members h5,
.district-chairs-members h5,
.membership-members h5 {
  margin-bottom: 6px; }

.teammembers .row,
.board-members .row,
.legislative-members .row,
.education-members .row,
.bylaws-members .row,
.district-chairs-members .row,
.membership-members .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }
  .teammembers .row div[class^="col-"],
  .board-members .row div[class^="col-"],
  .legislative-members .row div[class^="col-"],
  .education-members .row div[class^="col-"],
  .bylaws-members .row div[class^="col-"],
  .district-chairs-members .row div[class^="col-"],
  .membership-members .row div[class^="col-"] {
    margin-bottom: 30px; }
    .teammembers .row div[class^="col-"] p,
    .board-members .row div[class^="col-"] p,
    .legislative-members .row div[class^="col-"] p,
    .education-members .row div[class^="col-"] p,
    .bylaws-members .row div[class^="col-"] p,
    .district-chairs-members .row div[class^="col-"] p,
    .membership-members .row div[class^="col-"] p {
      margin-bottom: 0;
      line-height: 16px;
      margin-top: 0; }
    .teammembers .row div[class^="col-"] p:last-child,
    .board-members .row div[class^="col-"] p:last-child,
    .legislative-members .row div[class^="col-"] p:last-child,
    .education-members .row div[class^="col-"] p:last-child,
    .bylaws-members .row div[class^="col-"] p:last-child,
    .district-chairs-members .row div[class^="col-"] p:last-child,
    .membership-members .row div[class^="col-"] p:last-child {
      margin-top: 0; }

div.figure {
  float: right;
  width: 40%;
  border: thin silver solid;
  margin: 0 0 0.5em 0.5em;
  padding: 0.5em; }
  div.figure p {
    margin: 0; }

div.figure p:last-child {
  text-align: center;
  font-style: italic;
  text-indent: 0;
  margin-top: 0.5em;
  line-height: 1.5em; }

.breadcrumb {
  margin: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  background-color: transparent;
  color: #fff; }

.breadcrumb > .active {
  color: #fff; }

.come-in {
  -webkit-transform: translateX(-250px);
          transform: translateX(-250px);
  -webkit-animation: come-in 0.8s ease forwards;
          animation: come-in 0.8s ease forwards; }

.come-in:nth-child(odd) {
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s; }

.already-visible {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation: none;
          animation: none; }

@-webkit-keyframes come-in {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes come-in {
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

input#website {
  position: absolute;
  left: -600px; }

#contact-form .btn {
  margin-top: 15px; }

.awardswrap + .mtb h3 {
  text-align: left; }

.awardspic {
  text-align: center;
  margin: 0 0 20px 0; }
  @media (min-width: 768px) {
    .awardspic {
      float: right;
      margin: 0 0 20px 20px;
      width: 300px; } }
  .awardspic img {
    border-radius: 8px;
    padding: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .awardspic img {
        width: 300px; } }
  .awardspic p {
    width: 100%;
    padding: 0 10px; }
    @media (min-width: 768px) {
      .awardspic p {
        width: 300px; } }
  .awardspic.group {
    text-align: center;
    float: none;
    margin: 0 0 20px;
    width: 100%; }
    .awardspic.group img {
      border-radius: 8px;
      padding: 0;
      width: 100%; }
    .awardspic.group p {
      width: 100%; }

.col-sm-3 ul:not(.file-list),
.col-lg-3 ul:not(.file-list) {
  margin-left: 1.4em;
  list-style-type: disc;
  margin-top: 20px; }

.col-sm-3 ul,
.col-lg-3 ul {
  margin-left: 0;
  list-style-type: none; }
  .col-sm-3 ul li:not(.extLk),
  .col-lg-3 ul li:not(.extLk) {
    display: block;
    line-height: 20px; }
    .col-sm-3 ul li:not(.extLk) a,
    .col-lg-3 ul li:not(.extLk) a {
      margin-bottom: 8px;
      line-height: 20px;
      font-size: 14px;
      background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
      background-image: linear-gradient(currentColor, currentColor);
      background-position: 100% 100%;
      background-repeat: no-repeat;
      background-size: 0% 2px;
      -webkit-transition: background-size .3s ease-in-out;
      transition: background-size .3s ease-in-out;
      display: inline; }
      .col-sm-3 ul li:not(.extLk) a:hover,
      .col-lg-3 ul li:not(.extLk) a:hover {
        background-position: 0% 100%;
        background-size: 100% 2px;
        -webkit-transition: background-size .3s ease-in-out;
        transition: background-size .3s ease-in-out; }
      .col-sm-3 ul li:not(.extLk) a + em,
      .col-lg-3 ul li:not(.extLk) a + em {
        line-height: 20px;
        font-size: 14px;
        color: #337ab7; }

.extLk {
  position: relative;
  display: inline-block;
  padding-left: 24px;
  margin-bottom: 8px;
  line-height: 20px; }
  .extLk:before {
    position: absolute;
    color: #337ab7;
    left: 0;
    top: 2px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f35d";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1; }
  .extLk a {
    color: #337ab7;
    display: inline-block;
    font-size: 14px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    -webkit-transition: background-size .3s ease-in-out;
    transition: background-size .3s ease-in-out;
    display: inline; }
    .extLk a:hover {
      background-position: 0% 100%;
      background-size: 100% 2px;
      -webkit-transition: background-size .3s ease-in-out;
      transition: background-size .3s ease-in-out; }

p.indent {
  padding: 0 20px; }

.fb_iframe_widget {
  display: block !important;
  margin: 0 auto;
  text-align: center; }
  @media (min-width: 768px) {
    .fb_iframe_widget {
      display: inline-block; } }

.contact .pic {
  border-radius: 6px;
  width: 70px;
  float: right;
  margin: 20px 0 0 10px; }

.contact .text-muted {
  margin-top: 0; }

.contact form {
  margin-bottom: 20px; }

.contact .joinLk {
  display: inline-block;
  margin-top: 20px; }

#hero {
  margin-top: 20px;
  background-size: cover;
  background-position: center center !important;
  min-height: 300px; }

@-ms-viewport {
  width: auto !important; }