@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i");
body {
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 16px;
  overflow-x: hidden;
}

.portletEditMode #page {
  margin-top: 150px;
}

.designMode #banner {
  width: 100%;
}

.w-30 {
  width: 30%;
  float: left;
}

.w-50 {
  width: 50%;
  float: left;
}

.w-70 {
  width: 70%;
  float: left;
}

.inside-padding {
  padding: 20px;
}

.showIt {
  opacity: 1 !important;
}

.hideIt {
  opacity: 0;
}

#skip a {
  position: absolute;
  left: -10000px;
  top: auto;
  overflow: hidden;
}
#skip a:focus {
  padding: 0.5em 0.5em 0.4em;
  font-size: 14px;
  margin: 0.6em 0;
  border-radius: 5px;
  font-weight: 600;
  color: #654106;
  background: #ffe1b1;
  position: fixed;
  z-index: 9000;
  left: 10px;
  top: 50px;
}

@-webkit-keyframes open-nav {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes open-nav {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes open-nav {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes open-nav {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scroll-down {
  0% {
    top: 0;
  }
  25% {
    top: 5px;
  }
  50% {
    top: 0;
  }
  75% {
    top: 5px;
  }
  100% {
    top: 0;
  }
}
@-moz-keyframes scroll-down {
  0% {
    top: 0;
  }
  25% {
    top: 5px;
  }
  50% {
    top: 0;
  }
  75% {
    top: 5px;
  }
  100% {
    top: 0;
  }
}
@-o-keyframes scroll-down {
  0% {
    top: 0;
  }
  25% {
    top: 5px;
  }
  50% {
    top: 0;
  }
  75% {
    top: 5px;
  }
  100% {
    top: 0;
  }
}
@keyframes scroll-down {
  0% {
    top: 0;
  }
  25% {
    top: 5px;
  }
  50% {
    top: 0;
  }
  75% {
    top: 5px;
  }
  100% {
    top: 0;
  }
}
@media screen and (max-width: 800px) {
  header .header-top .login {
    width: 100% !important;
    float: none !important;
  }
  header #emergency-banner {
    background: #8c1c13;
  }
  header #emergency-banner .alertInner {
    color: #fff;
    padding: 180px 15px 0 15px !important;
  }
  header .header-bottom .tag-line {
    left: 10px !important;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  header .header-bottom .tag-line {
    display: none !important;
  }
}

header .left-side #logo {
  float: left;
  background: #fff;
  padding: 5px;
  margin-left: 50px;
  margin-top: 3px;
  position: absolute;
  z-index: 3000;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -vendor-animation-duration: 700ms;
  animation-duration: 700ms;
}
header .left-side #logo img {
  max-width: 180px;
}
header .header-top {
  background: #8c1c13;
  border-top: 3px solid #4c8245;
  padding: 10px;
}
header .header-top .container {
  width: 99%;
  height: 22px;
}
header .header-top .container #emergency-banner {
  width: 90%;
  display: block;
  position: relative;
}
header .header-top .container #emergency-banner .alertInner {
  color: #fff;
  padding-left: 280px;
}
header .header-top .container .login {
  text-align: right;
  width: 10%;
  float: right;
}
header .header-top .container .login .fa {
  padding-right: 10px;
  font-size: 16px;
  color: #fff;
}
header .header-top .container .login a {
  color: #fff;
  text-decoration: none;
  font-size: 0.875em;
  font-weight: 600;
}
header .header-top .container .login a:hover {
  text-decoration: underline;
}
header .header-bottom {
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  position: relative;
  width: 100%;
}
header .header-bottom .tag-line {
  font-size: 0.875em;
  font-style: italic;
  font-weight: 600;
  color: #4562a6;
  position: absolute;
  left: 260px;
}

#menubar {
  width: 100%;
  float: right;
  padding-left: 450px;
}
#menubar #mobile-bar {
  display: none;
  text-align: right;
  padding: 15px;
  text-decoration: none;
  font-weight: bold;
  width: 100px;
  float: right;
}
@media screen and (max-width: 1100px) {
  #menubar #mobile-bar {
    display: block;
  }
}
#menubar .inside-padding {
  padding: 0;
}
@media screen and (max-width: 1100px) {
  #menubar .megamenu {
    display: none;
  }
}
#menubar .megamenu nav .nav-menu {
  text-align: right;
}
#menubar .megamenu nav .nav-menu .nav-item.level0 a {
  color: #303c45;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  text-decoration: none;
  padding: 20px 10px;
  text-transform: uppercase;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  position: relative;
  border: none !important;
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}
#menubar .megamenu nav .nav-menu .nav-item.level0 a div span {
  z-index: 10;
  position: relative;
}
#menubar .megamenu nav .nav-menu .nav-item.level0 a div:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #4562a6;
  background: -moz-linear-gradient(top, #4562a6 0%, #3e5794 91%, #2f4270 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4562a6 0%, #3e5794 91%, #2f4270 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4562a6 0%, #3e5794 91%, #2f4270 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  transition: all 200ms ease-in-out;
  z-index: 0;
  opacity: 0;
}
#menubar .megamenu nav .nav-menu .nav-item.level0 a.open {
  background: transparent !important;
}
#menubar .megamenu nav .nav-menu .nav-item.level0 a:hover div:after, #menubar .megamenu nav .nav-menu .nav-item.level0 a.open div:after, #menubar .megamenu nav .nav-menu .nav-item.level0 a:focus div:after {
  opacity: 1;
  height: 100%;
}
#menubar .megamenu nav .nav-menu .nav-item.level0 a:hover span, #menubar .megamenu nav .nav-menu .nav-item.level0 a.open span, #menubar .megamenu nav .nav-menu .nav-item.level0 a:focus span {
  color: #fff;
}
#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav {
  background: #4562a6;
  padding: 15px;
  right: 0 !important;
  left: unset !important;
}
#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav.open {
  opacity: 0;
  -webkit-animation: open-nav 1.5s 200ms forwards;
  /* Safari 4+ */
  -moz-animation: open-nav 1.5s 200ms forwards;
  /* Fx 5+ */
  -o-animation: open-nav 1.5s 200ms forwards;
  /* Opera 12+ */
  animation: open-nav 1.5s 200ms forwards;
  /* IE 10+, Fx 29+ */
}
#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  grid-column-gap: 0.5em;
  text-align: left;
  float: left;
  width: 100%;
}
#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 a {
  color: #fff;
  font-size: 0.875em;
  padding: 10px 5px;
  margin: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  border: none !important;
}
#menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 a:hover, #menubar .megamenu nav .nav-menu .nav-item.level0 .sub-nav .level1 a:focus {
  background: #364d82;
}
#menubar .megamenu nav .nav-menu .nav-item.level0:last-child > a {
  background: #4562a6;
  background: -moz-linear-gradient(top, #4562a6 0%, #3e5794 91%, #2f4270 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4562a6 0%, #3e5794 91%, #2f4270 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4562a6 0%, #3e5794 91%, #2f4270 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: none !important;
}
#menubar .megamenu nav .nav-menu .nav-item.level0:last-child > a div span {
  z-index: 10;
  position: relative;
  color: #fff;
}
#menubar .megamenu nav .nav-menu .nav-item.level0:last-child > a div:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #4c8245;
  background: -moz-linear-gradient(top, #4c8245 0%, #42713c 91%, #2f502a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4c8245 0%, #42713c 91%, #2f502a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4c8245 0%, #42713c 91%, #2f502a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  transition: all 200ms ease-in-out;
  z-index: 0;
  opacity: 0;
}
#menubar .megamenu nav .nav-menu .nav-item.level0:last-child > a.open {
  background: transparent !important;
}
#menubar .megamenu nav .nav-menu .nav-item.level0:last-child > a:hover div:after, #menubar .megamenu nav .nav-menu .nav-item.level0:last-child > a.open div:after, #menubar .megamenu nav .nav-menu .nav-item.level0:last-child > a:focus div:after {
  opacity: 1;
  height: 100%;
}
#menubar .megamenu nav .nav-menu .nav-item.level0:last-child .sub-nav {
  background: #4c8245;
}
#menubar .megamenu nav .nav-menu .nav-item.level0:last-child .sub-nav .level1 a:hover, #menubar .megamenu nav .nav-menu .nav-item.level0:last-child .sub-nav .level1 a:focus {
  background: #396133;
}

#banner {
  background: #025da8;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center -100px;
  -webkit-clip-path: url(#clip-path);
  clip-path: url(#clip-path);
  -webkit-clip-path: polygon(50% 100%, 100% 85%, 100% 0, 0 0, 0 85%);
  clip-path: polygon(50% 100%, 100% 85%, 100% 0, 0 0, 0 85%);
  position: relative;
}
@media screen and (max-width: 1080px) {
  #banner {
    background-size: 150%;
  }
  #banner .header-tag {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  #banner {
    background-size: 180%;
  }
}
@media screen and (max-width: 580px) {
  #banner {
    background-size: 290%;
    height: 700px;
  }
}
#banner .banner-shadow {
  background: url(/UserFiles/Servers/Server_12493019/Templates/img/shadow.png) repeat;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 300px;
  z-index: 0;
  opacity: 0.7;
}
#banner .scroll-down {
  position: absolute;
  bottom: 20px;
  z-index: 10;
}
#banner .scroll-down a {
  text-decoration: none;
  text-align: center;
}
#banner .scroll-down a span {
  display: block;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 0.875em;
  font-weight: bold;
}
#banner .scroll-down a img {
  width: 50px;
  position: relative;
  -webkit-animation: scroll-down 2s infinite;
  /* Safari 4+ */
  -moz-animation: scroll-down 2s infinite;
  /* Fx 5+ */
  -o-animation: scroll-down 2s infinite;
  /* Opera 12+ */
  animation: scroll-down 2s infinite;
  /* IE 10+, Fx 29+ */
}
#banner .header-tag {
  position: absolute;
  right: 0;
  bottom: 100px;
  background: rgba(48, 60, 69, 0.5);
  border: 1px solid rgba(48, 60, 69, 0.5);
  padding: 10px;
  z-index: 10;
}
#banner .header-tag .icon-tag {
  color: #fff;
  padding: 10px 15px 10px 0;
  float: left;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
#banner .header-tag .text-tag {
  float: right;
  padding-left: 10px;
  font-family: "Open Sans", sans-serif;
}
#banner .header-tag .text-tag span {
  color: #fff;
  display: block;
  font-size: 0.875em;
  font-family: "Open Sans", sans-serif;
}
#banner .header-ql {
  background: rgba(48, 60, 69, 0.5);
  border: 1px solid rgba(48, 60, 69, 0.5);
  padding: 15px;
  width: 100%;
  max-width: 700px;
  z-index: 10;
}
#banner .header-ql .quick-links {
  width: 100%;
  margin: 0 auto;
}
#banner .header-ql .quick-links ul {
  padding: 0;
  text-align: center;
}
#banner .header-ql .quick-links ul li {
  list-style: none;
  display: inline-block;
  margin: 25px 2px;
}
#banner .header-ql .quick-links ul li a {
  color: #4562a6;
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.875em;
  text-decoration: none;
  padding: 22px 35px;
  border: 1px solid rgba(48, 60, 69, 0.6);
  -moz-transition: color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
  background: #fff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 91%, #d3d3d3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 91%, #d3d3d3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 91%, #d3d3d3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#banner .header-ql .quick-links ul li a em {
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 20px;
  padding-right: 10px;
  color: #4c8245;
  -moz-transition: color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
#banner .header-ql .quick-links ul li a:hover {
  color: #fff;
  background: #4c8245;
}
#banner .header-ql .quick-links ul li a:hover em {
  color: #fff;
}
#banner #search-box {
  margin: 0 auto;
  max-width: 636px;
  position: relative;
  padding: 0 15px;
}
#banner #search-box input[id*="SearchTerm"] {
  border: 1px solid rgba(51, 51, 51, 0.15);
  padding: 1rem 1.3rem;
  margin: 0 auto;
  line-height: 1.375rem;
  font-size: 0.875em;
  font-weight: 600;
  font-style: italic;
  color: #1e3853;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
}
#banner #search-box a[id*="btn"] {
  border: none;
  position: absolute;
  right: 24px;
  top: 9px;
  background: #4c8245;
  padding: 8px;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#banner #search-box a[id*="btn"]:hover {
  cursor: pointer;
  background: #4562a6;
}
#banner #search-box a[id*="btn"] em {
  color: #fff;
  font-size: 1.475rem;
  text-align: center;
}

#welcome {
  margin-top: -100px;
  min-height: 600px;
}
@media screen and (max-width: 1080px) {
  #welcome .w-50 {
    width: 100%;
    float: none;
  }
  #welcome .right-sec {
    margin-bottom: -70px !important;
  }
  #welcome .right-sec .quick-links {
    padding: 70px 0 150px 0 !important;
  }
  #welcome .left-sec .welcome-sec {
    margin-top: 80px !important;
  }
}
@media screen and (max-width: 580px) {
  #welcome .right-sec .quick-links {
    padding: 40px 0 100px 0 !important;
  }
  #welcome .left-sec {
    margin-bottom: 100px !important;
  }
  #welcome .left-sec .welcome-sec {
    margin-top: 250px !important;
  }
}
@media screen and (max-width: 490px) {
  #welcome .left-sec {
    margin-bottom: 180px !important;
  }
}
#welcome .left-sec {
  width: 70%;
  margin: 0 auto;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#welcome .left-sec .welcome-sec {
  font-family: "Open Sans", sans-serif;
  margin-top: 130px;
}
#welcome .left-sec .welcome-sec h2 {
  font-size: 2.125em;
  font-weight: bold;
  color: #303c45;
}
#welcome .left-sec .welcome-sec h2:after {
  border-bottom: 3px solid rgba(48, 60, 69, 0.15);
  content: '';
  display: block;
  width: 100px;
}
#welcome .left-sec .welcome-sec p {
  font-size: 1em;
  color: #777;
  line-height: 1.875em;
}
#welcome .left-sec .welcome-sec p strong {
  font-size: 1.5em;
  font-weight: 600;
  color: #4562a6;
}
#welcome .left-sec .welcome-sec a {
  text-decoration: none;
}
#welcome .left-sec .welcome-sec a .w-button {
  background: #4c8245;
  width: 100px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#welcome .left-sec .welcome-sec a .w-button span {
  color: #fff;
  font-size: 16px;
  position: absolute;
  z-index: 10;
}
#welcome .left-sec .welcome-sec a .w-button:before {
  content: '';
  position: absolute;
  top: 50px;
  left: -31px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 140px solid rgba(0, 0, 0, 0.1);
  z-index: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#welcome .left-sec .welcome-sec a .w-button:after {
  content: '';
  position: absolute;
  top: 50px;
  left: -31px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 140px solid rgba(0, 0, 0, 0.1);
  z-index: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#welcome .left-sec .welcome-sec a .w-button:hover {
  background: #4562a6;
}
#welcome .left-sec .welcome-sec a .w-button:hover:before {
  opacity: 1;
  -webkit-transform: translate(0px, -120px);
  -ms-transform: translate(0px, -120px);
  transform: translate(0px, -120px);
  -moz-transform: translate(0px, -120px);
}
#welcome .left-sec .welcome-sec a .w-button:hover:after {
  opacity: 1;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
  -moz-transform: translate(0px, -100px);
}
#welcome .right-sec {
  width: 70%;
  margin: 0 auto;
}
#welcome .right-sec .quick-links {
  background: #4562a6;
  background: -moz-linear-gradient(top, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4562a6', endColorstr='#25477a',GradientType=0 );
  /* IE6-9 */
  padding: 170px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#welcome .right-sec .quick-links ul {
  width: 80%;
  padding: 0;
  margin: 0 auto;
  max-width: 400px;
}
#welcome .right-sec .quick-links ul li {
  list-style: none;
}
#welcome .right-sec .quick-links ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  padding: 10px 5px;
  display: block;
  position: relative;
  overflow: hidden;
  height: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#welcome .right-sec .quick-links ul li a em {
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 15px;
  float: right;
  padding-right: 10px;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  display: block;
  position: absolute;
  right: 0;
  top: 18px;
  z-index: 10;
}
#welcome .right-sec .quick-links ul li a span {
  display: block;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  z-index: 10;
  position: absolute;
  top: 13px;
}
#welcome .right-sec .quick-links ul li a:after {
  content: "";
  position: absolute;
  height: 0%;
  left: 50%;
  top: 50%;
  width: 150%;
  z-index: 0;
  -webkit-transition: all 0.75s ease 0s;
  -moz-transition: all 0.75s ease 0s;
  -o-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
  background: #fff;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
  transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
#welcome .right-sec .quick-links ul li a:hover {
  color: #4562a6;
}
#welcome .right-sec .quick-links ul li a:hover:after {
  height: 450%;
}
#welcome .right-sec .quick-links ul li:nth-child(2n) a {
  background: rgba(51, 51, 51, 0.22);
}

#news {
  position: relative;
  -webkit-transform: skewY(-10deg);
  -ms-transform: skewY(-10deg);
  transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  width: 100%;
  overflow: hidden;
}
#news .news-bg {
  background: url(/UserFiles/Servers/Server_12493019/Templates/img/news-bg04.jpg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 170%;
  -webkit-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  transform: skewY(10deg);
  -moz-transform: skewY(10deg);
  top: -230px;
  background-position: center -350px;
  position: absolute;
  display: flex;
  justify-content: center;
}
#news .skew {
  -webkit-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  transform: skewY(10deg);
  -moz-transform: skewY(10deg);
  padding: 50px 50px 80px 50px;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 550px) {
  #news .skew {
    padding: 50px 20px 80px 20px !important;
  }
  #news .skew .news-title h2 {
    font-size: 1.825em !important;
  }
}
#news .skew .news-title {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  text-align: center;
}
#news .skew .news-title h2 {
  font-size: 2.125em;
  font-weight: bold;
  margin: 5px 0 0 0;
  text-transform: uppercase;
}
#news .skew .news-title h2:after {
  border-bottom: 3px solid rgba(255, 255, 255, 0.15);
  content: '';
  display: block;
  width: 100px;
  margin: 10px auto 0;
}
#news .skew .news-title p {
  font-size: 1em;
  font-weight: 600;
  margin: 0;
}
#news .home_news_summary .news-item {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  position: relative;
}
@media screen and (max-width: 850px) {
  #news .home_news_summary .news-item {
    width: 100%;
    margin-bottom: 20px;
  }
  #news .home_news_summary .news-item .image img, #news .home_news_summary .news-item .subpage .photos-gallery-7 .f-image img, .subpage .photos-gallery-7 #news .home_news_summary .news-item .f-image img {
    width: 100%;
    object-fit: cover;
  }
}
#news .home_news_summary .news-item a {
  text-decoration: none;
}
#news .home_news_summary .news-item a:hover .image img, #news .home_news_summary .news-item a:hover .subpage .photos-gallery-7 .f-image img, .subpage .photos-gallery-7 #news .home_news_summary .news-item a:hover .f-image img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
#news .home_news_summary .news-item a:hover .newsDate {
  border-right: 80px solid #4562a6;
  border-bottom: 80px solid transparent;
}
#news .home_news_summary .news-item a:hover .newsDate div {
  right: -38px;
  top: 3px;
  font-size: 0.8em;
}
#news .home_news_summary .news-item .image, #news .home_news_summary .news-item .subpage .photos-gallery-7 .f-image, .subpage .photos-gallery-7 #news .home_news_summary .news-item .f-image {
  width: 100%;
  height: 260px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 5px #fff;
}
#news .home_news_summary .news-item .image img, #news .home_news_summary .news-item .subpage .photos-gallery-7 .f-image img, .subpage .photos-gallery-7 #news .home_news_summary .news-item .f-image img {
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}
#news .home_news_summary .news-item .newsDate {
  width: 0px;
  height: 0px;
  border-top: 0px solid transparent;
  border-bottom: 100px solid transparent;
  border-right: 100px solid #4c8245;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#news .home_news_summary .news-item .newsDate div {
  color: #fff;
  width: 40px;
  position: relative;
  right: -55px;
  top: 2px;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#news .home_news_summary .news-item .newsDate div strong {
  font-size: 2.125em;
  top: -10px;
  position: relative;
}
#news .home_news_summary .news-item .newscontent {
  color: #fff;
}
#news .home_news_summary .news-item .newscontent .news-title {
  font-weight: 600;
  font-size: 1.500em;
}
#news .home_news_summary .news-item .newscontent .summary {
  margin: 10px 0 30px 0;
  font-size: 1em;
  line-height: 1.875em;
}
#news .home_news_summary .news-item .more-div {
  width: 140px;
  margin: 0 auto;
}
#news .home_news_summary .news-item .more-div .read-more {
  float: none;
  text-decoration: none;
}
#news .home_news_summary .news-item .more-div .read-more div {
  background: #4c8245;
  width: 100px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  margin: 0 auto;
}
#news .home_news_summary .news-item .more-div .read-more div span {
  color: #fff;
  font-size: 16px;
  position: absolute;
  z-index: 10;
  text-transform: uppercase;
}
#news .home_news_summary .news-item .more-div .read-more div:before {
  content: '';
  position: absolute;
  top: 50px;
  left: -31px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 140px solid rgba(0, 0, 0, 0.1);
  z-index: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#news .home_news_summary .news-item .more-div .read-more div:after {
  content: '';
  position: absolute;
  top: 50px;
  left: -31px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 140px solid rgba(0, 0, 0, 0.1);
  z-index: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#news .home_news_summary .news-item .more-div .read-more div:hover {
  background: #4562a6;
}
#news .home_news_summary .news-item .more-div .read-more div:hover:before {
  opacity: 1;
  -webkit-transform: translate(0px, -120px);
  transform: translate(0px, -120px);
  -ms-transform: scale(0px, -120px);
  -moz-transform: scale(0px, -120px);
}
#news .home_news_summary .news-item .more-div .read-more div:hover:after {
  opacity: 1;
  -webkit-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
  -ms-transform: scale(0px, -100px);
  -moz-transform: scale(0px, -100px);
}
#news .news-footer {
  display: flex;
  align-items: center;
  margin: 30px auto 0;
  justify-content: center;
}
#news .news-footer div {
  width: 100%;
  float: left;
}
#news .news-footer .line {
  max-width: 220px;
  height: 2px;
  background: rgba(255, 255, 255, 0.15);
}
@media screen and (max-width: 850px) {
  #news .news-footer .line {
    max-width: 100px;
  }
}
@media screen and (max-width: 555px) {
  #news .news-footer .line {
    max-width: 50px;
  }
}
#news .news-footer .see-all-news {
  max-width: 240px;
}
#news .news-footer .see-all-news a {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 0.875em;
  font-weight: 600;
  font-style: italic;
  text-decoration: none;
}
#news .news-footer .see-all-news a:hover {
  text-decoration: underline;
}

.newsHover .image img, .newsHover .subpage .photos-gallery-7 .f-image img, .subpage .photos-gallery-7 .newsHover .f-image img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.newsHover .newsDate {
  border-right: 80px solid #4562a6 !important;
  border-bottom: 80px solid transparent !important;
}
.newsHover .newsDate div {
  right: -38px !important;
  top: 3px !important;
  font-size: 0.8em !important;
}

#event {
  position: relative;
  -webkit-transform: skewY(-10deg);
  -ms-transform: skewY(-10deg);
  transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  width: 100%;
  overflow: hidden;
}
#event .w-50 .inside-padding {
  padding: 20px 60px;
}
@media screen and (max-width: 550px) {
  #event .w-50 .inside-padding {
    padding: 20px 30px !important;
  }
}
@media screen and (max-width: 850px) {
  #event .w-50 {
    width: 100%;
  }
}
#event .event-bg {
  background: url(/UserFiles/Servers/Server_12493019/Templates/img/event-bg.jpg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 150%;
  -webkit-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  transform: skewY(10deg);
  -moz-transform: skewY(10deg);
  background-position: center -300px;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  position: absolute;
  top: -230px;
}
#event .skew {
  -webkit-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  transform: skewY(10deg);
  -moz-transform: skewY(10deg);
  padding: 80px 0;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
#event .skew .event-title {
  font-family: "Open Sans", sans-serif;
  color: #666;
  text-align: center;
}
#event .skew .event-title h2 {
  font-size: 2.125em;
  font-weight: bold;
  margin: 5px 0 0 0;
  color: #4562a6;
  text-transform: uppercase;
}
@media screen and (max-width: 550px) {
  #event .skew .event-title h2 {
    font-size: 1.825em !important;
  }
}
#event .skew .event-title h2:after {
  border-bottom: 3px solid rgba(0, 0, 0, 0.15);
  content: '';
  display: block;
  width: 100px;
  margin: 10px auto 0;
}
#event .skew .event-title p {
  font-size: 1em;
  font-weight: 600;
  margin: 0;
}
#event .skew .event-footer {
  display: flex;
  align-items: center;
  padding: 30px 0 0 0;
  justify-content: center;
  width: 100%;
}
#event .skew .event-footer div {
  width: 100%;
  float: left;
}
#event .skew .event-footer .container {
  float: none;
  padding: 0 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#event .skew .event-footer .line {
  max-width: 220px;
  height: 2px;
  background: rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 850px) {
  #event .skew .event-footer .line {
    max-width: 100px;
  }
}
#event .skew .event-footer .see-all-events {
  max-width: 150px;
}
#event .skew .event-footer .see-all-events a {
  color: #4562a6;
  display: block;
  text-align: center;
  font-size: 0.875em;
  font-weight: 600;
  font-style: italic;
  text-decoration: none;
}
#event .skew .event-footer .see-all-events a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 560px) {
  #event .skew .event-portlet .event .eventName {
    font-size: 1em !important;
  }
}
#event .skew .event-portlet .eventsList .event {
  text-decoration: none;
}
#event .skew .event-portlet .eventsList .event:hover .inside .eventDate {
  background: #4562a6;
}
#event .skew .event-portlet .eventsList .event:hover .inside .eventDetails:before {
  opacity: 1;
  width: 100%;
}
#event .skew .event-portlet .eventsList .event:hover .inside .eventDetails span, #event .skew .event-portlet .eventsList .event:hover .inside .eventDetails .eventName {
  color: #fff;
}
#event .skew .event-portlet .eventsList .event .inside {
  height: 110px;
  display: flex;
  align-items: center;
  margin: 2px 0;
}
#event .skew .event-portlet .eventsList .event .inside div {
  float: left;
}
#event .skew .event-portlet .eventsList .event .inside .eventDate {
  height: 100%;
  min-width: 45px;
  background: #4c8245;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#event .skew .event-portlet .eventsList .event .inside .eventDate .dateOrb {
  font-size: 1em;
  font-weight: bold;
}
#event .skew .event-portlet .eventsList .event .inside .eventDate .dateOrb span {
  display: block;
  font-size: 1.75em;
}
#event .skew .event-portlet .eventsList .event .inside .eventDetails {
  width: 90%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0px 0px 0px 30px;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0px 10px;
  position: relative;
}
#event .skew .event-portlet .eventsList .event .inside .eventDetails:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  z-index: 0;
  opacity: 0;
  background-color: #4562a6;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#event .skew .event-portlet .eventsList .event .inside .eventDetails span {
  font-size: 0.875em;
  font-weight: 600;
  font-style: italic;
  color: #666;
  display: block;
  z-index: 10;
}
#event .skew .event-portlet .eventsList .event .inside .eventDetails .eventName {
  display: block;
  width: 100%;
  font-size: 1.3em;
  font-weight: 600;
  color: #4562a6;
  z-index: 10;
}
#event .skew .event-portlet .eventsList .event:nth-child(2n) .eventDetails {
  background: rgba(0, 0, 0, 0.05);
}
#event .skew .feature-event-portlet #featured-event {
  position: relative;
}
#event .skew .feature-event-portlet #featured-event .event .eventDate {
  width: 0px;
  height: 0px;
  border-top: 0px solid transparent;
  border-bottom: 100px solid transparent;
  border-right: 100px solid #4c8245;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#event .skew .feature-event-portlet #featured-event .event .eventDate div {
  color: #fff;
  width: 40px;
  position: relative;
  right: -59px;
  top: 6px;
  font-size: 1em;
  font-family: "Open Sans", sans-serif;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#event .skew .feature-event-portlet #featured-event .event .eventDate div span {
  font-size: 1.875em;
  font-weight: bold;
  display: block;
  line-height: 1em;
}
#event .skew .feature-event-portlet #featured-event .event .featured-image {
  overflow: hidden;
  position: relative;
  height: 350px;
  border: solid 5px #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#event .skew .feature-event-portlet #featured-event .event .featured-image img {
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#event .skew .feature-event-portlet #featured-event .event .featured-image:hover {
  cursor: pointer;
}
#event .skew .feature-event-portlet #featured-event .event .featured-image:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
#event .skew .feature-event-portlet #featured-event .event-info {
  margin: 10px 0 20px 0;
  font-size: 1em;
  line-height: 1.875em;
  color: #333333;
}
#event .skew .feature-event-portlet #featured-event .event-info .event-name {
  font-size: 1.5em;
  line-height: 2.25em;
  color: #4562a6;
  margin: 0;
}
#event .skew .feature-event-portlet #featured-event .more-div {
  width: 140px;
}
#event .skew .feature-event-portlet #featured-event .more-div .more {
  float: none;
  text-decoration: none;
}
#event .skew .feature-event-portlet #featured-event .more-div .more div {
  background: #4c8245;
  width: 100px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#event .skew .feature-event-portlet #featured-event .more-div .more div span {
  color: #fff;
  font-size: 16px;
  position: absolute;
  z-index: 10;
  text-transform: uppercase;
}
#event .skew .feature-event-portlet #featured-event .more-div .more div:before {
  content: '';
  position: absolute;
  top: 50px;
  left: -31px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 140px solid rgba(0, 0, 0, 0.1);
  z-index: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#event .skew .feature-event-portlet #featured-event .more-div .more div:after {
  content: '';
  position: absolute;
  top: 50px;
  left: -31px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 140px solid rgba(0, 0, 0, 0.1);
  z-index: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#event .skew .feature-event-portlet #featured-event .more-div .more div:hover {
  background: #4562a6;
}
#event .skew .feature-event-portlet #featured-event .more-div .more div:hover:before {
  opacity: 1;
  -webkit-transform: translate(0px, -120px);
  transform: translate(0px, -120px);
  -ms-transform: scale(0px, -120px);
  -moz-transform: scale(0px, -120px);
}
#event .skew .feature-event-portlet #featured-event .more-div .more div:hover:after {
  opacity: 1;
  -webkit-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
  -ms-transform: scale(0px, -100px);
  -moz-transform: scale(0px, -100px);
}

.eventHover .event .featured-image img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.eventHover .event .eventDate {
  border-right: 80px solid #4562a6 !important;
  border-bottom: 80px solid transparent !important;
}
.eventHover .event .eventDate div {
  right: -40px !important;
  top: 3px !important;
  font-size: 0.8em !important;
}

#connect {
  position: relative;
  -webkit-transform: skewY(-10deg);
  -ms-transform: skewY(-10deg);
  transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  width: 100%;
  overflow: hidden;
}
#connect .connect-bg {
  background: url(/UserFiles/Servers/Server_12493019/Templates/img/connect-bg.jpg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 250%;
  -webkit-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  transform: skewY(10deg);
  -moz-transform: skewY(10deg);
  top: -330px;
  background-position: center -350px;
  position: absolute;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 850px) {
  #connect .connect-bg {
    top: -800px !important;
    height: 250% !important;
  }
}
#connect .skew {
  -webkit-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  transform: skewY(10deg);
  -moz-transform: skewY(10deg);
  padding: 50px 50px 80px 50px;
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (max-width: 550px) {
  #connect .skew {
    padding: 50px 20px 80px 20px !important;
  }
}
#connect .skew .connect-title {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  text-align: center;
}
#connect .skew .connect-title h2 {
  font-size: 2.125em;
  font-weight: bold;
  margin: 5px 0 0 0;
  text-transform: uppercase;
}
@media screen and (max-width: 550px) {
  #connect .skew .connect-title h2 {
    font-size: 1.825em !important;
  }
}
#connect .skew .connect-title h2:after {
  border-bottom: 3px solid rgba(255, 255, 255, 0.15);
  content: '';
  display: block;
  width: 100px;
  margin: 10px auto 0;
}
#connect .skew #twitter-feed {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}
#connect .skew #twitter-feed .row {
  width: 33.333%;
  float: left;
}
@media screen and (max-width: 1150px) {
  #connect .skew #twitter-feed .row {
    width: 100%;
  }
}
#connect .skew #twitter-feed .row .feed-item {
  padding: 0 20px;
  font-family: "Open Sans", sans-serif;
  color: #fff;
}
#connect .skew #twitter-feed .row .feed-item .title h3 {
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.5em;
  margin: 0;
}
#connect .skew #twitter-feed .row .feed-item .description {
  font-size: 1em;
  line-height: 1.875em;
}
#connect .skew #twitter-feed .row .feed-item a {
  color: #fff;
}
#connect .skew #twitter-feed .row .feed-item a:hover {
  text-decoration: none;
}
#connect .skew #twitter-feed .row .feed-item img {
  display: none;
}
#connect .skew .connect-footer {
  display: flex;
  align-items: center;
  margin: 15px auto 0;
  justify-content: center;
}
#connect .skew .connect-footer div {
  width: 100%;
  float: left;
}
#connect .skew .connect-footer .line {
  max-width: 220px;
  height: 2px;
  background: rgba(255, 255, 255, 0.15);
}
@media screen and (max-width: 850px) {
  #connect .skew .connect-footer .line {
    max-width: 100px;
  }
}
#connect .skew .connect-footer .follow-on-twitter {
  max-width: 180px;
}
#connect .skew .connect-footer .follow-on-twitter a {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 0.875em;
  font-weight: 600;
  font-style: italic;
  text-decoration: none;
}
#connect .skew .connect-footer .follow-on-twitter a:hover {
  text-decoration: underline;
}

#newsletter {
  position: relative;
  -webkit-transform: skewY(-10deg);
  -ms-transform: skewY(-10deg);
  transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  width: 100%;
  overflow: hidden;
}
#newsletter .newsletter-bg {
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  top: -230px;
  -webkit-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  transform: skewY(10deg);
  -moz-transform: skewY(10deg);
}
#newsletter .skew {
  -webkit-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  transform: skewY(10deg);
  -moz-transform: skewY(10deg);
  padding: 80px 0;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}
#newsletter .skew .newsletter-sec {
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
@media screen and (max-width: 850px) {
  #newsletter .skew .newsletter-sec {
    flex-direction: column;
  }
  #newsletter .skew .newsletter-sec .content {
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 850px) {
  #newsletter .skew .newsletter-sec {
    padding: 0 !important;
  }
}
#newsletter .skew .newsletter-sec .icon {
  width: 300px;
  height: auto;
}
@media screen and (max-width: 550px) {
  #newsletter .skew .newsletter-sec .icon {
    width: 200px;
  }
}
#newsletter .skew .newsletter-sec .icon img {
  width: 100%;
}
#newsletter .skew .newsletter-sec .content {
  float: left;
  max-width: 500px;
  padding: 0 20px;
}
#newsletter .skew .newsletter-sec .content h2 {
  font-size: 2.125em;
  font-weight: bold;
  margin: 5px 0 30px 0;
  color: #4562a6;
  text-transform: uppercase;
}
@media screen and (max-width: 550px) {
  #newsletter .skew .newsletter-sec .content h2 {
    font-size: 1.825em !important;
  }
}
#newsletter .skew .newsletter-sec .content p {
  font-size: 1em;
  line-height: 1.75em;
  font-weight: 600;
  margin: 0;
}
#newsletter .skew .newsletter-sec .more {
  float: right;
  display: block;
  text-decoration: none;
}
#newsletter .skew .newsletter-sec .more .n-button {
  background: #4c8245;
  width: 100px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#newsletter .skew .newsletter-sec .more .n-button span {
  color: #fff;
  font-size: 16px;
  position: absolute;
  z-index: 10;
  text-transform: uppercase;
}
#newsletter .skew .newsletter-sec .more .n-button:before {
  content: '';
  position: absolute;
  top: 50px;
  left: -31px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 140px solid rgba(0, 0, 0, 0.1);
  z-index: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#newsletter .skew .newsletter-sec .more .n-button:after {
  content: '';
  position: absolute;
  top: 50px;
  left: -31px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 140px solid rgba(0, 0, 0, 0.1);
  z-index: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#newsletter .skew .newsletter-sec .more .n-button:hover {
  background: #4562a6;
}
#newsletter .skew .newsletter-sec .more .n-button:hover:before {
  opacity: 1;
  -webkit-transform: translate(0px, -120px);
  -ms-transform: translate(0px, -120px);
  transform: translate(0px, -120px);
  -moz-transform: translate(0px, -120px);
}
#newsletter .skew .newsletter-sec .more .n-button:hover:after {
  opacity: 1;
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
  -moz-transform: translate(0px, -100px);
}

#video {
  position: relative;
  -webkit-transform: skewY(-10deg);
  -ms-transform: skewY(-10deg);
  transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  width: 100%;
  overflow: hidden;
}
#video .video-bg {
  background: url(/UserFiles/Servers/Server_12493019/Templates/img/video-bg.jpg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 170%;
  -webkit-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  transform: skewY(10deg);
  -moz-transform: skewY(10deg);
  top: -400px;
  background-position: center -350px;
  position: absolute;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 850px) {
  #video .video-bg {
    height: 200% !important;
    top: -750px !important;
  }
}
@media screen and (max-width: 680px) {
  #video .video-bg {
    top: -1150px !important;
  }
}
#video .skew {
  -webkit-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  transform: skewY(10deg);
  -moz-transform: skewY(10deg);
  padding: 50px 50px 80px 50px;
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (max-width: 550px) {
  #video .skew {
    padding: 50px 20px 80px 20px !important;
  }
}
#video .skew .video-title {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  text-align: center;
}
#video .skew .video-title h2 {
  font-size: 2.125em;
  font-weight: bold;
  margin: 5px 0 0 0;
  text-transform: uppercase;
}
@media screen and (max-width: 550px) {
  #video .skew .video-title h2 {
    font-size: 1.825em !important;
  }
}
#video .skew .video-title h2:after {
  border-bottom: 3px solid rgba(255, 255, 255, 0.15);
  content: '';
  display: block;
  width: 100px;
  margin: 10px auto 0;
}
#video .skew p {
  font-size: 1em;
  line-height: 1.875em;
  color: #fff;
}
#video .skew strong {
  font-weight: 600;
  font-size: 1.5em;
}
#video .skew .text-area {
  text-align: center;
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 0;
}
#video .skew .video-quick-links {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
}
#video .skew .video-quick-links ul {
  padding: 0;
  text-align: center;
}
#video .skew .video-quick-links ul li {
  list-style: none;
  display: inline-block;
  margin: 25px 2px;
  position: relative;
}
#video .skew .video-quick-links ul li:before {
  border-right: solid rgba(255, 255, 255, 0.1) 2px;
  content: '';
  position: absolute;
  right: -5px;
  top: 0;
  height: 100%;
}
#video .skew .video-quick-links ul li:after {
  border-bottom: solid rgba(255, 255, 255, 0.1) 2px;
  content: '';
  position: absolute;
  bottom: -22px;
  left: 11px;
  width: 150px;
}
#video .skew .video-quick-links ul li:nth-child(5):after, #video .skew .video-quick-links ul li:nth-child(6):after, #video .skew .video-quick-links ul li:nth-child(7):after, #video .skew .video-quick-links ul li:nth-child(8):after {
  border-bottom: none;
}
@media screen and (max-width: 863px) {
  #video .skew .video-quick-links ul li:nth-child(5):after, #video .skew .video-quick-links ul li:nth-child(6):after {
    border-bottom: solid rgba(255, 255, 255, 0.1) 2px;
    content: '';
    position: absolute;
    bottom: -22px;
    left: 11px;
    width: 150px;
  }
}
@media screen and (max-width: 681px) {
  #video .skew .video-quick-links ul li:nth-child(2):before, #video .skew .video-quick-links ul li:nth-child(4):before, #video .skew .video-quick-links ul li:nth-child(6):before, #video .skew .video-quick-links ul li:nth-child(8):before {
    border-right: none;
  }
}
@media screen and (max-width: 450px) {
  #video .skew .video-quick-links ul li:nth-child(1):before, #video .skew .video-quick-links ul li:nth-child(3):before, #video .skew .video-quick-links ul li:nth-child(5):before, #video .skew .video-quick-links ul li:nth-child(7):before {
    border-right: none;
  }
  #video .skew .video-quick-links ul li:nth-child(7):after {
    border-bottom: solid rgba(255, 255, 255, 0.1) 2px;
    content: '';
    position: absolute;
    bottom: -22px;
    left: 11px;
    width: 150px;
  }
}
#video .skew a {
  color: #fff;
  display: block;
  position: relative;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 0.875em;
  text-decoration: none;
  padding: 22px 35px;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#video .skew a em {
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 26px;
  padding-bottom: 20px;
  color: #fff;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  display: block;
}
#video .skew a:hover {
  color: #fff;
  background: #4c8245;
}
#video .skew a:hover em {
  color: #fff;
}

#photos {
  -webkit-transform: skewY(-10deg);
  -ms-transform: skewY(-10deg);
  transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  width: 100%;
  overflow: hidden;
}
#photos .skew {
  -webkit-transform: skewY(10deg);
  -ms-transform: skewY(10deg);
  transform: skewY(10deg);
  -moz-transform: skewY(10deg);
}
#photos .skew .photo-portlet {
  position: relative;
  top: -240px;
}
#photos .skew .photo-portlet .photos-sec {
  position: relative;
  display: flex;
  justify-content: center;
}
#photos .skew .photo-portlet .photos-sec .title {
  position: absolute;
  padding: 10px 40px;
  bottom: 250px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 100px;
}
#photos .skew .photo-portlet .photos-sec .title h2 {
  font-size: 2.125em;
  margin: 0;
  font-weight: bold;
  text-transform: capitalize;
  color: #fff;
}
@media screen and (max-width: 550px) {
  #photos .skew .photo-portlet .photos-sec .title h2 {
    font-size: 1.5em !important;
  }
}
#photos .skew .photo-portlet .photos-sec .image, #photos .skew .photo-portlet .photos-sec .subpage .photos-gallery-7 .f-image, .subpage .photos-gallery-7 #photos .skew .photo-portlet .photos-sec .f-image {
  width: 25%;
  float: left;
  overflow: hidden;
  height: 800px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#photos .skew .photo-portlet .photos-sec .image img, #photos .skew .photo-portlet .photos-sec .subpage .photos-gallery-7 .f-image img, .subpage .photos-gallery-7 #photos .skew .photo-portlet .photos-sec .f-image img {
  object-fit: cover;
}

footer #footer {
  background: #4562a6;
  background: -moz-linear-gradient(top, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4562a6', endColorstr='#25477a',GradientType=0 );
  /* IE6-9 */
  width: 100%;
  margin-top: -240px;
  z-index: 1000;
  position: absolute;
  overflow: hidden;
}
@media screen and (max-width: 1120px) {
  footer #footer > div {
    width: 50% !important;
  }
  footer #footer #map, footer #footer .credit {
    width: 100% !important;
  }
}
@media screen and (max-width: 600px) {
  footer #footer > div {
    width: 100% !important;
    text-align: center;
  }
  footer #footer .social {
    margin-bottom: 50px;
  }
  footer #footer .logo {
    margin-top: 20px;
  }
}
footer #footer > div {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
}
footer #footer > div .inner {
  padding: 0 20px;
}
footer #footer .logo {
  text-align: center;
}
footer #footer .logo img {
  width: 100%;
  max-width: 160px;
}
footer #footer .contact {
  color: #fff;
  font-family: "Open Sans", sans-serif;
}
footer #footer .contact h3 {
  font-size: 1.125em;
  line-height: 2em;
  font-weight: 600;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
footer #footer .contact ul {
  padding: 0;
}
footer #footer .contact ul li {
  list-style: none;
  line-height: 1.750em;
}
footer #footer .contact ul li a {
  text-decoration: none;
  color: #fff;
  text-decoration: underline;
}
footer #footer .contact ul li a:hover {
  text-decoration: none;
}
footer #footer .links {
  color: #fff;
  font-family: "Open Sans", sans-serif;
}
footer #footer .links h3 {
  font-size: 1.125em;
  line-height: 2em;
  font-weight: 600;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
footer #footer .links ul {
  padding: 0;
}
footer #footer .links ul li {
  list-style: none;
}
footer #footer .links ul li a {
  text-decoration: none;
  color: #fff;
  line-height: 1.750em;
  text-decoration: underline;
}
footer #footer .links ul li a:hover {
  text-decoration: none;
}
footer #footer .social ul {
  padding: 0;
}
footer #footer .social ul li {
  list-style: none;
  display: inline-block;
  padding: 0px 60px;
}
footer #footer .social ul li a {
  position: relative;
}
footer #footer .social ul li a:before {
  content: '';
  width: 0px;
  height: 0px;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 75px solid #fff;
  position: absolute;
  left: -50px;
  top: -30px;
  z-index: 0;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
footer #footer .social ul li a em {
  position: absolute;
  z-index: 10;
  top: 1px;
  left: -19px;
  color: #4562a6;
  font-size: 30px;
}
footer #footer .social ul li a .fa-twitter {
  left: -23px;
}
footer #footer .social ul li a:hover:before {
  border-bottom-color: #4c8245;
}
footer #footer .social ul li a:hover em {
  color: #fff;
}
footer #map {
  height: 400px;
  width: 100% !important;
}
footer .credit {
  width: 100% !important;
  background: #303c45;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-size: 0.875em;
  line-height: 1.750em;
  border-bottom: 3px solid #4c8245;
}
footer .credit a {
  color: #fff;
}
footer .credit a:hover {
  text-decoration: none;
}
footer .credit div {
  display: inline-block;
}
@media screen and (max-width: 850px) {
  footer .credit div {
    display: block;
  }
}

.portletEditMode #footer {
  margin-top: 240px !important;
}

.dragAndDropEnabled #photos {
  overflow: visible !important;
}

.subpage {
  background-color: #edeceb;
}
.subpage header .header-top .container .login {
  float: none;
  width: 100%;
}
.subpage header .header-bottom .tag-line {
  left: 260px !important;
}
@media screen and (max-width: 800px) {
  .subpage header .header-bottom .tag-line {
    display: none !important;
  }
}
.subpage footer #footer {
  position: relative;
  margin-top: 0;
}

#subpage #sub-banner {
  background-color: #868686;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#subpage #sub-banner #search-box {
  max-width: 636px;
  position: relative;
  padding: 0 15px;
  width: 100%;
}
#subpage #sub-banner #search-box .search-container {
  background: rgba(48, 60, 69, 0.5);
  border: 1px solid rgba(48, 60, 69, 0.5);
  padding: 15px;
}
#subpage #sub-banner #search-box .search-container input[id*="SearchTerm"] {
  border: 1px solid rgba(51, 51, 51, 0.15);
  padding: 1rem 1.3rem;
  margin: 0 auto;
  line-height: 1.375rem;
  font-size: 0.875em;
  font-weight: 600;
  font-style: italic;
  color: #1e3853;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
}
#subpage #sub-banner #search-box .search-container a[id*="btn"] {
  border: none;
  position: absolute;
  right: 43px;
  top: 26px;
  background: #4c8245;
  padding: 8px;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#subpage #sub-banner #search-box .search-container a[id*="btn"]:hover {
  cursor: pointer;
  background: #4562a6;
}
#subpage #sub-banner #search-box .search-container a[id*="btn"] em {
  color: #fff;
  font-size: 1.475rem;
  text-align: center;
}
#subpage .breadcrumbs {
  width: 100%;
}
@media screen and (max-width: 650px) {
  #subpage .breadcrumbs .container {
    justify-content: flex-end !important;
  }
  #subpage .breadcrumbs .container .portal-breadcrumb {
    display: none !important;
  }
}
#subpage .breadcrumbs .container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#subpage .breadcrumbs .container .portal-breadcrumb {
  display: inline-block;
  width: calc(100% - 200px);
}
#subpage .breadcrumbs .container .portal-breadcrumb a {
  color: #4562a6;
  text-decoration: underline;
}
#subpage .breadcrumbs .container .portal-breadcrumb a:first-child, #subpage .breadcrumbs .container .portal-breadcrumb a:hover {
  text-decoration: none;
}
#subpage .breadcrumbs .container .portal-breadcrumb i {
  padding: 10px;
}
#subpage .breadcrumbs .container .sub-buttons, #subpage .breadcrumbs .container .fontSize {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
#subpage .breadcrumbs .container .sub-buttons li, #subpage .breadcrumbs .container .fontSize li {
  float: left;
  list-style: none;
}
#subpage .breadcrumbs .container .sub-buttons li a, #subpage .breadcrumbs .container .fontSize li a {
  color: #4562a6;
  text-decoration: none;
  font-size: 1em;
  padding: 0 0.2em;
  display: inline-block;
  line-height: 3rem;
  width: 2rem;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#subpage .breadcrumbs .container .sub-buttons li a em, #subpage .breadcrumbs .container .fontSize li a em {
  vertical-align: middle;
}
#subpage .breadcrumbs .container .sub-buttons li a:hover, #subpage .breadcrumbs .container .fontSize li a:hover {
  color: #4c8245;
}
#subpage .breadcrumbs .container .fontSize li:last-child a {
  padding-right: 0;
}
#subpage .main-container {
  padding: 50px 60px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 1100px) {
  #subpage .main-container {
    padding: 0 0 50px 0 !important;
  }
  #subpage .main-container .sidebar {
    display: none;
  }
  #subpage .main-container .main-content {
    width: 90% !important;
    margin: 0 auto 30px !important;
    float: none !important;
  }
  #subpage .main-container .main-content .inside-padding {
    padding: 0 !important;
  }
  #subpage .main-container .right-side {
    width: 90% !important;
    float: none !important;
    margin: 0 auto !important;
  }
  #subpage .main-container .c-content .inside-padding {
    padding: 30px 20px !important;
  }
}
#subpage .main-container ul li {
  list-style: none;
  line-height: 3em;
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}
#subpage .main-container ul li:nth-child(2n) {
  background: rgba(51, 51, 51, 0.06);
}
#subpage .main-container a {
  color: #4562a6;
  text-decoration: none;
  font-weight: 600;
}
#subpage .main-container a:hover {
  text-decoration: underline;
}
#subpage .main-container img {
  border: 5px solid #fff;
}
#subpage .main-container .sidebar {
  width: 25%;
  float: left;
}
#subpage .main-container .sidebar .sidenav-slide {
  padding: 20px;
  padding-left: 0;
}
#subpage .main-container .sidebar .sidenav-slide .navWrp a {
  color: #4562a6;
  text-decoration: none;
  font-weight: 600;
  padding: 15px 10px;
  display: inline-block;
  width: 70%;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  font-size: 0.875em;
  -moz-transition: width 300ms cubic-bezier(0, -0.55, 0.265, 1.55);
  -o-transition: width 300ms cubic-bezier(0, -0.55, 0.265, 1.55);
  transition: width 300ms cubic-bezier(0, -0.55, 0.265, 1.55);
}
#subpage .main-container .sidebar .sidenav-slide .navWrp a:hover {
  background: #4562a6 !important;
  color: #fff;
  width: 85%;
}
#subpage .main-container .sidebar .sidenav-slide .navWrp:nth-child(2n) a {
  background: rgba(51, 51, 51, 0.06);
}
#subpage .main-container .main-content {
  width: 50%;
  float: left;
}
#subpage .main-container .main-content .inside-padding {
  padding: 0 30px;
}
#subpage .main-container .main-content .inside-padding .pagetitle {
  margin-bottom: 30px;
}
#subpage .main-container .main-content .inside-padding .pagetitle h1 {
  color: #303c45;
  font-size: 2.125em;
  line-height: 2.25em;
  margin: 0;
}
#subpage .main-container .main-content .inside-padding .pagetitle:after {
  content: '';
  border-bottom: 5px solid rgba(0, 0, 0, 0.15);
  display: block;
  width: 120px;
}
#subpage .main-container .right-side {
  width: 25%;
  float: left;
}
#subpage .mobile-subpage-menu {
  width: 90%;
  margin: 0 auto;
  display: none;
  text-align: center;
  background: #4562a6;
  background: -moz-linear-gradient(top, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4562a6', endColorstr='#25477a',GradientType=0 );
  /* IE6-9 */
}
@media screen and (max-width: 1100px) {
  #subpage .mobile-subpage-menu {
    display: flex !important;
  }
}
#subpage .mobile-subpage-menu a {
  color: #fff;
  text-decoration: none;
  line-height: 2em;
  width: 100%;
  font-weight: 600;
}
#subpage .mobile-subpage-menu a:before {
  content: '\f067';
  font-family: "FontAwesome";
  font-size: 1em;
  padding-right: 10px;
}
#subpage .mobile-subpage-menu a.clicked:before {
  content: '\f068';
}
#subpage .mobile-side-nav {
  width: 90%;
  margin: 0 auto;
  display: none;
}
#subpage .mobile-side-nav #inside-nav {
  margin: 0 !important;
}
#subpage .mobile-side-nav #inside-nav .sidenav-slide {
  padding: 10px;
  box-sizing: border-box;
  border: 2px solid #4562a6;
  border-top: none;
  background: rgba(51, 51, 51, 0.06);
  display: block;
}
#subpage .mobile-side-nav #inside-nav .sidenav-slide .navWrp {
  display: block !important;
}
#subpage .mobile-side-nav #inside-nav .sidenav-slide .navWrp a {
  text-decoration: none;
  color: #4562a6;
}
#subpage .mobile-side-nav #inside-nav .sidenav-slide .navWrp a:hover {
  text-decoration: underline;
}
#subpage .c-header {
  background: #4562a6;
  background: -moz-linear-gradient(top, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4562a6', endColorstr='#25477a',GradientType=0 );
  /* IE6-9 */
}
#subpage .c-header h2 {
  color: #fff;
  margin: 0;
  padding: 15px;
  font-size: 14pt;
  line-height: 1.750em;
  height: 1.750em;
}
#subpage .c-header h2:after {
  border: none;
}
#subpage .c-content {
  background: rgba(51, 51, 51, 0.06);
}
#subpage .c-content .inside-padding {
  padding: 30px 20px !important;
  border: 1px solid rgba(51, 51, 51, 0.2);
  border-top: none;
}
#subpage .c-content em {
  padding-left: 15px;
  color: #4562a6;
}
#subpage .c-content .blue {
  color: #4562a6;
  font-weight: bold;
}
#subpage .c-content strong {
  font-weight: 600;
}
#subpage .c-content p {
  margin: 0;
  line-height: 1.875em;
  color: #333333;
}
#subpage .c-content div {
  margin-bottom: 15px;
}
#subpage .c-content a {
  text-decoration: none;
  color: #4562a6;
}
#subpage .c-content a:hover {
  text-decoration: underline;
}
#subpage .c-content .staff {
  font-style: italic;
  font-weight: 600;
  color: #4562a6;
}

#subpage.default .ptl_page {
  overflow: visible;
}
#subpage.default .ptl_page > div {
  width: 100%;
  overflow: visible;
  display: inline-block;
}
#subpage.default .ptl_page > div > div {
  overflow: visible;
}

.subpage .department .main-container .main-content {
  width: 75% !important;
  float: left;
}
@media screen and (max-width: 1100px) {
  .subpage .department .main-container .main-content .w-30, .subpage .department .main-container .main-content .w-70 {
    width: 100% !important;
  }
}
.subpage .department .main-container .main-content .w-30 {
  float: right !important;
}
.subpage .department .main-container .main-content .left-side {
  padding: 20px 40px 20px 20px;
  box-sizing: border-box;
}
.subpage .department .main-container .main-content .left-side > div > div {
  margin-bottom: 20px;
}
.subpage .department .main-container .main-content .right-side {
  width: 100% !important;
}
.subpage .department .main-container .main-content .right-side .c-header {
  background: #4562a6;
  background: -moz-linear-gradient(top, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4562a6 0%, #25477a 80%, #25477a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4562a6', endColorstr='#25477a',GradientType=0 );
  /* IE6-9 */
}
.subpage .department .main-container .main-content .right-side .c-header h2 {
  color: #fff;
  margin: 0;
  padding: 15px;
  font-size: 14pt;
  line-height: 1.750em;
  height: 1.750em;
}
.subpage .department .main-container .main-content .right-side .c-header h2:after {
  border: none;
}
.subpage .department .main-container .main-content .right-side .c-content {
  background: rgba(51, 51, 51, 0.06);
}
.subpage .department .main-container .main-content .right-side .c-content .inside-padding {
  padding: 30px 20px;
  border: 1px solid rgba(51, 51, 51, 0.2);
  border-top: none;
}
.subpage .department .main-container .main-content .right-side .c-content em {
  padding-left: 15px;
  color: #4562a6;
}
.subpage .department .main-container .main-content .right-side .c-content .blue {
  color: #4562a6;
  font-weight: bold;
}
.subpage .department .main-container .main-content .right-side .c-content strong {
  font-weight: 600;
}
.subpage .department .main-container .main-content .right-side .c-content p {
  margin: 0;
  line-height: 1.875em;
  color: #333333;
}
.subpage .department .main-container .main-content .right-side .c-content div {
  margin-bottom: 15px;
}
.subpage .department .main-container .main-content .right-side .c-content a {
  text-decoration: none;
  color: #4562a6;
}
.subpage .department .main-container .main-content .right-side .c-content a:hover {
  text-decoration: underline;
}
.subpage .department .main-container .main-content .right-side .c-content .staff {
  font-style: italic;
  font-weight: 600;
  color: #4562a6;
}
.subpage .department .main-container .main-content .side-news a:nth-child(2n) .row {
  background: rgba(51, 51, 51, 0.06);
}
.subpage .department .main-container .main-content .side-news a:last-child .row {
  border-bottom: none !important;
}
.subpage .department .main-container .main-content .side-news a .row {
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  margin-bottom: 0 !important;
  padding: 10px 0;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.subpage .department .main-container .main-content .side-news a .row .content .date {
  font-size: 0.875em !important;
  line-height: 2.250em;
  font-style: italic;
  font-weight: 600;
  color: #5b5b5b !important;
}
.subpage .department .main-container .main-content .side-news a .row .content .title {
  color: #4562a6;
  line-height: 1.688em;
  font-weight: 600;
  margin: 0;
}
.subpage .department .main-container .main-content .side-news a:hover .row {
  background: #4562a6;
}
.subpage .department .main-container .main-content .side-news a:hover .row .date, .subpage .department .main-container .main-content .side-news a:hover .row .title {
  color: #fff !important;
}
.subpage .department .main-container .main-content .faq a:nth-child(2n) .row {
  background: rgba(51, 51, 51, 0.06);
}
.subpage .department .main-container .main-content .faq a:last-child .row {
  border-bottom: none !important;
}
.subpage .department .main-container .main-content .faq a .row {
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  margin-bottom: 0 !important;
  padding: 20px 0;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.subpage .department .main-container .main-content .faq a .row .content .title {
  color: #4562a6;
  line-height: 1.688em;
  font-weight: 600;
  margin: 0;
}
.subpage .department .main-container .main-content .faq a:hover .row {
  background: #4562a6;
}
.subpage .department .main-container .main-content .faq a:hover .row .title {
  color: #fff !important;
}
.subpage .department .main-container .main-content .side-news-footer {
  display: flex;
  align-items: center;
  margin: 30px auto 0;
  justify-content: center;
}
.subpage .department .main-container .main-content .side-news-footer div {
  width: 50%;
  float: left;
}
.subpage .department .main-container .main-content .side-news-footer .line {
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
}
.subpage .department .main-container .main-content .side-news-footer .see-news-stories a {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 0.875em;
  font-weight: 600;
  font-style: italic;
  text-decoration: none;
  text-align: right;
}
.subpage .department .main-container .main-content .side-news-footer .see-news-stories a:hover {
  text-decoration: underline;
}
.subpage .department .main-container .main-content h2 {
  font-size: 1.5em;
  font-weight: bold;
  color: #303c45;
  margin: 60px 0 0 0;
}
.subpage .department .main-container .main-content h2:after {
  border-bottom: 3px solid rgba(48, 60, 69, 0.15);
  content: '';
  display: block;
  width: 50px;
  margin-top: 10px;
}
.subpage .department .main-container .main-content p {
  line-height: 1.750em;
  color: #303c45;
  margin-top: 0;
}
.subpage .department .main-container .main-content div {
  color: #303c45;
}
.subpage .photos-gallery-7 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 1100px) {
  .subpage .photos-gallery-7 .image, .subpage .photos-gallery-7 .f-image {
    width: 100% !important;
  }
}
.subpage .photos-gallery-7 .image, .subpage .photos-gallery-7 .f-image {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 48%;
  height: 200px;
  float: left;
  margin-bottom: 80px;
  display: flex;
}
.subpage .photos-gallery-7 .image .img-title a, .subpage .photos-gallery-7 .f-image .img-title a {
  position: absolute;
  bottom: -60px;
  background: #01528c;
  width: 100%;
  text-align: center;
  padding: 15px 0;
  color: #fff !important;
  font-weight: 600;
  line-height: 1.750em;
  text-decoration: none;
  -moz-transition: all 200ms cubic-bezier(0, -0.55, 0.265, 1.55);
  -o-transition: all 200ms cubic-bezier(0, -0.55, 0.265, 1.55);
  transition: all 200ms cubic-bezier(0, -0.55, 0.265, 1.55);
}
.subpage .photos-gallery-7 .image .img-title a:hover, .subpage .photos-gallery-7 .f-image .img-title a:hover {
  text-decoration: none !important;
  padding: 25px 0;
  font-size: 1.125em;
}
.subpage .photos-gallery-7 .f-image {
  width: 100%;
}

#subpage {
  /* This is the hidden state */
}
#subpage .animated-accordion__panel {
  display: block;
  overflow: hidden;
  opacity: 1;
  transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
  max-height: 100em;
  /* magic number for max-height = enough height */
  visibility: visible;
  transition-delay: 0s;
  margin: 0;
  padding: 0;
}
#subpage .ap-content {
  padding: 1.5em 10% !important;
  line-height: 1.750em;
}
#subpage [aria-hidden=true].animated-accordion__panel {
  display: block;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  /* transition-delay: 1s, 0s, 0s; */
  transition-delay: 0.3s, 0s, 0s;
  margin: 0;
  padding: 0;
}
#subpage .js-accordion__header:after,
#subpage a.more:after {
  content: "";
  font-family: FontAwesome;
}
#subpage .animate {
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#subpage a.more:after {
  margin-left: .2em;
  font-size: 0.8em;
}
#subpage .animated-accordion__panel {
  display: block;
  overflow: hidden;
  opacity: 1;
  transition: visibility 0s ease,max-height 1s ease,opacity 1s ease;
  transition: visibility 0s ease,max-height 0.3s ease,opacity 0.3s ease;
  max-height: 100em;
  visibility: visible;
  transition-delay: 0s;
  margin: 0;
  padding: 0;
}
#subpage [aria-hidden=true].animated-accordion__panel {
  display: block;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition-delay: 1s,0s,0s;
  margin: 0;
  padding: 0;
}
#subpage .js-accordion__header,
#subpage .js-accordion__header:after {
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#subpage .js-accordion__header {
  width: 100%;
  color: #4562a6;
  overflow: hidden;
  text-align: left;
  font-size: 1em;
  padding: 1.25em 3.5%;
  font-weight: 500;
  cursor: pointer;
}
#subpage .js-accordion__header:after {
  display: inline-block;
  float: right;
  color: #4562a6;
}
#subpage .js-accordion__header:hover,
#subpage .js-accordion__header:focus {
  background-color: #4c8245;
  color: #fff;
  outline: none !important;
}
#subpage .js-accordion__header:hover:after, #subpage .js-accordion__header:focus:after {
  color: #fff !important;
}
#subpage .js-accordion__header[aria-expanded=true] {
  color: #fff;
  background-color: #4c8245;
}
#subpage .js-accordion__header[aria-expanded=true]:after {
  transform: rotate(90deg);
  color: #fff;
}
#subpage .js-accordion__header,
#subpage .js-accordion__panel {
  border: none;
  border-bottom: 1px solid #9d9d9d;
  background: transparent;
}
#subpage .js-accordion__panel[aria-hidden] {
  margin-bottom: .625em;
  border-top: none;
}
#subpage .js-accordion__panel[aria-hidden] .js-accordion__header {
  display: none;
}

#news_content_body #featured_image {
  margin-right: 30px;
  padding: 0;
}