/*
Theme Name: David
Theme URI: http://template.david.itembridge.com/
Author: itembridge
Author URI: http://themeforest.net/user/theme_bridge
Description: David responsive theme
Version: 1.0.0
License: ThemeForest Regular & Extended License
License URI: http://themeforest.net/licenses/regular_extended
*/
/* line 3, ../sass/typography/_typography.scss */
.disp-none {
  display: none;
}

/* line 8, ../sass/typography/_typography.scss */
.typography section {
  margin-bottom: 26px;
}
@media (min-width: 768px) {
  /* line 8, ../sass/typography/_typography.scss */
  .typography section {
    margin-bottom: 64px;
  }
}
/* line 13, ../sass/typography/_typography.scss */
.typography section:last-child {
  margin: 0;
}

@font-face {
  font-family: 'hipstelveticabold';
  src: url("../fonts/hipstelvetica_bold-webfont.eot");
  src: url("../fonts/hipstelvetica_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/hipstelvetica_bold-webfont.woff2") format("woff2"), url("../fonts/hipstelvetica_bold-webfont.woff") format("woff"), url("../fonts/hipstelvetica_bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'hipstelveticalight';
  src: url("../fonts/hipstelvetica_light-webfont.eot");
  src: url("../fonts/hipstelvetica_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/hipstelvetica_light-webfont.woff2") format("woff2"), url("../fonts/hipstelvetica_light-webfont.woff") format("woff"), url("../fonts/hipstelvetica_light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'hipstelveticaultralight';
  src: url("../fonts/hipstelvetica_ultralight-webfont.eot");
  src: url("../fonts/hipstelvetica_ultralight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/hipstelvetica_ultralight-webfont.woff2") format("woff2"), url("../fonts/hipstelvetica_ultralight-webfont.woff") format("woff"), url("../fonts/hipstelvetica_ultralight-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 50, ../sass/typography/_typography.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-family: Marvel, sans-serif;
  font-weight: 700;
  color: #333;
}
/* line 60, ../sass/typography/_typography.scss */
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-family: hipstelveticabold;
  color: #ff3333;
}

@media (min-width: 768px) {
  /* line 66, ../sass/typography/_typography.scss */
  h1 {
    margin-left: -42px;
  }
}

@media (min-width: 768px) {
  /* line 71, ../sass/typography/_typography.scss */
  h2,
  h3 {
    margin-left: -41px;
  }
}

@media (min-width: 768px) {
  /* line 77, ../sass/typography/_typography.scss */
  h4,
  h5,
  h6 {
    margin-left: -40px;
  }
}

/*invert styles*/
/* line 86, ../sass/typography/_typography.scss */
.invert h1,
.invert h2,
.invert h3,
.invert h4,
.invert h5,
.invert h6 {
  color: #fff;
}
/* line 94, ../sass/typography/_typography.scss */
.invert p,
.invert input,
.invert textarea,
.invert li,
.invert figcaption span,
.invert blockquote,
.invert form,
.invert figcaption,
.invert .page-text,
.invert .copy {
  color: #fff !important;
}
/* line 106, ../sass/typography/_typography.scss */
.invert a {
  color: #fff;
}
/* line 108, ../sass/typography/_typography.scss */
.invert a:visited {
  color: #ccc;
}
/* line 111, ../sass/typography/_typography.scss */
.invert a:hover {
  color: #000;
}
/* line 116, ../sass/typography/_typography.scss */
.invert form input,
.invert form textarea {
  border-color: #707070;
}
/* line 123, ../sass/typography/_typography.scss */
.invert .cs-select.cs-active .cs-placeholder {
  color: #fff;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 128, ../sass/typography/_typography.scss */
.invert .cs-select .cs-placeholder {
  color: #333;
  border-color: #707070;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 132, ../sass/typography/_typography.scss */
.invert .cs-select .cs-placeholder:after {
  background-image: url(../img/select-invert.svg);
}
/* line 135, ../sass/typography/_typography.scss */
.invert .cs-select .cs-placeholder.selected {
  color: #fff;
}
/* line 140, ../sass/typography/_typography.scss */
.invert .cs-select ul span {
  border-color: #333;
  color: #333;
}
/* line 145, ../sass/typography/_typography.scss */
.invert .cs-select .cs-options {
  background-color: #111;
}

/* line 151, ../sass/typography/_typography.scss */
address {
  margin: 0;
  line-height: 1.4;
}

/*buttons*/
/* line 156, ../sass/typography/_typography.scss */
button,
.button {
  display: inline-block;
  border: 2px solid transparent;
  background-color: transparent;
  padding: 0 43px;
  height: 60px;
  margin: 0 20px 20px 0;
  font: 700 18px/60px Marvel, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  position: relative;
  overflow: hidden;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -moz-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  -webkit-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 172, ../sass/typography/_typography.scss */
button span,
.button span {
  position: absolute;
  z-index: -1;
  left: 50%;
  width: 10px;
  height: 10px;
  bottom: -40px;
  margin-left: -5px;
  border-radius: 50%;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -moz-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  -webkit-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 186, ../sass/typography/_typography.scss */
button:hover, button:focus,
.button:hover,
.button:focus {
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  background-color: transparent;
  text-decoration: none;
  color: white !important;
  outline: none;
}
/* line 193, ../sass/typography/_typography.scss */
button:hover span, button:focus span,
.button:hover span,
.button:focus span {
  width: 370px;
  height: 220px;
  margin-left: -185px;
}
/* line 199, ../sass/typography/_typography.scss */
button::-moz-focus-inner,
.button::-moz-focus-inner {
  border: 0;
}

/*/buttons*/
/* line 204, ../sass/typography/_typography.scss */
form {
  border-radius: 0;
  width: 100%;
  font: 400 24px/1.2 Marvel, sans-serif;
  color: #333;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 210, ../sass/typography/_typography.scss */
form * {
  border-radius: 0;
  outline: none;
  background-color: transparent;
}
/* line 215, ../sass/typography/_typography.scss */
form input {
  width: 100%;
  height: 34px;
  padding: 0 5px 6px 0;
  border: none;
  margin-bottom: 18px;
  border-bottom: 2px solid #363636;
}
/* line 223, ../sass/typography/_typography.scss */
form textarea {
  padding: 0 0 0 5px;
  width: 100%;
  height: 100px;
  border: none;
  resize: none;
  margin-bottom: 29px;
  border-bottom: 2px solid #363636;
}

/* line 234, ../sass/typography/_typography.scss */
.inputs-group {
  position: relative;
  width: 100%;
}
/* line 237, ../sass/typography/_typography.scss */
.inputs-group label {
  font: 700 12px/1.2 hipstelveticabold;
  position: absolute;
  top: 10px;
}
/* line 243, ../sass/typography/_typography.scss */
.inputs-group.danger input,
.inputs-group.danger textarea {
  border-color: #f33;
}
/* line 247, ../sass/typography/_typography.scss */
.inputs-group.danger label {
  color: #f33 !important;
}

/* line 253, ../sass/typography/_typography.scss */
h1 {
  margin-bottom: 14px;
  font-size: 48px;
}
@media (min-width: 768px) {
  /* line 253, ../sass/typography/_typography.scss */
  h1 {
    margin-bottom: 22px;
  }
}
@media (min-width: 992px) {
  /* line 253, ../sass/typography/_typography.scss */
  h1 {
    margin-bottom: 44px;
  }
}
/* line 262, ../sass/typography/_typography.scss */
h1 span {
  font-size: 36px;
}

/* line 267, ../sass/typography/_typography.scss */
h2 {
  margin-bottom: 32px;
  font-size: 36px;
}
@media (min-width: 768px) {
  /* line 267, ../sass/typography/_typography.scss */
  h2 {
    margin-bottom: 33px;
  }
}
@media (min-width: 992px) {
  /* line 267, ../sass/typography/_typography.scss */
  h2 {
    margin-bottom: 48px;
  }
}
/* line 276, ../sass/typography/_typography.scss */
h2 span {
  font-size: 30px;
}

/* line 281, ../sass/typography/_typography.scss */
h3 {
  margin-bottom: 15px;
  font-size: 30px;
}
@media (min-width: 768px) {
  /* line 281, ../sass/typography/_typography.scss */
  h3 {
    margin-bottom: 22px;
  }
}
@media (min-width: 992px) {
  /* line 281, ../sass/typography/_typography.scss */
  h3 {
    margin-bottom: 30px;
  }
}
/* line 290, ../sass/typography/_typography.scss */
h3 span {
  font-size: 24px;
}

/* line 295, ../sass/typography/_typography.scss */
h4 {
  margin-bottom: 19px;
  font-size: 24px;
}
@media (min-width: 768px) {
  /* line 295, ../sass/typography/_typography.scss */
  h4 {
    margin-bottom: 26px;
  }
}
@media (min-width: 992px) {
  /* line 295, ../sass/typography/_typography.scss */
  h4 {
    margin-bottom: 26px;
  }
}
/* line 304, ../sass/typography/_typography.scss */
h4 span {
  font-size: 18px;
}

/* line 309, ../sass/typography/_typography.scss */
h5 {
  margin-bottom: 19px;
  font-size: 20px;
}
@media (min-width: 768px) {
  /* line 309, ../sass/typography/_typography.scss */
  h5 {
    margin-bottom: 27px;
  }
}
/* line 315, ../sass/typography/_typography.scss */
h5 span {
  font-size: 14px;
}

/* line 320, ../sass/typography/_typography.scss */
h6 {
  font-size: 18px;
  margin-bottom: 21px;
}
@media (min-width: 768px) {
  /* line 320, ../sass/typography/_typography.scss */
  h6 {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) {
  /* line 320, ../sass/typography/_typography.scss */
  h6 {
    margin-bottom: 30px;
  }
}
/* line 329, ../sass/typography/_typography.scss */
h6 span {
  font-size: 12px;
}

/* line 334, ../sass/typography/_typography.scss */
p {
  font: 400 24px/30px Marvel, sans-serif;
  color: #000;
  margin-bottom: 11px;
}
@media (min-width: 768px) {
  /* line 334, ../sass/typography/_typography.scss */
  p {
    line-height: 1.2;
    margin-bottom: 19px;
  }
}
@media (min-width: 992px) {
  /* line 334, ../sass/typography/_typography.scss */
  p {
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

/* line 348, ../sass/typography/_typography.scss */
figure {
  max-width: 300px;
  width: 100%;
  margin: 0 60px 10px 0;
}
@media (min-width: 768px) {
  /* line 348, ../sass/typography/_typography.scss */
  figure {
    margin-bottom: 20px;
  }
  /* line 354, ../sass/typography/_typography.scss */
  figure img {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  /* line 348, ../sass/typography/_typography.scss */
  figure {
    margin-left: -40px;
  }
}
/* line 361, ../sass/typography/_typography.scss */
figure img {
  margin-bottom: 9px;
  width: 100%;
}

/* line 367, ../sass/typography/_typography.scss */
figcaption {
  font: 700 18px/1.28 Marvel, sans-serif;
  color: #333;
}
/* line 370, ../sass/typography/_typography.scss */
figcaption span {
  font-weight: 400;
  color: #666;
}

/* line 376, ../sass/typography/_typography.scss */
.image-section p:nth-child(1) {
  margin-top: 72px;
}

/* line 380, ../sass/typography/_typography.scss */
ol,
ul {
  padding: 0;
  list-style: none;
  margin: 16px 0 16px;
}
/* line 385, ../sass/typography/_typography.scss */
ol li,
ul li {
  font: 400 24px/1.2 Marvel, sans-serif;
  color: #000;
  margin-bottom: 8px;
  position: relative;
  padding-left: 27px;
}
@media (min-width: 768px) {
  /* line 380, ../sass/typography/_typography.scss */
  ol,
  ul {
    margin-bottom: 30px;
  }
  /* line 394, ../sass/typography/_typography.scss */
  ol li,
  ul li {
    padding-left: 38px;
  }
}
@media (min-width: 992px) {
  /* line 380, ../sass/typography/_typography.scss */
  ol,
  ul {
    margin: 23px 0 30px;
  }
  /* line 400, ../sass/typography/_typography.scss */
  ol li,
  ul li {
    padding-left: 40px;
  }
}

/* line 405, ../sass/typography/_typography.scss */
ol {
  margin-top: 23px;
}
/* line 408, ../sass/typography/_typography.scss */
ol li span {
  font: 700 18px/1.8 hipstelveticabold;
  color: #ff3333;
  position: absolute;
  left: 0;
}

/* line 418, ../sass/typography/_typography.scss */
ul li i {
  display: block;
  position: absolute;
  left: 6px;
  top: 5px;
  border: 7px solid transparent;
  border-left: 11px solid #ff3333;
}

/* line 429, ../sass/typography/_typography.scss */
table {
  width: 100%;
  text-align: center;
  text-transform: capitalize;
  margin: 40px 0 20px;
}

/* line 435, ../sass/typography/_typography.scss */
thead {
  color: #fff;
  text-transform: uppercase;
  background: #111;
}

/* line 440, ../sass/typography/_typography.scss */
th {
  font: 400 18px/50px Marvel, sans-serif;
  border-right: 1px solid #252525;
  text-align: center;
}

/* line 445, ../sass/typography/_typography.scss */
tbody {
  font: 400 18px/20px Marvel, sans-serif;
  color: #333;
}
/* line 448, ../sass/typography/_typography.scss */
tbody tr {
  height: 44.7px;
}
/* line 450, ../sass/typography/_typography.scss */
tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}
/* line 453, ../sass/typography/_typography.scss */
tbody tr:nth-child(odd) {
  background-color: #fff;
}

/* line 458, ../sass/typography/_typography.scss */
td {
  border: 1px solid #d7d7d7;
}

/* line 462, ../sass/typography/_typography.scss */
blockquote {
  border-left: 2px solid #ccc;
  padding: 0 29px;
  font: 400 24px/1.2 Marvel, sans-serif;
  color: #666;
  max-width: 700px;
}
@media (min-width: 768px) {
  /* line 462, ../sass/typography/_typography.scss */
  blockquote {
    margin-left: 30px;
  }
}

/* line 473, ../sass/typography/_typography.scss */
a {
  font: 700 24px/1.2 Marvel, sans-serif;
  color: #333;
  padding: 0 2px;
  border-bottom: 1px solid #e1e1e1;
  -moz-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.3s;
  -o-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.3s;
  -webkit-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.3s;
  transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.3s;
}
/* line 479, ../sass/typography/_typography.scss */
a:hover {
  background-color: #e1e1e1;
  text-decoration: none;
  color: #000;
  -moz-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.3s;
  -o-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.3s;
  -webkit-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.3s;
  transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.3s;
}
/* line 485, ../sass/typography/_typography.scss */
a:focus, a:active {
  outline: none;
  background-color: transparent;
  border-color: transparent;
  text-decoration: none;
}
/* line 492, ../sass/typography/_typography.scss */
a:visited {
  color: #666;
  text-decoration: none;
}

/* line 499, ../sass/typography/_typography.scss */
input[type=checkbox],
input[type=radio] {
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 0;
  opacity: 0;
}

/* line 508, ../sass/typography/_typography.scss */
.input-wrap {
  display: table;
  position: relative;
  margin: 0 10px 7px 0;
}
/* line 513, ../sass/typography/_typography.scss */
.input-wrap.radio-wrap span,
.input-wrap.radio-wrap .fa {
  width: 24px;
  height: 24px;
}
/* line 519, ../sass/typography/_typography.scss */
.input-wrap.radio-wrap .fa:before {
  content: '';
  position: relative;
  left: 8px;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: #00f;
}
/* line 531, ../sass/typography/_typography.scss */
.input-wrap.radio-wrap label {
  letter-spacing: 1.3px;
}
/* line 535, ../sass/typography/_typography.scss */
.input-wrap .fa {
  position: absolute;
  left: 0;
  width: 25px;
  height: 24px;
  z-index: 99;
  font-size: 14px;
  line-height: 24px;
  color: #00f !important;
  opacity: 0;
}
/* line 546, ../sass/typography/_typography.scss */
.input-wrap label {
  letter-spacing: -.4px;
}
/* line 549, ../sass/typography/_typography.scss */
.input-wrap span {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
/* line 555, ../sass/typography/_typography.scss */
.input-wrap span svg path {
  fill: #22f8b9;
}
/* line 558, ../sass/typography/_typography.scss */
.input-wrap span.disabled svg path {
  fill: #eaeaea;
}
/* line 562, ../sass/typography/_typography.scss */
.input-wrap input[type="checkbox"],
.input-wrap input[type="radio"] {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 100;
  opacity: 0;
  cursor: pointer;
  left: 0;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 572, ../sass/typography/_typography.scss */
.input-wrap input[type="checkbox"]:checked + .fa,
.input-wrap input[type="radio"]:checked + .fa {
  opacity: 1;
}

/* line 579, ../sass/typography/_typography.scss */
.input-label {
  float: left;
  line-height: 1;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

/* line 586, ../sass/typography/_typography.scss */
.cs-select {
  background: transparent;
  display: block;
  position: relative;
  text-align: left;
  z-index: 100;
  width: 100%;
  margin-bottom: 15px;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 595, ../sass/typography/_typography.scss */
.cs-select i {
  display: none;
}
/* line 598, ../sass/typography/_typography.scss */
.cs-select:focus {
  outline: none;
}
/* line 601, ../sass/typography/_typography.scss */
.cs-select.cs-active {
  z-index: 200;
}
/* line 604, ../sass/typography/_typography.scss */
.cs-select.cs-active > span:after {
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
/* line 608, ../sass/typography/_typography.scss */
.cs-select.cs-active .cs-options {
  opacity: 1;
  visibility: visible;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/* line 613, ../sass/typography/_typography.scss */
.cs-select.cs-active ul span,
.cs-select.cs-active ul span::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 621, ../sass/typography/_typography.scss */
.cs-select.cs-active li:first-child span,
.cs-select.cs-active li:first-child span:before {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
/* line 627, ../sass/typography/_typography.scss */
.cs-select.cs-active li:nth-child(2) span,
.cs-select.cs-active li:nth-child(2) span:before {
  -moz-transition-delay: 0.05s;
  -o-transition-delay: 0.05s;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
/* line 633, ../sass/typography/_typography.scss */
.cs-select.cs-active li:nth-child(4) span,
.cs-select.cs-active li:nth-child(4) span:before {
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
/* line 639, ../sass/typography/_typography.scss */
.cs-select.cs-active li:nth-child(5) span,
.cs-select.cs-active li:nth-child(5) span:before {
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
/* line 646, ../sass/typography/_typography.scss */
.cs-select .cs-options {
  opacity: 0;
  position: absolute;
  overflow: hidden;
  width: 100%;
  visibility: hidden;
  padding-top: 15px;
  background-color: #fff;
  -moz-transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
  -o-transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
  -webkit-transition: opacity 0.3s, visibility 0s;
  -webkit-transition-delay: 0.4s, 0.7s;
  transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
}
/* line 656, ../sass/typography/_typography.scss */
.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
/* line 661, ../sass/typography/_typography.scss */
.cs-select ul li {
  padding: 0;
}
/* line 664, ../sass/typography/_typography.scss */
.cs-select ul li:nth-child(5) span,
.cs-select ul li:nth-child(5) span:before {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
/* line 670, ../sass/typography/_typography.scss */
.cs-select ul li:nth-child(4) span,
.cs-select ul li:nth-child(4) span:before {
  -moz-transition-delay: 0.05s;
  -o-transition-delay: 0.05s;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
/* line 676, ../sass/typography/_typography.scss */
.cs-select ul li:nth-child(3) span,
.cs-select ul li:nth-child(3) span:before {
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
/* line 682, ../sass/typography/_typography.scss */
.cs-select ul li:nth-child(2) span,
.cs-select ul li:nth-child(2) span:before {
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
/* line 688, ../sass/typography/_typography.scss */
.cs-select ul li:nth-child(1) span,
.cs-select ul li:nth-child(1) span:before {
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
/* line 693, ../sass/typography/_typography.scss */
.cs-select ul li.cs-focus span {
  background-color: #ddd;
}
/* line 696, ../sass/typography/_typography.scss */
.cs-select ul li:last-child {
  margin-bottom: 0;
}
/* line 700, ../sass/typography/_typography.scss */
.cs-select ul span {
  position: relative;
  text-transform: uppercase;
  border-bottom: 2px solid #d7d7d7;
  opacity: 0;
  height: 36px;
  line-height: 35px;
  margin-bottom: 16px;
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 710, ../sass/typography/_typography.scss */
.cs-select ul span:last-child {
  margin-bottom: 0;
}
/* line 713, ../sass/typography/_typography.scss */
.cs-select ul span:hover {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: transparent;
}
/* line 719, ../sass/typography/_typography.scss */
.cs-select select {
  display: none;
}
/* line 722, ../sass/typography/_typography.scss */
.cs-select span {
  display: block;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  font: 700 18px/1.2 Marvel, sans-serif;
  color: #999;
}
/* line 729, ../sass/typography/_typography.scss */
.cs-select span.cs-placeholder {
  font-size: 24px;
  height: 40px;
  line-height: 38px;
  border-bottom: 2px solid #363636;
  font-weight: bold;
  padding-right: 20px;
}
/* line 736, ../sass/typography/_typography.scss */
.cs-select span.cs-placeholder.selected {
  color: #333;
}
/* line 739, ../sass/typography/_typography.scss */
.cs-select span.cs-placeholder:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 11px;
  width: 12px;
  height: 12px;
  background: url("../img/select.svg") no-repeat;
  background-size: cover;
  speak: none;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

/* line 756, ../sass/typography/_typography.scss */
.social-icons {
  position: relative;
  padding: 0;
  height: 44px;
}
/* line 760, ../sass/typography/_typography.scss */
.social-icons .fa {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 16px;
  line-height: 44px;
}
/* line 769, ../sass/typography/_typography.scss */
.social-icons a {
  float: left;
  width: 44px;
  height: 44px;
  margin-right: 6px;
  position: relative;
  color: #fff;
  padding: 0;
  border: none;
  line-height: 44px;
  text-align: center;
}
/* line 780, ../sass/typography/_typography.scss */
.social-icons a:hover {
  background-color: transparent;
  text-decoration: none;
  color: #fff;
}
/* line 785, ../sass/typography/_typography.scss */
.social-icons a:visited {
  color: #fff;
}
/* line 788, ../sass/typography/_typography.scss */
.social-icons a .icon-morph-shape {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* line 795, ../sass/typography/_typography.scss */
.social-icons a .icon-morph-shape svg {
  fill: none;
  stroke: #fff;
  stroke-width: 14px;
  stroke-linecap: round;
}
/* line 802, ../sass/typography/_typography.scss */
.social-icons a:last-child {
  margin: 0;
}

/* line 808, ../sass/typography/_typography.scss */
.copy {
  font: 400 14px/1.2 Marvel, sans-serif;
  color: #333;
}

/* line 1, ../sass/layout/_preloader.scss */
.preloader {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
/* line 9, ../sass/layout/_preloader.scss */
.preloader canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
}

/* line 16, ../sass/layout/_preloader.scss */
.none {
  z-index: -9;
  opacity: 0;
  visibility: hidden;
  -moz-transition: cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.8s;
  -o-transition: cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.8s;
  -webkit-transition: cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.8s;
  transition: cubic-bezier(0.17, 0.67, 0.83, 0.67) 0.8s;
}

/* line 23, ../sass/layout/_preloader.scss */
.invert .preloader {
  background-color: #111;
}

/* line 1, ../sass/layout/_wrapper.scss */
html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/* line 8, ../sass/layout/_wrapper.scss */
body {
  font-family: Marvel, sans-serif;
  background-image: url(../img/pattern_phone.png);
  background-position: center;
}
@media (max-width: 767px) {
  /* line 8, ../sass/layout/_wrapper.scss */
  body {
    overflow: auto;
  }
  /* line 14, ../sass/layout/_wrapper.scss */
  body.close {
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  /* line 8, ../sass/layout/_wrapper.scss */
  body {
    background-image: url(../img/pattern_tablet.png);
  }
}
@media (min-width: 992px) {
  /* line 8, ../sass/layout/_wrapper.scss */
  body {
    background-image: url(../img/pattern.png);
  }
}

/* line 26, ../sass/layout/_wrapper.scss */
.container {
  width: 100%;
  height: 100%;
  display: table;
  padding: 0;
}

@media (min-width: 768px) {
  /* line 33, ../sass/layout/_wrapper.scss */
  .vertical-align {
    display: table-cell;
    vertical-align: middle;
  }
}

/* line 40, ../sass/layout/_wrapper.scss */
.wrapper:not(.promo) {
  width: 100%;
  position: relative;
  padding: 7.7% 0;
  max-width: 2500px;
  max-height: 1200px;
  margin: 0 auto;
  -moz-transition: cubic-bezier(0, 0.54, 0.78, 0.78) 0.35s;
  -o-transition: cubic-bezier(0, 0.54, 0.78, 0.78) 0.35s;
  -webkit-transition: cubic-bezier(0, 0.54, 0.78, 0.78) 0.35s;
  transition: cubic-bezier(0, 0.54, 0.78, 0.78) 0.35s;
}
@media (max-width: 767px) {
  /* line 40, ../sass/layout/_wrapper.scss */
  .wrapper:not(.promo) {
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  /* line 40, ../sass/layout/_wrapper.scss */
  .wrapper:not(.promo) {
    top: 50%;
    height: 90%;
    padding: 1.5% 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (min-width: 992px) {
  /* line 40, ../sass/layout/_wrapper.scss */
  .wrapper:not(.promo) {
    height: 92%;
  }
}
@media (min-width: 1250px) {
  /* line 40, ../sass/layout/_wrapper.scss */
  .wrapper:not(.promo) {
    height: 79%;
  }
}
@media (max-height: 450px) {
  /* line 40, ../sass/layout/_wrapper.scss */
  .wrapper:not(.promo) {
    padding: 3.3% 0;
  }
}
@media (min-width: 1950px) {
  /* line 40, ../sass/layout/_wrapper.scss */
  .wrapper:not(.promo) {
    height: 82.9%;
  }
}

@media (min-width: 768px) {
  /* line 72, ../sass/layout/_wrapper.scss */
  .page-padding {
    padding-top: 10%;
  }
}
@media (min-width: 992px) {
  /* line 72, ../sass/layout/_wrapper.scss */
  .page-padding {
    padding-top: 13.79%;
  }
}

/* line 81, ../sass/layout/_wrapper.scss */
.nav-wrap {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #cde;
  z-index: 99;
}
@media (min-width: 768px) {
  /* line 81, ../sass/layout/_wrapper.scss */
  .nav-wrap {
    -moz-transform: translate(330px, 0);
    -ms-transform: translate(330px, 0);
    -webkit-transform: translate(330px, 0);
    transform: translate(330px, 0);
    width: 330px;
  }
}

/* line 94, ../sass/layout/_wrapper.scss */
.auto {
  overflow: hidden !important;
  overflow-y: auto !important;
}

/* line 99, ../sass/layout/_wrapper.scss */
.relative {
  position: relative;
}

/* line 103, ../sass/layout/_wrapper.scss */
.invert {
  background-color: #111;
  background-image: url(../img/pattern-invert.png);
}
/* line 106, ../sass/layout/_wrapper.scss */
.invert .map-wrapper {
  background-image: url(../img/map-invert.svg);
}
/* line 109, ../sass/layout/_wrapper.scss */
.invert .logo {
  background-image: url(../img/logo-invert.svg);
}

/* line 114, ../sass/layout/_wrapper.scss */
.gradient {
  background-image: none;
  background-color: #5fffdb;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF5FFFDB', endColorstr='#FFAF8BF7');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVmZmZkYiIvPjxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjODFjZWU4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWY4YmY3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #5fffdb), color-stop(51%, #81cee8), color-stop(100%, #af8bf7));
  background-image: -moz-linear-gradient(left top, #5fffdb 0%, #81cee8 51%, #af8bf7 100%);
  background-image: -webkit-linear-gradient(left top, #5fffdb 0%, #81cee8 51%, #af8bf7 100%);
  background-image: linear-gradient(to right bottom, #5fffdb 0%, #81cee8 51%, #af8bf7 100%);
}

/* line 121, ../sass/layout/_wrapper.scss */
.image-bg {
  background: rgba(0, 0, 0, 0.5) url() 50% 50% fixed;
  background-size: cover;
}

/* line 126, ../sass/layout/_wrapper.scss */
.color {
  background-color: #d9ffb4;
}

/* line 130, ../sass/layout/_wrapper.scss */
video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-color: rgba(0, 0, 0, 0.5);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  will-change: transform;
  background-size: cover;
}

/* line 145, ../sass/layout/_wrapper.scss */
.image-bg {
  background: url(../img/image-bg.png) 50% 50% fixed;
  background-size: cover;
}

/* line 18, ../sass/layout/_navigation.scss */
.has-load footer .pagination-group,
.has-load footer .play-next-page {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s 2s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s 2s;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -webkit-transition-delay: 2s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s 2s;
}
/* line 27, ../sass/layout/_navigation.scss */
.has-load header .bt-nav,
.has-load header .logo {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s 2s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s 2s;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -webkit-transition-delay: 2s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 1s 2s;
}

/* line 37, ../sass/layout/_navigation.scss */
header,
footer {
  z-index: 1;
  width: 100%;
  padding: 0 6.2%;
}
@media (min-width: 768px) {
  /* line 37, ../sass/layout/_navigation.scss */
  header,
  footer {
    padding: 0 4.1%;
  }
}
@media (min-width: 992px) {
  /* line 37, ../sass/layout/_navigation.scss */
  header,
  footer {
    padding: 0 10.8%;
  }
}
@media (min-width: 1900px) {
  /* line 37, ../sass/layout/_navigation.scss */
  header,
  footer {
    padding: 0 8%;
  }
}
@media (max-height: 450px) {
  /* line 37, ../sass/layout/_navigation.scss */
  header,
  footer {
    padding: 0 4.2%;
  }
}

@media (min-width: 768px) {
  /* line 56, ../sass/layout/_navigation.scss */
  header {
    position: absolute;
    top: 0;
  }
}

/* line 63, ../sass/layout/_navigation.scss */
footer {
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  /* line 63, ../sass/layout/_navigation.scss */
  footer {
    margin-bottom: 7.7%;
  }
}
@media (max-height: 450px) {
  /* line 63, ../sass/layout/_navigation.scss */
  footer {
    margin-bottom: 1.7%;
    padding-bottom: 15px;
  }
}

/*logo*/
/* line 79, ../sass/layout/_navigation.scss */
.logo {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -webkit-transform: translate(0, -30px);
  transform: translate(0, -30px);
  float: left;
  position: relative;
  z-index: 2;
  height: 52px;
  width: 100px;
  background: url(../img/logo.jpg) no-repeat center;
  background-size: contain;
  border: none;
}
@media (min-width: 767px) {
  /* line 79, ../sass/layout/_navigation.scss */
  .logo {
    height: 60px;
    width: 165px;
  }
}
@media (min-width: 1950px) {
  /* line 79, ../sass/layout/_navigation.scss */
  .logo {
    height: 90px;
    width: 250px;
  }
}
/* line 99, ../sass/layout/_navigation.scss */
.logo:hover {
  background-color: transparent;
}

/*head navigation*/
/* line 106, ../sass/layout/_navigation.scss */
.bt-nav {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -webkit-transform: translate(0, -30px);
  transform: translate(0, -30px);
  float: right;
  position: relative;
  display: block;
  width: 68px;
  height: 50px;
  cursor: pointer;
  z-index: 99;
}
/* line 117, ../sass/layout/_navigation.scss */
.bt-nav .line {
  position: absolute;
  top: 0;
  width: 68px;
  height: 10px;
  background: #00ffff;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
/* line 125, ../sass/layout/_navigation.scss */
.bt-nav .line1 {
  top: 17px;
  background-color: #00ff66;
}
@media (min-width: 992px) {
  /* line 125, ../sass/layout/_navigation.scss */
  .bt-nav .line1 {
    top: 20px;
  }
}
/* line 132, ../sass/layout/_navigation.scss */
.bt-nav .line3 {
  top: 34px;
  background-color: #ff6600;
}
@media (min-width: 992px) {
  /* line 132, ../sass/layout/_navigation.scss */
  .bt-nav .line3 {
    top: 40px;
  }
}
@media (min-width: 1950px) {
  /* line 106, ../sass/layout/_navigation.scss */
  .bt-nav {
    width: 102px;
    height: 65px;
  }
  /* line 142, ../sass/layout/_navigation.scss */
  .bt-nav .line {
    width: 102px;
    height: 15px;
  }
  /* line 146, ../sass/layout/_navigation.scss */
  .bt-nav .line1 {
    top: 25px;
  }
  /* line 149, ../sass/layout/_navigation.scss */
  .bt-nav .line3 {
    top: 50px;
  }
}
@media (max-width: 767px) {
  /* line 106, ../sass/layout/_navigation.scss */
  .bt-nav {
    width: 34px;
    height: 25px;
    top: 10px;
  }
  /* line 157, ../sass/layout/_navigation.scss */
  .bt-nav .line {
    width: 34px;
    height: 5px;
  }
  /* line 161, ../sass/layout/_navigation.scss */
  .bt-nav .line1 {
    top: 10px;
  }
  /* line 164, ../sass/layout/_navigation.scss */
  .bt-nav .line3 {
    top: 20px;
  }
}

/* line 171, ../sass/layout/_navigation.scss */
.close .logo {
  z-index: 0;
}
@media (max-width: 767px) {
  /* line 171, ../sass/layout/_navigation.scss */
  .close .logo {
    display: none;
  }
}
/* line 177, ../sass/layout/_navigation.scss */
.close .bt-nav {
  top: 0;
}
@media (min-width: 768px) {
  /* line 177, ../sass/layout/_navigation.scss */
  .close .bt-nav {
    top: 3px;
  }
}
/* line 182, ../sass/layout/_navigation.scss */
.close .bt-nav .line {
  top: 10px;
  width: 34px;
}
@media (min-width: 768px) {
  /* line 182, ../sass/layout/_navigation.scss */
  .close .bt-nav .line {
    top: 17px;
    margin-left: 7px;
    width: 59.4px;
  }
}
@media (min-width: 992px) {
  /* line 182, ../sass/layout/_navigation.scss */
  .close .bt-nav .line {
    top: 20px;
    margin: -5px 0 0 5px;
  }
}
@media (min-width: 1950px) {
  /* line 182, ../sass/layout/_navigation.scss */
  .close .bt-nav .line {
    width: 90px;
  }
}
/* line 198, ../sass/layout/_navigation.scss */
.close .bt-nav .line1 {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 22px;
  background-color: #00ffff;
}
/* line 203, ../sass/layout/_navigation.scss */
.close .bt-nav .line2 {
  opacity: 0;
}
/* line 206, ../sass/layout/_navigation.scss */
.close .bt-nav .line3 {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 22px;
  background-color: #00ffff;
}
@media (min-width: 1950px) {
  /* line 212, ../sass/layout/_navigation.scss */
  .close .bt-nav .line1 {
    top: 28px;
  }
  /* line 215, ../sass/layout/_navigation.scss */
  .close .bt-nav .line3 {
    top: 28px;
  }
}
@media (max-width: 768px) {
  /* line 220, ../sass/layout/_navigation.scss */
  .close .bt-nav .line1,
  .close .bt-nav .line3 {
    top: 15px;
  }
}
/* line 226, ../sass/layout/_navigation.scss */
.close .nav-overlay {
  z-index: 1;
}
/* line 229, ../sass/layout/_navigation.scss */
.close .nav-wrapper {
  visibility: visible;
}
@media (max-width: 767px) {
  /* line 229, ../sass/layout/_navigation.scss */
  .close .nav-wrapper {
    opacity: 1;
    z-index: 9;
  }
}
@media (min-width: 992px) {
  /* line 229, ../sass/layout/_navigation.scss */
  .close .nav-wrapper {
    opacity: 1;
    -moz-transform: translate3d(-8px, 0, 0);
    -ms-transform: translate3d(-8px, 0, 0);
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 242, ../sass/layout/_navigation.scss */
  .close .wrapper {
    -moz-transform: translate(-330px, -50%);
    -ms-transform: translate(-330px, -50%);
    -webkit-transform: translate(-330px, -50%);
    transform: translate(-330px, -50%);
  }
}
/* line 247, ../sass/layout/_navigation.scss */
.close .disp-nav {
  -moz-transform: translate(-330px, -50%);
  -ms-transform: translate(-330px, -50%);
  -webkit-transform: translate(-330px, -50%);
  transform: translate(-330px, -50%);
}

/* line 251, ../sass/layout/_navigation.scss */
.invert .nav-wrapper ul li {
  border-color: #fff;
}
/* line 253, ../sass/layout/_navigation.scss */
.invert .nav-wrapper ul li a {
  color: #fff;
}

/*navigation*/
/* line 259, ../sass/layout/_navigation.scss */
.nav-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  visibility: hidden;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transition: cubic-bezier(0, 0.54, 0.78, 0.78) 0.35s;
  -o-transition: cubic-bezier(0, 0.54, 0.78, 0.78) 0.35s;
  -webkit-transition: cubic-bezier(0, 0.54, 0.78, 0.78) 0.35s;
  transition: cubic-bezier(0, 0.54, 0.78, 0.78) 0.35s;
}
/* line 267, ../sass/layout/_navigation.scss */
.nav-wrapper a {
  font-family: hipstelveticalight;
  font-size: 30px;
  font-weight: 400;
  color: #fff;
}
/* line 273, ../sass/layout/_navigation.scss */
.nav-wrapper .copy {
  color: #fff;
}
/* line 276, ../sass/layout/_navigation.scss */
.nav-wrapper .morph-shape {
  display: none;
}
/* line 279, ../sass/layout/_navigation.scss */
.nav-wrapper .social-icons {
  margin-bottom: 47px;
}
/* line 283, ../sass/layout/_navigation.scss */
.nav-wrapper span.for-pc {
  display: none;
}
@media (max-width: 767px) {
  /* line 259, ../sass/layout/_navigation.scss */
  .nav-wrapper {
    height: 100%;
    width: 100%;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 34px 7% 34px 17.2%;
  }
  /* line 294, ../sass/layout/_navigation.scss */
  .nav-wrapper ul {
    margin-bottom: 70px;
  }
  /* line 297, ../sass/layout/_navigation.scss */
  .nav-wrapper li {
    margin-bottom: 32px;
  }
  /* line 300, ../sass/layout/_navigation.scss */
  .nav-wrapper a {
    font-size: 24px;
    letter-spacing: .9px;
  }
  /* line 304, ../sass/layout/_navigation.scss */
  .nav-wrapper .social-icons {
    margin-bottom: 21px;
  }
  /* line 307, ../sass/layout/_navigation.scss */
  .nav-wrapper > div:first-child {
    padding-top: 40px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 259, ../sass/layout/_navigation.scss */
  .nav-wrapper {
    height: 100%;
    width: 330px;
    -moz-transform: translate(330px, 0);
    -ms-transform: translate(330px, 0);
    -webkit-transform: translate(330px, 0);
    transform: translate(330px, 0);
  }
  /* line 317, ../sass/layout/_navigation.scss */
  .nav-wrapper .morph-shape {
    width: 60px;
    height: 100%;
    padding: 0;
    fill: #0733F8;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
  }
  /* line 325, ../sass/layout/_navigation.scss */
  .nav-wrapper > div:first-child {
    position: absolute;
    right: 0;
    width: 271px;
    height: 100%;
    padding: 30% 0;
    background-color: #0733F8;
    overflow: auto;
  }
  /* line 334, ../sass/layout/_navigation.scss */
  .nav-wrapper ul {
    padding: 0;
    list-style: none;
    margin: 0 0 112px;
  }
  /* line 338, ../sass/layout/_navigation.scss */
  .nav-wrapper ul li {
    margin-bottom: 35px;
  }
  /* line 341, ../sass/layout/_navigation.scss */
  .nav-wrapper ul li a:hover {
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  /* line 259, ../sass/layout/_navigation.scss */
  .nav-wrapper {
    position: relative;
    float: right;
    height: auto;
    width: auto;
    opacity: 0;
  }
  /* line 356, ../sass/layout/_navigation.scss */
  .nav-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  /* line 360, ../sass/layout/_navigation.scss */
  .nav-wrapper ul li {
    float: left;
    border: 2px solid #000;
    padding: 0 24px;
    height: 50px;
    line-height: 48px;
    margin: 0 0 0 9px;
    cursor: pointer;
    -moz-transition: border 500ms ease-out;
    -o-transition: border 500ms ease-out;
    -webkit-transition: border 500ms ease-out;
    transition: border 500ms ease-out;
  }
}
@media (min-width: 992px) and (min-width: 1950px) {
  /* line 360, ../sass/layout/_navigation.scss */
  .nav-wrapper ul li {
    height: 65px;
    line-height: 63px;
  }
}
@media (min-width: 992px) {
  /* line 374, ../sass/layout/_navigation.scss */
  .nav-wrapper ul li.active {
    border-color: #ff0000;
  }
  /* line 377, ../sass/layout/_navigation.scss */
  .nav-wrapper ul li a {
    font: 700 24px/1.2 marvel;
    color: #333;
  }
  /* line 381, ../sass/layout/_navigation.scss */
  .nav-wrapper ul li a span {
    display: inline;
  }
  /* line 383, ../sass/layout/_navigation.scss */
  .nav-wrapper ul li a span:first-child {
    font: 700 18px/1.2 hipstelveticabold;
    color: #ff0000;
  }
  /* line 387, ../sass/layout/_navigation.scss */
  .nav-wrapper ul li a span:last-child {
    display: none;
  }
  /* line 390, ../sass/layout/_navigation.scss */
  .nav-wrapper ul li a span.for-pc {
    display: inline;
  }
  /* line 395, ../sass/layout/_navigation.scss */
  .nav-wrapper ul li:hover {
    border-color: #ff0000;
  }
  /* line 401, ../sass/layout/_navigation.scss */
  .nav-wrapper .copy,
  .nav-wrapper .social-icons {
    display: none;
  }
}

/* line 408, ../sass/layout/_navigation.scss */
.nav-overlay {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  /* line 408, ../sass/layout/_navigation.scss */
  .nav-overlay {
    display: none;
  }
}

/*disp-nav*/
/* line 423, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 330px;
  margin: 0;
  opacity: 1;
  -moz-transform: translate(330px, 0);
  -ms-transform: translate(330px, 0);
  -webkit-transform: translate(330px, 0);
  transform: translate(330px, 0);
}
/* line 432, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper a {
  font-family: hipstelveticalight;
  font-size: 30px;
  font-weight: 400;
}
/* line 438, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper .morph-shape {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 60px;
  height: 100%;
  fill: #0733F8;
  display: block;
}
/* line 445, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper > div:first-child {
  position: absolute;
  right: 0;
  width: 271px;
  height: 100%;
  padding: 29% 0;
  background-color: #0733F8;
  overflow: auto;
}
/* line 454, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper .cd-primary-nav {
  padding: 0;
  list-style: none;
  margin: 0 0 112px;
}
/* line 458, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper .cd-primary-nav li {
  float: none;
  border: none;
  padding: 0;
  margin: 0 0 35px 0;
}
/* line 463, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper .cd-primary-nav li a {
  color: #fff;
}
/* line 465, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper .cd-primary-nav li a:hover {
  text-decoration: none;
}
/* line 469, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper .cd-primary-nav li a span:first-child {
  display: none;
}
/* line 472, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper .cd-primary-nav li a span.for-pc {
  display: none !important;
}
/* line 475, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper .cd-primary-nav li a span:last-child {
  display: inline;
}
/* line 482, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper .copy {
  display: inline-block;
}
/* line 485, ../sass/layout/_navigation.scss */
.disp-nav .nav-wrapper .social-icons {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-bottom: 47px;
}

/*end disp-nav*/
/* line 497, ../sass/layout/_navigation.scss */
.dl-menu li {
  padding: 0;
}
/* line 499, ../sass/layout/_navigation.scss */
.dl-menu li i {
  border: none;
  top: 0;
}
/* line 504, ../sass/layout/_navigation.scss */
.dl-menu a {
  border: none;
}
/* line 506, ../sass/layout/_navigation.scss */
.dl-menu a:hover {
  background-color: transparent;
}

/*end head navigation*/
/* line 516, ../sass/layout/_navigation.scss */
.pagination-group {
  float: left;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
}
/* line 524, ../sass/layout/_navigation.scss */
.pagination-group.animate a:hover {
  color: #fff;
}
/* line 526, ../sass/layout/_navigation.scss */
.pagination-group.animate a:hover span {
  left: 0;
}
/* line 529, ../sass/layout/_navigation.scss */
.pagination-group.animate a:hover:before {
  left: -37px;
}
/* line 534, ../sass/layout/_navigation.scss */
.pagination-group li {
  float: left;
  list-style: none;
  border-radius: 300px;
  margin: 0 10px 0 0;
}
/* line 540, ../sass/layout/_navigation.scss */
.pagination-group a {
  display: block;
  text-decoration: none;
  height: 35px;
  width: 35px;
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  font: 700 14px/1.2 hipstelveticabold;
  color: #hipstelveticabold;
}
/* line 552, ../sass/layout/_navigation.scss */
.pagination-group a span {
  position: relative;
  display: inline-block;
  left: 37px;
  white-space: nowrap;
  padding: 0 15px;
  color: #fff;
  line-height: 35px;
  text-align: center;
  -moz-transition: left 0.25s;
  -o-transition: left 0.25s;
  -webkit-transition: left 0.25s;
  transition: left 0.25s;
}
/* line 563, ../sass/layout/_navigation.scss */
.pagination-group a:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 35px;
  width: 35px;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  -moz-transition: left 0.35s;
  -o-transition: left 0.35s;
  -webkit-transition: left 0.35s;
  transition: left 0.35s;
}
@media (min-width: 1950px) {
  /* line 577, ../sass/layout/_navigation.scss */
  .pagination-group li {
    margin-right: 16px;
  }
  /* line 580, ../sass/layout/_navigation.scss */
  .pagination-group a {
    height: 52px;
    width: 52px;
  }
  /* line 583, ../sass/layout/_navigation.scss */
  .pagination-group a span {
    line-height: 52px;
  }
}

/*triangels*/
/* line 592, ../sass/layout/_navigation.scss */
.play-next-page {
  padding-left: 0;
  margin: 0;
  height: 35px;
  cursor: pointer;
  list-style: none;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
}
/* line 602, ../sass/layout/_navigation.scss */
.play-next-page li {
  padding: 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 8.5px solid transparent;
  border-left: 15px solid #00c6ff;
  border-bottom: 8.5px solid transparent;
  margin-left: 4px;
}
@media (min-width: 768px) {
  /* line 602, ../sass/layout/_navigation.scss */
  .play-next-page li {
    border-top: 17.5px solid transparent;
    border-left: 30px solid #00c6ff;
    border-bottom: 17.5px solid transparent;
    margin-left: 7px;
  }
}
/* line 617, ../sass/layout/_navigation.scss */
.play-next-page li:before {
  display: none;
}
/* line 620, ../sass/layout/_navigation.scss */
.play-next-page li:first-child {
  border-left-color: #00fffc;
  margin-left: 0;
}
/* line 624, ../sass/layout/_navigation.scss */
.play-next-page li:last-child {
  border-left-color: #ff2d77;
}
/* line 629, ../sass/layout/_navigation.scss */
.play-next-page.animate:hover li {
  -moz-animation: color-change-second 1.5s infinite forwards;
  -webkit-animation: color-change-second 1.5s infinite forwards;
  animation: color-change-second 1.5s infinite forwards;
}
/* line 631, ../sass/layout/_navigation.scss */
.play-next-page.animate:hover li:first-child {
  -moz-animation: color-change-first 1.5s infinite forwards;
  -webkit-animation: color-change-first 1.5s infinite forwards;
  animation: color-change-first 1.5s infinite forwards;
}
/* line 634, ../sass/layout/_navigation.scss */
.play-next-page.animate:hover li:last-child {
  -moz-animation: color-change-last 1.5s infinite forwards;
  -webkit-animation: color-change-last 1.5s infinite forwards;
  animation: color-change-last 1.5s infinite forwards;
}
@media (min-width: 768px) {
  /* line 592, ../sass/layout/_navigation.scss */
  .play-next-page {
    float: right;
  }
}
@media (min-width: 1950px) {
  /* line 643, ../sass/layout/_navigation.scss */
  .play-next-page li {
    border-top-width: 26px;
    border-left-width: 45px;
    border-bottom-width: 26px;
    margin-left: 12px;
  }
}

/*tiangels keaframe*/
@-moz-keyframes color-change-first {
  0%, 100% {
    border-left-color: #00fffc;
  }
  33% {
    border-left-color: #ff2d77;
  }
  67% {
    border-left-color: #00c6ff;
  }
}
@-webkit-keyframes color-change-first {
  0%, 100% {
    border-left-color: #00fffc;
  }
  33% {
    border-left-color: #ff2d77;
  }
  67% {
    border-left-color: #00c6ff;
  }
}
@keyframes color-change-first {
  0%, 100% {
    border-left-color: #00fffc;
  }
  33% {
    border-left-color: #ff2d77;
  }
  67% {
    border-left-color: #00c6ff;
  }
}
@-moz-keyframes color-change-second {
  0%, 100% {
    border-left-color: #00c6ff;
  }
  33% {
    border-left-color: #00fffc;
  }
  67% {
    border-left-color: #ff2d77;
  }
}
@-webkit-keyframes color-change-second {
  0%, 100% {
    border-left-color: #00c6ff;
  }
  33% {
    border-left-color: #00fffc;
  }
  67% {
    border-left-color: #ff2d77;
  }
}
@keyframes color-change-second {
  0%, 100% {
    border-left-color: #00c6ff;
  }
  33% {
    border-left-color: #00fffc;
  }
  67% {
    border-left-color: #ff2d77;
  }
}
@-moz-keyframes color-change-last {
  0%, 100% {
    border-left-color: #ff2d77;
  }
  33% {
    border-left-color: #00c6ff;
  }
  67% {
    border-left-color: #00fffc;
  }
}
@-webkit-keyframes color-change-last {
  0%, 100% {
    border-left-color: #ff2d77;
  }
  33% {
    border-left-color: #00c6ff;
  }
  67% {
    border-left-color: #00fffc;
  }
}
@keyframes color-change-last {
  0%, 100% {
    border-left-color: #ff2d77;
  }
  33% {
    border-left-color: #00c6ff;
  }
  67% {
    border-left-color: #00fffc;
  }
}
/*end keyframe*/
@media (max-width: 767px) {
  /* line 672, ../sass/layout/_navigation.scss */
  .cd-overlay-nav, .cd-overlay-content {
    position: absolute;
    top: 1px;
    right: 10px;
    height: 4px;
    width: 4px;
    -moz-transform: translateX(-20px) translateY(20px);
    -ms-transform: translateX(-20px) translateY(20px);
    -webkit-transform: translateX(-20px) translateY(20px);
    transform: translateX(-20px) translateY(20px);
  }
  /* line 679, ../sass/layout/_navigation.scss */
  .cd-overlay-nav span, .cd-overlay-content span {
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -moz-transform-origin: 50% 50% 50%;
    -ms-transform-origin: 50% 50% 50%;
    -webkit-transform-origin: 50% 50% 50%;
    transform-origin: 50% 50% 50%;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  /* line 688, ../sass/layout/_navigation.scss */
  .cd-overlay-nav span.animate, .cd-overlay-content span.animate {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-backface-visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -moz-transition: cubic-bezier(0, 0.54, 0.78, 0.78) 0.3s;
    -o-transition: cubic-bezier(0, 0.54, 0.78, 0.78) 0.3s;
    -webkit-transition: cubic-bezier(0, 0.54, 0.78, 0.78) 0.3s;
    transition: cubic-bezier(0, 0.54, 0.78, 0.78) 0.3s;
  }
  /* line 695, ../sass/layout/_navigation.scss */
  .cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -o-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -webkit-transition: opacity 0.3s, visibility 0s;
    -webkit-transition-delay: 0s, 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
  }

  /* line 703, ../sass/layout/_navigation.scss */
  .cd-overlay-nav {
    z-index: 6;
  }
  /* line 705, ../sass/layout/_navigation.scss */
  .cd-overlay-nav span {
    background-color: #0733F8;
  }

  /* line 710, ../sass/layout/_navigation.scss */
  .cd-overlay-content {
    z-index: 9;
  }
}
/* line 1, ../sass/layout/_pt-perspective.scss */
main {
  position: relative;
  width: 100%;
  height: 100%;
  -moz-perspective: 1200px;
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
@media (max-width: 767px) {
  /* line 1, ../sass/layout/_pt-perspective.scss */
  main {
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  /* line 1, ../sass/layout/_pt-perspective.scss */
  main {
    height: 78%;
    top: 50%;
    -moz-transform: translate(0, -47.5%);
    -ms-transform: translate(0, -47.5%);
    -webkit-transform: translate(0, -47.5%);
    transform: translate(0, -47.5%);
  }
}

/* line 16, ../sass/layout/_pt-perspective.scss */
.pt-page {
  width: 100%;
  height: 100%;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 0 6.2%;
}
@media (max-height: 450px) {
  /* line 16, ../sass/layout/_pt-perspective.scss */
  .pt-page {
    padding: 0 4.2%;
  }
}
@media (min-width: 768px) {
  /* line 16, ../sass/layout/_pt-perspective.scss */
  .pt-page {
    padding: 0 4.1%;
    overflow: auto;
    overflow-x: hidden;
  }
}
@media (min-width: 992px) {
  /* line 16, ../sass/layout/_pt-perspective.scss */
  .pt-page {
    padding: 0 10.8%;
  }
}
@media (min-width: 1900px) {
  /* line 16, ../sass/layout/_pt-perspective.scss */
  .pt-page {
    padding: 0 8%;
  }
}
@media (min-width: 768px) {
  /* line 40, ../sass/layout/_pt-perspective.scss */
  .pt-page:not(.pt-page-1) {
    padding-left: calc(4.1% + 40px);
  }
}
@media (min-width: 992px) {
  /* line 40, ../sass/layout/_pt-perspective.scss */
  .pt-page:not(.pt-page-1) {
    padding-left: calc(10.8% + 40px);
  }
}
@media (min-width: 1900px) {
  /* line 40, ../sass/layout/_pt-perspective.scss */
  .pt-page:not(.pt-page-1) {
    padding-left: calc(8% + 40px);
  }
}

/* line 53, ../sass/layout/_pt-perspective.scss */
.under .pt-page {
  overflow: visible;
  position: relative;
}

/* line 58, ../sass/layout/_pt-perspective.scss */
.pt-page-1 {
  overflow: hidden;
}

/* line 62, ../sass/layout/_pt-perspective.scss */
.pt-page-current,
.no-js .pt-page {
  visibility: visible;
  z-index: 1;
  opacity: 1;
}

/* line 73, ../sass/layout/_pt-perspective.scss */
.pt-page-ontop {
  z-index: 999;
}

/* line 78, ../sass/layout/_pt-perspective.scss */
.style-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  height: 100%;
}

/* line 84, ../sass/layout/_pt-perspective.scss */
.scroll {
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}
/* line 92, ../sass/layout/_pt-perspective.scss */
.scroll span {
  display: block;
  cursor: pointer;
  width: 100%;
  background-color: #4c606e;
  position: absolute;
  height: 30px;
  opacity: .8;
  z-index: 99;
  pointer-events: auto;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*transition animation*/
/* line 108, ../sass/layout/_pt-perspective.scss */
.pt-page-scaleDown {
  -moz-animation: scaleDown 0.7s ease both;
  -webkit-animation: scaleDown 0.7s ease both;
  animation: scaleDown 0.7s ease both;
  overflow: hidden !important;
}

/* line 113, ../sass/layout/_pt-perspective.scss */
.pt-page-scaleUp {
  -moz-animation: scaleUp 0.7s ease both;
  -webkit-animation: scaleUp 0.7s ease both;
  animation: scaleUp 0.7s ease both;
  overflow: hidden !important;
}

/* line 118, ../sass/layout/_pt-perspective.scss */
.pt-page-scaleUpDown {
  -moz-animation: scaleUpDown 0.5s ease both;
  -webkit-animation: scaleUpDown 0.5s ease both;
  animation: scaleUpDown 0.5s ease both;
  overflow: hidden !important;
}

/* line 123, ../sass/layout/_pt-perspective.scss */
.pt-page-scaleDownUp {
  -moz-animation: scaleDownUp 0.5s ease both;
  -webkit-animation: scaleDownUp 0.5s ease both;
  animation: scaleDownUp 0.5s ease both;
  overflow: hidden !important;
}

/* line 128, ../sass/layout/_pt-perspective.scss */
.pt-page-scaleDownCenter {
  -moz-animation: scaleDownCenter 0.4s ease-in both;
  -webkit-animation: scaleDownCenter 0.4s ease-in both;
  animation: scaleDownCenter 0.4s ease-in both;
  overflow: hidden !important;
}

/* line 133, ../sass/layout/_pt-perspective.scss */
.pt-page-scaleUpCenter {
  -moz-animation: scaleUpCenter 0.4s ease-out both;
  -webkit-animation: scaleUpCenter 0.4s ease-out both;
  animation: scaleUpCenter 0.4s ease-out both;
  overflow: hidden !important;
}

/********************************* keyframes **************************************/
/* scale and fade */
@-moz-keyframes scaleDown {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes scaleDown {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes scaleDown {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-moz-keyframes scaleUp {
  from {
    opacity: 0;
    -moz-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-webkit-keyframes scaleUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes scaleUp {
  from {
    opacity: 0;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-moz-keyframes scaleUpDown {
  from {
    opacity: 0;
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes scaleUpDown {
  from {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes scaleUpDown {
  from {
    opacity: 0;
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-moz-keyframes scaleDownUp {
  to {
    opacity: 0;
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes scaleDownUp {
  to {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes scaleDownUp {
  to {
    opacity: 0;
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-moz-keyframes scaleDownCenter {
  to {
    opacity: 0;
    -moz-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-webkit-keyframes scaleDownCenter {
  to {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@keyframes scaleDownCenter {
  to {
    opacity: 0;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-moz-keyframes scaleUpCenter {
  from {
    opacity: 0;
    -moz-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-webkit-keyframes scaleUpCenter {
  from {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@keyframes scaleUpCenter {
  from {
    opacity: 0;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
/* line 1, ../sass/layout/_first-page.scss */
.pt-page-1 {
  text-align: center;
}

/* line 4, ../sass/layout/_first-page.scss */
.clock {
  position: relative;
  margin: -4px auto 7.2rem;
  font: 400 20px/1.2 marvel;
  color: #999;
  height: 20px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  /* line 4, ../sass/layout/_first-page.scss */
  .clock {
    margin-bottom: 2.8rem;
  }
}
@media (max-height: 500px) {
  /* line 4, ../sass/layout/_first-page.scss */
  .clock {
    margin-bottom: 20px;
  }
}
/* line 17, ../sass/layout/_first-page.scss */
.clock span,
.clock .time-left {
  display: table-cell;
  vertical-align: bottom;
  width: 50%;
}
/* line 23, ../sass/layout/_first-page.scss */
.clock .time-left {
  width: 0;
  padding: 0 30px;
  white-space: nowrap;
  visibility: hidden;
  -moz-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  -webkit-transform: translate(0, -20px);
  transform: translate(0, -20px);
}

/* line 31, ../sass/layout/_first-page.scss */
.border-left,
.border-right {
  position: relative;
  overflow: hidden;
  height: 24px;
}
/* line 36, ../sass/layout/_first-page.scss */
.border-left:before,
.border-right:before {
  content: '';
  display: block;
  border-left: 1px solid #d7d7d7;
  height: 20px;
  visibility: visible;
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
}
@media (min-width: 768px) {
  /* line 36, ../sass/layout/_first-page.scss */
  .border-left:before,
  .border-right:before {
    height: 30px;
  }
}
/* line 47, ../sass/layout/_first-page.scss */
.border-left:after,
.border-right:after {
  content: '';
  display: block;
  border-bottom: 1px solid #d7d7d7;
  width: 100% !important;
  visibility: visible;
}

/* line 56, ../sass/layout/_first-page.scss */
.border-left:after {
  float: left;
  -moz-transform: translate(110%, 0);
  -ms-transform: translate(110%, 0);
  -webkit-transform: translate(110%, 0);
  transform: translate(110%, 0);
}
/* line 60, ../sass/layout/_first-page.scss */
.border-left:before {
  float: left;
}

/* line 65, ../sass/layout/_first-page.scss */
.border-right:before {
  float: right;
}
/* line 68, ../sass/layout/_first-page.scss */
.border-right:after {
  float: right;
  -moz-transform: translate(-110%, 0);
  -ms-transform: translate(-110%, 0);
  -webkit-transform: translate(-110%, 0);
  transform: translate(-110%, 0);
}

/* line 73, ../sass/layout/_first-page.scss */
.page-text {
  max-width: 300px;
  display: inline-block;
  font: 400 24px/1.2 marvel;
  color: #333;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate(0, -15px);
  -ms-transform: translate(0, -15px);
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
}
@media (min-width: 1950px) {
  /* line 73, ../sass/layout/_first-page.scss */
  .page-text {
    font-size: 36px;
    max-width: 450px;
  }
}
@media (max-height: 500px) {
  /* line 73, ../sass/layout/_first-page.scss */
  .page-text {
    line-height: 25px;
  }
}
@media (max-width: 768px) {
  /* line 73, ../sass/layout/_first-page.scss */
  .page-text {
    padding-bottom: 20px;
  }
}

/* line 92, ../sass/layout/_first-page.scss */
.cd-words-wrapper {
  margin-bottom: 1.4rem;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -webkit-transform: translate(0, -30px);
  transform: translate(0, -30px);
}
@media (max-width: 767px) {
  /* line 92, ../sass/layout/_first-page.scss */
  .cd-words-wrapper {
    padding-top: 45px;
    margin-bottom: 7px;
  }
}
@media (max-height: 500px) {
  /* line 92, ../sass/layout/_first-page.scss */
  .cd-words-wrapper {
    margin-bottom: 10px;
    padding-top: 24px;
  }
}
/* line 106, ../sass/layout/_first-page.scss */
.cd-words-wrapper span {
  letter-spacing: 6px;
  display: inline-block;
  font-family: hipstelveticalight;
  font-style: normal;
  line-height: .82;
  color: #000;
  font-size: 6.6rem;
}
/* line 114, ../sass/layout/_first-page.scss */
.cd-words-wrapper span:first-child {
  display: none;
}
@media (min-width: 768px) {
  /* line 106, ../sass/layout/_first-page.scss */
  .cd-words-wrapper span {
    font-size: 22rem;
  }
  /* line 119, ../sass/layout/_first-page.scss */
  .cd-words-wrapper span:first-child {
    display: inline-block;
  }
}
@media (min-width: 1500px) {
  /* line 106, ../sass/layout/_first-page.scss */
  .cd-words-wrapper span {
    font-size: 23.4rem;
  }
}
@media (min-width: 1950px) {
  /* line 106, ../sass/layout/_first-page.scss */
  .cd-words-wrapper span {
    font-size: 35rem;
  }
}

/* line 134, ../sass/layout/_first-page.scss */
.invert .cd-words-wrapper span {
  color: #fff;
}

/* line 140, ../sass/layout/_first-page.scss */
.has-load .cd-words-wrapper {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
  -moz-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s 0.2s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s 0.2s;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -webkit-transition-delay: 0.2s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s 0.2s;
}
/* line 146, ../sass/layout/_first-page.scss */
.has-load .time-left {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -moz-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s 0.4s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s 0.4s;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -webkit-transition-delay: 0.4s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s 0.4s;
}
/* line 154, ../sass/layout/_first-page.scss */
.has-load .border-left:after,
.has-load .border-right:after {
  -moz-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.7s 1s;
  -o-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.7s 1s;
  -webkit-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.7s;
  -webkit-transition-delay: 1s;
  transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.7s 1s;
  -moz-transform: translate(0, -1px);
  -ms-transform: translate(0, -1px);
  -webkit-transform: translate(0, -1px);
  transform: translate(0, -1px);
}
/* line 158, ../sass/layout/_first-page.scss */
.has-load .border-left:before,
.has-load .border-right:before {
  -moz-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.6s 1.5s;
  -o-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.6s 1.5s;
  -webkit-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.6s;
  -webkit-transition-delay: 1.5s;
  transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 0.6s 1.5s;
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
}
/* line 163, ../sass/layout/_first-page.scss */
.has-load .page-text {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
  -moz-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s 1.6s;
  -o-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s 1.6s;
  -webkit-transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s;
  -webkit-transition-delay: 1.6s;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.8s 1.6s;
}

@media (min-width: 768px) {
  /* line 3, ../sass/layout/_notify-page.scss */
  .notify {
    max-width: 480px;
  }
  /* line 7, ../sass/layout/_notify-page.scss */
  .notify form * {
    position: absolute;
  }
}
@media (min-width: 1200px) {
  /* line 3, ../sass/layout/_notify-page.scss */
  .notify {
    max-width: none;
  }
}
@media (max-width: 767px) {
  /* line 16, ../sass/layout/_notify-page.scss */
  .notify form {
    text-align: center;
  }
  /* line 18, ../sass/layout/_notify-page.scss */
  .notify form span {
    position: absolute;
  }
  /* line 21, ../sass/layout/_notify-page.scss */
  .notify form button {
    display: inline-block;
  }
  /* line 24, ../sass/layout/_notify-page.scss */
  .notify form input {
    padding-right: 5px;
  }
}
/* line 29, ../sass/layout/_notify-page.scss */
.notify h1 {
  margin-bottom: 30px;
}
/* line 32, ../sass/layout/_notify-page.scss */
.notify p {
  margin-bottom: 30px;
}
/* line 35, ../sass/layout/_notify-page.scss */
.notify form {
  line-height: 50px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 35, ../sass/layout/_notify-page.scss */
  .notify form {
    height: 50px;
  }
}
/* line 43, ../sass/layout/_notify-page.scss */
.notify form.text-danger span {
  border-color: #f33 !important;
  color: ;
}
/* line 47, ../sass/layout/_notify-page.scss */
.notify form.text-danger input {
  border-color: #f33 !important;
}
/* line 50, ../sass/layout/_notify-page.scss */
.notify form.text-danger button {
  background-color: #f33 !important;
  border-color: #f33 !important;
}
/* line 55, ../sass/layout/_notify-page.scss */
.notify form .mail {
  z-index: 1;
  border-right: 2px solid transparent;
  display: block;
  width: 67px;
  text-align: center;
  font: 700 12px/1 hipstelveticabold;
  line-height: 50px;
}
/* line 64, ../sass/layout/_notify-page.scss */
.notify form input {
  padding: 0 9px 0 75px;
  margin-bottom: 15px;
  height: 50px;
  width: 100%;
  line-height: inherit;
  color: #333;
  border: 2px solid transparent;
}
@media (min-width: 768px) {
  /* line 64, ../sass/layout/_notify-page.scss */
  .notify form input {
    padding-right: 115px;
  }
}
/* line 76, ../sass/layout/_notify-page.scss */
.notify form button {
  margin: 0;
  padding: 0 33px;
  right: 0;
  z-index: 2;
  line-height: 48px;
  height: 50px;
  color: #fff !important;
  text-transform: uppercase;
}
/* line 85, ../sass/layout/_notify-page.scss */
.notify form button:hover {
  opacity: .8;
}

/* line 91, ../sass/layout/_notify-page.scss */
.letter-box {
  width: 430px;
  height: 220px;
  margin: 40px auto 0;
  position: absolute;
  right: -20%;
  -moz-transform: rotate(-18deg);
  -ms-transform: rotate(-18deg);
  -webkit-transform: rotate(-18deg);
  transform: rotate(-18deg);
}
/* line 98, ../sass/layout/_notify-page.scss */
.letter-box .wave {
  position: absolute;
  left: 0;
  top: 32%;
  z-index: 1;
}
/* line 104, ../sass/layout/_notify-page.scss */
.letter-box .letter {
  position: absolute;
  right: 0;
}
@media (min-width: 992px) {
  /* line 91, ../sass/layout/_notify-page.scss */
  .letter-box {
    position: relative;
    float: right;
    top: 0;
    right: 0;
    margin-top: 60px;
  }
}
@media (min-width: 1200px) {
  /* line 91, ../sass/layout/_notify-page.scss */
  .letter-box {
    width: 90%;
    max-width: 585px;
    height: 290px;
    float: none;
    margin: 80px auto 0;
  }
}

/* line 123, ../sass/layout/_notify-page.scss */
.load {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate(0, -40px);
  -ms-transform: translate(0, -40px);
  -webkit-transform: translate(0, -40px);
  transform: translate(0, -40px);
}

/* line 130, ../sass/layout/_notify-page.scss */
.has-load .load:first-child {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
  -moz-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s 0.5s;
  -o-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s 0.5s;
  -webkit-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s;
  -webkit-transition-delay: 0.5s;
  transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s 0.5s;
}
/* line 136, ../sass/layout/_notify-page.scss */
.has-load .load:last-child {
  z-index: -999;
  opacity: 1;
  visibility: visible;
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
  -moz-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s 1.2s;
  -o-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s 1.2s;
  -webkit-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s;
  -webkit-transition-delay: 1.2s;
  transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s 1.2s;
}

/* line 1, ../sass/layout/_contacts-page.scss */
.contact-info {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}
/* line 5, ../sass/layout/_contacts-page.scss */
.contact-info li {
  padding: 0;
  font-size: 18px;
  color: #333;
  margin-bottom: 20px;
  line-height: 1.4;
}
/* line 11, ../sass/layout/_contacts-page.scss */
.contact-info li:last-child {
  margin-bottom: 0;
}
/* line 14, ../sass/layout/_contacts-page.scss */
.contact-info li span {
  display: list-item;
  position: static;
  border: none;
}
/* line 18, ../sass/layout/_contacts-page.scss */
.contact-info li span.heading {
  font: 700 12px/1.2 hipstelveticabold;
}
@media (min-width: 992px) {
  /* line 1, ../sass/layout/_contacts-page.scss */
  .contact-info {
    margin: 10px 0 0 11%;
  }
}

/* line 27, ../sass/layout/_contacts-page.scss */
.map-wrapper {
  position: absolute;
  right: -190px;
  bottom: 0;
  height: 363px;
  width: 768px;
  background: url(../img/map.svg) no-repeat center;
  background-size: contain;
  z-index: -99999;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -webkit-transform: translate(0, -30px);
  transform: translate(0, -30px);
}
/* line 39, ../sass/layout/_contacts-page.scss */
.map-wrapper span {
  -moz-animation: bounce 1.2s linear infinite;
  -webkit-animation: bounce 1.2s linear infinite;
  animation: bounce 1.2s linear infinite;
  font-size: 50px;
  position: absolute;
  top: 29%;
  right: 36%;
}
@media (min-width: 768px) {
  /* line 27, ../sass/layout/_contacts-page.scss */
  .map-wrapper {
    bottom: -63%;
    right: 0;
  }
  /* line 49, ../sass/layout/_contacts-page.scss */
  .map-wrapper span {
    font-size: 66px;
  }
}
@media (min-width: 992px) {
  /* line 27, ../sass/layout/_contacts-page.scss */
  .map-wrapper {
    right: -340px;
    bottom: 50%;
    margin-bottom: -350px;
    height: 580px;
    width: 1090px;
  }
}

/* line 62, ../sass/layout/_contacts-page.scss */
.map-content {
  position: relative;
  margin-top: 30px;
}
@media (min-width: 768px) {
  /* line 62, ../sass/layout/_contacts-page.scss */
  .map-content {
    margin: 0;
    float: right;
    position: static;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 62, ../sass/layout/_contacts-page.scss */
  .map-content {
    position: absolute;
    top: -70px;
  }
}

/* line 76, ../sass/layout/_contacts-page.scss */
.contacts {
  overflow: visible;
}
/* line 78, ../sass/layout/_contacts-page.scss */
.contacts > div {
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  -webkit-transform: translate(0, -30px);
  transform: translate(0, -30px);
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 85, ../sass/layout/_contacts-page.scss */
  .contacts.auto .map-wrapper {
    bottom: -80%;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
}
/* line 91, ../sass/layout/_contacts-page.scss */
.contacts form {
  padding: 0;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 91, ../sass/layout/_contacts-page.scss */
  .contacts form {
    max-width: 340px;
  }
}
/* line 97, ../sass/layout/_contacts-page.scss */
.contacts h1 {
  margin-bottom: 30px;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 97, ../sass/layout/_contacts-page.scss */
  .contacts h1 {
    max-width: 67%;
  }
}
/* line 103, ../sass/layout/_contacts-page.scss */
.contacts .copy {
  float: right;
}
/* line 105, ../sass/layout/_contacts-page.scss */
.contacts .copy.hide-tach {
  display: none;
}
/* line 109, ../sass/layout/_contacts-page.scss */
.contacts .social-icons {
  margin-bottom: 15px;
  margin-right: -2px;
}
@media (min-width: 768px) {
  /* line 112, ../sass/layout/_contacts-page.scss */
  .contacts .social-icons.hide-tach {
    display: none;
  }
}

/* line 121, ../sass/layout/_contacts-page.scss */
.has-load .contacts > div {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
  -moz-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s 0.5s;
  -o-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s 0.5s;
  -webkit-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s;
  -webkit-transition-delay: 0.5s;
  transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s 0.5s;
}
/* line 127, ../sass/layout/_contacts-page.scss */
.has-load .map-wrapper {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
  -moz-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s 1.2s;
  -o-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s 1.2s;
  -webkit-transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s;
  -webkit-transition-delay: 1.2s;
  transition: cubic-bezier(0.05, 0.56, 0.48, 0.97) 1s 1.2s;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}
/* line 1, ../sass/layout/_about.scss */
.dna-wrapper {
  position: absolute;
  width: 100%;
  max-width: 355px;
  height: 160px;
  float: right;
  right: 0;
  top: 90px;
  z-index: -1;
}
@media (min-width: 992px) {
  /* line 1, ../sass/layout/_about.scss */
  .dna-wrapper {
    position: relative;
  }
}
@media (min-width: 1200px) {
  /* line 1, ../sass/layout/_about.scss */
  .dna-wrapper {
    top: 43px;
    right: 5px;
    max-width: 470px;
    height: 230px;
    float: none;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  /* line 22, ../sass/layout/_about.scss */
  .about {
    margin: 0;
    max-width: 570px;
  }
}
@media (min-width: 1200px) {
  /* line 22, ../sass/layout/_about.scss */
  .about {
    max-width: none;
  }
}
/* line 30, ../sass/layout/_about.scss */
.about h1 {
  margin-bottom: 30px;
}
/* line 33, ../sass/layout/_about.scss */
.about p {
  margin-bottom: 20px;
}
/* line 36, ../sass/layout/_about.scss */
.about button {
  margin-top: 20px;
}

/* line 1, ../sass/layout/_promo.scss */
html.promo {
  overflow: visible;
}
/* line 3, ../sass/layout/_promo.scss */
html.promo body {
  overflow: auto;
}

/* line 7, ../sass/layout/_promo.scss */
.wrapper.promo {
  height: auto !important;
  padding: 6% 6.2%;
}
@media (min-width: 768px) {
  /* line 7, ../sass/layout/_promo.scss */
  .wrapper.promo {
    padding: 6% 4.1%;
  }
}
@media (min-width: 992px) {
  /* line 7, ../sass/layout/_promo.scss */
  .wrapper.promo {
    padding: 6% 10.8%;
  }
}
@media (max-width: 767px) {
  /* line 17, ../sass/layout/_promo.scss */
  .wrapper.promo .logo {
    float: none;
    display: inline-block;
  }
  /* line 21, ../sass/layout/_promo.scss */
  .wrapper.promo header {
    text-align: center;
  }
}
/* line 25, ../sass/layout/_promo.scss */
.wrapper.promo header,
.wrapper.promo main {
  max-width: 970px;
  margin: 0 auto;
  padding: 0 10px;
}
/* line 32, ../sass/layout/_promo.scss */
.wrapper.promo a:hover {
  background-color: transparent;
}
/* line 36, ../sass/layout/_promo.scss */
.wrapper.promo nav {
  float: right;
  margin-top: -2px;
}
/* line 39, ../sass/layout/_promo.scss */
.wrapper.promo nav ul {
  margin: 0;
}
/* line 42, ../sass/layout/_promo.scss */
.wrapper.promo nav li {
  display: inline-block;
  padding: 0;
  margin: 0 0 0 10px;
}
/* line 46, ../sass/layout/_promo.scss */
.wrapper.promo nav li a {
  display: block;
  font: 400 18px/36px Marvel, sans-serif;
  height: 40px;
  border: 2px solid transparent;
  padding: 0 16px;
  text-transform: uppercase;
  letter-spacing: .8px;
}
/* line 54, ../sass/layout/_promo.scss */
.wrapper.promo nav li a:hover {
  border-color: #0000ff;
  color: #0000ff;
  background-color: transparent;
}
/* line 59, ../sass/layout/_promo.scss */
.wrapper.promo nav li a.active {
  border-color: #0000ff;
  color: #0000ff;
  background-color: transparent;
}
/* line 67, ../sass/layout/_promo.scss */
.wrapper.promo header {
  position: relative;
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  /* line 67, ../sass/layout/_promo.scss */
  .wrapper.promo header {
    padding-bottom: 34px;
  }
}
/* line 74, ../sass/layout/_promo.scss */
.wrapper.promo h3 {
  margin-left: 0;
  text-align: center;
  margin-bottom: 44px;
  letter-spacing: -.6px;
  line-height: 36px;
}
/* line 80, ../sass/layout/_promo.scss */
.wrapper.promo h3:first-child {
  margin-bottom: 53px;
}
@media (max-width: 767px) {
  /* line 74, ../sass/layout/_promo.scss */
  .wrapper.promo h3 {
    font-size: 24px;
  }
  /* line 85, ../sass/layout/_promo.scss */
  .wrapper.promo h3:first-child {
    margin-bottom: 21px;
  }
}
/* line 90, ../sass/layout/_promo.scss */
.wrapper.promo h6 {
  margin-left: 0;
  text-transform: uppercase;
  margin-bottom: 15px;
}
/* line 95, ../sass/layout/_promo.scss */
.wrapper.promo main {
  height: auto;
  position: static;
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
}
/* line 100, ../sass/layout/_promo.scss */
.wrapper.promo footer {
  padding: 0;
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  color: #666;
}
/* line 109, ../sass/layout/_promo.scss */
.wrapper.promo footer a {
  font-size: inherit;
  color: #33f;
  border: none;
}
/* line 113, ../sass/layout/_promo.scss */
.wrapper.promo footer a.line {
  border-bottom: 2px solid #33f;
}
/* line 117, ../sass/layout/_promo.scss */
.wrapper.promo footer .copy {
  display: inline-block;
  width: 100%;
}

/* line 123, ../sass/layout/_promo.scss */
.demo {
  text-align: center;
  margin-bottom: 10px;
}
/* line 126, ../sass/layout/_promo.scss */
.demo a {
  position: relative;
  display: inline-block;
  max-width: 460px;
  height: auto;
  width: 100%;
  padding: 0;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  border: none;
}
/* line 137, ../sass/layout/_promo.scss */
.demo a span {
  display: block;
  color: #333;
  height: 60px;
  line-height: 60px;
}
/* line 144, ../sass/layout/_promo.scss */
.demo a:hover span {
  opacity: 1;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/* line 149, ../sass/layout/_promo.scss */
.demo a:last-child {
  margin-bottom: 63px;
}
@media (max-width: 768px) {
  /* line 152, ../sass/layout/_promo.scss */
  .demo a:nth-child(3) {
    margin-bottom: 20px;
  }
}
/* line 157, ../sass/layout/_promo.scss */
.demo a[href="typography.html"] {
  margin-bottom: 20px;
}
/* line 160, ../sass/layout/_promo.scss */
.demo a img {
  width: 100%;
  border: 2px solid #0000ff;
}
@media (min-width: 992px) {
  /* line 126, ../sass/layout/_promo.scss */
  .demo a {
    margin-bottom: 20px;
  }
  /* line 166, ../sass/layout/_promo.scss */
  .demo a span {
    position: absolute;
    width: 260px;
    text-transform: uppercase;
    font: 400 18px/60px Marvel, sans-serif;
    color: #fff;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -130px;
    background-color: #ff3333;
    opacity: 0;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}

/* line 183, ../sass/layout/_promo.scss */
.features {
  padding-left: 60px;
  margin-bottom: 24px;
}
/* line 186, ../sass/layout/_promo.scss */
.features h3 {
  text-transform: uppercase;
  text-align: left !important;
  margin-bottom: 62px !important;
}
/* line 191, ../sass/layout/_promo.scss */
.features li {
  margin-bottom: 52px;
  font-size: 18px;
  line-height: 23px;
  position: relative;
  padding: 0;
  color: #333;
}
/* line 198, ../sass/layout/_promo.scss */
.features li:before {
  content: '';
  display: block;
  position: absolute;
  left: -60px;
  height: 40px;
  width: 41px;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 209, ../sass/layout/_promo.scss */
.features li:first-child:before {
  top: 22px;
  background-image: url(../img/design.svg);
}
/* line 215, ../sass/layout/_promo.scss */
.features li:nth-child(2):before {
  top: 25px;
  background-image: url(../img/customization.svg);
}
/* line 221, ../sass/layout/_promo.scss */
.features li:last-child:before {
  top: 38px;
  background-image: url(../img/mobile.svg);
}
@media (min-width: 768px) {
  /* line 183, ../sass/layout/_promo.scss */
  .features {
    padding-left: 121px;
  }
  /* line 229, ../sass/layout/_promo.scss */
  .features li:before {
    left: -102px;
  }
}

/* line 235, ../sass/layout/_promo.scss */
.scills {
  font-size: 18px;
  text-align: center;
}

/* line 239, ../sass/layout/_promo.scss */
.scill-margin {
  margin-bottom: 73px;
}

/* line 242, ../sass/layout/_promo.scss */
.scil {
  position: relative;
  padding-top: 109px;
  min-height: 250px;
  margin-bottom: 7px;
  line-height: 24px;
}
/* line 248, ../sass/layout/_promo.scss */
.scil:before {
  position: absolute;
  width: 70px;
  height: 70px;
  top: 0;
  border: 2px solid #3f3;
  border-radius: 50%;
  font-size: 30px;
  line-height: 68px;
  text-align: center;
}
/* line 259, ../sass/layout/_promo.scss */
.scil.retina:before {
  content: '2X';
  color: #3f3;
  right: 36%;
}
/* line 264, ../sass/layout/_promo.scss */
.scil.code:before {
  content: '</>';
  border-color: #33f;
  color: #33f;
  left: 36%;
}
/* line 270, ../sass/layout/_promo.scss */
.scil.css:before {
  content: 'CSS';
  border-color: #0ff;
  color: #0ff;
  right: 36%;
}
/* line 276, ../sass/layout/_promo.scss */
.scil.bootstrap:before {
  content: 'B';
  border-color: #f00;
  color: #f00;
  left: 36%;
}

/* line 283, ../sass/layout/_promo.scss */
.buttons {
  margin-bottom: 180px;
}
/* line 285, ../sass/layout/_promo.scss */
.buttons .button {
  padding: 0;
  width: 190px;
  text-align: center;
  margin: 0 3px 10px;
  letter-spacing: 1px;
}
/* line 291, ../sass/layout/_promo.scss */
.buttons .button:first-child {
  color: #0f0;
  border-color: #0f0;
}
/* line 294, ../sass/layout/_promo.scss */
.buttons .button:first-child span {
  background-color: #0f0;
}
/* line 298, ../sass/layout/_promo.scss */
.buttons .button:nth-child(2) {
  color: #33f;
  border-color: #33f;
}
/* line 301, ../sass/layout/_promo.scss */
.buttons .button:nth-child(2) span {
  background-color: #33f;
}
/* line 305, ../sass/layout/_promo.scss */
.buttons .button:last-child {
  color: #f33;
  border-color: #f33;
}
/* line 308, ../sass/layout/_promo.scss */
.buttons .button:last-child span {
  background-color: #f33;
}

/* line 314, ../sass/layout/_promo.scss */
.itembridge {
  display: inline-block;
  width: 65px;
  height: 33px;
  background: url(../img/itembridge-logo.png);
}

/* line 320, ../sass/layout/_promo.scss */
.icons {
  display: inline-block;
  width: 100%;
  margin: 16px 0 7px;
}
/* line 324, ../sass/layout/_promo.scss */
.icons a {
  border: none;
  color: #33f;
  font-size: 16px;
}
/* line 329, ../sass/layout/_promo.scss */
.icons li {
  display: inline-block;
  padding: 0;
  font-size: inherit;
  margin: 0 21.5px 10px;
}
/* line 334, ../sass/layout/_promo.scss */
.icons li i {
  display: inline-block;
  position: static;
  border: none;
  border-left: none;
}

/* line 345, ../sass/layout/_promo.scss */
.wrapper.promo.typography a:hover {
  background-color: #e1e1e1;
}
/* line 348, ../sass/layout/_promo.scss */
.wrapper.promo.typography h3 {
  margin-bottom: 15px !important;
  text-align: left;
}
@media (min-width: 768px) {
  /* line 348, ../sass/layout/_promo.scss */
  .wrapper.promo.typography h3 {
    margin-bottom: 22px !important;
  }
}
@media (min-width: 992px) {
  /* line 348, ../sass/layout/_promo.scss */
  .wrapper.promo.typography h3 {
    margin-bottom: 30px !important;
  }
}
@media (min-width: 768px) {
  /* line 359, ../sass/layout/_promo.scss */
  .wrapper.promo.typography h3 {
    margin-left: -41px;
  }
  /* line 362, ../sass/layout/_promo.scss */
  .wrapper.promo.typography h6 {
    margin-left: -40px;
  }
  /* line 365, ../sass/layout/_promo.scss */
  .wrapper.promo.typography section {
    padding-left: 40px;
  }
}
/* line 369, ../sass/layout/_promo.scss */
.wrapper.promo.typography h6 {
  text-transform: none;
  margin-bottom: 21px !important;
}
@media (min-width: 768px) {
  /* line 369, ../sass/layout/_promo.scss */
  .wrapper.promo.typography h6 {
    margin-bottom: 32px !important;
  }
}
@media (min-width: 992px) {
  /* line 369, ../sass/layout/_promo.scss */
  .wrapper.promo.typography h6 {
    margin-bottom: 30px !important;
  }
}

/* line 383, ../sass/layout/_promo.scss */
.wrapper.promo:not(.typography) header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  padding: 20px 10px 15px;
  background-color: #fff;
}
@media (min-width: 970px) {
  /* line 383, ../sass/layout/_promo.scss */
  .wrapper.promo:not(.typography) header.fixed {
    left: 50%;
    margin-left: -485px;
  }
}
/* line 395, ../sass/layout/_promo.scss */
.wrapper.promo .logo,
.wrapper.promo footer {
  opacity: 1;
  visibility: visible;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
/* line 402, ../sass/layout/_promo.scss */
.wrapper.promo header {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}