body {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  padding-top: 60px; }
  body #header {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
    body #header.navbar-default {
      background-color: #002337;
      border-color: transparent; }
    body #header .inside .navbar-header .navbar-brand {
      padding: 15px 28px 7px 15px;
      position: relative;
      height: 60px; }
      body #header .inside .navbar-header .navbar-brand img {
        width: 110px; }
  body #wrapper {
    min-height: 100%;
    height: auto; }
    body #wrapper .bg-image-conatiner {
      background: url(../images/support-background.jpg) 50% 50% no-repeat #FFFFFF;
      background-size: cover;
      background-attachment: fixed;
      position: fixed;
      z-index: -2;
      width: 100%;
      height: 100%; }
      body #wrapper .bg-image-conatiner .bg-image-overlay {
        background-image: linear-gradient(45deg, rgba(9, 188, 131, 0), rgba(9, 188, 131, 0.5));
        position: fixed;
        z-index: -1;
        width: 100%;
        height: 100%; }
    body #wrapper #main #inside {
      display: table;
      height: 1px;
      min-height: 688px;
      width: 100%; }
      @media (min-width: 992px) and (max-width: 1199px) {
        body #wrapper #main #inside {
          min-height: 601px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body #wrapper #main #inside {
          min-height: 561px; } }
      @media (min-width: 375px) and (max-width: 767px) {
        body #wrapper #main #inside {
          min-height: 386px; } }
      @media (max-width: 374px) {
        body #wrapper #main #inside {
          min-height: 346px; } }
      body #wrapper #main #inside .align-center {
        display: table-cell;
        vertical-align: middle; }
        body #wrapper #main #inside .align-center .content-container {
          min-height: 195px; }
        body #wrapper #main #inside .align-center .jumbotron {
          background-color: rgba(238, 238, 238, 0.75);
          border-radius: 2px;
          padding: 96px 120px; }
          body #wrapper #main #inside .align-center .jumbotron h1 {
            color: #002337;
            font-size: 50px;
            margin-top: 0; }
          body #wrapper #main #inside .align-center .jumbotron .icon-container {
            position: relative;
            min-width: 147px;
            font-size: 30px; }
            body #wrapper #main #inside .align-center .jumbotron .icon-container .fa {
              position: absolute; }
              body #wrapper #main #inside .align-center .jumbotron .icon-container .fa:nth-child(2) {
                top: 75px;
                left: 77px; }
              body #wrapper #main #inside .align-center .jumbotron .icon-container .fa:nth-child(3) {
                top: 136px;
                left: 57px; }
          body #wrapper #main #inside .align-center .jumbotron .text-container {
            text-align: center; }
          @media (min-width: 992px) and (max-width: 1199px) {
            body #wrapper #main #inside .align-center .jumbotron {
              padding: 72px 96px; }
              body #wrapper #main #inside .align-center .jumbotron .icon-container {
                font-size: 30px; }
                body #wrapper #main #inside .align-center .jumbotron .icon-container .fa:nth-child(2) {
                  top: 75px;
                  left: 77px; }
                body #wrapper #main #inside .align-center .jumbotron .icon-container .fa:nth-child(3) {
                  top: 136px;
                  left: 57px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body #wrapper #main #inside .align-center .jumbotron {
              padding: 48px 60px; }
              body #wrapper #main #inside .align-center .jumbotron h1 {
                font-size: 50px; }
              body #wrapper #main #inside .align-center .jumbotron .icon-container {
                font-size: 32px; }
                body #wrapper #main #inside .align-center .jumbotron .icon-container .fa:nth-child(2) {
                  top: 85px;
                  left: 76px; }
                body #wrapper #main #inside .align-center .jumbotron .icon-container .fa:nth-child(3) {
                  top: 150px;
                  left: 55px; } }
          @media (min-width: 375px) and (max-width: 767px) {
            body #wrapper #main #inside .align-center .jumbotron {
              padding: 12px 24px; }
              body #wrapper #main #inside .align-center .jumbotron h1 {
                font-size: 30px; }
              body #wrapper #main #inside .align-center .jumbotron .text-container p {
                font-size: 16px; }
              body #wrapper #main #inside .align-center .jumbotron .icon-container {
                left: -22px;
                font-size: 21px; }
                body #wrapper #main #inside .align-center .jumbotron .icon-container .fa:nth-child(2) {
                  top: 55px;
                  left: 53px; }
                body #wrapper #main #inside .align-center .jumbotron .icon-container .fa:nth-child(3) {
                  top: 95px;
                  left: 35px; } }
          @media (max-width: 374px) {
            body #wrapper #main #inside .align-center .jumbotron {
              padding: 12px 24px; }
              body #wrapper #main #inside .align-center .jumbotron h1 {
                font-size: 26px; }
              body #wrapper #main #inside .align-center .jumbotron .text-container p {
                font-size: 16px; }
              body #wrapper #main #inside .align-center .jumbotron .icon-container {
                left: -25px;
                font-size: 17px; }
                body #wrapper #main #inside .align-center .jumbotron .icon-container .fa:nth-child(2) {
                  top: 44px;
                  left: 42px; }
                body #wrapper #main #inside .align-center .jumbotron .icon-container .fa:nth-child(3) {
                  top: 77px;
                  left: 29px; } }
    body #wrapper #main .fa-spin {
      animation-duration: 3s; }
      body #wrapper #main .fa-spin.reverse {
        animation-direction: reverse; }
      body #wrapper #main .fa-spin.slow {
        animation-duration: 4s; }
      body #wrapper #main .fa-spin.fast {
        animation-duration: 2s; }
  body #footer {
    background-color: #002337;
    color: #eee;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    padding: 30px 0; }
    body #footer a {
      color: inherit; }
    body #footer img {
      max-width: 200px;
      float: left;
      margin-top: -4px; }
    @media (min-width: 767px) {
      body #footer .footer-navi ul {
        float: right; } }
    @media (min-width: 767px) {
      body #footer .footer-navi ul li:not(:last-child) {
        border-right: 1px solid #FFFFFF; } }
    body #footer .footer-navi ul li a {
      padding: 0 15px; }
      body #footer .footer-navi ul li a:hover {
        background-color: #002337; }
    body #footer .copyright {
      padding-top: 30px;
      font-size: 12px; }
    body #footer .footer-copyright {
      margin: 15px 0; }
      body #footer .footer-copyright p {
        border-top: 1px solid #FFFFFF;
        padding-top: 15px;
        text-align: center; }
  body#not-registered #wrapper {
    background-image: linear-gradient(45deg, rgba(0, 35, 55, 0), rgba(0, 35, 55, 0.5)); }
    body#not-registered #wrapper .perspective-helper {
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: -1; }
      @media (min-width: 992px) {
        body#not-registered #wrapper .perspective-helper {
          perspective: 55em;
          -webkit-perspective: 55em;
          -moz-perspective: 55em;
          -ms-perspective: 55em;
          -o-perspective: 55em;
          perspective-origin: 2% 20%; } }
      body#not-registered #wrapper .perspective-helper .bg-image-container {
        background: url(../images/background.png) 50% 50% no-repeat #FFFFFF;
        background-attachment: fixed;
        height: 100%;
        width: 100%; }
        @media (min-width: 992px) {
          body#not-registered #wrapper .perspective-helper .bg-image-container {
            background-attachment: inherit;
            background-size: cover;
            box-shadow: -15px 8px 110px rgba(0, 0, 0, 0.5);
            transform: rotateX(49deg) rotateY(2deg) rotateZ(-20deg) translateX(20%) translateY(-29%);
            -webkit-transform: rotateX(49deg) rotateY(2deg) rotateZ(-20deg) translateX(20%) translateY(-29%);
            -moz-transform: rotateX(49deg) rotateY(2deg) rotateZ(-20deg) translateX(20%) translateY(-29%);
            -ms-transform: rotateX(49deg) rotateY(2deg) rotateZ(-20deg) translateX(20%) translateY(-29%);
            -o-transform: rotateX(49deg) rotateY(2deg) rotateZ(-20deg) translateX(20%) translateY(-29%);
            position: initial; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          body#not-registered #wrapper .perspective-helper .bg-image-container {
            width: 125%; } }
        body#not-registered #wrapper .perspective-helper .bg-image-container .bg-image-overlay .dynamic-shop-name {
          color: #002337;
          font-size: 30px;
          font-family: 'Roboto', Helvetica, Arial, sans-serif;
          font-weight: bold;
          max-width: 345px;
          position: absolute;
          top: 6%;
          left: 19.5%; }
          @media (min-width: 992px) and (max-width: 1199px) {
            body#not-registered #wrapper .perspective-helper .bg-image-container .bg-image-overlay .dynamic-shop-name {
              left: 8%; } }
    body#not-registered #wrapper .container #main #inside .align-center .jumbotron {
      background-color: rgba(255, 255, 255, 0.8); }
      body#not-registered #wrapper .container #main #inside .align-center .jumbotron .fa {
        font-size: 10em;
        color: #002337; }
      body#not-registered #wrapper .container #main #inside .align-center .jumbotron .btn {
        text-transform: uppercase; }
        body#not-registered #wrapper .container #main #inside .align-center .jumbotron .btn.btn-primary {
          font-size: 18px;
          color: #FFFFFF;
          background-color: #002337;
          border-color: #002337; }
      @media (min-width: 992px) and (max-width: 1199px) {
        body#not-registered #wrapper .container #main #inside .align-center .jumbotron .fa {
          font-size: 14em; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body#not-registered #wrapper .container #main #inside .align-center .jumbotron {
          padding: 48px 60px; }
          body#not-registered #wrapper .container #main #inside .align-center .jumbotron h1 {
            font-size: 50px; }
          body#not-registered #wrapper .container #main #inside .align-center .jumbotron .fa {
            font-size: 14em; } }
      @media (min-width: 375px) and (max-width: 767px) {
        body#not-registered #wrapper .container #main #inside .align-center .jumbotron {
          padding: 12px 24px; }
          body#not-registered #wrapper .container #main #inside .align-center .jumbotron h1 {
            font-size: 30px; }
          body#not-registered #wrapper .container #main #inside .align-center .jumbotron .text-container p {
            font-size: 16px; }
          body#not-registered #wrapper .container #main #inside .align-center .jumbotron .fa {
            font-size: 6em; } }
      @media (max-width: 374px) {
        body#not-registered #wrapper .container #main #inside .align-center .jumbotron {
          padding: 12px 24px; }
          body#not-registered #wrapper .container #main #inside .align-center .jumbotron h1 {
            font-size: 26px; }
          body#not-registered #wrapper .container #main #inside .align-center .jumbotron .text-container p {
            font-size: 16px; }
          body#not-registered #wrapper .container #main #inside .align-center .jumbotron .fa {
            font-size: 5em; } }

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