#front-end header.bike1 {
  background-image: url(../assets/img/triconcept/full/bike1.jpg); }

#front-end header.charging1 {
  background-image: url(../assets/img/triconcept/full/charging1.jpg); }

#front-end header.charging2 {
  background-image: url(../assets/img/triconcept/full/charging2.jpg); }

#front-end header.gym1 {
  background-image: url(../assets/img/triconcept/full/gym1.jpg); }

#front-end header.runner1 {
  background-image: url(../assets/img/triconcept/full/runner1.jpg); }

#front-end header.runner2 {
  background-image: url(../assets/img/triconcept/full/runner2.jpg); }

#front-end header.runner3 {
  background-image: url(../assets/img/triconcept/full/runner3.jpg); }

#front-end header.runner4 {
  background-image: url(../assets/img/triconcept/full/runner4.jpg); }

#front-end header h1 {
  text-shadow: 6px 3px 15px black; }

#front-end header p {
  text-shadow: 0px 0px 6px black; }

#front-end header .header-content-inner .logo-triconcept img {
  width: 100%; }

.login-page {
  position: relative;
  width: 100%;
  min-height: auto;
  background-position: center;
  background-size: cover;
  -o-background-size: cover; }
  .login-page.bike1 {
    background-image: url(../assets/img/triconcept/full/bike1.jpg); }
  .login-page.charging1 {
    background-image: url(../assets/img/triconcept/full/charging1.jpg); }
  .login-page.charging2 {
    background-image: url(../assets/img/triconcept/full/charging2.jpg); }
  .login-page.gym1 {
    background-image: url(../assets/img/triconcept/full/gym1.jpg); }
  .login-page.runner1 {
    background-image: url(../assets/img/triconcept/full/runner1.jpg); }
  .login-page.runner2 {
    background-image: url(../assets/img/triconcept/full/runner2.jpg); }
  .login-page.runner3 {
    background-image: url(../assets/img/triconcept/full/runner3.jpg); }
  .login-page.runner4 {
    background-image: url(../assets/img/triconcept/full/runner4.jpg); }
  @media (min-width: 320px) and (max-width: 479px) {
    .login-page .box-login {
      width: 270px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .login-page .box-login {
      width: 280px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .login-page .box-login {
      width: 290px; } }
  @media (min-width: 1200px) {
    .login-page .box-login {
      width: 400px; } }
  .login-page .box-login .logo-login img {
    width: 80%; }

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