/* Homepage-specific styles (body.cms-home only) */

.cms-home .banner-img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.cms-home .content-container div[role="main"] {
  margin: 0;
}
.cms-home .content-container div[role="main"] .messages {
  padding-top: 8.5px;
}
@media (min-width: 768px) {
  .cms-home .content-container div[role="main"] .mid-header:before {
    width: 100%;
    height: 10px;
  }
}
.cms-home .content-container div[role="main"] .mid-header:before,
.cms-home .content-container div[role="main"] .mid-header:after {
  content: "";
  display: table;
}
.cms-home .content-container div[role="main"] .mid-header:after {
  clear: both;
}
.cms-home .content-container div[role="main"] .mid-header {
  margin-top: 50px;
}
@media (min-width: 768px) {
  .cms-home .content-container div[role="main"] .mid-header {
    margin-top: 0;
  }
}
.cms-home .content-container div[role="main"] .mid-header img {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: auto;
}
@media (min-width: 768px) {
  .cms-home .content-container div[role="main"] .mid-header img {
    display: none;
  }
}
.cms-home .content-container div[role="main"] .mid-header .mid-header-text {
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  width: 100%;
  height: 30px;
  margin-top: -15px;
  border: none;
  display: none;
  background-color: white !important;
}
@media (min-width: 768px) {
  .cms-home .content-container div[role="main"] .mid-header .mid-header-text {
    display: table;
    max-width: 320px;
    border-left: 10px solid white !important;
    border-right: 10px solid white !important;
  }
}
.cms-home .content-container .std {
  display: none;
}
.cms-home .content-container .homepage {
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .cms-home .content-container .homepage {
    display: none;
  }
}
.cms-home .content-container .homepage .arrows {
  position: absolute;
  top: 48%;
  z-index: 109;
}
.cms-home .content-container .homepage .arrows a svg {
  width: 50%;
}
@media (min-width: 768px) {
  .cms-home .content-container .homepage .arrows a svg {
    width: 100%;
  }
}
.cms-home .content-container .homepage .arrow-left {
  left: 0%;
}
.cms-home .content-container .homepage .arrow-left > a {
  float: left;
  text-align: left;
}
.cms-home .content-container .homepage .arrow-right {
  right: 0%;
}
.cms-home .content-container .homepage .arrow-right a {
  float: right;
  text-align: right;
}
.cms-home .content-container .homepage .cycle-pager-homepage {
  position: absolute;
  bottom: -4%;
  right: 0%;
  z-index: 200;
  display: block;
  margin: 0 auto;
}
.cms-home .content-container .homepage .cycle-pager-homepage > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ccc;
  text-indent: -9999px;
  margin: 0 5px;
  cursor: pointer;
}
.cms-home .content-container .homepage .cycle-pager-homepage > .cycle-pager-active {
  background: #333;
}
.cms-home .content-container .homepage-mobile {
  display: none;
}
.cms-home .content-container .homepage-mobile ul li {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .cms-home .content-container .homepage-mobile {
    display: block;
  }
}
.cms-home .content-container .homepage_scroll ul {
  margin: 0;
}
.cms-home .content-container .homepage_scroll li {
  width: 100%;
  float: left;
  position: relative;
}
@media (min-width: 768px) {
  .cms-home .content-container .homepage_scroll li {
    width: 33.3%;
  }
}