@charset "UTF-8";
/* @group AUTHOR */
/* created by Tibor Benkő */
/* copyright © kRevo Kft. */
/* @end */
@font-face {
  font-family: "MyriadPro";
  src: url("../fonts/MyriadPro-Regular.eot");
  src: url("../fonts/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "MyriadPro";
  src: url("../fonts/MyriadPro-Light.eot");
  src: url("../fonts/MyriadPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Light.otf") format("opentype");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "MyriadPro";
  src: url("../fonts/MyriadPro-Semibold.eot");
  src: url("../fonts/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/MyriadPro-Semibold.otf") format("opentype");
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
html,
body {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: "MyriadPro" , Helvetica , sans-serif;
  line-height: normal;
  color: #212121;
}

#mk .mk-header {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  height: auto;
  max-width: 79em;
  margin: 0 auto 0 auto;
  padding: 1em 0 3em 0;
  background-image: url("../img/head-background.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
#mk .mk-header .logo {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 16em;
  height: 8em;
  border: none;
  margin: 0 auto 0 auto;
  padding: 0;
}
@media screen and (min-width: 600px) {
  #mk .mk-header {
    background-size: auto auto;
  }
}
#mk .mk-content {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  height: auto;
  max-width: 1280px;
  margin: 1em auto 0 auto;
  padding: 0 0 0 0;
}
#mk .mk-services {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  height: auto;
  max-width: 1280px;
  margin: 1em auto 0 auto;
  padding: 0 0 0 0;
  display: grid;
  grid-template-columns: minmax(16em, 19.9em);
  grid-auto-flow: row dense;
  gap: 1px;
  align-items: stretch;
  justify-content: center;
}
#mk .mk-services .mk-service {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  grid-column: span 1;
  grid-row: span 1;
  font-size: 1em;
  padding-bottom: 2em;
}
#mk .mk-services .mk-service.orange .mk-service-name {
  background-color: #ffb100;
}
#mk .mk-services .mk-service.red .mk-service-name {
  background-color: #ff0000;
}
#mk .mk-services .mk-service.gray .mk-service-name {
  background-color: #9ea8a5;
}
#mk .mk-services .mk-service.brown .mk-service-name {
  background-color: #bf833e;
}
#mk .mk-services .mk-service.teal .mk-service-name {
  background-color: #3aa6a4;
}
#mk .mk-services .mk-service .mk-service-icon {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 15em;
  margin: 0 auto 0 auto;
  padding: 0;
}
#mk .mk-services .mk-service .mk-service-name {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1.75em;
  margin: 0;
  padding: 0.5em 0.75em 0.25em 0.75em;
  color: #ffffff;
  background-color: #73c804;
  font-weight: normal;
  text-align: center;
  line-height: normal;
}
#mk .mk-services .mk-service .mk-service-details {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 135%;
  margin: 0;
  padding: 1.5em 1.5em 0 1.5em;
}
#mk .mk-services .mk-service .mk-service-details + .mk-service-details {
  padding-top: 1.3em;
}
#mk .mk-services .mk-service .mk-service-link {
  display: none;
}
#mk .mk-services .mk-service .mk-unit {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 3.5em;
  margin: 0 0 0.25em 1.5em;
  padding: 0;
  font-size: 1em;
  line-height: 110%;
  border: 1px solid #9ea8a5;
  border-radius: 0.25em;
  font-weight: bold;
  text-align: center;
}
#mk .mk-services .mk-service .mk-unit sup {
  font-size: 0.65em;
  font-weight: normal;
}
@media screen and (min-width: 35em) {
  #mk .mk-services {
    grid-template-columns: repeat(4, minmax(8em, 9.5em));
    grid-template-areas: "a a b b" "c c d d" "e e f f" ". g g .";
  }
  #mk .mk-services .mk-service {
    grid-column: span 2;
  }
  #mk .mk-services .mk-service:nth-child(7) {
    grid-area: g;
  }
  #mk .mk-services .mk-service .mk-service-name {
    text-align: left;
  }
}
@media screen and (min-width: 77em) {
  #mk .mk-services {
    grid-template-columns: repeat(8, minmax(8em, 9.5em));
    grid-template-areas: "a a b b c c d d" ". e e f f g g .";
  }
  #mk .mk-services .mk-service {
    grid-column: span 2;
  }
  #mk .mk-services .mk-service:nth-child(5) {
    grid-area: e;
  }
}
#mk .mk-title {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 2em;
  width: 100%;
  height: auto;
  max-width: 39.5em;
  margin: 2em auto 0.25em auto;
  padding: 0.25em 0.5em 0.25em 0.5em;
  line-height: normal;
  text-align: center;
  word-spacing: 0.5em;
  letter-spacing: 0.025em;
  font-weight: normal;
  color: #ffffff;
  background-color: #73c804;
}
#mk .mk-subtitle {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 79em;
  margin: 0 auto 2em auto;
  padding: 0 0 0.5em 0;
  line-height: normal;
  text-align: center;
  font-weight: normal;
  color: #73c804;
}
#mk .mk-subtitle.call {
  padding-top: 1em;
}
#mk .mk-phone-link {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  font-size: 2em;
  margin: 0.25em 0 0 0;
  padding: 0.25em 0.5em 0.125em 0.5em;
  color: #ffffff;
  background-color: #73c804;
  text-decoration: none;
  letter-spacing: normal;
  word-spacing: normal;
  border-radius: 0.25em;
}
#mk .mk-phone-link .mk-icon {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 0.9em;
  height: 0.9em;
  margin: 0 0.5em 0 0;
  padding: 0;
  vertical-align: middle;
}
#mk .mk-phone-link:hover {
  background-color: #ffb100;
  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.5);
}
#mk .mk-area {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  height: auto;
  max-width: 1280px;
  margin: 0 auto 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(10em, 19em);
  grid-auto-flow: row;
  gap: 1px;
  align-items: stretch;
  justify-content: center;
}
#mk .mk-area .mk-zone {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  grid-column: span 1;
  grid-row: span 1;
  font-size: 1em;
  padding-bottom: 2em;
}
#mk .mk-area .mk-zone .mk-zone-name {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1.5em;
  margin: 0;
  padding: 0.5em 1em 0.5em 1em;
  color: #9ea8a5;
  font-weight: normal;
}
#mk .mk-area .mk-zone .mk-zone-details {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 135%;
  margin: 0;
  padding: 1.5em 1.5em 0em 1.5em;
}
@media screen and (min-width: 35em) {
  #mk .mk-area {
    grid-template-columns: minmax(10em, 19em) minmax(10em, 19em);
    align-items: stretch;
    justify-content: center;
  }
}
@media screen and (min-width: 77em) {
  #mk .mk-area {
    grid-template-columns: minmax(10em, 19em) minmax(10em, 19em) minmax(10em, 19em) minmax(10em, 19em);
    align-items: stretch;
    justify-content: center;
  }
  #mk .mk-area .mk-area-title {
    grid-column: span 4;
  }
}
#mk .mk-about {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 40em;
  margin: 0 auto 0 auto;
  padding: 0 2em 0 2em;
  text-align: justify;
  line-height: 135%;
}
#mk .mk-footer {
  position: relative;
  display: block;
  box-sizing: border-box;
  font-size: 1em;
  width: 100%;
  height: auto;
  max-width: 79em;
  margin: 2em auto 0em auto;
  padding: 2em 0 2em 0;
  text-align: center;
  font-weight: normal;
  color: #212121;
}
#mk .mk-footer .mk-footer-info {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  font-size: 1em;
  max-width: 20em;
  width: 20em;
  margin: 0;
  padding: 0 2em 0 2em;
  text-align: left;
  line-height: 120%;
  vertical-align: top;
  font-weight: normal;
}
#mk .mk-footer .mk-footer-info .label {
  display: block;
  font-size: 0.75em;
  margin: 0.5em 0 0 0;
  padding: 0;
  line-height: 100%;
  font-weight: 300;
}
#mk .mk-footer .mk-footer-info .link, #mk .mk-header .link {
  display: inline;
  font-size: inherit;
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-weight: inherit;
  color: #73c804;
  text-decoration: none;
}
#mk .mk-footer .mk-footer-info .link:hover, #mk .mk-header .link:hover {
  color: #ffb100;
}
#mk .mk-footer .mk-copy {
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 2em 0 0 0;
  padding: 2em 0 0 0;
  text-align: center;
  font-weight: 300;
  border-top: 1px solid #73c804;
}

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