/* hero */

.hero-a { position: relative; margin: 0; font: 48px/1.1 'Effra W01 Bold',Helvetica,Arial,sans-serif; font-size: 2.526rem; }
 .hero-a .image { display: block; position: relative; overflow: hidden; min-height: 650px; height: 75vh; margin: 0; }
 .hero-a.-short .image { height: calc(75vh - 100px); min-height: 550px; }
  .hero-a .image img { display: block; width: 100%; min-width: 100%; max-width: none; height: 100%; min-height: 100%; margin: 0 auto; object-fit: cover; }
  .no-objectfit .hero-a .image img { position: absolute; left: 50%; top: 50%; width: auto; height: auto; -webkit-transform: translate(-50%,-50%) scale(1.01); transform: translate(-50%,-50%) scale(1.01); }
  .hero-a .wrap { position: absolute; left: 0; top: 50%; right: 0; color: #fff; text-align: center; margin-top: -30px;}
  .top-a.-static ~ .content-a .hero-a .wrap { margin-top: 70px; }
 .hero-a .wrap { -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .hero-a .hx { margin: 0 0 10px; color: inherit; font-size: 1.46em; letter-spacing: 0.035em; line-height: 1; display:inline; padding:0; text-shadow: 0 0 10px rgba(0,0,0,.5);}
  .hero-a p { margin-bottom: 15px; }
  .hero-a .action { margin-top: 30px; }

@media screen and (max-width: 1279px) {
.top-a.-static ~ .content-a .hero-a .wrap { margin-top: 30px; }
}
@media screen and (max-width: 1023px) {
.hero-a { font-size: 2rem; }
 .hero-a .image { min-height: 400px; }
 .hero-a.-short .image { height: calc(75vh - 50px); min-height: 350px; }
}
@media screen and (max-width: 599px) {
.hero-a { font-size: 1.5rem; }
}
@media screen and (max-width: 359px) {
.hero-a { font-size: 1.25rem; }
}

/* heroes carousel */

.heroes-a { margin-bottom: 0; }
 .heroes-a .items { }
  .heroes-a .item { margin: 0; }
  .heroes-a .item ~ .item:not(.slick-slide) { display: none; }
  .heroes-a .slick-arrow { color: #fff; font-size: 40px; }
  .heroes-a .slick-prev { left: 20px; }
  .heroes-a .slick-next { right: 20px; }
  .heroes-a .slick-dots { display: none !important; }

  .heroes-a .contain { width: calc(100% - 200px); margin: auto; }
  @media screen and (max-width: 599px) {
    .heroes-a .contain { width: 100%;}
  }

.top-a.-static ~ .content-a .heroes-a .slick-arrow { margin-top: 0; }

@media screen and (max-width: 1200px) {
  .heroes-a .slick-prev { left: 0px; }
  .heroes-a .slick-next { right: 0px; }
}

@media screen and (max-width: 768px) {
  .heroes-a .slick-arrow { display: none !important; }
  .heroes-a .slick-dots { display: block !important; }
}

/* slick defaults */

.slick-slide { margin-bottom: 0; border-top-width: 0; outline: none; }
 .slick-slide > * { outline: none; }
.slick-arrow { position: absolute; left: -60px; top: 50%; z-index: 10; width: 1.67em; min-width: 0; height: 1.67em; margin: -1.67em 0 0; min-height: 0; padding: 0; border: none; border-radius: 50%; color: #73add3; font: 14px/1 FontAwesome; text-align: center; text-indent: -10001px; }
.slick-next { left: auto; right: -60px; }
 .slick-arrow:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: '\f060'; text-indent: 0; }
 .slick-next:before { content: '\f061'; }
.slick-arrow.slick-disabled { opacity: 0.25; pointer-events: none; }
.slick-dots { position: absolute; left: 0; bottom: 20px; right: 0; padding: 0; font-size: 0; letter-spacing: -1em; text-align: center; }
 .slick-dots li { display: inline-block; margin: 0 5px; vertical-align: top; }
  .slick-dots li:before { display: none; }
  .slick-dots button { overflow: hidden; width: 12px; min-width: 0; min-height: 0; height: 12px; padding: 0; border: 1px solid !important; border-radius: 50%; background: currentColor; color: #fff; font-size: 0; line-height: 1; text-indent: 321%; white-space: nowrap; }
  .slick-dots button:hover { background: currentColor; color: #73add3; }
  .slick-dots .slick-active button { color: #73add3; }

  .button-a { display: inline-block; height: auto; min-height: 50px; padding: 12px 19px; border: 3px solid; border-radius: 25px; background: transparent; color: #73add3; font: 800 19px/20px 'Effra W01 Bold',Helvetica,Arial,sans-serif; text-transform: uppercase; text-align: center; text-decoration: none !important; outline: none; box-shadow: 0 0 10px rgba(0,0,0,.5); text-shadow: 0 0 10px rgba(0,0,0,.5); cursor: pointer;  cursor: pointer; }
  .button-a:hover { border-color: #4a85ab; color: #4a85ab; }

  .button-a.-filled { border-color: #73add3; background-color: #73add3; color: #fff; }
  .button-a.-filled:hover { border-color: #4a85ab; background-color: #4a85ab; color: #fff; }

  .button-a.-filled.-teal { border-color: #008c9f; background-color: #008c9f; color: #fff; }
  .button-a.-filled.-yellow { border-color: #ffed00; background-color: #ffed00; color: #fff; }
  .button-a.-filled.-pink { border-color: #e3007e; background-color: #e3007e; color: #fff; }

  .mask { background: rgba(0,0,0,.2); position: absolute; top: 0; height: 100%; width: 100%;}

 /* text position */

  .hero-a .wrap.bottom{
    top: 80%;
}

@media screen and (min-width: 768px) {
  .hero-a .wrap.left { text-align: left; }
}