/* @group Banner
------------------------------------ */
.banner { position: relative; margin: 0 0 6rem; }
.banner-bg .outerAbsolute { z-index: -1; }
.banner-bg .outerAbsolute::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(36,36,36,.95); }
.banner-bg aside .img-box { height: 41.1rem; }
.banner-bg h2 { color: rgba(244,160,0,1); font-size: 3.5em; line-height: 1.573em; text-transform: uppercase; margin: 0 0 .8rem; }
.banner-bg h2::before { content: ''; display: block; height: .2rem; width: 2.5rem; background: rgba(244,160,0,1); margin: 0 0 .4rem; }
.banner-bg p { color: rgba(255,255,255,1); margin: 0 0 3rem; }
.banner-bg .bttn { margin: 0 0 5.9rem; }
@media only screen
and (min-width : 961px) {
  .banner { margin: 0 0 8rem; }
  .banner-bg .row { height: 61rem; }
  .banner-bg h2 { margin: 0 0 1.1rem; }
  .banner-bg h2::before { position: absolute; top: 2.6rem; left: -3.6rem; margin: 0; }
  .banner-bg p { margin: 0 0 8.3rem; }
  .banner-bg .bttn { padding: 2.1rem 4.2rem;margin: 0; }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .banner-bg aside { padding: 0; margin: 0 0 6.3rem; }
}
/* @end */