.content-section {

padding-top: 0.1px;
margin-top: 50px; }
@media (min-width: 992px) {
  .content-section {
    margin-top: 70px; } }

@media (min-width: 992px) {

.hero-carousel-wrapper,
.hero-carousel-item,
#hero-carousel {
  height: 340px; } }

.hero-carousel-item-width {

max-width: 1400px;
margin: 0 auto;
position: relative;
height: 100%; }

.hero-carousel-item {

background-size: cover;
background-position: center top;
position: relative; }

a.hero-caorousel-item-link:hover {

text-decoration: none; }

.hero-carousel-copy-title {

line-height: 38px; }
@media (min-width: 992px) {
  .hero-carousel-copy-title {
    line-height: 56px; } }

.hero-carousel-copy-description {

font-size: 18px;
font-weight: bold;
color: #111; }
@media (min-width: 992px) {
  .hero-carousel-copy-description {
    line-height: 28px;
    font-size: 21px;
    font-weight: normal; } }
.hero-carousel-copy-description h1, .hero-carousel-copy-description h2, .hero-carousel-copy-description h3, .hero-carousel-copy-description h4, .hero-carousel-copy-description h5 {
  color: inherit; }

.hero-carousel-copy-link {

font-size: 16px;
font-weight: bold;
line-height: 25px;
color: #0066c0; }
.hero-carousel-copy-link:hover {
  color: #e87825; }
@media (min-width: 992px) {
  .hero-carousel-copy-link {
    font-size: 16px;
    font-weight: normal; } }

.hero-carousel-item–left-aligned-copy .hero-carousel-copy {

text-align: center;
max-width: 480px; }
@media (max-width: 991px) {
  .hero-carousel-item--left-aligned-copy .hero-carousel-copy {
    margin: 24px auto 16px; } }
@media (min-width: 992px) {
  .hero-carousel-item--left-aligned-copy .hero-carousel-copy {
    max-width: 100%;
    text-align: left;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0; } }

@media (max-width: 991px) {

.hero-carousel-item--left-aligned-copy .hero-carousel-productImgWrapper {
  margin: 0 auto;
  width: 240px;
  height: 170px; } }

@media (min-width: 992px) {

.hero-carousel-item--left-aligned-copy .hero-carousel-productImgWrapper {
  width: 480px;
  height: 340px; } }

@media (min-width: 992px) {

#hero-carousel .owl-dots {
  position: absolute;
  left: 50%;
  bottom: 0%;
  -webkit-transform: translate(-50%, -20%);
  transform: translate(-50%, -20%); }
  #hero-carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    border-radius: 20px;
    background: white;
    border: 1px solid #999;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    opacity: 0.6; }
    #hero-carousel .owl-dots .owl-dot.active {
      opacity: 1;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } }

@media screen and (max-width: 991px) {

.hero-carousel-wrapper,
.hero-carousel-item,
.hero-carousel-item-z-controller,
#hero-carousel {
  height: 340px; }
  .hero-carousel-wrapper .row,
  .hero-carousel-item .row,
  .hero-carousel-item-z-controller .row,
  #hero-carousel .row {
    position: static; }
  .hero-carousel-wrapper .h1, .hero-carousel-wrapper h1,
  .hero-carousel-item .h1,
  .hero-carousel-item h1,
  .hero-carousel-item-z-controller .h1,
  .hero-carousel-item-z-controller h1,
  #hero-carousel .h1,
  #hero-carousel h1 {
    font-size: 28px;
    font-weight: 300;
    line-height: 32px; }
  .hero-carousel-wrapper .h2, .hero-carousel-wrapper h2,
  .hero-carousel-item .h2,
  .hero-carousel-item h2,
  .hero-carousel-item-z-controller .h2,
  .hero-carousel-item-z-controller h2,
  #hero-carousel .h2,
  #hero-carousel h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px; }
  .hero-carousel-wrapper .h3, .hero-carousel-wrapper h3,
  .hero-carousel-item .h3,
  .hero-carousel-item h3,
  .hero-carousel-item-z-controller .h3,
  .hero-carousel-item-z-controller h3,
  #hero-carousel .h3,
  #hero-carousel h3 {
    font-size: 21px;
    font-weight: 400;
    line-height: 25px; }
  .hero-carousel-wrapper .h4, .hero-carousel-wrapper h4,
  .hero-carousel-item .h4,
  .hero-carousel-item h4,
  .hero-carousel-item-z-controller .h4,
  .hero-carousel-item-z-controller h4,
  #hero-carousel .h4,
  #hero-carousel h4 {
    font-size: 18px;
    font-weight: 300;
    line-height: 20px; }

.hero-carousel-productImgWrapper {
  overflow: hidden;
  position: absolute;
  margin: auto;
  bottom: 0;
  left: 0;
  right: 0; }

.hero-carousel-copy {
  margin-top: 24px; }

.hero-carousel-copy-title {
  margin-bottom: 8px;
  padding: 0; }

.hero-carousel-copy-description,
.hero-carousel-copy-description p {
  font-size: 14px; } }

/*# sourceMappingURL=hero-carousel.css.map */