.line-1 img {
  -webkit-animation-name: spinner;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 60s;
  animation-name: spinner;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 60s;
  -webkit-animation-direction: alternate, reverse, normal;
  -moz-animation-direction: alternate, reverse, normal;
  -o-animation-direction: alternate, reverse, normal;
  -ms-animation-direction: alternate, reverse, normal;
  animation-direction: alternate, reverse, normal;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.line-2 img {
  -webkit-animation-name: spinner;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 60s;
  animation-name: spinner;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 60s;
  -webkit-animation-direction: alternate, reverse, normal;
  -moz-animation-direction: alternate, reverse, normal;
  -o-animation-direction: alternate, reverse, normal;
  -ms-animation-direction: alternate, reverse, normal;
  animation-direction: alternate, reverse, normal;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

@keyframes spinner {
  from {
    -webikt-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0); }
  to {
    -webikt-transform: rotateY(30deg) rotateX(60deg) rotateZ(60deg) translateX(-100px) translateY(500px);
    -moz-transform: rotateY(30deg) rotateX(60deg) rotateZ(60deg) translateX(-100px) translateY(500px);
    -ms-transform: rotateY(30deg) rotateX(60deg) rotateZ(60deg) translateX(-100px) translateY(500px);
    -o-transform: rotateY(30deg) rotateX(60deg) rotateZ(60deg) translateX(-100px) translateY(500px);
    transform: rotateY(30deg) rotateX(60deg) rotateZ(60deg) translateX(-100px) translateY(500px); } }
@-webkit-keyframes spinner {
  from {
    -webikt-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0); }
  to {
    -webikt-transform: rotateY(30deg) rotateX(60deg) rotateZ(60deg) translateX(-100px) translateY(500px);
    -moz-transform: rotateY(30deg) rotateX(60deg) rotateZ(60deg) translateX(-100px) translateY(500px);
    -ms-transform: rotateY(30deg) rotateX(60deg) rotateZ(60deg) translateX(-100px) translateY(500px);
    -o-transform: rotateY(30deg) rotateX(60deg) rotateZ(60deg) translateX(-100px) translateY(500px);
    transform: rotateY(30deg) rotateX(60deg) rotateZ(60deg) translateX(-100px) translateY(500px); } }
@keyframes spinner2 {
  from {
    -webikt-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0); }
  to {
    -webikt-transform: rotateY(-30deg) rotateX(-60deg) rotateZ(-60deg) translateX(100px) translateY(-800px);
    -moz-transform: rotateY(-30deg) rotateX(-60deg) rotateZ(-60deg) translateX(100px) translateY(-800px);
    -ms-transform: rotateY(-30deg) rotateX(-60deg) rotateZ(-60deg) translateX(100px) translateY(-800px);
    -o-transform: rotateY(-30deg) rotateX(-60deg) rotateZ(-60deg) translateX(100px) translateY(-800px);
    transform: rotateY(-30deg) rotateX(-60deg) rotateZ(-60deg) translateX(100px) translateY(-800px); } }
@-webkit-keyframes spinner2 {
  from {
    -webikt-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    -moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    -ms-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    -o-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0);
    transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateX(0) translateY(0); }
  to {
    -webikt-transform: rotateY(-30deg) rotateX(-60deg) rotateZ(-60deg) translateX(100px) translateY(-800px);
    -moz-transform: rotateY(-30deg) rotateX(-60deg) rotateZ(-60deg) translateX(100px) translateY(-800px);
    -ms-transform: rotateY(-30deg) rotateX(-60deg) rotateZ(-60deg) translateX(100px) translateY(-800px);
    -o-transform: rotateY(-30deg) rotateX(-60deg) rotateZ(-60deg) translateX(100px) translateY(-800px);
    transform: rotateY(-30deg) rotateX(-60deg) rotateZ(-60deg) translateX(100px) translateY(-800px); } }
.typed-cursor {
  opacity: 1;
  animation: blink .7s infinite; }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.burger {
  float: right;
  margin: 66px 61px;
  cursor: pointer; }
  @media all and (max-width: 768px) {
    .burger {
      margin: 31px 23px; } }

/* For the right aligned menu */
#menu-right {
  width: 34px;
  height: 21px;
  float: right;
  /*overflow: hidden;*/ }
  @media all and (max-width: 768px) {
    #menu-right {
      width: 24px;
      height: 13px; } }

#menu-right:hover {
  cursor: pointer; }

.bar-right {
  width: 34px;
  height: 2px;
  float: right;
  background-color: #fff;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  @media all and (max-width: 768px) {
    .bar-right {
      width: 22px;
      height: 1px; } }

.bar-right:nth-of-type(2) {
  width: 25px;
  margin: 5px 0; }
  @media all and (max-width: 768px) {
    .bar-right:nth-of-type(2) {
      width: 14px; } }

#menu-right.active .bar-right:nth-of-type(2) {
  opacity: 0; }

#menu-right.active .bar-right:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(-45deg);
  -moz-transform: translateY(7px) rotate(-45deg);
  -ms-transform: translateY(7px) rotate(-45deg);
  -o-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg); }

#menu-right.active .bar-right:nth-of-type(3) {
  -webkit-transform: translateY(-7px) rotate(45deg);
  -moz-transform: translateY(-7px) rotate(45deg);
  -ms-transform: translateY(-7px) rotate(45deg);
  -o-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg); }

@media all and (max-width: 768px) {
  #menu-right.active .bar-right:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    -moz-transform: translateY(6px) rotate(-45deg);
    -ms-transform: translateY(6px) rotate(-45deg);
    -o-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg); }

  #menu-right.active .bar-right:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    -moz-transform: translateY(-6px) rotate(45deg);
    -ms-transform: translateY(-6px) rotate(45deg);
    -o-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg); } }
body {
  background: #000; }

@-webkit-keyframes scroll-inner {
  from {
    margin-top: 15%; }
  to {
    margin-top: 50%; } }
@keyframes scroll-inner {
  from {
    margin-top: 15%; }
  to {
    margin-top: 50%; } }
div.mouse-container {
  position: relative;
  display: block;
  height: 50px;
  margin: 57px 0 27px; }
  @media all and (max-width: 768px) {
    div.mouse-container {
      margin: 25px; } }

div.mouse {
  position: relative;
  margin: 0 auto;
  display: block;
  width: 21px;
  height: 27px;
  border: solid 2px #fff;
  border-radius: 6px;
  cursor: pointer; }
  div.mouse span.scroll-down {
    display: block;
    width: 2px;
    height: 6px;
    background: #fff;
    border-radius: 0;
    margin: 15% auto auto auto;
    -webkit-animation: scroll-inner 0.3s;
    animation: scroll-inner 0.3s;
    -webkit-animation-iteration-count: 4;
    animation-iteration-count: 4;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-delay: 6s;
    -webkit-animation-direction: alternate, reverse, normal;
    -moz-animation-direction: alternate, reverse, normal;
    -o-animation-direction: alternate, reverse, normal;
    -ms-animation-direction: alternate, reverse, normal;
    animation-direction: alternate, reverse, normal; }

body {
  font-family: 'Roboto', sans-serif;
  background-image: url("../img/main.jpg");
  color: white;
  background-repeat: no-repeat; 
  text-align: center;
  background-position: top center; }

.wee-container {
  max-width: 1685px;
  margin: 0 auto; }

.logo {
  margin: 10px 45px;
  display: block;
  padding: 20px;
  float: left;
  cursor: pointer;
  width: 181px; }
  @media all and (max-width: 768px) {
    .logo {
      margin: 0;
      width: 160px; } }

.text {
  max-width: 695px;
  width: 100%;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .text h1 {
    font-size: 23pt;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 30px;
    line-height: 34px; }
    @media all and (max-width: 768px) {
      .text h1 {
        font-size: 21px; } }
  .text h2 {
    font-size: 10.4pt;
    font-weight: 200;
    max-width: 402px;
    display: inline-block;
    line-height: 28px;
    letter-spacing: 1.1px;
    margin: 27px 27px 9px 27px; }
    @media all and (max-width: 768px) {
      .text h2 {
        font-size: 11px;
        margin: 3px;
        line-height: 20px; } }

.bottom-container {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center; }
  .bottom-container img {
    cursor: pointer;
    margin: 57px; }

.hidden {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  overflow: hidden; }

.line {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none; }
  .line img {
    position: absolute; }
  .line.line-1 img {
    left: -65px;
    top: -1992px;
    width: 3154px;
    height: 3154px; }
    @media all and (max-width: 768px) {
      .line.line-1 img {
        left: -665px; } }
  .line.line-2 img {
    width: 2798px;
    height: 2839px;
    left: -620px;
    top: 420px; }

.contact {
  padding: 20px;
  background: rgba(35, 41, 56, 0.3);
  border-top: 1px solid #1d2c33;
  letter-spacing: 1px;
  font-size: 11px; }
  .contact a {
    color: #3aaee9; }

.download {
  opacity: 0;
  margin-left: 200px; }
  .download a {
    text-transform: uppercase;
    color: white;
    font-size: 8.6pt;
    letter-spacing: 1.4px; }
  .download .download-icon {
    width: 26px;
    height: 29px;
    display: inline-block;
    background: url(../svg/download_button.svg) no-repeat center;
    vertical-align: middle; }

.inform-links {
  display: none;
  float: right;
  margin-top: 55px;
  margin-right: 43px;
  background: white;
  padding: 12px 35px 9px 31px;
  border-radius: 40px 40px 40px 40px;
  font-size: 10.15pt;
  font-weight: 400;
  letter-spacing: 1px;
  color: black;
  position: relative;
  z-index: 10; }
  @media all and (max-width: 992px) {
    .inform-links {
      padding: 8px 15px 6px 12px;
      margin: 10px;
      font-size: 8.15pt; } }
  .inform-links a {
    color: black; }
  .inform-links .phone {
    margin-right: 25px;
    font-weight: 500; }
    @media all and (max-width: 992px) {
      .inform-links .phone {
        margin-right: 0px; } }
  .inform-links .mail {
    font-size: 10pt; }
    @media all and (max-width: 992px) {
      .inform-links .mail {
        font-size: 8pt; } }
  .inform-links .phone-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../svg/phone.svg) no-repeat center 2px;
    vertical-align: top; }
  .inform-links .mail-icon {
    width: 27px;
    height: 31px;
    display: inline-block;
    background: url(../svg/mail.svg) no-repeat center;
    vertical-align: middle; }

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