@font-face {
  font-family: 'KissRst';
  src: url("../fonts/Melbourne regular basic.otf");
  font-style: normal; }
@font-face {
  font-family: 'KissRst';
  src: url("../fonts/Melbourne bold basic.otf");
  font-weight: bold; }
@font-face {
  font-family: 'KissRst';
  src: url("../fonts/Melbourne light basic.otf");
  font-weight: 200; }
* {
  padding: 0;
  margin: 0; }

html {
  font-family: 'KissRst'; }

/*	Colors
*/
/*	Header start
*/
.yellow {
  color: #f89734; }

.black {
  color: #292929; }

.grey {
  color: #6e6d6d; }

.white {
  color: #fff; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.3em; }

@media all and (max-device-width: 480px) {
  html, body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; }

  #container {
    margin: auto auto; }

  .scrollup {
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 10px;
    margin: 5% auto;
    left: 0;
    right: 0;
    display: none;
    text-indent: -9999px;
    background: url("../images/totop.png") no-repeat;
    background-size: 100% 100%;
    z-index: 1000; }

  #mobilenav {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    background-image: url("../images/m_menu.png");
    background-size: 100% 100%;
    z-index: 1000; }

  #home {
    text-align: center;
    font-size: 1em; }
    #home #header_line {
      height: 113px;
      background-color: #f89734; }
    #home .header {
      height: 55%;
      overflow: hidden; }
      #home .header #header_logo {
        background-color: #fff;
        margin: auto;
        margin-top: -80px;
        padding: 1em;
        border-radius: 50px;
        max-width: 30%;
        height: auto; }
      #home .header #header_content {
        font-size: 1.3em;
        margin-top: 0%;
        color: #292929; }
    #home .navigator {
      position: fixed;
      top: 0px;
      background-color: #373535;
      width: 40%;
      height: 100%;
      left: -40%;
      text-align: left;
      opacity: 0.7; }
      #home .navigator #homeli {
        border-top: 0px;
        text-align: center; }
      #home .navigator #jobsli {
        display: none; }
      #home .navigator #suggli {
        display: none; }
      #home .navigator ul {
        margin: 0;
        padding: 0;
        list-style: none; }
      #home .navigator li {
        border-top: 1px solid #fff;
        vertical-align: top;
        margin: 5%;
        padding: 5%;
        display: block; }
      #home .navigator a {
        opacity: 1;
        color: #fff;
        text-decoration: none;
        font-size: 1.5em;
        background-size: 100%; }
      #home .navigator #id {
        display: none; }
    #home .footer {
      margin-top: 0; }
    #home .footer ul li:nth-child(1) span {
      background-image: url("../images/m_slide_1.png"); }
    #home .footer ul li:nth-child(2) span {
      background-image: url("../images/m_slide_2.png");
      animation-delay: 6s; }
    #home .footer ul li:nth-child(3) span {
      background-image: url("../images/slide_3.png");
      animation-delay: 12s; }

  #history {
    overflow: hidden; }
    #history .main {
      height: 80%;
      overflow: hidden; }
      #history .main .content {
        text-align: left;
        width: 100%;
        float: left; }
        #history .main .content h1 {
          text-align: center;
          margin: 0.5em 0;
          padding: 0; }
        #history .main .content p {
          color: #6e6d6d;
          font-weight: bold;
          font-size: 1em; }
      #history .main .cover {
        display: none; }
    #history .footer {
      height: 20%;
      min-height: 10px;
      text-align: left;
      background-color: #90c84b;
      position: relative;
      z-index: -100; }
      #history .footer .logo {
        width: 10%;
        height: 25%;
        position: absolute;
        right: 0;
        bottom: 10%; }
        #history .footer .logo img {
          max-width: 100%; }
      #history .footer .content {
        margin: 0 0;
        font-size: 1em;
        width: 100%; }
        #history .footer .content .container {
          width: 70%;
          height: 100%; }
          #history .footer .content .container p.centertext {
            margin: 0 50px; }

  #quality .header {
    height: 5%;
    text-align: center;
    position: static;
    left: 0%;
    transform: translate(0, 0);
    /* 4 */
    -ms-transform: translate(0, 0);
    /* IE 9 */
    -webkit-transform: translate(0, 0);
    /* Chrome, Safari, Opera */ }
    #quality .header h1 {
      margin: 0.5em 0;
      padding: 0 0; }
  #quality .qual_mobile {
    display: block;
    position: relative;
    margin-top: 5%;
    height: 75%;
    width: 100%;
    background-image: url("../images/mobile_qual.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1; }
  #quality #qual_main {
    display: none; }
  #quality #qual_logo {
    display: none; }
  #quality .footer {
    z-index: -300;
    margin-top: -10%;
    position: relative;
    display: block;
    min-height: 10px;
    height: 20%;
    background-image: url("../images/m_quality_footer.png");
    background-size: 100% 100%; }

  #menu {
    text-align: center; }
    #menu .header {
      height: 5%; }
    #menu .menu_list {
      width: 100%;
      height: 75%;
      margin-top: 3%; }
      #menu .menu_list ul {
        list-style: none;
        padding: 0;
        margin: 0; }
      #menu .menu_list li {
        width: 40%;
        height: 35%;
        display: inline-block;
        background-color: #fff;
        border-radius: 20px;
        text-align: center; }
        #menu .menu_list li #sep {
          display: none; }
        #menu .menu_list li img {
          max-height: 100%;
          max-width: 100%;
          vertical-align: middle; }
        #menu .menu_list li a {
          text-decoration: none; }
    #menu .footer {
      height: 20%;
      min-height: 20px;
      background-color: #953993;
      background-size: cover; }
      #menu .footer ul {
        display: none; }
    #menu .popup {
      width: 100%;
      height: 100%;
      margin-left: 0; }
    #menu #close {
      position: absolute;
      right: 5px;
      z-index: 10; }
    #menu .pages {
      margin-top: 2em;
      list-style: none;
      width: 100%; }
    #menu .page {
      width: 100%;
      height: auto; }
      #menu .page .mobile {
        display: block;
        width: 100%; }
        #menu .page .mobile img {
          max-height: 100%; }

  #branches {
    background-color: #fff; }
    #branches .header {
      height: 18%; }
      #branches .header .container {
        text-align: center; }
        #branches .header .container h1 {
          margin: 0 0;
          padding: 0 0; }
        #branches .header .container h2 {
          margin: 0 0;
          padding: 0 0; }
    #branches .map {
      width: 100%;
      height: 80%;
      margin-left: 10%;
      display: block; }
      #branches .map .mapcontainer {
        height: 20%;
        width: 100%;
        margin: 1% 0;
        margin-left: 5%;
        display: inline-block; }
        #branches .map .mapcontainer .mapimg {
          display: inline-block;
          height: 90%;
          width: 40%; }
          #branches .map .mapcontainer .mapimg img {
            max-height: 90%;
            width: auto; }
        #branches .map .mapcontainer .content {
          display: inline-block;
          margin-left: 5%;
          width: 40%; }
          #branches .map .mapcontainer .content h3 {
            font-size: 1em;
            margin: 0;
            padding: 0; }
          #branches .map .mapcontainer .content h4 {
            font-size: 0.7em;
            margin: 0 0;
            padding: 0; }
          #branches .map .mapcontainer .content p {
            font-size: 0.7em;
            margin: 0;
            padding: 0; }
          #branches .map .mapcontainer .content .tel {
            font-size: 0.7em;
            font-weight: 200;
            padding: 0; }

  #contact {
    background-image: url("../images/contact_bg.png");
    background-size: 100% 100%;
    background-size: cover;
    width: 100%;
    height: 80%;
    position: relative;
    padding-top: 10%;
    z-index: -100; }
    #contact .main_container {
      margin-left: 10%;
      width: auto;
      height: auto;
      float: none; }
      #contact .main_container .header h1 {
        margin: 0;
        padding: 0; }
      #contact .main_container .header h2 {
        margin: 0;
        padding: 0; }
      #contact .main_container .form_container {
        display: none; }
    #contact .logo {
      display: none; }
    #contact .info_container {
      width: 100%;
      margin-top: 10%;
      position: relative;
      display: block;
      margin-left: 10%; }
      #contact .info_container div {
        margin: 5% 0; }
        #contact .info_container div .icon {
          float: left; }
        #contact .info_container div .content {
          margin-left: 15%; }
          #contact .info_container div .content h3 {
            margin: 0 0; }
          #contact .info_container div .content p {
            margin: 0 0; }

  #footer {
    height: 100px;
    width: 100%;
    background-color: #953993;
    font-size: 1.5em; }
    #footer .navigator {
      display: none; }
    #footer .social_m {
      margin-left: 5%; }
      #footer .social_m ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        #footer .social_m ul li {
          display: inline-block; }
          #footer .social_m ul li a {
            display: block;
            padding: 2%;
            color: #fff;
            text-decoration: none;
            background-size: 100%; }
            #footer .social_m ul li a img {
              vertical-align: middle; } }

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