.hww_t5 {
  top: 5px; }
.hww_t10 {
  top: 10px; }
.hww_t15 {
  top: 15px; }
.hww_t20 {
  top: 20px; }
.hww_t25 {
  top: 25px; }
.hww_t30 {
  top: 30px; }
.hww_t35 {
  top: 35px; }
.hww_t40 {
  top: 40px; }
.hww_t45 {
  top: 45px; }
.hww_t50 {
  top: 50px; }
.hww_t55 {
  top: 55px; }
.hww_t60 {
  top: 60px; }
.hww_t65 {
  top: 65px; }
.hww_t70 {
  top: 70px; }
.hww_t75 {
  top: 75px; }
.hww_t80 {
  top: 80px; }
.hww_t85 {
  top: 85px; }
.hww_t90 {
  top: 90px; }
.hww_t95 {
  top: 95px; }
.hww_t100 {
  top: 100px; }
.hww_t105 {
  top: 105px; }
.hww_t110 {
  top: 110px; }
.hww_t115 {
  top: 115px; }
.hww_t120 {
  top: 120px; }
.hww_t125 {
  top: 125px; }
.hww_t130 {
  top: 130px; }
.hww_t135 {
  top: 135px; }
.hww_t140 {
  top: 140px; }
.hww_t145 {
  top: 145px; }
.hww_t150 {
  top: 150px; }
.hww_t155 {
  top: 155px; }
.hww_t160 {
  top: 160px; }
.hww_t165 {
  top: 165px; }
.hww_t170 {
  top: 170px; }
.hww_t175 {
  top: 175px; }
.hww_t180 {
  top: 180px; }
.hww_t185 {
  top: 185px; }
.hww_t190 {
  top: 190px; }
.hww_t195 {
  top: 195px; }
.hww_t200 {
  top: 200px; }
.hww_t205 {
  top: 205px; }
.hww_t210 {
  top: 210px; }
.hww_t215 {
  top: 215px; }
.hww_t220 {
  top: 220px; }
.hww_t225 {
  top: 225px; }
.hww_t230 {
  top: 230px; }
.hww_t235 {
  top: 235px; }
.hww_t240 {
  top: 240px; }
.hww_t245 {
  top: 245px; }
.hww_t250 {
  top: 250px; }
.hww_mt5 {
  margin-top: 5px !important; }
.hww_mt10 {
  margin-top: 10px !important; }
.hww_mt15 {
  margin-top: 15px !important; }
.hww_mt20 {
  margin-top: 20px !important; }
.hww_mt25 {
  margin-top: 25px !important; }
.hww_mt30 {
  margin-top: 30px !important; }
.hww_mt35 {
  margin-top: 35px !important; }
.hww_mt40 {
  margin-top: 40px !important; }
.hww_mt45 {
  margin-top: 45px !important; }
.hww_mt50 {
  margin-top: 50px !important; }
.hww_col1 {
  float: left;
  width: 8.3333333333%;
  box-sizing: border-box; }
  @media all and (min-width: 0px) and (max-width: 850px) {
    .hww_col1 {
      width: 100%;
      float: none; } }
.hww_col2 {
  float: left;
  width: 16.666666667%;
  box-sizing: border-box; }
  @media all and (min-width: 0px) and (max-width: 850px) {
    .hww_col2 {
      width: 100%;
      float: none; } }
.hww_col3 {
  float: left;
  width: 25%;
  box-sizing: border-box; }
  @media all and (min-width: 0px) and (max-width: 850px) {
    .hww_col3 {
      width: 100%;
      float: none; } }
.hww_col4 {
  float: left;
  width: 33.333333333%;
  box-sizing: border-box; }
  @media all and (min-width: 0px) and (max-width: 850px) {
    .hww_col4 {
      width: 100%;
      float: none; } }
.hww_col5 {
  float: left;
  width: 41.666666667%;
  box-sizing: border-box; }
  @media all and (min-width: 0px) and (max-width: 850px) {
    .hww_col5 {
      width: 100%;
      float: none; } }
.hww_col6 {
  float: left;
  width: 50%;
  box-sizing: border-box; }
  @media all and (min-width: 0px) and (max-width: 850px) {
    .hww_col6 {
      width: 100%;
      float: none; } }
.hww_col7 {
  float: left;
  width: 58.333333333%;
  box-sizing: border-box; }
  @media all and (min-width: 0px) and (max-width: 850px) {
    .hww_col7 {
      width: 100%;
      float: none; } }
.hww_col8 {
  float: left;
  width: 66.666666666%;
  box-sizing: border-box; }
  @media all and (min-width: 0px) and (max-width: 850px) {
    .hww_col8 {
      width: 100%;
      float: none; } }
.hww_col9 {
  float: left;
  width: 75%;
  box-sizing: border-box; }
  @media all and (min-width: 0px) and (max-width: 850px) {
    .hww_col9 {
      width: 100%;
      float: none; } }
.hww_clearfix {
  clear: both;
  float: none; }
.hww_bg_yellow {
  background: #fadd0b; }
.hww_yellow {
  color: #fadd0b; }
.hww_bg_green {
  background: #bad80a; }
.hww_green {
  color: #bad80a; }
.hww_bg_pink {
  background: #eb84cd; }
.hww_pink {
  color: #eb84cd; }
.hww_bg_blue {
  background: #4f60d2; }
.hww_blue {
  color: #4f60d2; }
.hww_black {
  color: black; }
.hww_white {
  color: white; }
.hww__hidden {
  display: none; }
.hww__text_center {
  text-align: center; }
.hww_Banner {
  position: relative;
  text-align: center;
  z-index: 1;
  width: 100%;
  line-height: 0;
  max-width: 1920px;
  margin: 0 auto; }
  .hww_Banner > img {
    max-width: none; }
  .hww_Banner__container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-top: 0;
    line-height: 0;
    height: 540px;
    width: 100%;
    max-width: 1920px; }
  .hww_Banner__image, .hww_Banner__image--bg {
    position: absolute;
    left: 0;
    bottom: 0px;
    max-width: none !important;
    z-index: 1;
    left: 50%;
    margin-left: -960px; }
  .hww_Banner__image--bg {
    bottom: 10px;
    z-index: 0; }
  .hww_Banner__headline {
    position: absolute;
    z-index: 4;
    line-height: 1.5em;
    color: #ffffff;
    margin: 0 auto;
    display: block;
    width: 100%;
    padding-top: 50px; }
    .hww_Banner__headline h2 {
      font-size: 43px;
      font-weight: 200;
      color: #ffffff;
      line-height: 1.1em; }
    .hww_Banner__headline p {
      font-size: 19px !important;
      line-height: 1.45em;
      margin-top: 15px;
      font-weight: 100; }
  .hww_Banner__btn {
    display: inline-block;
    margin-top: 25px;
    position: relative; }
  .hww_Banner__video {
    border: 0;
    position: absolute;
    top: 42px;
    left: 50%;
    margin-left: -413px;
    display: inline-block; }
    .hww_Banner__video #hww_vid1 {
      width: 836px;
      height: 470px; }
  .hww_Banner__footer__container {
    position: relative;
    width: 100%;
    max-width: 950px;
    padding: 0 15px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.3em;
    font-weight: 100; }
    .hww_Banner__footer__container .hww_col6 {
      padding-top: 25px; }
      .hww_Banner__footer__container .hww_col6 a {
        font-weight: 100;
        color: #4f60d2; }
  .hww_Banner__video__wrapper {
    overflow: hidden; }
  .hww_Banner__footer {
    background: #bad80a;
    color: #000;
    min-height: 10px;
    padding-bottom: 20px; }
  .hww_Banner:after {
    content: "";
    display: block;
    width: 100%;
    float: none;
    clear: both; }
  .hww_Banner__col {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 8px;
    vertical-align: top;
    position: relative;
    height: 100%;
    overflow: hidden; }
  .hww_Banner__col--1 {
    width: 906px; }
  .hww_Banner__col--2 {
    width: 515px; }
  .hww_Banner__col--3 {
    width: 194px; }
  .hww_Banner__col--4 {
    width: 265px; }
    .hww_Banner__col--4 .hww_Banner__item {
      top: auto;
      top: 0; }
  .hww_Banner__item {
    position: absolute;
    text-align: left;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden; }
    .hww_Banner__item__anim {
      width: 100%;
      height: 100%;
      background-size: 100% !important;
      background-position: center !important; }
  .hww_Banner__text {
    margin-left: 490px;
    text-align: left;
    position: absolute;
    left: 0; }
  .hww_Banner__aside__picture {
    height: 100% !important;
    width: auto !important;
    max-width: none !important; }
  .hww_Banner__aside__picture__wrapper {
    display: inline-block;
    position: relative;
    height: 100%; }
  .hww_Banner__item__aside {
    float: left; }
  .hww_Banner__play {
    opacity: 1;
    transition: opacity 0.2s linear;
    position: absolute;
    left: 50%;
    margin-left: -45px;
    top: 50%;
    margin-top: -45px;
    cursor: pointer;
    height: 90px;
    width: 90px;
    background: url("../hww_images/play.png") no-repeat; }
    .hww_Banner__play:hover {
      background-position: -90px 0; }
.hww_apps {
  margin-top: 15px; }
  .hww_apps a {
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block; }
.hww_text {
  font-size: 42px;
  line-height: 1.15em;
  color: #000000;
  font-weight: 200;
  margin-bottom: 15px;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear; }
  .hww_text--small {
    color: #000000;
    font-size: 30px;
    font-weight: 100; }
    .hww_text--small sup {
      color: #000000;
      font-size: 0.6em;
      top: -0.3em; }

.hww_row .hww_item .hww_play {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -45px;
  top: 50%;
  margin-top: -45px;
  cursor: pointer;
  height: 90px;
  width: 90px;
  background: url("../hww_images/play.png") no-repeat; }

.hww_row .hww_item .hww_play:hover {
  background-position: -90px 0; }

.hww_player {
  display: none;
  position: absolute;
  top: 0;
  left: -1px; }

.hww_player2 {
  display: none;
  position: absolute;
  top: 0;
  left: 0; }

.hww_close {
  display: none;
  width: 34px;
  height: 34px;
  background: url("../hww_images/close.png") 0 0 no-repeat;
  cursor: pointer;
  position: absolute;
  right: -45px;
  top: 1px;
  z-index: 10; }

.hww_sound {
  display: none;
  width: 34px;
  height: 34px;
  background: url("../hww_images/mute.png") 0 0 no-repeat;
  cursor: pointer;
  position: absolute;
  right: -45px;
  top: 45px;
  z-index: 10; }

.hww_close:hover {
  background-position: -34px 0; }

.hww_close:hover, .hww_sound:hover {
  background-position: -34px 0; }

.hww_sound.mute {
  background-position: -68px 0; }

.hww_sound.mute:hover {
  background-position: -102px 0; }

.hww_mobile {
  display: none; }

.hww_opacity0 {
  opacity: 0; }

@media all and (min-width: 0px) and (max-width: 1100px) {
  .hww_mobile {
    display: block; }

  .hww_desktop {
    display: none !important; }

  #hww_container video {
    width: 100%;
    height: 100%; }

  #hww_videorow1 {
    width: 100% !important;
    height: 100% !important; }

  .hww_close, .hww_sound {
    display: none !important; }

  .fancybox-inner {
    overflow: hidden; }

  .hww_Banner__container {
    width: 100%; }

  .hww_text {
    font-size: 8vw;
    line-height: 8vw; }

  .hww_text--small {
    font-size: 4.5vw; }

  .hww_text--small img {
    height: 10vw; }

  .hww_Banner__play {
    background-size: 200% 100%;
    height: 15vw;
    width: 15vw;
    margin-left: -2vw;
    margin-top: -7vw; } }
.hww_xs {
  display: none; }

@media all and (min-width: 0px) and (max-width: 850px) {
  .hww_Banner__footer__container .hww_col6 {
    max-width: 490px;
    margin: 0 auto;
    float: none; }

  .hww_sm_up {
    display: none; }

  .hww_xs {
    display: block; }

  .hww_Banner__container {
    height: 84vw !important; }

  .hww_Banner__image, .hww_Banner__image--bg {
    width: 207vw;
    left: 50%;
    margin-left: -104vw; }

  .hww_Banner__btn--mob {
    width: 11.4vw;
    margin-top: 1vw;
    display: inline-block; }

  .hww_Banner__headline--mob {
    position: absolute;
    z-index: 4;
    line-height: 1.5em;
    color: #ffffff;
    margin: 0 auto;
    display: block;
    width: 100%;
    padding-top: 5vw; }

  .hww_Banner__headline--mob p {
    width: 83%;
    margin: 3vw auto;
    font-size: 4vw !important;
    line-height: 1.4em;
    font-weight: 100; }

  .hww_Banner__headline--mob h2 {
    font-size: 7vw !important;
    display: block;
    width: 93%;
    margin: auto;
    font-weight: 200;
    color: #ffffff;
    line-height: 1.1em; } }
.fancybox-skin {
  background: black; }

.video-js {
  background: #000000; }

/*# sourceMappingURL=hww_campaign.css.map */