body,.gr-box{font:16px/24px Sans-Serif;background:#fff;color:#000;position:relative;border:none;margin:0;padding:0}.wrap{max-width:1080px;margin:auto;padding:0;position:relative}.wrap .wrap{width:100%;padding:0}.wrap.wide{max-width:1500px}.da-media[mobile] .wrap.wide{max-width:420px}.da-media[narrow] .wrap{padding:0 15px}.da-media[mobile] .wrap{width:auto;display:block;padding:0 5%;max-width:420px;margin:auto}.da-media[mobile] .wrap .wrap{padding:0}.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12{display:inline;float:left;position:relative;margin-left:1.388%;margin-right:1.388%}.col_1{width:5.5550%}.col_2{width:13.888%}.col_3{width:22.222%}.col_4{width:30.555%}.col_5{width:38.888%}.col_6{width:47.222%}.col_7{width:55.555%}.col_8{width:63.888%}.col_9{width:72.222%}.col_10{width:80.555%}.col_11{width:88.888%}.col_12{width:97.222%}.da-media[mobile] .wrap div[class*="col_"]:not(.no-format){width:100%;float:none;height:auto;display:block;padding:0;margin-left:0;margin-right:0;transition:all 0.25s ease-in}.before_1{padding-left:8.3330%}.before_2{padding-left:16.666%}.before_3{padding-left:25.000%}.before_4{padding-left:33.333%}.before_5{padding-left:41.667%}.before_6{padding-left:50.000%}.before_7{padding-left:58.333%}.before_8{padding-left:66.667%}.before_9{padding-left:75.000%}.before_10{padding-left:83.333%}.before_11{padding-left:91.667%}.after_1{padding-right:8.3330%}.after_2{padding-right:16.667%}.after_3{padding-right:25.000%}.after_4{padding-right:33.333%}.after_5{padding-right:41.667%}.after_6{padding-right:50.000%}.after_7{padding-right:58.333%}.after_8{padding-right:66.667%}.after_9{padding-right:75.000%}.after_10{padding-right:83.333%}.after_11{padding-right:91.667%}.da-media[mobile] div[class="before_"],.da-media[mobile] div[class="after_"]{padding:0}.alpha{margin-left:0 !important}.omega{margin-right:0 !important}.col_12 .wrap .col_11{width:91.428%;margin-left:1.428%;margin-right:1.724%}.col_12 .wrap .col_10{width:82.857%;margin-left:1.428%;margin-right:1.724%}.col_12 .wrap .col_9{width:74.285%;margin-left:1.428%;margin-right:1.428%}.col_12 .wrap .col_8{width:65.714%;margin-left:1.428%;margin-right:1.428%}.col_12 .wrap .col_7{width:57.142%;margin-left:1.428%;margin-right:1.428%}.col_12 .wrap .col_6{width:48.571%;margin-left:1.428%;margin-right:1.428%}.col_12 .wrap .col_5{width:40.000%;margin-left:1.428%;margin-right:1.428%}.col_12 .wrap .col_4{width:31.428%;margin-left:1.428%;margin-right:1.428%}.col_12 .wrap .col_3{width:22.857%;margin-left:1.428%;margin-right:1.428%}.col_12 .wrap .col_2{width:14.285%;margin-left:1.428%;margin-right:1.428%}.col_12 .wrap .col_1{width:5.7142%;margin-left:1.428%;margin-right:1.428%}.col_11 .wrap .col_10{width:90.625%;margin-left:1.562%;margin-right:1.724%}.col_11 .wrap .col_9{width:81.250%;margin-left:1.562%;margin-right:1.562%}.col_11 .wrap .col_8{width:71.875%;margin-left:1.562%;margin-right:1.562%}.col_11 .wrap .col_7{width:62.500%;margin-left:1.562%;margin-right:1.562%}.col_11 .wrap .col_6{width:53.125%;margin-left:1.562%;margin-right:1.562%}.col_11 .wrap .col_5{width:43.750%;margin-left:1.562%;margin-right:1.562%}.col_11 .wrap .col_4{width:34.375%;margin-left:1.562%;margin-right:1.562%}.col_11 .wrap .col_3{width:25.000%;margin-left:1.562%;margin-right:1.562%}.col_11 .wrap .col_2{width:15.625%;margin-left:1.562%;margin-right:1.562%}.col_11 .wrap .col_1{width:6.2500%;margin-left:1.562%;margin-right:1.562%}.col_10 .wrap .col_9{width:89.655%;margin-left:1.724%;margin-right:1.724%}.col_10 .wrap .col_8{width:79.310%;margin-left:1.724%;margin-right:1.724%}.col_10 .wrap .col_7{width:68.965%;margin-left:1.724%;margin-right:1.724%}.col_10 .wrap .col_6{width:58.620%;margin-left:1.724%;margin-right:1.724%}.col_10 .wrap .col_5{width:48.275%;margin-left:1.724%;margin-right:1.724%}.col_10 .wrap .col_4{width:37.931%;margin-left:1.724%;margin-right:1.724%}.col_10 .wrap .col_3{width:27.586%;margin-left:1.724%;margin-right:1.724%}.col_10 .wrap .col_2{width:17.241%;margin-left:1.724%;margin-right:1.724%}.col_10 .wrap .col_1{width:6.8960%;margin-left:1.724%;margin-right:1.724%}.col_9 .wrap .col_8{width:88.461%;margin-left:1.923%;margin-right:1.923%}.col_9 .wrap .col_7{width:76.923%;margin-left:1.923%;margin-right:1.923%}.col_9 .wrap .col_6{width:65.384%;margin-left:1.923%;margin-right:1.923%}.col_9 .wrap .col_5{width:53.846%;margin-left:1.923%;margin-right:1.923%}.col_9 .wrap .col_4{width:42.307%;margin-left:1.923%;margin-right:1.923%}.col_9 .wrap .col_3{width:30.769%;margin-left:1.923%;margin-right:1.923%}.col_9 .wrap .col_2{width:19.230%;margin-left:1.923%;margin-right:1.923%}.col_9 .wrap .col_1{width:7.6920%;margin-left:1.923%;margin-right:1.923%}.col_8 .wrap .col_7{width:86.956%;margin-left:2.173%;margin-right:2.173%}.col_8 .wrap .col_6{width:73.913%;margin-left:2.173%;margin-right:2.173%}.col_8 .wrap .col_5{width:60.869%;margin-left:2.173%;margin-right:2.173%}.col_8 .wrap .col_4{width:47.826%;margin-left:2.173%;margin-right:2.173%}.col_8 .wrap .col_3{width:34.782%;margin-left:2.173%;margin-right:2.173%}.col_8 .wrap .col_2{width:21.739%;margin-left:2.173%;margin-right:2.173%}.col_8 .wrap .col_1{width:8.6950%;margin-left:2.173%;margin-right:2.173%}.col_7 .wrap .col_7{width:100.00%;margin-left:0.000%;margin-right:0.000%}.col_7 .wrap .col_6{width:85.000%;margin-left:2.500%;margin-right:2.500%}.col_7 .wrap .col_5{width:70.000%;margin-left:2.500%;margin-right:2.500%}.col_7 .wrap .col_4{width:55.000%;margin-left:2.500%;margin-right:2.500%}.col_7 .wrap .col_3{width:40.000%;margin-left:2.500%;margin-right:2.500%}.col_7 .wrap .col_2{width:25.000%;margin-left:2.500%;margin-right:2.500%}.col_7 .wrap .col_1{width:10.000%;margin-left:2.500%;margin-right:2.500%}.col_6 .wrap .col_5{width:82.352%;margin-left:2.941%;margin-right:2.941%}.col_6 .wrap .col_4{width:64.705%;margin-left:2.941%;margin-right:2.941%}.col_6 .wrap .col_3{width:47.058%;margin-left:2.941%;margin-right:2.941%}.col_6 .wrap .col_2{width:29.411%;margin-left:2.941%;margin-right:2.941%}.col_6 .wrap .col_1{width:11.764%;margin-left:2.941%;margin-right:2.941%}.col_5 .wrap .col_4{width:78.571%;margin-left:3.571%;margin-right:3.571%}.col_5 .wrap .col_3{width:57.142%;margin-left:3.571%;margin-right:3.571%}.col_5 .wrap .col_2{width:35.714%;margin-left:3.571%;margin-right:3.571%}.col_5 .wrap .col_1{width:14.285%;margin-left:3.571%;margin-right:3.571%}.col_4 .wrap .col_3{width:72.727%;margin-left:4.545%;margin-right:4.545%}.col_4 .wrap .col_2{width:45.454%;margin-left:4.545%;margin-right:4.545%}.col_4 .wrap .col_1{width:18.181%;margin-left:4.545%;margin-right:4.545%}.col_3 .wrap .col_2{width:62.500%;margin-left:6.250%;margin-right:6.250%}.col_3 .wrap .col_1{width:25.000%;margin-left:6.250%;margin-right:6.250%}.col_2 .wrap .col_1{width:40.000%;margin-left:10.00%;margin-right:10.00%}.col_10 .wrap .before_9{padding-left:93.103%}.col_10 .wrap .before_8{padding-left:82.758%}.col_10 .wrap .before_7{padding-left:72.413%}.col_10 .wrap .before_6{padding-left:62.068%}.col_10 .wrap .before_5{padding-left:51.724%}.col_10 .wrap .before_4{padding-left:41.379%}.col_10 .wrap .before_3{padding-left:31.034%}.col_10 .wrap .before_2{padding-left:20.689%}.col_10 .wrap .before_1{padding-left:10.344%}.col_10 .wrap .after_9{padding-right:93.103%}.col_10 .wrap .after_8{padding-right:82.758%}.col_10 .wrap .after_7{padding-right:72.413%}.col_10 .wrap .after_6{padding-right:62.068%}.col_10 .wrap .after_5{padding-right:51.724%}.col_10 .wrap .after_4{padding-right:41.379%}.col_10 .wrap .after_3{padding-right:31.034%}.col_10 .wrap .after_2{padding-right:20.689%}.col_10 .wrap .after_1{padding-right:10.344%}.col_9 .wrap .before_8{padding-left:92.307%}.col_9 .wrap .before_7{padding-left:80.769%}.col_9 .wrap .before_6{padding-left:69.230%}.col_9 .wrap .before_5{padding-left:57.692%}.col_9 .wrap .before_4{padding-left:46.153%}.col_9 .wrap .before_3{padding-left:34.615%}.col_9 .wrap .before_2{padding-left:23.076%}.col_9 .wrap .before_1{padding-left:11.538%}.col_9 .wrap .after_8{padding-right:92.307%}.col_9 .wrap .after_7{padding-right:80.769%}.col_9 .wrap .after_6{padding-right:69.230%}.col_9 .wrap .after_5{padding-right:57.692%}.col_9 .wrap .after_4{padding-right:46.153%}.col_9 .wrap .after_3{padding-right:34.615%}.col_9 .wrap .after_2{padding-right:23.076%}.col_9 .wrap .after_1{padding-right:11.538%}.col_8 .wrap .before_7{padding-left:91.304%}.col_8 .wrap .before_6{padding-left:78.260%}.col_8 .wrap .before_5{padding-left:65.217%}.col_8 .wrap .before_4{padding-left:52.173%}.col_8 .wrap .before_3{padding-left:39.130%}.col_8 .wrap .before_2{padding-left:26.086%}.col_8 .wrap .before_1{padding-left:13.043%}.col_8 .wrap .after_7{padding-right:91.304%}.col_8 .wrap .after_6{padding-right:78.260%}.col_8 .wrap .after_5{padding-right:65.217%}.col_8 .wrap .after_4{padding-right:52.173%}.col_8 .wrap .after_3{padding-right:39.130%}.col_8 .wrap .after_2{padding-right:26.086%}.col_8 .wrap .after_1{padding-right:13.043%}.col_7 .wrap .before_6{padding-left:90.000%}.col_7 .wrap .before_5{padding-left:75.000%}.col_7 .wrap .before_4{padding-left:60.000%}.col_7 .wrap .before_3{padding-left:45.000%}.col_7 .wrap .before_2{padding-left:30.000%}.col_7 .wrap .before_1{padding-left:15.000%}.col_7 .wrap .after_6{padding-right:90.000%}.col_7 .wrap .after_5{padding-right:75.000%}.col_7 .wrap .after_4{padding-right:60.000%}.col_7 .wrap .after_3{padding-right:45.000%}.col_7 .wrap .after_2{padding-right:30.000%}.col_7 .wrap .after_1{padding-right:15.000%}.col_6 .wrap .before_5{padding-left:88.235%}.col_6 .wrap .before_4{padding-left:70.588%}.col_6 .wrap .before_3{padding-left:52.941%}.col_6 .wrap .before_2{padding-left:35.294%}.col_6 .wrap .before_1{padding-left:17.647%}.col_6 .wrap .after_5{padding-right:88.235%}.col_6 .wrap .after_4{padding-right:70.588%}.col_6 .wrap .after_3{padding-right:52.941%}.col_6 .wrap .after_2{padding-right:35.294%}.col_6 .wrap .after_1{padding-right:17.647%}.col_5 .wrap .before_4{padding-left:85.714%}.col_5 .wrap .before_3{padding-left:64.285%}.col_5 .wrap .before_2{padding-left:42.857%}.col_5 .wrap .before_1{padding-left:21.428%}.col_5 .wrap .after_4{padding-right:85.714%}.col_5 .wrap .after_3{padding-right:64.285%}.col_5 .wrap .after_2{padding-right:42.857%}.col_5 .wrap .after_1{padding-right:21.428%}.col_4 .wrap .before_3{padding-left:81.818%}.col_4 .wrap .before_2{padding-left:54.545%}.col_4 .wrap .before_1{padding-left:27.272%}.col_4 .wrap .right_3{padding-right:81.818%}.col_4 .wrap .right_2{padding-right:54.545%}.col_4 .wrap .right_1{padding-right:27.272%}.col_3 .wrap .before_2{padding-left:42.857%}.col_3 .wrap .before_1{padding-left:37.500%}.col_3 .wrap .after_2{padding-right:42.857%}.col_3 .wrap .after_1{padding-right:37.500%}.col_2 .wrap .before_1{padding-left:60.000%}.col_2 .wrap .after_1{padding-right:60.000%}.clear:before,.clear:after{content:"";display:table}.clear:after{clear:both}.clear{clear:both}iframe.daembed{display:block;width:100%}.col_2 iframe.daembed{height:084px}.col_3 iframe.daembed{height:135px}.col_4 iframe.daembed{height:186px}.col_5 iframe.daembed{height:236px}.col_6 iframe.daembed{height:287px}.col_7 iframe.daembed{height:338px}.col_8 iframe.daembed{height:388px}.col_9 iframe.daembed{height:439px}.col_10 iframe.daembed{height:489px}.col_11 iframe.daembed{height:540px}.col_12 iframe.daembed{height:591px}.da-media[mobile] .text iframe.daembed{height:236px}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}span.ogpreview{display:none}.gr-body{overflow:hidden}i.gr1,i.gr1 i,i.gr2,i.gr2 i,i.gr3,.gr-top{display:none}.gr-body{background:transparent;border:0 !important;position:static;overflow:visible}.gr-body .grf-indent{background:transparent;margin:auto;text-align:center;padding:0}.gr-body .gr{border:0 !important;position:static;background:none}.text{padding:0;position:relative;text-align:left}.text br{display:none}.list{height:0;width:0;clear:both;visibility:hidden}

/* VARIABLES */
/* GENERAL */
body {
  color: #000;
  background: #fff;
  font: 16px/24px "Helvetica", Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 20px;
  color: #651c0f;
  font-weight: 700;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase; }

h2 {
  font-size: 46px;
  line-height: 52px;
  margin-bottom: 60px; }

h3 {
  font-size: 28px;
  line-height: 32px; }
  h3.large {
    font-size: 36px;
    line-height: 38px; }

span.bold {
  font-weight: 800 !important; }

span.large {
  color: #651c0f;
  font-size: 22px;
  line-height: 34px;
  font-weight: 600; }

span.uppercase {
  text-transform: uppercase; }

span.break {
  display: block; }

.margin-0 {
  margin: 0; }

p {
  margin: 0 0 30px; }

p.small {
  color: #651c0f;
  font-size: 14px;
  line-height: 20px; }

span.break {
  display: block !important; }

.credit p {
  color: #651c0f;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase; }

ul, ol {
  margin: 0 0 30px; }

a.link {
  color: #fff;
  text-decoration: none; }

a.link:hover {
  color: #f4d229; }

a {
  color: #651c0f;
  font-weight: bold; }

a:hover {
  color: #d78327; }

.image {
  width: 100%;
  max-width: 100%; }
  .image img {
    width: 96%;
    max-width: 100%;
    padding: 10px;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-image-bg.png) no-repeat 50% 50%/100% 100%; }

a.button.external::after {
  display: none; }

a.button {
  padding: 30px 50px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-decoration: none; }
  a.button span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 800;
    text-transform: uppercase; }
  a.button.black {
    padding: 25px;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-btn-000000.png) no-repeat 0 50%/contain;
    transition: all 100ms ease-in-out; }
    a.button.black span {
      color: #f4d229; }
    a.button.black:hover {
      background: url(http://www.da-files.com/contests/2015/sapporo/img/img-btn-hover-000000.png) no-repeat 0 50%/contain; }
      a.button.black:hover:hover span {
        color: #CFAE0A; }
  a.button.yellow {
    padding: 25px;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-btn-fbba18.png) no-repeat 0 50%/contain;
    transition: all 100ms ease-in-out; }
    a.button.yellow span {
      color: #000; }
    a.button.yellow:hover {
      background: url(http://www.da-files.com/contests/2015/sapporo/img/img-btn-hover-fbba18.png) no-repeat 0 50%/contain; }
      a.button.yellow:hover:hover span {
        color: #6F1515; }

ol li {
  color: #651c0f;
  font-weight: 800;
  margin-bottom: 40px; }
ol li span {
  color: #000;
  font-weight: 400; }
ol li span.block {
  display: block; }
ol li a.button {
  margin-top: 10px; }

.header ul,
.footer ul {
  margin: 0;
  padding: 14px 0;
  float: left;
  position: relative;
  z-index: 2; }

.header ul li,
.footer ul li {
  font-size: 12px;
  line-height: 20px;
  padding: 0 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: inline-block;
  text-transform: uppercase; }

.header ul li:last-of-type,
.footer ul li:last-of-type {
  border-right: none; }

/* HEADER */
.header {
  width: 100%;
  min-height: 650px;
  position: relative;
  background: url(http://www.da-files.com/contests/2015/sapporo/img/img-hero.png) no-repeat 50% 70%/cover; }
  .header::before {
    content: '';
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.3); }
  .header .links {
    width: 100%;
    height: 50px;
    position: relative;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden; }
  .header .image {
    width: 100px;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 2; }
    .header .image img {
      width: 82px;
      height: 26px;
      margin-top: 3px;
      background: none; }
  .header .wrapper {
    padding: 20px 0 115px; }
  .header .logo h1 span {
    display: none; }
  .header .logo h1 {
    padding: 15% 0;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-logo-lrg.svg) no-repeat 50% 0/auto 100%; }
  .header .tagline p span {
    color: #651c0f;
    font-size: 52px;
    line-height: 42px;
    font-weight: 700;
    font-style: italic;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase; }

/* SOCIAL SHARE */
.cta {
  height: 50px;
  right: 0;
  position: relative;
  cursor: pointer;
  top: 0;
  z-index: 1; }
  .da-media[mobile] .cta {
    display: none; }
  .cta .social {
    float: right;
    width: 130px;
    height: 50px;
    position: relative;
    color: #222;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    transition: all 0.2s ease-out; }
    .cta .social * {
      line-height: 0 !important;
      opacity: 0;
      transition: opacity 0.15s ease-out; }
    .cta .social iframe {
      padding: 0;
      width: 130px !important;
      position: absolute !important;
      height: 50px !important;
      display: inline-block !important; }
    .cta .social.fb iframe {
      top: 15px !important;
      left: 0 !important; }
    .cta .social.twitter iframe {
      top: 14px !important;
      left: 25px !important; }
    .cta .social.gp iframe {
      top: 13px !important;
      left: 30px !important; }
    .cta .social .slide {
      text-indent: -9999em;
      height: 50px;
      width: inherit;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: 0;
      z-index: 2;
      text-align: center;
      opacity: 1;
      transition: transform 0.15s ease-in-out; }
      .cta .social .slide:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -12px 0 0 -12px;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 76px auto;
        background-image: url("http://www.da-files.com/artnetwork/deviousness-2.0/img/ui-icons_social.svg?061715_1337");
        z-index: -1; }
    .cta .social:hover .slide {
      transform: translate(0, -100%); }
    .cta .social:hover * {
      opacity: 1; }
    .cta .social.fb .slide:before {
      background-position: 50% 100%; }
    .cta .social.twitter .slide:before {
      background-position: 0 100%; }
    .cta .social.gp .slide:before {
      background-position: 100% 100%; }

.footer .cta {
  display: inline-block;
  margin: 60px 0 70px;
  float: none; }

.footer .cta .social {
  color: #fff;
  border: none; }

.footer .cta .social .slide {
  background: #000;
  text-indent: -9999em; }

/* TIMER */
.timer-wrapper {
  width: 100%;
  padding: 8px 0;
  text-align: center;
  display: block;
  position: relative;
  background: #f4d229; }
  .timer-wrapper .time-remaining {
    display: inline-block; }

.jw-countdownclock-face {
  width: 265px;
  height: 43px;
  margin: 0 auto;
  padding-top: 42px;
  display: inline-block;
  position: relative; }

.jw-countdownclock-face::before {
  content: 'TIME REMAINING';
  width: 100%;
  top: 5px;
  left: 0;
  color: #651c0f;
  font-size: 30px;
  font-weight: 700;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  position: absolute; }

.jw-countdownclock-face.finished {
  width: 365px;
  height: auto;
  padding: 0; }

.jw-countdownclock-face.finished::before {
  content: 'CONTEST FINISHED';
  width: 100%;
  font-size: 36px;
  line-height: 36px;
  display: block;
  position: absolute; }

.jw-countdownclock-face.finished .jw-countdownclock-section {
  display: none; }

.jw-countdownclock-section {
  color: #651c0f;
  margin: 0 10px;
  display: inline-block; }

.jw-countdownclock-value {
  font-size: 33px;
  line-height: 26px;
  display: block; }

.jw-countdownclock-label {
  font-size: 10px;
  line-height: initial;
  display: block;
  text-transform: uppercase; }

.jw-countdownclock-divider::before {
  content: ':';
  width: 4px;
  height: 50px;
  font-size: 38px;
  top: 44px;
  margin-left: 23px;
  position: absolute; }

/* CONTAINER */
.container {
  width: 100%;
  position: relative; }
  .container ul {
    position: relative; }
  .container ul li {
    margin-bottom: 15px;
    list-style: none; }
  .container ul li::before {
    content: '';
    width: 20px;
    height: 6px;
    left: 0;
    margin-top: 12px;
    position: absolute;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-list-style.jpg) no-repeat 50% 100%/contain; }

/* INTRO */
.intro {
  width: 100%;
  padding: 60px 0 120px;
  display: block;
  position: relative; }
  .intro::before {
    content: '';
    width: 100%;
    padding: 40% 0;
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-map.jpg) no-repeat 50% 0/cover;
    background-attachment: fixed;
    opacity: 0.05; }
  .intro .lrg-eng-can {
    width: 245px;
    height: 640px;
    float: right;
    top: -188px;
    left: 30px;
    display: inline-block;
    position: absolute;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-eng-can-lrg.png) no-repeat 50% 0/100% auto; }
    .intro .lrg-eng-can::before {
      content: '';
      width: 44px;
      height: 414px;
      top: 260px;
      left: 21px;
      position: absolute;
      background: url(http://www.da-files.com/contests/2015/sapporo/img/img-shadow.png) no-repeat; }
    .intro .lrg-eng-can::after {
      content: '';
      width: 1000%;
      height: 135px;
      top: 606px;
      left: 50px;
      position: absolute;
      background: url(http://www.da-files.com/contests/2015/sapporo/img/img-shadow-trail.png) repeat-x;
      z-index: 999; }

/* HOW TO ENTER */
.how-to-enter {
  width: 100%;
  padding: 120px 0 60px;
  display: block;
  position: relative;
  background: url(http://www.da-files.com/contests/2015/sapporo/img/texture-redox1.png) repeat 0 0;
  background-attachment: fixed; }
  .how-to-enter .video {
    padding-top: 60px; }
  .how-to-enter .video-player {
    position: relative; }
    .how-to-enter .video-player::before {
      content: '';
      width: 1000%;
      height: 135px;
      top: -30px;
      right: 854px;
      position: absolute;
      background: url(http://www.da-files.com/contests/2015/sapporo/img/img-shadow-trail.png) repeat-x;
      z-index: 1; }
    .how-to-enter .video-player::after {
      content: '';
      width: 1000%;
      height: 135px;
      top: 410px;
      left: 764px;
      position: absolute;
      background: url(http://www.da-files.com/contests/2015/sapporo/img/img-shadow-trail.png) repeat-x;
      z-index: 1; }
    .how-to-enter .video-player iframe {
      position: relative;
      z-index: 2; }

/* PRIZING */
.prizing {
  width: 100%;
  padding: 60px 0;
  display: block;
  position: relative;
  background: #f6ca11;
  border-bottom: 6px solid #d78327; }
  .prizing::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/texture-foam-bg.png) no-repeat 50% 0/cover;
    opacity: 0.4; }
  .prizing .winners {
    margin-top: 10px; }
  .prizing .image {
    margin: 0 0 30px 0; }
    .prizing .image img {
      background: none; }
  .prizing .prize {
    margin-left: 30px; }
  .prizing h2 {
    margin-bottom: 20px; }
  .prizing h2.align-center::before {
    content: '';
    width: 60%;
    height: 10px;
    right: 0;
    bottom: 6px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-brush-stroke.png) no-repeat 50% 50%/100% auto; }

/* RULES-JUDGES */
.rules-judge {
  width: 100%;
  padding: 120px 0 0;
  display: block;
  position: relative;
  background: url(http://www.da-files.com/contests/2015/sapporo/img/texture-redox1.png) repeat 0 0;
  background-attachment: fixed; }
  .rules-judge::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-samurai.jpg) no-repeat 50% 30%/cover;
    background-attachment: fixed;
    opacity: 0.1; }
  .rules-judge li {
    margin-bottom: 20px; }
  .rules-judge li span {
    font-size: 14px; }

/* ABOUT SAPPORO */
.about-sapporo {
  color: #fff;
  width: 100%;
  margin-top: 60px;
  padding: 30px 0 50px;
  display: block;
  position: relative;
  overflow: hidden; }
  .about-sapporo::before {
    content: '';
    width: 100%;
    height: 330px;
    top: 0;
    left: -1px;
    position: absolute;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-tier-1-dark.svg?4) no-repeat 0 100%/auto 100%;
    z-index: 2; }
  .about-sapporo::after {
    content: '';
    width: 100%;
    height: 330px;
    top: 0;
    left: 175px;
    right: 0;
    position: absolute;
    background: #181a1b;
    z-index: 1; }
  .about-sapporo h3,
  .about-sapporo p,
  .about-sapporo a.button {
    position: relative;
    z-index: 3; }
  .about-sapporo h3 {
    color: #f4d229; }
  .about-sapporo p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0; }
  .about-sapporo .about-inner::before {
    content: '';
    width: 60px;
    height: 245px;
    bottom: -58px;
    left: -40px;
    position: absolute;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-katana-tap-handle.png) no-repeat 50% 100%/100% auto;
    z-index: 4; }
  .about-sapporo .about-inner::after {
    content: '';
    width: 180px;
    height: 275px;
    top: 7px;
    right: 80px;
    position: absolute;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-beer-glass-can.png) no-repeat 50% 100%/100% auto;
    z-index: 4; }

/* FOOTER  */
.footer {
  width: 100%;
  text-align: center;
  padding-top: 30px;
  display: block;
  background: #000;
  position: relative; }
  .footer .image {
    max-width: 30%;
    padding: 15px;
    display: inline-block; }
  .footer .image img {
    background: none; }
  .footer .image:nth-of-type(1)::before {
    content: '';
    width: 55px;
    height: 1px;
    bottom: 43px;
    margin-left: 150px;
    position: absolute;
    background: #181a1b;
    transform: rotate(-62deg); }
  .footer ul {
    float: none;
    padding-top: 30px; }

/* STASH BOTTOM */
.bottom {
  padding-bottom: 30px;
  background: #000; }
  .bottom a.commentslink {
    font-size: 12px;
    line-height: 20px;
    font-family: "Helvetica", Arial, sans-serif;
    text-transform: uppercase; }

/* OFFICIAL RULES */
.official-rules {
  width: 100%;
  display: block;
  position: relative; }
  .official-rules .header {
    min-height: initial;
    background: none; }
    .official-rules .header::before {
      background: none; }
    .official-rules .header .links {
      background: rgba(0, 0, 0, 0.9);
      position: fixed;
      z-index: 2; }
    .official-rules .header .cta {
      display: none; }
  .official-rules h2 {
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 30px; }
  .official-rules h3 {
    font-size: 32px;
    line-height: 34px; }
  .official-rules p {
    font-size: 16px;
    line-height: 26px; }
  .official-rules ul, .official-rules ol {
    margin-bottom: 0; }
  .official-rules ul li {
    margin-bottom: 10px; }
  .official-rules ul li:last-of-type {
    margin-bottom: 30px; }
  .official-rules li ul li {
    margin-bottom: 15px !important; }
  .official-rules ul li ul {
    margin-top: 15px; }

.official-rules .container.rules-judge {
  padding: 120px 0 60px; }
  .official-rules .container.rules-judge .can {
    width: 286px;
    height: 574px;
    background: url(http://www.da-files.com/contests/2015/sapporo/img/img-eng-can-lrg.png) no-repeat 50% 50%/auto 100%;
    position: fixed; }
  .official-rules .container.rules-judge .rules-judge li span {
    font-size: 15px;
    line-height: 25px; }
  .official-rules .container.rules-judge span.large.uppercase {
    font-size: 18px;
    line-height: 28px; }
  .official-rules .container.rules-judge h3.format ~ p {
    margin-bottom: 10px; }
  .official-rules .container.rules-judge .footer {
    padding: 30px 0; }

.rules-judge::before {
  opacity: 0.05; }

/* MEDIA QUERY NARROW 1023px */
.da-media[narrow] h2 {
  font-size: 49px;
  line-height: 49px; }

.da-media[narrow] .header {
  min-height: 560px; }

.da-media[narrow] .header ul li,
.da-media[narrow] .footer ul li {
  padding: 0 7px; }

.da-media[narrow] .cta .social {
  width: 74px; }

.da-media[narrow] .cta .social.fb .fb-share-button {
  top: 9px !important;
  left: -10px !important;
  transform: scale(0.7); }

.da-media[narrow] .cta .social.twitter iframe {
  top: 11px !important;
  left: -20px !important;
  transform: scale(0.7); }

.da-media[narrow] .cta .social.gp iframe {
  top: 10px;
  left: -7px !important;
  transform: scale(0.7); }

.da-media[narrow] .timer-wrapper {
  padding: 11px 0 5px; }

.da-media[narrow] .timer-wrapper .time-remaining {
  display: inline-flex; }

.da-media[narrow] .jw-countdownclock-face {
  width: 600px;
  padding: 0 5px 0 0;
  text-align: right; }

.da-media[narrow] .jw-countdownclock-face::before {
  left: -250px; }

.da-media[narrow] .jw-countdownclock-face.finished::before {
  top: -14px;
  left: -15px; }

.da-media[narrow] .jw-countdownclock-divider::before {
  top: 0;
  margin-left: 5px; }

.da-media[narrow] .timer-wrapper a.button.black {
  margin-top: -10px;
  padding: 16px 45px; }

.da-media[narrow] .intro {
  padding: 90px 0 120px; }

.da-media[narrow] .intro .lrg-eng-can {
  width: 155px;
  height: 480px;
  top: -20px;
  left: 74px; }

.da-media[narrow] .intro .lrg-eng-can::before {
  top: 127px;
  left: 3px;
  transform: scale(0.8); }

.da-media[narrow] .intro .lrg-eng-can::after {
  top: 439px;
  left: -279px;
  transform: scale(0.6); }

.da-media[narrow] .how-to-enter .video-player::before {
  top: 0;
  right: 534px; }

.da-media[narrow] .how-to-enter .video-player::after {
  left: 454px; }

.da-media[narrow] .about-sapporo .about-inner::before {
  left: -10px; }

.da-media[narrow] .about-sapporo .about-innter::after {
  right: 90px; }

/* MEDIA QUERY MOBILE */
.da-media[mobile] h2 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 20px; }

.da-media[mobile] h3.large {
  font-size: 32px;
  line-height: 36px; }

.da-media[mobile] .break {
  display: inline; }

.da-media[mobile] .intro::before,
.da-media[mobile] .how-to-enter,
.da-media[mobile] .rules-judge,
.da-media[mobile] .rules-judge::before {
  background-attachment: scroll; }

.da-media[mobile] .header {
  min-height: inherit; }

.da-media[mobile] .header .image {
  width: 100%;
  max-width: 100px;
  float: none;
  margin: 0 auto;
  border: 0; }

.da-media[mobile] .header .image img {
  padding: 10px; }

.da-media[mobile] .links ul,
.da-media[mobile] .cta {
  display: none; }

.da-media[mobile] .header .wrapper {
  padding: 30px 0 75px; }

.da-media[mobile] .header .logo h1 {
  width: 100%;
  padding: 27% 0; }

.da-media[mobile] .header .tagline {
  margin-top: -10px; }

.da-media[mobile] .header .tagline p span {
  font-size: 36px;
  line-height: 36px; }

.da-media[mobile] .how-to-enter .video-player::before {
  top: 0;
  right: 224px; }

.da-media[mobile] .how-to-enter .video-player::after {
  top: 160px;
  left: 314px; }

.da-media[mobile] .timer-wrapper .time-remaining,
.da-media[mobile] .timer-wrapper a.button.black,
.da-media[mobile] .lrg-eng-can,
.da-media[mobile] .about-sapporo::before,
.da-media[mobile] .about-inner::before,
.da-media[mobile] .about-inner::after,
.da-media[mobile] .footer ul,
.da-media[mobile] .footer .cta {
  display: none !important; }

.da-media[mobile] .about-sapporo {
  padding-bottom: 28px; }

.da-media[mobile] .about-sapporo::after {
  left: 0; }

.da-media[mobile] .intro,
.da-media[mobile] .how-to-enter,
.da-media[mobile] .prizing {
  padding: 60px 0; }

.da-media[mobile] .rules-judge {
  padding: 60px 0 0; }

.da-media[mobile] .how-to-enter .video h3,
.da-media[mobile] .prizing h3 {
  width: 100%; }

.da-media[mobile] .prizing h2.align-center::before {
  width: 70%;
  bottom: -10px; }

.da-media[mobile] .footer {
  padding-top: 5px; }

.da-media[mobile] .footer .image:nth-of-type(1)::before {
  margin-left: 119px; }

.da-media[mobile] .bottom {
  display: none; }

/* MEDIA QUERY FOR RULES AND JUDING PAGE */
@media (max-width: 767px) {
  .col_7.before_4 {
    width: 97.22%; }

  .before_4 {
    padding: 0; }

  .can {
    display: none; } }