@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; }
@font-face {
  font-family: 'TH';
  src: url("../fonts/DB Helvethaica X Med Cond v3.2.ttf");
  font-style: normal; }
* {
  padding: 0;
  margin: 0; }

html, body {
  font-family: 'KissRst';
  margin: 0px;
  padding: 0px;
  overflow-x: hidden; }

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader {
  display: none; }

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0; }

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("../images/loading_spinner.gif") center no-repeat #fff; }

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

.black {
  color: #292929; }

.grey {
  color: #6e6d6d; }

.white {
  color: #fff; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.3em; }

.stop-scrolling {
  height: 100%;
  overflow: hidden; }

#container {
  margin: auto auto; }

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

#home {
  width: 100%;
  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-height: 40%;
      max-width: 40%; }
    #home .header #header_content {
      font-size: 2em;
      margin-top: 5%;
      color: #292929; }
  #home .navigator {
    background-color: #373535;
    text-align: center;
    height: 10%;
    opacity: 0.7; }
    #home .navigator ul {
      height: 100%;
      margin: 0;
      padding: 0;
      list-style: none; }
    #home .navigator li {
      vertical-align: middle;
      margin: 2% 2%;
      display: inline-block; }
    #home .navigator a {
      opacity: 1;
      color: #fff;
      text-decoration: none;
      font-size: 1.5em;
      background-size: 100%; }
  #home .footer {
    height: 45%;
    position: relative;
    min-height: 50px;
    width: 100%;
    margin-top: -5%;
    z-index: -200; }
    #home .footer ul {
      width: 100%;
      height: 100%;
      list-style: none;
      padding: 0;
      margin: 0; }
      #home .footer ul li {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%; }
        #home .footer ul li span {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0px;
          left: 0px;
          color: transparent;
          background-size: cover;
          background-position: 50% 50%;
          background-repeat: none;
          opacity: 0;
          z-index: 0;
          animation: imageAnimation 18s linear infinite 0s;
          -webkit-animation: imageAnimation 18s linear infinite 0s; }
      #home .footer ul li:nth-child(1) span {
        background-image: url("../images/slide_1.png"); }
      #home .footer ul li:nth-child(2) span {
        background-image: url("../images/slide_2.png");
        -webkit-animation-delay: 6s;
        animation-delay: 6s; }
      #home .footer ul li:nth-child(3) span {
        background-image: url("../images/slide_3.png");
        -webkit-animation-delay: 12s;
        animation-delay: 12s; }

@-webkit-keyframes imageAnimation {
  0% {
    opacity: 0;
    animation-timing-function: ease-in; }
  25% {
    opacity: 1;
    animation-timing-function: ease-out; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes imageAnimation {
  0% {
    opacity: 0;
    animation-timing-function: ease-in; }
  25% {
    opacity: 1;
    animation-timing-function: ease-out; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 0; } }
/*	History start
*/
#history .main {
  height: 70%;
  overflow: hidden; }
  #history .main .content {
    text-align: left;
    width: 50%;
    float: left; }
    #history .main .content h1 {
      margin: 50px; }
    #history .main .content p {
      color: #6e6d6d;
      margin: 0 50px;
      font-weight: bold;
      line-height: 150%;
      font-size: 1.3em; }
  #history .main .cover {
    margin-left: 50%;
    min-height: 200px;
    width: 50%;
    height: 100%;
    background-image: url("../images/his_cover.png");
    background-size: 100% 100%;
    background-size: cover; }
#history .footer {
  height: 30%;
  min-height: 200px;
  text-align: left;
  background-color: #90c84b; }
  #history .footer .logo {
    float: left;
    margin: 2%; }
  #history .footer .content {
    margin-left: 55%;
    margin-right: 5%;
    width: 40%;
    font-size: 1.5em;
    height: 100%;
    position: relative;
    /* 1 */ }
    #history .footer .content p {
      margin: 0px; }
    #history .footer .content p.centertext {
      margin: 0;
      position: absolute;
      /* 2 */
      top: 50%;
      /* 3 */
      transform: translate(0, -50%);
      /* 4 */
      -ms-transform: translate(0, -50%);
      /* IE 9 */
      -webkit-transform: translate(0, -50%);
      /* Chrome, Safari, Opera */ }

#quality .header {
  position: absolute;
  height: 5%;
  z-index: 10;
  left: 50%;
  text-align: center;
  transform: translate(-50%, 0);
  /* 4 */
  -ms-transform: translate(-50%, 0);
  /* IE 9 */
  -webkit-transform: translate(-50%, 0);
  /* Chrome, Safari, Opera */ }
#quality .qual_mobile {
  display: none; }
#quality #qual_main {
  text-align: center; }
  #quality #qual_main img {
    width: 100%; }
#quality #qual_logo {
  margin-top: -9%;
  height: 25%;
  text-align: center; }
  #quality #qual_logo img {
    max-width: 20%;
    max-height: 100%; }
#quality .footer {
  margin-top: -2%;
  min-height: 20px;
  height: 20%;
  background-image: url("../images/quality_footer.png");
  background-size: 100% 100%; }

#menu .header {
  text-align: center;
  height: 5%; }
  #menu .header h1 {
    margin: 0;
    padding: 0; }
#menu .menu_list {
  text-align: center;
  height: 35%;
  margin-top: 3%; }
  #menu .menu_list ul {
    list-style: none;
    height: 100%;
    padding: 0;
    margin: 0; }
  #menu .menu_list li {
    display: inline-block;
    height: 80%; }
    #menu .menu_list li img {
      vertical-align: middle; }
    #menu .menu_list li #sep {
      height: 80%;
      vertical-align: middle; }
    #menu .menu_list li a {
      cursor: pointer;
      text-decoration: none; }
#menu .footer {
  height: 55%;
  min-height: 100px; }
  #menu .footer ul {
    width: 100%;
    height: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left; }
  #menu .footer li {
    height: 100%;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  #menu .footer #f1 {
    background-image: url("../images/menu_foot1.png");
    background-size: 100% 100%;
    background-size: cover; }
  #menu .footer #f2 {
    background-image: url("../images/menu_foot2.png");
    background-size: 100% 100%;
    background-size: cover; }
  #menu .footer #f3 {
    background-image: url("../images/menu_foot3.png");
    background-size: 100% 100%;
    background-size: cover; }
  #menu .footer #f4 {
    background-image: url("../images/menu_foot4.png");
    background-size: 100% 100%;
    background-size: cover; }
  #menu .footer #f5 {
    background-image: url("../images/menu_foot5.png");
    background-size: 100% 100%;
    background-size: cover; }
  #menu .footer #f6 {
    background-image: url("../images/menu_foot6.png");
    background-size: 100% 100%;
    background-size: cover; }
  #menu .footer #f7 {
    background-image: url("../images/menu_foot7.png");
    background-size: 100% 100%;
    background-size: cover; }
  #menu .footer #f8 {
    background-image: url("../images/menu_foot8.png");
    background-size: 100% 100%;
    background-size: cover; }
  #menu .footer #f9 {
    background-image: url("../images/menu_foot9.png");
    background-size: 100% 100%;
    background-size: cover; }
  #menu .footer #f10 {
    background-image: url("../images/menu_foot10.png");
    background-size: 100% 100%;
    background-size: cover; }
#menu .menu {
  width: 100%;
  height: 100%;
  opacity: .95;
  top: 0;
  left: 0;
  display: none;
  position: fixed;
  background-color: #313131;
  overflow: auto;
  z-index: 2000; }
#menu .popup {
  margin-top: 2%;
  margin-left: 10%;
  width: 80%;
  height: 95%; }
#menu #close {
  position: absolute;
  right: 8%;
  z-index: 10; }
#menu .pages {
  min-height: 200px;
  width: 100%;
  height: 100%;
  list-style: none;
  text-align: center;
  display: block; }
#menu .page .mobile {
  width: 100%;
  height: 90%;
  display: block; }
  #menu .page .mobile img {
    max-height: 100%; }

#branches {
  background-color: #fff; }
  #branches .header {
    margin-top: 1%;
    height: 20%;
    position: relative;
    /* 1 */ }
    #branches .header .container {
      text-align: center;
      position: absolute;
      /* 2 */
      top: 50%;
      /* 3 */
      left: 50%;
      /* 3 */
      transform: translate(-50%, -50%);
      /* 4 */
      -ms-transform: translate(-50%, -50%);
      /* IE 9 */
      -webkit-transform: translate(-50%, -50%);
      /* Chrome, Safari, Opera */ }
  #branches .map {
    margin-top: 1%;
    width: 100%;
    height: 80%;
    margin-left: 10%;
    display: inline-block; }
    #branches .map .mapcontainer {
      height: 50%;
      width: 40%;
      display: inline-block; }
      #branches .map .mapcontainer .mapimg {
        cursor: pointer;
        vertical-align: middle;
        display: inline-block;
        width: 50%; }
      #branches .map .mapcontainer .content {
        vertical-align: middle;
        display: inline-block;
        margin-left: 5%;
        width: 40%; }
        #branches .map .mapcontainer .content h3 {
          font-size: 1.3em;
          margin: 0 0;
          margin-bottom: 0.3em; }
        #branches .map .mapcontainer .content h4 {
          font-size: 1.3em;
          margin: 0 0;
          margin-top: 0.7em; }
        #branches .map .mapcontainer .content p {
          font-size: 1.3em;
          margin: 0 0; }
        #branches .map .mapcontainer .content .tel {
          font-size: 1.3em;
          font-weight: 200; }

#contact {
  background-image: url("../images/contact_bg.png");
  background-size: 100% 100%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative; }
  #contact .main_container {
    margin-left: 10%;
    width: 60%;
    height: 80%;
    float: left; }
    #contact .main_container .header {
      height: 20%; }
    #contact .main_container .form_container {
      height: 80%;
      width: 100%;
      background-color: #4d4c4e; }
      #contact .main_container .form_container form {
        overflow: auto;
        padding: 2%; }
        #contact .main_container .form_container form .name_container {
          margin: 0.5em 0;
          width: 45%;
          float: left; }
          #contact .main_container .form_container form .name_container input {
            width: 100%;
            background-color: #cacaca;
            border: 0;
            height: 1.5em; }
        #contact .main_container .form_container form .surname_container {
          margin: 0.5em 0;
          width: 45%;
          margin-left: 50%; }
          #contact .main_container .form_container form .surname_container input {
            width: 100%;
            background-color: #cacaca;
            border: 0;
            height: 1.5em; }
        #contact .main_container .form_container form .email_container {
          margin: 1em 0;
          width: 95%; }
          #contact .main_container .form_container form .email_container input {
            width: 100%;
            background-color: #cacaca;
            border: 0;
            height: 1.5em; }
        #contact .main_container .form_container form .about_container {
          margin: 1em 0;
          width: 95%; }
          #contact .main_container .form_container form .about_container input {
            width: 100%;
            background-color: #cacaca;
            border: 0;
            height: 1.5em; }
        #contact .main_container .form_container form .message_container {
          margin: 1em 0;
          width: 95%; }
          #contact .main_container .form_container form .message_container textarea {
            width: 100%;
            background-color: #cacaca;
            border: 0;
            height: 10em;
            resize: none; }
        #contact .main_container .form_container form .btn_container {
          text-align: right;
          width: 95%; }
          #contact .main_container .form_container form .btn_container button {
            background-color: #f69634;
            border: 0;
            font-family: KissRst;
            padding: 1%; }
  #contact .logo {
    position: absolute;
    top: 0;
    right: 5em;
    padding: 3%; }
  #contact .info_container {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3% 0;
    width: 20%; }
    #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: 200px;
  width: 100%;
  background-color: #953993;
  font-size: 1.5em; }
  #footer .navigator {
    text-align: center;
    height: 65px; }
    #footer .navigator ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      #footer .navigator ul li {
        display: inline-block; }
        #footer .navigator ul li a {
          display: block;
          padding: 6px 12px;
          color: #fff;
          text-decoration: none;
          background-size: 100%; }
  #footer .social_m {
    margin-left: 20%; }
    #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: 6px 12px;
          color: #fff;
          text-decoration: none;
          background-size: 100%; }
          #footer .social_m ul li a img {
            vertical-align: middle; }

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