@charset "UTF-8";
/******************************
 *
 *  Margins and Paddings
 *
 ******************************/
/******************************
 *
 *  Grid Setup
 *
 ******************************/
/******************************
 *
 *	Typo
 *
 ******************************/
/******************************
 *
 *	Colors
 *
 ******************************/
/**
 * from https://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin/
 */
@import url("//hello.myfonts.net/count/2d1f8c");
@import url("//hello.myfonts.net/count/2d332d");
@import url("//hello.myfonts.net/count/2d3586");
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

/**
 * @license
 * MyFonts Webfont Build ID 2957196, 2015-01-21T05:12:52-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: DidotLTPro-Roman by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/didot/pro-roman/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2008 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, 
 * 
 * Webfont: AvenirLTStd-Roman by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/55-roman/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2957196
 * Licensed pageviews: 250,000
 *
 * Webfont: AvenirLTStd-Heavy by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/85-heavy/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 250,000
 *
 * Webfont: DidotLTPro-Bold by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/didot/pro-bold/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2008 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, 
 * Licensed pageviews: 500,000
 * 
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'DidotLTPro-Roman';
  src: url("../fonts/2D1F8C_0_0.eot");
  src: url("../fonts/2D1F8C_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2D1F8C_0_0.woff2") format("woff2"), url("../fonts/2D1F8C_0_0.woff") format("woff"), url("../fonts/2D1F8C_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'DidotLTPro-Bold';
  src: url("../fonts/2D332D_0_0.eot");
  src: url("../fonts/2D332D_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2D332D_0_0.woff2") format("woff2"), url("../fonts/2D332D_0_0.woff") format("woff"), url("../fonts/2D332D_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'AvenirLTStd-Roman';
  src: url("../fonts/2D1F8C_1_0.eot");
  src: url("../fonts/2D1F8C_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2D1F8C_1_0.woff2") format("woff2"), url("../fonts/2D1F8C_1_0.woff") format("woff"), url("../fonts/2D1F8C_1_0.ttf") format("truetype"); }

@font-face {
  font-family: 'AvenirLTStd-Heavy';
  src: url("../fonts/2D3586_0_0.eot");
  src: url("../fonts/2D3586_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2D3586_0_0.woff2") format("woff2"), url("../fonts/2D3586_0_0.woff") format("woff"), url("../fonts/2D3586_0_0.ttf") format("truetype"); }

a, a:visited {
  color: #000;
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

h1 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: bold; }

h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: bold; }

h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: bold; }

h4 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: bold; }

h5 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: bold; }

h6 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: bold; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

html, body {
  height: 100%;
  width: 100%;
  height: 100vh;
  width: 100vw; }

body {
  font-family: Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  cursor: pointer; }

@-webkit-keyframes arrival {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    background: #30065c; }
  30% {
    background: rgba(48, 6, 92, 0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes arrival {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    background: #30065c; }
  30% {
    background: rgba(48, 6, 92, 0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes logo {
  0% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes logo {
  0% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@keyframes fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@-webkit-keyframes welcome {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@keyframes welcome {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@-webkit-keyframes welcome-text-arrive {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px) rotateX(-35deg);
            transform: translateY(15px) rotateX(-35deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) rotateX(0deg);
            transform: translateY(0) rotateX(0deg); } }

@keyframes welcome-text-arrive {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px) rotateX(-35deg);
            transform: translateY(15px) rotateX(-35deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0) rotateX(0deg);
            transform: translateY(0) rotateX(0deg); } }

@-webkit-keyframes welcome-counter {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes welcome-counter {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes welcome-counter-left {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@keyframes welcome-counter-left {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@-webkit-keyframes welcome-counter-right {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@keyframes welcome-counter-right {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@-webkit-keyframes welcome-counter-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7); } }

@keyframes welcome-counter-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7); } }

@-webkit-keyframes welcome-message {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes welcome-message {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes welcome-message-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0) rotateX(0deg);
            transform: translateY(0) rotateX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-15px) rotateX(20deg);
            transform: translateY(-15px) rotateX(20deg); } }

@keyframes welcome-message-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0) rotateX(0deg);
            transform: translateY(0) rotateX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-15px) rotateX(20deg);
            transform: translateY(-15px) rotateX(20deg); } }

@-webkit-keyframes welcome-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes welcome-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes welcome-loader-out {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0; } }

@keyframes welcome-loader-out {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0; } }

@-webkit-keyframes welcome-loader-in {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes welcome-loader-in {
  0% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes claim {
  0% {
    opacity: 1; }
  20% {
    opacity: 1; }
  85% {
    opacity: 1; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@keyframes claim {
  0% {
    opacity: 1; }
  20% {
    opacity: 1; }
  85% {
    opacity: 1; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@-webkit-keyframes butterfly {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes butterfly {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.dl-claim_center {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: claim 4s 5.55s linear;
          animation: claim 4s 5.55s linear;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.dl-claim {
  text-transform: uppercase;
  font-family: DidotLTPro-Bold, Georgia, serif;
  font-size: 1.5em;
  background-color: #fff;
  max-width: 18em;
  text-align: center;
  padding: 1.8em .8em 1.6em;
  line-height: 1.4em;
  -webkit-transition: 1s opacity;
          transition: 1s opacity;
  margin: 0; }

#clickHack {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20; }

.dl-mainLogo_center {
  text-align: center;
  display: inline-block;
  z-index: 200;
  position: fixed;
  left: 50%;
  margin-left: -7.5em; }
  @media screen and (max-width: 650px) {
    .dl-mainLogo_center {
      margin-left: -6em; } }

.dl-mainLogo {
  display: inline-block;
  margin: 0 auto;
  width: 15em;
  opacity: 0; }
  @media screen and (max-width: 650px) {
    .dl-mainLogo {
      width: 12em; } }

.dl-mainLogo.anim-in {
  -webkit-animation: logo 1s 1s ease;
          animation: logo 1s 1s ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.dl-footer_center {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 50;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  bottom: 40px; }

.dl-footer {
  z-index: 50;
  bottom: 40px;
  font-family: AvenirLTStd-Roman;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }

.dl-footer_item {
  display: inline-block;
  margin-left: .7em;
  position: relative; }
  .dl-footer_item-share.no-mobile {
    cursor: pointer; }
    .dl-footer_item-share.no-mobile:hover .dl-share_list {
      opacity: 1;
      width: 600px;
      -webkit-transform: translateX(50px);
          -ms-transform: translateX(50px);
              transform: translateX(50px);
      -webkit-transition: width 0s 0s ease, max-height 0s 0s ease, -webkit-transform .5s ease, opacity .5s ease-in;
              transition: width 0s 0s ease, max-height 0s 0s ease, transform .5s ease, opacity .5s ease-in; }
      @media screen and (max-width: 650px) {
        .dl-footer_item-share.no-mobile:hover .dl-share_list {
          -webkit-transform: translateY(-50px);
              -ms-transform: translateY(-50px);
                  transform: translateY(-50px);
          width: 50px;
          max-height: 10000px; } }

.dl-contact_link {
  padding: 1em 1.6em;
  font-size: 1em;
  display: inline-block;
  text-decoration: none;
  background-color: #fff;
  border-radius: 2.5em;
  border: 0;
  outline: none;
  cursor: pointer;
  color: #31201F; }
  .dl-contact_link:hover {
    color: #715254; }

.dl-share_list {
  margin: 0;
  display: inline-block;
  padding: 0;
  opacity: 0;
  position: absolute;
  left: 0px;
  width: 0px;
  z-index: 0;
  top: 0;
  overflow: hidden;
  margin-left: 3px;
  -webkit-transition: -webkit-transform .5s ease, opacity .5s ease-in, width 0s .5s ease, max-height 0s .5s ease;
          transition: transform .5s ease, opacity .5s ease-in, width 0s .5s ease, max-height 0s .5s ease; }
  @media screen and (max-width: 650px) {
    .dl-share_list {
      bottom: 0px;
      top: auto;
      width: 50px;
      left: 0;
      max-height: 0;
      margin: 0;
      margin-bottom: 3px; } }
  .dl-share_list.is-active {
    opacity: 1;
    width: 600px;
    -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
            transform: translateX(50px);
    -webkit-transition: width 0s 0s ease, max-height 0s 0s ease, -webkit-transform .5s ease, opacity .5s ease;
            transition: width 0s 0s ease, max-height 0s 0s ease, transform .5s ease, opacity .5s ease; }
    @media screen and (max-width: 650px) {
      .dl-share_list.is-active {
        -webkit-transform: translateY(-50px);
            -ms-transform: translateY(-50px);
                transform: translateY(-50px);
        width: 50px;
        max-height: 10000px; } }

.dl-share_item {
  display: inline-block;
  list-style: none;
  margin-left: 2px; }
  @media screen and (max-width: 650px) {
    .dl-share_item {
      margin-left: 0;
      margin-top: 5px; } }

.dl-share_link:visited {
  color: #31201F; }

.dl-share_link:hover {
  color: #715254; }

.dl-share_button {
  z-index: 50;
  display: block !important; }

.dl-round_button {
  position: relative;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  width: 48px;
  height: 48px;
  cursor: pointer;
  outline: none;
  color: #31201F;
  font-size: .9em;
  font-family: AvenirLTStd-Roman;
  text-decoration: none;
  background-color: #fff;
  border-radius: 100%;
  border: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .dl-round_button svg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    fill: currentColor; }
  .dl-round_button:active {
    color: #715254; }

.dl-svg_share {
  display: none; }
  .dl-svg_share.is-visible {
    display: inline; }

.dl-svg_close {
  display: none; }
  .dl-svg_close.is-visible {
    display: inline; }

.butterfly {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: butterfly .5s 3s;
          animation: butterfly .5s 3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  pointer-events: none; }

canvas {
  cursor: pointer; }

.dl-welcome {
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #EAF5F5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  cursor: auto; }

.dl-welcome.anim-out {
  -webkit-animation: welcome 1s 1s ease;
          animation: welcome 1s 1s ease;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
  .dl-welcome.anim-out .dl-welcome_quote-out {
    -webkit-animation: welcome-message-out .3s .7s ease-in;
            animation: welcome-message-out .3s .7s ease-in;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  .dl-welcome.anim-out .dl-welcome_message-out {
    -webkit-animation: welcome-message-out .3s .8s ease-in;
            animation: welcome-message-out .3s .8s ease-in;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-transform-origin: 0 0 -45px;
        -ms-transform-origin: 0 0 -45px;
            transform-origin: 0 0 -45px; }
  .dl-welcome.anim-out .dl-welcome_bottom-out {
    -webkit-animation: welcome-counter-out .3s .5s ease-in;
            animation: welcome-counter-out .3s .5s ease-in;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }

.dl-welcome_quote-out {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }

.dl-welcome_center {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 75px;
  -webkit-perspective: 400px;
          perspective: 400px; }
  .dl-welcome_center.anim-in {
    -webkit-animation: welcome-message 7s .5s linear;
            animation: welcome-message 7s .5s linear;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  @media screen and (max-width: 650px) {
    .dl-welcome_center {
      margin-top: 50px; } }
  @media screen and (max-width: 500px) {
    .dl-welcome_center {
      -webkit-animation: none;
              animation: none; } }

.dl-welcome_quote {
  position: relative;
  margin: 0 auto;
  font-size: 1.2em;
  font-family: AvenirLTStd-Roman;
  margin-bottom: 1em;
  text-align: center;
  color: #31201F;
  line-height: 1.2em;
  opacity: 0; }
  .dl-welcome_quote.anim-in {
    -webkit-animation: welcome-text-arrive 1.5s ease;
            animation: welcome-text-arrive 1.5s ease;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }

.dl-welcome_message {
  position: relative;
  text-align: center;
  display: block;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  padding: 0 60px;
  color: #31201F;
  text-transform: uppercase;
  margin: 0 auto;
  line-height: 1em;
  font-size: 3.2em;
  font-family: DidotLTPro-Bold, Georgia, serif;
  -webkit-transform-origin: 0 0 -45px;
      -ms-transform-origin: 0 0 -45px;
          transform-origin: 0 0 -45px;
  opacity: 0; }
  .dl-welcome_message.anim-in {
    -webkit-animation: welcome-text-arrive 1.5s 0.2s ease;
            animation: welcome-text-arrive 1.5s 0.2s ease;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  @media screen and (max-width: 500px) {
    .dl-welcome_message {
      font-size: 2.2em;
      padding: 0 10px; } }

.dl-welcome_bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media screen and (max-width: 500px) {
  .dl-welcome_bottom.anim-in {
    -webkit-animation: none;
            animation: none; } }

@media screen and (min-width: 800px) {
  .u-Lbreak_mobile {
    display: none; } }

.dl-welcome_counter {
  width: 1.9em;
  height: 1.9em;
  border: .1em solid #31201F;
  border-radius: 100%;
  font-size: 3.2em;
  text-align: center;
  font-family: DidotLTPro-Bold, Georgia, serif;
  line-height: 2em;
  color: #31201F;
  position: relative;
  margin-bottom: 1.5em;
  opacity: 0;
  -webkit-perspective: 60px;
          perspective: 60px; }
  @media screen and (max-width: 650px) {
    .dl-welcome_counter {
      font-size: 2.4em; } }
  .dl-welcome_counter:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 1.75em;
    width: .4em;
    height: .1em;
    background-color: #31201F;
    -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
            transform-origin: 100% 50%; }
  .dl-welcome_counter:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 1.75em;
    width: .4em;
    height: .1em;
    background-color: #31201F;
    -webkit-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
            transform-origin: 0% 50%; }

.dl-welcome_counter.anim-in {
  -webkit-animation: welcome-counter 1s 0.5s cubic-bezier(0.64, 0.13, 0.29, 0.95);
          animation: welcome-counter 1s 0.5s cubic-bezier(0.64, 0.13, 0.29, 0.95);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }
  .dl-welcome_counter.anim-in:after {
    -webkit-animation: welcome-counter-right 1s 0.5s cubic-bezier(0.64, 0.13, 0.29, 0.95);
            animation: welcome-counter-right 1s 0.5s cubic-bezier(0.64, 0.13, 0.29, 0.95);
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  .dl-welcome_counter.anim-in:before {
    -webkit-animation: welcome-counter-left 1s 0.5s cubic-bezier(0.64, 0.13, 0.29, 0.95);
            animation: welcome-counter-left 1s 0.5s cubic-bezier(0.64, 0.13, 0.29, 0.95);
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }

.dl-welcome_number {
  -webkit-transform-origin: 50% 45%;
      -ms-transform-origin: 50% 45%;
          transform-origin: 50% 45%;
  -webkit-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out; }

.dl-welcome_number.anim-in {
  -webkit-transform: rotateX(180deg) scaleY(-1);
          transform: rotateX(180deg) scaleY(-1); }

.dl-welcome_loader_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 6em;
  height: 6em;
  position: absolute;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 650px) {
    .dl-welcome_loader_container {
      width: 4.5em;
      height: 4.5em; } }

.dl-welcome_loader {
  width: 35px;
  height: 35px;
  border: .1em solid #31201F;
  border-radius: 100%;
  font-size: 3.2em;
  text-align: center;
  font-family: DidotLTPro-Bold, Georgia, serif;
  line-height: 2em;
  color: #31201F;
  -webkit-animation: welcome-loader 2s linear;
          animation: welcome-loader 2s linear;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-perspective: 60px;
          perspective: 60px; }
  @media screen and (max-width: 650px) {
    .dl-welcome_loader {
      font-size: 2.4em; } }
  .dl-welcome_loader:before {
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    right: .52em;
    width: .2em;
    height: .1em;
    background-color: #31201F;
    -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
            transform-origin: 100% 50%; }
    @media screen and (max-width: 650px) {
      .dl-welcome_loader:before {
        right: .8em; } }
  .dl-welcome_loader:after {
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    left: .5em;
    width: .2em;
    height: .1em;
    background-color: #31201F;
    -webkit-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
            transform-origin: 0% 50%; }
    @media screen and (max-width: 650px) {
      .dl-welcome_loader:after {
        left: .8em; } }

.dl-welcome_loader-in {
  -webkit-animation: welcome-loader-in .5s .5s ease-in-out;
          animation: welcome-loader-in .5s .5s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }

.dl-welcome_loader_container.anim-out {
  -webkit-animation: welcome-loader-out .5s ease-in-out;
          animation: welcome-loader-out .5s ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }