/*
p -- page
s -- section
b -- block
pr -- block preview (pr-xxs, pr-xs, pr-s, pr-m, pr) if different sizes on site
f -- form
m -- menu
l -- list
svg -- svg grafix
i -- etc grafix
a -- img links, lone links, logos
t -- tables
title -- default titles
btn -- buttons
msg -- message - not content
modal -- modal windows
_error-*
_success-*
*/
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
strong,
abbr,
acronym,
blockquote,
q,
cite,
ins,
del,
dfn,
a,
div,
span,
pre,
hr,
address,
br,
b,
i,
sub,
big,
small,
tt,
table,
tr,
caption,
thead,
tbody,
tfoot,
col,
colgroup,
form,
input,
label,
textarea,
button,
fieldset,
legend,
select,
option,
ul,
ol,
li,
dl,
dt,
dd,
code,
var,
samp,
img,
object,
param,
map,
area {
  padding: 0;
  margin: 0;
  border: none;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
header,
footer,
section,
aside,
figure,
figcaption,
input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}
button {
  border: 0;
}
:focus {
  outline: none;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
  outline: none;
}
input::-ms-clear {
  width: 0;
  height: 0;
}
input,
textarea {
  resize: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}
::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}
a {
  text-decoration: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
input,
select,
textarea {
  border-radius: 0;
  box-shadow: none;
}
:disabled,
[disabled],
[aria-disabled="true"] {
  cursor: not-allowed;
}
video {
  background-size: cover;
  background-position: center;
}
img {
  display: block;
}
button {
  background: transparent;
}
textarea {
  overflow-y: auto;
}
input,
textarea,
select,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
html,
body {
  height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-focus-ring-color: rgba(255,255,255,0);
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
@font-face {
  font-family: 'HelveticaNeue-Thin';
  src: url("../new_fonts/HelveticaNeue-Thin.woff") format('woff');
  font-weight: 100;
  font-style: normal;
}
input,
textarea,
select,
button {
  font-family: 'HelveticaNeue-Thin', sans-serif;
}
html,
body {
  font-weight: 100;
  font-family: 'HelveticaNeue-Thin', sans-serif;
}
html {
  font-size: 50%;
}
.b-contact {
  display: block;
}
.btn-primary {
  display: block;
}
.f-contact {
  display: block;
}
.f-search {
  display: block;
}
.l-breadcrumbs {
  display: block;
}
.l-pagination {
  display: block;
}
.l-social {
  display: block;
}
.m-site {
  display: block;
}
.modal-default {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  padding: 50px;
  display: none;
  z-index: 2;
  font-size: 0;
}
.modal-default:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.modal-default__inner {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 50px;
  background: #fff;
}
.modal-default__close {
  position: absolute;
  top: -40px;
  left: -40px;
  width: 30px;
  height: 30px;
  background: #f00;
}
.s-index {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  min-height: 100vh;
}
.s-index__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  padding: 3rem 15px 2.5rem;
  background: #000;
  color: #fff;
  min-height: calc(100vh - 32rem);
}
.s-index h2 {
  display: block;
  font-size: 4.2rem;
  font-weight: 100;
 /* letter-spacing: -0.15rem;*/
   letter-spacing: 1px;
  word-spacing: -0.2rem;
  opacity: 0;
  -webkit-animation: opacity 2s ease-out forwards;
  animation: opacity 2s ease-out forwards;
}
.s-index svg {
  width: 46rem;
  height: 44.7rem;
  opacity: 0;
  -webkit-transform-origin: 48.2% 39.9%;
  -ms-transform-origin: 48.2% 39.9%;
  transform-origin: 48.2% 39.9%;
  -webkit-animation: svg-animation 0.8s 1s forwards;
  animation: svg-animation 0.8s 1s forwards;
}
.s-index svg .text {
  opacity: 0;
  -webkit-animation: svg-text-animation 2s 2.6s forwards;
  animation: svg-text-animation 2s 2.6s forwards;
}
.s-index svg .top {
  opacity: 0;
  -webkit-animation: svg-top-animation 0.3s 2.3s linear forwards;
  animation: svg-top-animation 0.3s 2.3s linear forwards;
}
.s-index svg .mid {
  -webkit-transform: translateX(-41%);
  -ms-transform: translateX(-41%);
  transform: translateX(-41%);
  -webkit-animation: svg-mid-animation 0.3s linear 2s forwards;
  animation: svg-mid-animation 0.3s linear 2s forwards;
}
.s-index svg .bottom {
  opacity: 0;
  -webkit-animation: svg-bottom-animation 0.3s 2.3s linear forwards;
  animation: svg-bottom-animation 0.3s 2.3s linear forwards;
}
.s-index svg .left {
  opacity: 0;
  -webkit-animation: svg-left-animation 0.3s 2.3s linear forwards;
  animation: svg-left-animation 0.3s 2.3s linear forwards;
}
.s-index svg .right {
  -webkit-transform-origin: 218% 51%;
  -ms-transform-origin: 218% 51%;
  transform-origin: 218% 51%;
  -webkit-transform: rotate(30deg) translateX(166%);
  -ms-transform: rotate(30deg) translateX(166%);
  transform: rotate(30deg) translateX(166%);
  -webkit-animation: svg-right-animation 0.6s linear 1.7s forwards;
  animation: svg-right-animation 0.6s linear 1.7s forwards;
}
._ie .s-index svg {
  -webkit-animation: opacity 1.6s 1s forwards;
  animation: opacity 1.6s 1s forwards;
}
._ie .s-index svg .text,
._ie .s-index svg .top,
._ie .s-index svg .mid,
._ie .s-index svg .bottom,
._ie .s-index svg .left,
._ie .s-index svg .right {
  opacity: 1;
  -webkit-animation: none;
  animation: none;
}
.s-index p {
  font-size: 4.2rem;
  font-weight: 100;
  line-height: 1.2;
 /* letter-spacing: -0.2rem;*/
  letter-spacing: 1px;
  word-spacing: -0.15rem;
  max-width: 49rem;
  display: block;
  margin: 0 auto 3rem;
  opacity: 0;
  -webkit-animation: opacity 2s ease-out 3.6s forwards;
  animation: opacity 2s ease-out 3.6s forwards;
}
.s-index__top {
  font-size: 4.8rem;
  font-weight: 100;
  /*letter-spacing: -0.15rem;*/
  letter-spacing: 1px;
  word-spacing: -0.2rem;
  opacity: 0;
  -webkit-animation: opacity 2s ease-out 4.6s forwards;
  animation: opacity 2s ease-out 4.6s forwards;
}
.s-index__contact {
  background: #fff;
  color: #000;
  font-weight: 100;
  font-size: 4.3rem;
  padding: 1rem 0 2rem;
  opacity: 0;
  -webkit-animation: opacity 2s ease-out 5.6s forwards;
  animation: opacity 2s ease-out 5.6s forwards;
}
.s-index a {
  display: block;
  font-size: 4.3rem;
  color: #000;
  /*letter-spacing: -0.15rem;*/
  letter-spacing: 1px;
  word-spacing: -0.2rem;
  line-height: 1;
}
.s-index__bottom {
  display: block;
  font-size: 4.3rem;
  letter-spacing: 1px;
  line-height: 1;
 /* letter-spacing: -0.15rem;*/
  word-spacing: -0.2rem;
}
@-webkit-keyframes svg-animation {
  0% {
    -webkit-transform: scale(0) rotate(-1080deg);
    transform: scale(0) rotate(-1080deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}
@keyframes svg-animation {
  0% {
    -webkit-transform: scale(0) rotate(-1080deg);
    transform: scale(0) rotate(-1080deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}
@-webkit-keyframes svg-text-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes svg-text-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes svg-top-animation {
  0% {
    -webkit-transform: translateY(181%);
    transform: translateY(181%);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
  }
  80% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes svg-top-animation {
  0% {
    -webkit-transform: translateY(181%);
    transform: translateY(181%);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
  }
  80% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes svg-mid-animation {
  0% {
    -webkit-transform: translateX(-41%);
    transform: translateX(-41%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes svg-mid-animation {
  0% {
    -webkit-transform: translateX(-41%);
    transform: translateX(-41%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes svg-bottom-animation {
  0% {
    -webkit-transform: translateY(-181%);
    transform: translateY(-181%);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
  }
  80% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes svg-bottom-animation {
  0% {
    -webkit-transform: translateY(-181%);
    transform: translateY(-181%);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
  }
  80% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes svg-left-animation {
  0% {
    -webkit-transform: translateX(181%);
    transform: translateX(181%);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
  }
  80% {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes svg-left-animation {
  0% {
    -webkit-transform: translateX(181%);
    transform: translateX(181%);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
  }
  80% {
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes svg-right-animation {
  0% {
    -webkit-transform: rotate(30deg) translateX(166%);
    transform: rotate(30deg) translateX(166%);
    opacity: 1;
  }
  25% {
    -webkit-transform: rotate(-10deg) translateX(166%);
    transform: rotate(-10deg) translateX(166%);
  }
  50% {
    -webkit-transform: rotate(0deg) translateX(166%);
    transform: rotate(0deg) translateX(166%);
  }
  100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
    opacity: 1;
  }
}
@keyframes svg-right-animation {
  0% {
    -webkit-transform: rotate(30deg) translateX(166%);
    transform: rotate(30deg) translateX(166%);
    opacity: 1;
  }
  25% {
    -webkit-transform: rotate(-10deg) translateX(166%);
    transform: rotate(-10deg) translateX(166%);
  }
  50% {
    -webkit-transform: rotate(0deg) translateX(166%);
    transform: rotate(0deg) translateX(166%);
  }
  100% {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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