/*
===================================================================================================
FONTS
===================================================================================================
*/
/* RELEWAY
**************************************************************************************************/
/* OPEN SANS
**************************************************************************************************/
/* BLACKSWORD
**************************************************************************************************/
@font-face {
  font-family: 'Bs';
  src: url("../fonts/bs.eot");
  src: url("../fonts/bs.eot?#iefix") format("embedded-opentype"), url("../fonts/bs.woff2") format("woff2"), url("../fonts/bs.woff") format("woff"), url("../fonts/bs.ttf") format("truetype"), url("../fonts/bs.svg#bs") format("svg");
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0; }
/* PRO
**************************************************************************************************/
@font-face {
  font-family: 'Pro';
  src: url("../fonts/pro.eot");
  src: url("../fonts/pro.eot?#iefix") format("embedded-opentype"), url("../fonts/pro.woff") format("woff"), url("../fonts/pro.ttf") format("truetype"), url("../fonts/pro.svg#pro") format("svg");
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0; }
[data-icon]:before {
  font-family: "Pro" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "Pro" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.casket--title::after {
  font-family: "Pro" !important;
  letter-spacing: 0;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-slash:before {
  content: "\61"; }

.icon-arrow-left:before {
  content: "\62"; }

.icon-arrow-right:before {
  content: "\63"; }

.icon-code:before {
  content: "\64"; }

.icon-mobile:before {
  content: "\65"; }

.icon-open-source:before {
  content: "\66"; }

.icon-screen:before {
  content: "\67"; }

.icon-vector:before {
  content: "\68"; }

/*
===================================================================================================
MIXINS
===================================================================================================
*/
/* CROSS PREFIX
**************************************************************************************************/
/* OPACITY
**************************************************************************************************/
/* SIZES
**************************************************************************************************/
/* CALC
**************************************************************************************************/
/* BORDER
**************************************************************************************************/
/* ANIMATIONS
**************************************************************************************************/
/* RESPONSIVE
**************************************************************************************************/
/* ------------- MAX WIDTH ------------- */
/* ------------- MAX HEIGHT ------------- */
/* ------------- RETINA ------------- */
/* ------------- RETINA IMAGES ------------- */
/* ------------- RETINA IMAGES RATIO ------------- */
/* CROSS BROWSING
**************************************************************************************************/
/* ------------- FIREFOX 52+ ------------- */
/* ------------- SAFARI 9 ------------- */
/* -------------  EDGE 12+ ------------- */
/* FLEXBOX
**************************************************************************************************/
/* ------------- ALIGN ITEMS ------------- */
/* ------------- JUSTIFY CONTENT ------------- */
/* ------------- FLEX DIRECTION ------------- */
/* ------------- FLEX WRAP ------------- */
/* ------------- ORDER ------------- */
/* ------------- FLEX GROW ------------- */
/* ------------- FLEX BASIS ------------- */
/* OTHERS
**************************************************************************************************/
/*
===================================================================================================
VARIABLES
===================================================================================================
*/
/* SPACING
**************************************************************************************************/
/* LINE HEIGHT
**************************************************************************************************/
/* FONT SIZES
**************************************************************************************************/
/* Z-INDEX
**************************************************************************************************/
/* COLORS
**************************************************************************************************/
/* VALUES
**************************************************************************************************/
/* INPUT LISTS
**************************************************************************************************/
/*
===================================================================================================
SELECTORS
===================================================================================================
*/
/* EXTEND ONLY SELECTORS
**************************************************************************************************/
ul, ol, body, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

.copy, .casket, .casket--sub-title, .l-container {
  width: 100%;
  display: block; }

.casket--logo, .casket--link {
  *display: inline;
  display: inline-block;
  *zoom: 1; }

body, .l-container, .l-wrap__full {
  height: 100%;
  min-height: 100%; }

/* SELECTORS
**************************************************************************************************/
.margin {
  margin: 0 auto;
  width: 1180px; }

.r1x {
  display: inline !important; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .r1x {
      display: none !important; } }

.r2x {
  display: none !important; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .r2x {
      display: inline !important;
      max-width: 100%; } }

.centered {
  text-align: center; }

.clear {
  clear: both; }

/*
===================================================================================================
RESET
===================================================================================================
*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  vertical-align: baseline;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0; }

:focus {
  outline: 0; }

ul, ol {
  list-style: none; }

a:hover {
  text-decoration: none; }

a:hover, a:active, a:focus {
  outline: 0 !important; }

a, a:focus {
  text-decoration: none;
  cursor: pointer; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover {
  outline: 0 !important; }

textarea, textarea.form-control, textarea.form-control:focus, textarea.form-control:hover {
  resize: none; }

input[type="radio"], input[type="checkbox"] {
  margin: 0;
  width: auto !important; }

p, small {
  margin: 0; }

iframe {
  border: 0;
  outline: 0; }

mark {
  background: none; }

*::after {
  clear: both; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/*
===================================================================================================
BASE
===================================================================================================
*/
html {
  height: 100%;
  position: relative; }

body {
  background: url("../images/background.png") repeat center center;
  overflow-x: hidden; }

body, a, textarea {
  line-height: 160%;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
  color: #FFF;
  font-size: 18px; }

h1, h2, h3, h4, h5, h6 {
  line-height: 100%; }

hr {
  border-bottom: 1px solid #C70303;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  min-height: 0;
  height: 4px;
  clear: both;
  margin: 0; }

section {
  padding: 80px; }
  @media screen and (max-width: 980px) {
    section {
      padding: 40px; } }

input[type='color'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='month'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='time'], input[type='url'], input[type='week'], textarea, select, input[type='color']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='email']:focus, input[type='month']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='time']:focus, input[type='url']:focus, input[type='week']:focus, textarea:focus, select:focus, input[type='color']:hover, input[type='date']:hover, input[type='datetime']:hover, input[type='datetime-local']:hover, input[type='email']:hover, input[type='month']:hover, input[type='number']:hover, input[type='password']:hover, input[type='search']:hover, input[type='tel']:hover, input[type='text']:hover, input[type='time']:hover, input[type='url']:hover, input[type='week']:hover, textarea:hover, select:hover, textarea.form-control:hover {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 18px;
  padding: 5px 10px;
  background: #FFF;
  border: 2px solid #FFF;
  color: #2F2F2f;
  font-weight: 300; }

input[type='color']:hover, input[type='date']:hover, input[type='datetime']:hover, input[type='datetime-local']:hover, input[type='email']:hover, input[type='month']:hover, input[type='number']:hover, input[type='password']:hover, input[type='search']:hover, input[type='tel']:hover, input[type='text']:hover, input[type='time']:hover, input[type='url']:hover, input[type='week']:hover, textarea:hover, select:hover, textarea.form-control:hover {
  border-color: #C70303; }

input[placeholder], [placeholder] {
  color: #7D7D7D; }

::-webkit-input-placeholder {
  color: #7D7D7D; }

::-moz-placeholder {
  color: #7D7D7D; }

:-ms-input-placeholder {
  color: #7D7D7D; }

input:-moz-placeholder {
  color: #7D7D7D; }

/*
===================================================================================================
PRELOADER
===================================================================================================
*/
.preloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #2F2F2f;
  z-index: 10000000000;
  overflow: hidden; }

.preloader--animation {
  -webkit-animation: 0.7s spin linear infinite;
  -moz-animation: 0.7s spin linear infinite;
  -ms-animation: 0.7s spin linear infinite;
  -o-animation: 0.7s spin linear infinite;
  animation: 0.7s spin linear infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 300px; }
  @media screen and (max-width: 680px) {
    .preloader--animation {
      width: 200px;
      height: 200px; } }
  @media screen and (max-width: 480px) {
    .preloader--animation {
      width: 100px;
      height: 100px; } }
  .preloader--animation::before, .preloader--animation::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-color: transparent;
    border-right-color: #C70303;
    border-left-color: #FFF; }

/* ANIMATION
**************************************************************************************************/
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-ms-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/*
===================================================================================================
COPYRIGHT
===================================================================================================
*/
.copy {
  text-align: center;
  font-family: 'Open', sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  font-size: 12px;
  margin-bottom: 20px;
  color: #7D7D7D;
  padding: 0 5px; }
  .copy a {
    font-size: inherit;
    color: inherit;
    text-decoration: underline; }
  .copy a:hover {
    text-decoration: none; }
  @media screen and (max-width: 480px) {
    .copy {
      display: none; } }

/*
===================================================================================================
CASKET
===================================================================================================
*/
.casket {
  text-align: center;
  padding: 0; }
  @media screen and (max-width: 980px) {
    .casket {
      padding: 0; } }
  .casket.is-raised .casket--path {
    fill-opacity: 1; }
  .casket.is-raised .casket--sub-title {
    -webkit-animation: 0.4s ease 0s normal forwards 1 casket-fadein-animation;
    -moz-animation: 0.4s ease 0s normal forwards 1 casket-fadein-animation;
    -ms-animation: 0.4s ease 0s normal forwards 1 casket-fadein-animation;
    -o-animation: 0.4s ease 0s normal forwards 1 casket-fadein-animation;
    animation: 0.4s ease 0s normal forwards 1 casket-fadein-animation; }
  .casket.is-raised .casket--link {
    -webkit-animation: 1.2s ease 0s normal forwards 1 casket-fadein-animation;
    -moz-animation: 1.2s ease 0s normal forwards 1 casket-fadein-animation;
    -ms-animation: 1.2s ease 0s normal forwards 1 casket-fadein-animation;
    -o-animation: 1.2s ease 0s normal forwards 1 casket-fadein-animation;
    animation: 1.2s ease 0s normal forwards 1 casket-fadein-animation; }

/* ANIMATIONS
**************************************************************************************************/
@-webkit-keyframes logo-draw-animation {
  100% {
    stroke-dashoffset: 0; } }
@-moz-keyframes logo-draw-animation {
  100% {
    stroke-dashoffset: 0; } }
@-ms-keyframes logo-draw-animation {
  100% {
    stroke-dashoffset: 0; } }
@-o-keyframes logo-draw-animation {
  100% {
    stroke-dashoffset: 0; } }
@keyframes logo-draw-animation {
  100% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes casket-fadein-animation {
  0% {
    opacity: 0; }
  66% {
    opacity: 0.8; }
  100% {
    opacity: 1; } }
@-moz-keyframes casket-fadein-animation {
  0% {
    opacity: 0; }
  66% {
    opacity: 0.8; }
  100% {
    opacity: 1; } }
@-ms-keyframes casket-fadein-animation {
  0% {
    opacity: 0; }
  66% {
    opacity: 0.8; }
  100% {
    opacity: 1; } }
@-o-keyframes casket-fadein-animation {
  0% {
    opacity: 0; }
  66% {
    opacity: 0.8; }
  100% {
    opacity: 1; } }
@keyframes casket-fadein-animation {
  0% {
    opacity: 0; }
  66% {
    opacity: 0.8; }
  100% {
    opacity: 1; } }
/* LOGO
**************************************************************************************************/
.casket--logo {
  vertical-align: middle; }
  @media screen and (max-width: 780px) {
    .casket--logo {
      display: none; } }
  @media screen and (max-height: 480px) {
    .casket--logo {
      display: none; } }

.casket--path {
  stroke-width: 1;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  fill: #FFF;
  stroke: #FFF;
  fill-opacity: 0;
  transition: fill-opacity 0.3s; }

.casket--path__0 {
  stroke-dasharray: 783 785;
  stroke-dashoffset: 784;
  -webkit-animation: logo-draw-animation 1333ms ease-in 0ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 0ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 0ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 0ms forwards;
  animation: logo-draw-animation 1333ms ease-in 0ms forwards; }

.casket--path__1 {
  stroke-dasharray: 273 275;
  stroke-dashoffset: 274;
  -webkit-animation: logo-draw-animation 1333ms ease-in 55ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 55ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 55ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 55ms forwards;
  animation: logo-draw-animation 1333ms ease-in 55ms forwards; }

.casket--path__2 {
  stroke-dasharray: 84 86;
  stroke-dashoffset: 85;
  -webkit-animation: logo-draw-animation 1333ms ease-in 111ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 111ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 111ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 111ms forwards;
  animation: logo-draw-animation 1333ms ease-in 111ms forwards; }

.casket--path__3 {
  stroke-dasharray: 355 357;
  stroke-dashoffset: 356;
  -webkit-animation: logo-draw-animation 1333ms ease-in 166ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 166ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 166ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 166ms forwards;
  animation: logo-draw-animation 1333ms ease-in 166ms forwards; }

.casket--path__4 {
  stroke-dasharray: 273 275;
  stroke-dashoffset: 274;
  -webkit-animation: logo-draw-animation 1333ms ease-in 222ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 222ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 222ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 222ms forwards;
  animation: logo-draw-animation 1333ms ease-in 222ms forwards; }

.casket--path__5 {
  stroke-dasharray: 820 822;
  stroke-dashoffset: 821;
  -webkit-animation: logo-draw-animation 1333ms ease-in 277ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 277ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 277ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 277ms forwards;
  animation: logo-draw-animation 1333ms ease-in 277ms forwards; }

.casket--path__6 {
  stroke-dasharray: 277 279;
  stroke-dashoffset: 278;
  -webkit-animation: logo-draw-animation 1333ms ease-in 333ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 333ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 333ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 333ms forwards;
  animation: logo-draw-animation 1333ms ease-in 333ms forwards; }

.casket--path__7 {
  stroke-dasharray: 274 276;
  stroke-dashoffset: 275;
  -webkit-animation: logo-draw-animation 1333ms ease-in 338ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 338ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 338ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 338ms forwards;
  animation: logo-draw-animation 1333ms ease-in 338ms forwards; }

.casket--path__8 {
  stroke-dasharray: 287 289;
  stroke-dashoffset: 288;
  -webkit-animation: logo-draw-animation 1333ms ease-in 444ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 444ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 444ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 444ms forwards;
  animation: logo-draw-animation 1333ms ease-in 444ms forwards; }

.casket--path__9 {
  stroke-dasharray: 335 337;
  stroke-dashoffset: 336;
  -webkit-animation: logo-draw-animation 1333ms ease-in 499ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 499ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 499ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 499ms forwards;
  animation: logo-draw-animation 1333ms ease-in 499ms forwards; }

.casket--path__10 {
  stroke-dasharray: 343 345;
  stroke-dashoffset: 344;
  -webkit-animation: logo-draw-animation 1333ms ease-in 555ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 555ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 555ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 555ms forwards;
  animation: logo-draw-animation 1333ms ease-in 555ms forwards; }

.casket--path__11 {
  stroke-dasharray: 358 360;
  stroke-dashoffset: 359;
  -webkit-animation: logo-draw-animation 1333ms ease-in 611ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 611ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 611ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 611ms forwards;
  animation: logo-draw-animation 1333ms ease-in 611ms forwards; }

.casket--path__12 {
  stroke-dasharray: 289 291;
  stroke-dashoffset: 290;
  -webkit-animation: logo-draw-animation 1333ms ease-in 666ms forwards;
  -moz-animation: logo-draw-animation 1333ms ease-in 666ms forwards;
  -ms-animation: logo-draw-animation 1333ms ease-in 666ms forwards;
  -o-animation: logo-draw-animation 1333ms ease-in 666ms forwards;
  animation: logo-draw-animation 1333ms ease-in 666ms forwards; }

.casket--path__red {
  fill: #C70303;
  stroke: #C70303; }

/* TITLE
**************************************************************************************************/
.casket--title {
  display: none;
  font-family: 'Bs';
  font-size: 100px;
  position: relative; }
  .casket--title::after {
    content: "\61";
    position: absolute;
    top: 50px;
    right: -50px;
    font-size: 140px;
    color: #C70303; }
    @media screen and (max-width: 780px) {
      .casket--title::after {
        font-size: 60px;
        top: 40px;
        right: -30px; } }
    @media screen and (max-width: 480px) {
      .casket--title::after {
        font-size: 50px;
        top: 25px;
        right: -30px; } }
    @media screen and (max-width: 360px) {
      .casket--title::after {
        display: none; } }
    @media screen and (max-height: 480px) {
      .casket--title::after {
        display: none; } }
  @media screen and (max-width: 780px) {
    .casket--title {
      font-size: 70px;
      display: inline-block; } }
  @media screen and (max-width: 480px) {
    .casket--title {
      font-size: 50px; } }
  @media screen and (max-width: 360px) {
    .casket--title {
      font-size: 45px; } }
  @media screen and (max-height: 480px) {
    .casket--title {
      font-size: 45px;
      display: inline-block; } }

.casket--title__error {
  display: inline-block !important; }
  .casket--title__error::after {
    top: 60px;
    right: -60px;
    font-size: 100px; }
    @media screen and (max-width: 780px) {
      .casket--title__error::after {
        display: none; } }
  @media screen and (max-width: 780px) {
    .casket--title__error {
      font-size: 100px;
      display: inline-block; } }
  @media screen and (max-width: 480px) {
    .casket--title__error {
      font-size: 100px; } }
  @media screen and (max-width: 360px) {
    .casket--title__error {
      font-size: 100px; } }
  @media screen and (max-height: 480px) {
    .casket--title__error {
      font-size: 100px;
      display: inline-block; } }

/* SUB TITLE
**************************************************************************************************/
.casket--sub-title {
  margin-top: -18px;
  line-height: 100%;
  vertical-align: middle;
  opacity: 0; }
  .casket--sub-title span {
    color: #C70303;
    font-size: 24px;
    line-height: 100%;
    vertical-align: middle; }
  @media screen and (max-width: 780px) {
    .casket--sub-title {
      margin-top: 10px;
      opacity: 1 !important;
      -webkit-animation: unset !important;
      -moz-animation: unset !important;
      -ms-animation: unset !important;
      -o-animation: unset !important;
      animation: unset !important; } }
  @media screen and (max-width: 360px) {
    .casket--sub-title {
      display: none; } }
  @media screen and (max-height: 480px) {
    .casket--sub-title {
      margin-top: 10px;
      opacity: 1 !important;
      -webkit-animation: unset !important;
      -moz-animation: unset !important;
      -ms-animation: unset !important;
      -o-animation: unset !important;
      animation: unset !important; } }

.casket--sub-title__error {
  opacity: 1 !important;
  -webkit-animation: unset !important;
  -moz-animation: unset !important;
  -ms-animation: unset !important;
  -o-animation: unset !important;
  animation: unset !important;
  margin-top: 40px; }
  @media screen and (max-width: 780px) {
    .casket--sub-title__error {
      margin-top: 20px; } }
  @media screen and (max-width: 360px) {
    .casket--sub-title__error {
      display: block;
      font-size: 14px; } }
  @media screen and (max-height: 480px) {
    .casket--sub-title__error {
      margin-top: 20px; } }

/* LINK
**************************************************************************************************/
.casket--link {
  vertical-align: middle;
  font-weight: 400;
  margin-top: 60px;
  border: 1px solid #C70303;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 24px;
  color: #C70303;
  text-transform: uppercase;
  line-height: 100%;
  padding: 15px 40px;
  letter-spacing: 1px;
  position: relative;
  background: transparent;
  -webkit-transform: perspective(1px) translateZ(0);
  -moz-transform: perspective(1px) translateZ(0);
  -ms-transform: perspective(1px) translateZ(0);
  -o-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  opacity: 0; }
  @media screen and (max-width: 780px) {
    .casket--link {
      opacity: 1 !important;
      -webkit-animation: unset !important;
      -moz-animation: unset !important;
      -ms-animation: unset !important;
      -o-animation: unset !important;
      animation: unset !important; } }
  @media screen and (max-width: 480px) {
    .casket--link {
      font-size: 20px;
      padding: 10px 20px;
      margin-top: 20px; } }
  @media screen and (max-height: 480px) {
    .casket--link {
      font-size: 20px;
      padding: 10px 20px;
      margin-top: 20px;
      opacity: 1 !important;
      -webkit-animation: unset !important;
      -moz-animation: unset !important;
      -ms-animation: unset !important;
      -o-animation: unset !important;
      animation: unset !important; } }
  @media screen and (max-width: 360px) {
    .casket--link {
      font-size: 18px; } }
  .casket--link::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #C70303;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .casket--link:hover, .casket--link:focus, .casket--link:active {
    color: #FFF; }
  .casket--link:hover::before, .casket--link:focus::before, .casket--link:active::before {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1); }

.casket.is-raised .casket--path {
  fill-opacity: 1; }

.casket--link__error {
  font-size: 20px;
  padding: 5px 10px;
  opacity: 1 !important;
  -webkit-animation: unset !important;
  -moz-animation: unset !important;
  -ms-animation: unset !important;
  -o-animation: unset !important;
  animation: unset !important;
  margin-top: 40px; }

/*
===================================================================================================
CONTAINER
===================================================================================================
*/
/*
===================================================================================================
WRAP
===================================================================================================
*/
.l-wrap {
  display: block;
  width: 1880px;
  margin: 0 auto; }
  @media screen and (max-width: 2500px) {
    .l-wrap {
      width: 100%; } }

/* SUB MODULES
**************************************************************************************************/
.l-wrap__gradient {}
  .l-wrap__gradient + .preloader {
    display: none; }
    @media screen and (max-width: 780px) {
      .l-wrap__gradient + .preloader {
        display: block; } }
    @media screen and (max-height: 480px) {
      .l-wrap__gradient + .preloader {
        display: block; } }

.l-wrap__full .copy {
  position: absolute;
  bottom: 0;
  left: 0; }