@charset "UTF-8";
/* v20181228 */
/* v20181228 */
/*cores*/
#eyeDiv {
  display: none; }

/* v20181228 */
header {
  position: relative;
  max-width: 1440px;
  margin: 0 auto; }
  header nav {
    display: none;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 320px;
    padding: 160px 0 40px;
    background: -moz-linear-gradient(314deg, #590808 0%, #590808 0%, #2e0505 100%, #2e0505 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #590808), color-stop(0%, #590808), color-stop(100%, #2e0505), color-stop(100%, #2e0505));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(314deg, #590808 0%, #590808 0%, #2e0505 100%, #2e0505 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(314deg, #590808 0%, #590808 0%, #2e0505 100%, #2e0505 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(314deg, #590808 0%, #590808 0%, #2e0505 100%, #2e0505 100%);
    /* ie10+ */
    background: linear-gradient(136deg, #590808 0%, #590808 0%, #2e0505 100%, #2e0505 100%);
    /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#590808', endColorstr='#2E0505',GradientType=0 );
    /* ie6-9 */
    /*        background: rgb(151,130,114);
            background: -moz-linear-gradient(-45deg,  rgba(151,130,114,1) 0%, rgba(203,104,92,1) 20%, rgba(255,147,128,1) 50%, rgba(255,208,171,1) 85%, rgba(254,219,169,1) 100%);
            background: -webkit-linear-gradient(-45deg,  rgba(151,130,114,1) 0%,rgba(203,104,92,1) 20%,rgba(255,147,128,1) 50%,rgba(255,208,171,1) 85%,rgba(254,219,169,1) 100%);
            background: linear-gradient(135deg,  rgba(151,130,114,1) 0%,rgba(203,104,92,1) 20%,rgba(255,147,128,1) 50%,rgba(255,208,171,1) 85%,rgba(254,219,169,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#978272', endColorstr='#fedba9',GradientType=1 );*/
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }
    @media only screen and (max-width: 980px) {
      header nav {
        padding: 120px 0 40px; } }
    @media only screen and (max-width: 728px) {
      header nav {
        padding: 90px 0 40px; } }
    header nav a {
      display: block;
      padding: 0 30px;
      font-weight: 600;
      line-height: 40px;
      text-transform: uppercase;
      color: #fcc43c; }
      header nav a:hover {
        background-color: #fff;
        color: #6b0807; }
    header nav .mainNav a {
      font-size: 18px; }
    header nav .tinyNav {
      margin: 20px 0; }
      header nav .tinyNav a {
        font-size: 14px; }
    header nav .socialNav {
      padding: 0 30px; }
      header nav .socialNav li {
        display: inline-block; }
        header nav .socialNav li a {
          position: relative;
          display: block;
          width: 40px;
          height: 60px;
          background-color: #6b0807;
          margin: 0;
          padding: 0; }
          header nav .socialNav li a:hover {
            background-color: #f3f0ea; }
            header nav .socialNav li a:hover [class^="icon-"], header nav .socialNav li a:hover [class*=" icon-"] {
              color: #6b0807; }
          header nav .socialNav li a [class^="icon-"], header nav .socialNav li a [class*=" icon-"] {
            position: absolute;
            left: 50%;
            bottom: 10px;
            transform: translateX(-50%);
            font-size: 20px;
            color: #fff;
            margin: 0;
            padding: 0; }
          header nav .socialNav li a:hover {
            background-color: #fff;
            color: #6b0807; }
      header nav .socialNav li + li a {
        margin-left: 10px; }
    header nav #form_search {
      margin: 20px 0 0;
      padding: 0 30px; }
      header nav #form_search * {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        border: 0;
        outline: 0;
        padding: 0;
        margin: 0; }
      header nav #form_search input {
        width: 220px;
        height: 40px;
        font-family: "Muli", Arial, Hrlvetica, sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 40px;
        padding: 0 10px; }
      header nav #form_search button {
        width: 40px;
        height: 40px;
        background-color: #f3f0ea; }
        header nav #form_search button:hover {
          background-color: #806f68; }
        header nav #form_search button span {
          font-size: 20px; }
  header .proglogo {
    position: absolute;
    left: 80px;
    top: 10px;
    z-index: 2;
    width: 23%;
    max-width: 220px;
    min-width: 95px; }
    @media only screen and (max-width: 980px) {
      header .proglogo {
        top: 10px; } }
    @media only screen and (max-width: 728px) {
      header .proglogo {
        left: 70px; } }
    header .proglogo a {
      display: block; }
    header .proglogo img {
      display: block;
      width: 100%; }

.open-layer {
  position: absolute;
  top: 0px;
  left: 20px;
  z-index: 101;
  /*    background-color: $colorpinklight;*/
  color: #fff;
  z-index: 101; }
  .open-layer span {
    display: block;
    width: 50px;
    height: 100px;
    font-size: 26px;
    font-weight: 800;
    text-transform: uppercase; }
    .open-layer span:before {
      /*
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      position: absolute;
      top: 35px;
      left: -13px;
      font-family: $defaultFont;
      content: "Menu";
      */
      position: absolute;
      top: auto;
      left: 50%;
      bottom: 25px;
      font-family: 'atardeesua';
      font-size: 40px;
      content: "";
      color: #fff;
      transform: translateX(-50%); }
    @media only screen and (max-width: 728px) {
      .open-layer span {
        width: 40px;
        height: 80px;
        font-size: 22px; }
        .open-layer span:before {
          top: 28px; } }
  .open-layer.close {
    /*        background-color: $colorgreylight;*/ }
    .open-layer.close span:before {
      position: absolute;
      top: auto;
      left: 50%;
      bottom: 25px;
      font-family: 'atardeesua';
      font-size: 40px;
      content: "";
      color: #fff;
      transform: translateX(-50%); }

/* v20181228 */
.mainHeadline {
  margin-top: 10px; }
  .mainHeadline .loaderWrapper {
    background-color: #f5f5f5;
    background-image: url(/atardeesua/resources/img/puff.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100px; }
  .mainHeadline .headlineWrapper {
    position: relative;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    width: 100%;
    height: 600px; }
    @media only screen and (max-width: 980px) {
      .mainHeadline .headlineWrapper {
        height: 0;
        padding-bottom: 56.25%; } }
    @media only screen and (max-width: 640px) {
      .mainHeadline .headlineWrapper {
        height: 0;
        padding-bottom: 100%; } }
    .mainHeadline .headlineWrapper:before {
      content: " ";
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      background: -moz-linear-gradient(290deg, #5c0505 0%, #5c0505 0%, rgba(92, 5, 5, 0) 37%, rgba(92, 5, 5, 0) 100%);
      /* ff3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c0505), color-stop(0%, #5c0505), color-stop(37%, rgba(92, 5, 5, 0)), color-stop(100%, rgba(92, 5, 5, 0)));
      /* safari4+,chrome */
      background: -webkit-linear-gradient(290deg, #5c0505 0%, #5c0505 0%, rgba(92, 5, 5, 0) 37%, rgba(92, 5, 5, 0) 100%);
      /* safari5.1+,chrome10+ */
      background: -o-linear-gradient(290deg, #5c0505 0%, #5c0505 0%, rgba(92, 5, 5, 0) 37%, rgba(92, 5, 5, 0) 100%);
      /* opera 11.10+ */
      background: -ms-linear-gradient(290deg, #5c0505 0%, #5c0505 0%, rgba(92, 5, 5, 0) 37%, rgba(92, 5, 5, 0) 100%);
      /* ie10+ */
      background: linear-gradient(160deg, #5c0505 0%, #5c0505 0%, rgba(92, 5, 5, 0) 37%, rgba(92, 5, 5, 0) 100%);
      /* w3c */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c0505', endColorstr='#5c0505',GradientType=0 );
      /* ie6-9 */
      /*
      background: rgba(207,95,140,1);
      background: -moz-linear-gradient(top, rgba(207,95,140,1) 0%, rgba(207,95,140,0) 45%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(207,95,140,1)), color-stop(45%, rgba(207,95,140,0)));
      background: -webkit-linear-gradient(top, rgba(207,95,140,1) 0%, rgba(207,95,140,0) 45%);
      background: -o-linear-gradient(top, rgba(207,95,140,1) 0%, rgba(207,95,140,0) 45%);
      background: -ms-linear-gradient(top, rgba(207,95,140,1) 0%, rgba(207,95,140,0) 45%);
      background: linear-gradient(to bottom, rgba(207,95,140,1) 0%, rgba(207,95,140,0) 45%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf5f8c', endColorstr='#cf5f8c', GradientType=0 );
      */
      /*background: -moz-linear-gradient(top,  rgba(255,215,162,1) 0%, rgba(255,215,162,0) 45%);
      background: -webkit-linear-gradient(top,  rgba(255,215,162,1) 0%,rgba(255,215,162,0) 45%);
      background: linear-gradient(to bottom,  rgba(255,215,162,1) 0%,rgba(255,215,162,0) 45%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd7a2', endColorstr='#00ffd7a2',GradientType=0 );*/ }
    .mainHeadline .headlineWrapper:after {
      content: " ";
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      /*
      background: rgba(36,36,36,0);
      background: -moz-linear-gradient(top, rgba(36,36,36,0) 55%, rgba(36,36,36,1) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(55%, rgba(36,36,36,0)), color-stop(100%, rgba(36,36,36,1)));
      background: -webkit-linear-gradient(top, rgba(36,36,36,0) 55%, rgba(36,36,36,1) 100%);
      background: -o-linear-gradient(top, rgba(36,36,36,0) 55%, rgba(36,36,36,1) 100%);
      background: -ms-linear-gradient(top, rgba(36,36,36,0) 55%, rgba(36,36,36,1) 100%);
      background: linear-gradient(to bottom, rgba(36,36,36,0) 55%, rgba(36,36,36,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#242424', GradientType=0 );
      */
      background: -moz-linear-gradient(top, rgba(128, 111, 104, 0) 55%, #806f68 100%);
      background: -webkit-linear-gradient(top, rgba(128, 111, 104, 0) 55%, #806f68 100%);
      background: linear-gradient(to bottom, rgba(128, 111, 104, 0) 55%, #806f68 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00806f68', endColorstr='#806f68',GradientType=0 ); }
    .mainHeadline .headlineWrapper .textWrapper {
      position: absolute;
      left: 100px;
      bottom: 40px;
      right: 120px;
      z-index: 2;
      text-transform: uppercase;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); }
      @media only screen and (max-width: 980px) {
        .mainHeadline .headlineWrapper .textWrapper {
          left: 5vw;
          bottom: 5vw;
          right: 5vw; } }
      .mainHeadline .headlineWrapper .textWrapper .mainSubTitle {
        font-size: 20px;
        font-weight: 600;
        margin: 20px 0; }
        @media only screen and (max-width: 640px) {
          .mainHeadline .headlineWrapper .textWrapper .mainSubTitle {
            font-size: 3vw; } }
      .mainHeadline .headlineWrapper .textWrapper .mainTitle {
        font-size: 36px;
        font-weight: 900; }
        @media only screen and (max-width: 640px) {
          .mainHeadline .headlineWrapper .textWrapper .mainTitle {
            font-size: 6vw; } }

.mainHeadline .mainColumnRight {
  max-height: 600px;
  overflow: hidden;
  padding: 0;
  /*justify-self: center;*/ }
  @media only screen and (min-width: 728px) and (max-width: 980px) {
    .mainHeadline .mainColumnRight {
      display: grid;
      grid-template-columns: 300px auto;
      grid-gap: 20px; } }
  @media only screen and (max-width: 728px) {
    .mainHeadline .mainColumnRight {
      max-height: 100%; } }
  .mainHeadline .mainColumnRight .mainPub {
    /* reset margin homepage*/ }
    .mainHeadline .mainColumnRight .mainPub iframe {
      /*margin: 0 auto;*/ }
    @media only screen and (max-width: 727px) {
      .mainHeadline .mainColumnRight .mainPub {
        margin: 20px auto; } }
    @media only screen and (min-width: 728px) and (max-width: 980px) {
      .mainHeadline .mainColumnRight .mainPub {
        margin: 20px; } }

.mainFeaturedWrapper {
  position: relative;
  width: 300px;
  margin: 30px auto 0;
  height: 320px;
  color: #fff;
  background-position: top right;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #f0f0f0; }
  @media only screen and (max-width: 980px) {
    .mainFeaturedWrapper {
      background-size: auto 100%; } }
  .mainFeaturedWrapper:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #f1f1f1;
    background: -moz-linear-gradient(25deg, #f1f1f1 55%, rgba(241, 241, 241, 0) 80%);
    background: -webkit-gradient(25deg, color-stop(55%, #f1f1f1), color-stop(80%, rgba(241, 241, 241, 0)));
    background: -webkit-linear-gradient(25deg, #f1f1f1 55%, rgba(241, 241, 241, 0) 80%);
    background: -o-linear-gradient(25deg, #f1f1f1 55%, rgba(241, 241, 241, 0) 80%);
    background: -ms-linear-gradient(25deg, #f1f1f1 55%, rgba(241, 241, 241, 0) 80%);
    background: linear-gradient(25deg, #f1f1f1 55%, rgba(241, 241, 241, 0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1', GradientType=1 ); }
  .mainFeaturedWrapper .mainFeatured {
    position: absolute;
    z-index: 2;
    bottom: 0; }
    .mainFeaturedWrapper .mainFeatured a {
      color: #007eff; }
      .mainFeaturedWrapper .mainFeatured a:hover {
        text-decoration: underline; }
    .mainFeaturedWrapper .mainFeatured .mainTitle {
      margin: 0 20px;
      font-size: 22px;
      font-weight: 800;
      text-transform: uppercase;
      color: #6b0807;
      max-width: 65%; }
    .mainFeaturedWrapper .mainFeatured .mainText {
      margin: 20px;
      font-size: 16px;
      font-weight: 600;
      color: #242424;
      /*
      background-color: rgba(240,240,240,.25);
      @include text-shadow-white;
      */ }
  @media only screen and (min-width: 728px) and (max-width: 980px) {
    .mainFeaturedWrapper {
      width: auto;
      margin: 20px;
      height: calc(100% - 40px); } }

/* v20181228 */
.defaultSection .box-media {
  max-width: 1440px;
  margin: 30px auto;
  padding: 20px;
  display: grid;
  /*grid-template-columns: repeat(4, 1fr);*/
  /*grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));*/
  grid-gap: 60px 20px; }
  @media only screen and (max-width: 360px) {
    .defaultSection .box-media {
      padding: 10px; } }
  .defaultSection .box-media .sectionName {
    display: inline-block;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    grid-column: 1 / -1;
    grid-gap: 60px 20px; }
    .defaultSection .box-media .sectionName .sectionTit {
      display: inline-block;
      color: #806f68; }
      .defaultSection .box-media .sectionName .sectionTit:hover {
        cursor: pointer;
        color: #6b0807;
        opacity: 1; }
  .defaultSection .box-media .item a {
    display: block;
    cursor: pointer;
    color: #242424;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s; }
    .defaultSection .box-media .item a:hover {
      color: #6b0807;
      opacity: .5; }
  .defaultSection .box-media .item .date {
    margin: 20px 0 0 20px;
    font-size: 14px;
    font-weight: 300; }
  .defaultSection .box-media .item .itemTitle {
    margin: 6px 0 0 20px;
    font-size: 18px;
    font-weight: 600; }
  .defaultSection .box-media .item span {
    position: absolute;
    top: -10px;
    left: 20px;
    display: block;
    width: 40px;
    height: 60px;
    /*background-color: $pinklight;*/
    margin: 0;
    padding: 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
    display: inline-block; }
    .defaultSection .box-media .item span[class*="play"] {
      background-color: #b50001; }
    .defaultSection .box-media .item span[class*="camera"] {
      background-color: #ff2800; }
    .defaultSection .box-media .item span[class*="article"] {
      /*background-color: #af94c3;*/
      background-color: #dda431; }
    .defaultSection .box-media .item span:before {
      position: absolute;
      left: 50%;
      bottom: 10px;
      transform: translateX(-50%);
      font-size: 24px;
      color: #fff; }

.homeSection, .rewindSection {
  overflow: hidden; }
  .homeSection.row1, .rewindSection.row1 {
    background-color: #f5f5f5; }
  .homeSection.row2, .rewindSection.row2 {
    background-color: #eaeaea; }
  .homeSection.row3, .rewindSection.row3 {
    background-color: #dadada; }

.homeSection .box-media {
  grid-template-columns: repeat(4, 1fr); }
  @media only screen and (max-width: 920px) {
    .homeSection .box-media {
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (max-width: 728px) {
    .homeSection .box-media {
      grid-template-columns: repeat(1, 1fr); } }
  @media only screen and (max-width: 360px) {
    .homeSection .box-media {
      padding: 10px; } }

/* IE 11 fix for the 2.6% that live on the past */
_:-ms-fullscreen, :root {
  /* homepage */ }
  _:-ms-fullscreen .loaderWrapper, :root .loaderWrapper {
    width: calc(100% - 340px);
    float: left; }
    @media only screen and (max-width: 980px) {
      _:-ms-fullscreen .loaderWrapper, :root .loaderWrapper {
        width: 100%;
        float: none; } }
  @media only screen and (max-width: 980px) and (min-width: 728px) {
    _:-ms-fullscreen .mainPub, :root .mainPub {
      width: 300px;
      margin: 20px;
      float: left; } }
  @media only screen and (max-width: 980px) and (min-width: 728px) {
    _:-ms-fullscreen .mainFeaturedWrapper, :root .mainFeaturedWrapper {
      width: calc(100% - 360px);
      margin: 20px 20px 20px 0;
      height: 250px;
      float: left; } }
  _:-ms-fullscreen .box-media, :root .box-media {
    display: flex;
    flex-flow: row wrap; }
    _:-ms-fullscreen .box-media .item, :root .box-media .item {
      display: inline-block;
      vertical-align: top; }
      _:-ms-fullscreen .box-media .item:nth-child(2), _:-ms-fullscreen .box-media .item:nth-child(3), _:-ms-fullscreen .box-media .item:nth-child(4), _:-ms-fullscreen .box-media .item:nth-child(5), :root .box-media .item:nth-child(2), :root .box-media .item:nth-child(3), :root .box-media .item:nth-child(4), :root .box-media .item:nth-child(5) {
        width: calc(100% * (1/4) - 60px * (1/3) + 4px);
        margin-top: 60px; }
      _:-ms-fullscreen .box-media .item:nth-child(3), _:-ms-fullscreen .box-media .item:nth-child(4), _:-ms-fullscreen .box-media .item:nth-child(5), :root .box-media .item:nth-child(3), :root .box-media .item:nth-child(4), :root .box-media .item:nth-child(5) {
        margin-left: 20px; }
      @media only screen and (max-width: 920px) {
        _:-ms-fullscreen .box-media .item:nth-child(2), _:-ms-fullscreen .box-media .item:nth-child(3), _:-ms-fullscreen .box-media .item:nth-child(4), _:-ms-fullscreen .box-media .item:nth-child(5), :root .box-media .item:nth-child(2), :root .box-media .item:nth-child(3), :root .box-media .item:nth-child(4), :root .box-media .item:nth-child(5) {
          width: calc(100% * (1/2) - 30px * (1/2) + 4px);
          margin-left: 0; }
        _:-ms-fullscreen .box-media .item:nth-child(3), _:-ms-fullscreen .box-media .item:nth-child(5), :root .box-media .item:nth-child(3), :root .box-media .item:nth-child(5) {
          margin-left: 20px; } }
      @media only screen and (max-width: 728px) {
        _:-ms-fullscreen .box-media .item:nth-child(2), _:-ms-fullscreen .box-media .item:nth-child(3), _:-ms-fullscreen .box-media .item:nth-child(4), _:-ms-fullscreen .box-media .item:nth-child(5), :root .box-media .item:nth-child(2), :root .box-media .item:nth-child(3), :root .box-media .item:nth-child(4), :root .box-media .item:nth-child(5) {
          width: 100%;
          margin-left: 0; } }
    _:-ms-fullscreen .box-media .sectionName, :root .box-media .sectionName {
      display: block;
      width: 100%; }

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