html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
img,
object,
embed {
  max-width: 100%;
}
img {
  vertical-align: top;
}
html {
  overflow-y: scroll;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
a:focus {
  outline: none;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
select,
input,
textarea {
  font: 99% sans-serif;
}
table {
  font-size: inherit;
  font: 100%;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
td,
td img {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
button,
input[type=button] {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.clear:before,
.clear:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clear:after {
  clear: both;
}
.clear {
  zoom: 1;
}
img {
  vertical-align: top;
}
* {
  box-sizing: border-box;
}
textarea:focus,
input:focus,
input:active {
  outline: none !important;
}
input,
textarea {
  appearance: field !important;
  -webkit-appearance: field !important;
  -moz-appearance: field !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff inherit !important;
  -webkit-box-shadow: 0 0 0 1000px  inherit !important;
  transition: background-color 5000s ease-in-out 0s;
}
input[type="text"]::-webkit-input-placeholder {
  color: #aBaBaA;
}
input[type="text"]::-moz-placeholder {
  color: #aBaBaA;
}
input[type="text"]:-ms-input-placeholder {
  color: #aBaBaA;
}
input[type="text"]:-moz-placeholder {
  color: #aBaBaA;
}
.clra {
  clear: both;
}
.clra:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.pointer {
  cursor: pointer;
}
.left-image {
  float: left;
  margin: 0 40px 0 0;
  max-width: 50%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.right-image {
  float: right;
  margin: 0 0 0 40px;
  max-width: 50%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.center {
  text-align: center;
}
h1,
h2,
h3,
h4 {
  font-family: 'Muli', sans-serif;
  font-weight: 700;
}
h1 {
  font-weight: 700;
  font-size: 42px;
}
h2 {
  font-weight: 700;
  font-size: 30px;
}
h3 {
  font-weight: 700;
  font-size: 16px;
}
button,
.button {
  white-space: nowrap;
  font-weight: 700;
  text-transform: uppercase;
  background: #E1A226;
  line-height: 28px;
  padding: 5px 30px;
  display: inline-block;
  border: #E1A226 3px solid;
  font-size: 18px;
  color: #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
button:hover,
.button:hover {
  background: #EEC024;
  border-color: #EEC024;
}
a,
button {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a,
button:focus {
  outline: none;
}
.overflow-hidden {
  overflow: hidden;
}
html {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}
html body header {
  width: 100%;
  background: #E1A226;
}
html body header #h-content {
  width: 96%;
  margin: 0 auto;
  line-height: 64px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
html body header #h-content button,
html body header #h-content .button {
  border-color: #fff;
  float: right;
  margin: 12px 0;
  font-size: 16px;
}
html body header #h-content button:hover,
html body header #h-content .button:hover {
  background: #fff;
  color: #E1A226;
}
html body header #h-content #lang {
  float: right;
  font-weight: bold;
  margin: 0 0 0 2%;
  cursor: pointer;
}
html body header #h-content ul li {
  float: left;
  font-weight: bold;
  padding: 0 5px;
}
html body header #image-box {
  background: url(../../images/header-image.jpg) center;
  background-size: cover;
}
html body header #image-box #logo-line-start {
  padding: 10px 2%;
  background-color: rgba(255,255,255,0.4);
  overflow: hidden;
  max-height: 100px;
}
html body header #image-box #logo-line-start div#logo {
  width: 20%;
  min-width: 280px;
  height: 80px;
  float: left;
  background: url(../../images/artemisszio-logo-feher.svg) no-repeat left center;
  background-size: 250px 71px;
}
html body header #image-box #logo-line-start div#logo a {
  display: inline-block;
}
html body header #image-box #logo-line-start ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-text-justify: space-between;
  float: left;
  width: 43%;
  max-width: 400px;
  height: 80px;
}
html body header #image-box #logo-line-start ul li .button {
  margin: 17px 0;
  padding: 6px 0;
  min-width: 114px;
  text-align: center;
  background: none;
  border-color: #fff;
}
html body header #image-box #logo-line-start ul li .button:hover {
  background: #fff;
  color: #E1A226;
}
html body header #image-box #logo-line-start div#szlogen {
  width: 200px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  float: right;
  line-height: 80px;
  text-align: right;
}
html body header #logo-line {
  padding: 10px 2%;
  background: #fff;
  overflow: hidden;
  max-height: 100px;
  margin: 0;
  -o-box-shadow: 0 3px 5px 0 rgba(50,50,50,0.1);
  -moz-box-shadow: 0 3px 5px 0 rgba(50,50,50,0.1);
  -webkit-box-shadow: 0 3px 5px 0 rgba(50,50,50,0.1);
  box-shadow: 0 3px 5px 0 rgba(50,50,50,0.1);
}
html body header #logo-line #logo-item {
  float: left;
  width: 280px;
  height: 80px;
  background: url(../../images/artemisszio-logo-kek.svg) no-repeat left center;
  background-size: 250px 71px;
}
html body header #logo-line #logo-item a {
  display: inline-block;
  height: 80px;
  width: 280px;
}
html body header #logo-line nav {
  float: left;
  width: calc(100% - 280px);
}
html body header #logo-line nav #menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-text-justify: space-between;
  float: left;
  width: 57%;
  min-width: 590px;
}
html body header #logo-line nav #menu li {
  line-height: 80px;
}
html body header #logo-line nav #menu li a {
  font-weight: 700;
  font-size: 18px;
  color: #4c4c4c;
  display: inline-block;
}
html body header #logo-line nav #menu li a:hover {
  color: #136184;
}
html body header #logo-line nav .hide {
  opacity: 0;
}
html body header #logo-line nav #search-box {
  line-height: 80px;
  height: 80px;
  float: right;
  width: 30px;
}
html body header #logo-line nav #search-box form {
  width: 100%;
  position: relative;
}
html body header #logo-line nav #search-box form input {
  width: 0;
  display: none;
  position: absolute;
  z-index: 6000;
  right: 40px;
  top: 20px;
  background: #dcdcdc;
  padding: 10px 10px;
  border: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
html body header #logo-line nav #search-box form button {
  border: none;
  padding: 0;
  width: 30px;
  height: 80px;
  background-size: 26px 26px;
}
html body header #logo-line nav #search-box form button.open {
  background: url(../../images/icons/search.svg) no-repeat center;
}
html body header #logo-line nav #search-box form button.close {
  background: url(../../images/icons/close-icon.svg) no-repeat center;
}
html body header #logo-line nav #button-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-text-justify: flex-end;
  line-height: 80px;
  height: 80px;
  float: right;
  width: calc(50% - 50px);
  max-width: 350px;
}
html body header #logo-line nav #button-box li {
  text-align: right;
  padding-left: 10px;
  width: 114px;
}
html body header #logo-line nav #button-box li a.button {
  width: 100px;
  min-width: 100px;
  padding: 7px 0;
  color: #4c4c4c;
  font-weight: 700;
  display: inline-block;
  font-size: 18px;
}
html body header #logo-line nav #button-box li a:first-letter {
  text-transform: uppercase;
}
html body header #logo-line nav #button-box li a:hover,
html body header #logo-line nav #button-box li a.selected {
  color: #136184;
}
html body header #logo-line nav #button-box li a.small {
  display: none;
}
html body header #logo-line nav #button-box li a.big {
  display: inline-block;
}
html body header #logo-line nav #button-box li a.akk {
  border-color: #c0320b;
}
html body header #logo-line nav #button-box li a.akk:hover {
  background: #c0320b;
  color: #fff;
}
html body header #logo-line nav #button-box li a.aa {
  border-color: #4c4c4c;
}
html body header #logo-line nav #button-box li a.aa:hover {
  background: #4c4c4c;
  color: #fff;
}
html body header #logo-line nav #button-box li a.mira {
  border-color: #230E32;
}
html body header #logo-line nav #button-box li a.mira:hover {
  background: #230E32;
  color: #fff;
}
html body header #logo-line nav label.show-menu,
html body header #logo-line nav input#show-menu {
  display: none;
}
html body header #logo-line nav #nav-icon {
  float: right;
  margin: 30px 0 0 20px;
  position: relative;
  width: 30px;
  height: 22px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  cursor: pointer;
}
html body header #logo-line nav #nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #136184;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
html body header #logo-line nav #nav-icon span:nth-child(1) {
  top: 0;
}
html body header #logo-line nav #nav-icon span:nth-child(2) {
  top: 9px;
}
html body header #logo-line nav #nav-icon span:nth-child(3) {
  top: 9px;
}
html body header #logo-line nav #nav-icon span:nth-child(4) {
  top: 18px;
}
html body header #logo-line nav #nav-icon .message_d {
  position: absolute;
  right: -23px;
  top: -12px;
  font-size: 10px;
  height: 20px;
  width: 20px;
  background-color: #ff4c4c;
  line-height: 20px;
  border-radius: 20px;
  color: white;
  z-index: 23;
  display: none;
}
html body header #logo-line nav #nav-icon.open span:nth-child(1) {
  top: 12px;
  width: 0;
  left: 50%;
}
html body header #logo-line nav #nav-icon.open span:nth-child(2) {
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
html body header #logo-line nav #nav-icon.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
html body header #logo-line nav #nav-icon.open span:nth-child(4) {
  top: 12px;
  width: 0;
  left: 50%;
}
html body header #logo-line nav input#show-menu {
  display: none;
}
html body header #logo-line nav .mobil-menu-holder {
  display: none;
  width: 100%;
  position: absolute;
  top: 148px;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0,0,0,0.7);
  height: calc(100% + 90px);
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 250px;
  border-top: #136184 1px solid;
  background-color: #fff;
  height: 100%;
  padding: 0;
  overflow-y: scroll;
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box ul li {
  width: 100%;
  border-bottom: #ddd 1px solid;
  padding: 0;
  line-height: 40px;
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box ul li a {
  color: #4c4c4c;
  font-weight: 700;
  display: inline-block;
  padding: 0 10px 0 35px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 10px 17px, center;
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box ul li a:hover {
  color: #136184;
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box ul li a.big {
  display: inline-block;
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box ul li a.akk {
  border-color: #c0320b;
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box ul li a.akk:hover {
  background: #c0320b;
  color: #fff;
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box ul li a.aa {
  border-color: #4c4c4c;
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box ul li a.aa:hover {
  background: #4c4c4c;
  color: #fff;
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box ul li a.mira {
  border-color: #230E32;
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box ul li a.mira:hover {
  background: #230E32;
  color: #fff;
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box ul li.gomb {
  width: calc(100%/3);
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border: none;
}
html body header #logo-line nav .mobil-menu-holder .mobil-menu-box ul li.gomb .button {
  margin: 5px 0 0 0;
  padding: 5px 10px;
  min-width: 73px;
  width: auto;
}
html body header #logo-line div {
  width: 23%;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  float: right;
  line-height: 80px;
  text-align: right;
}
html body header #logo-line button,
html body header #logo-line .button {
  background: none;
  border-color: #fff;
}
html body header #logo-line button:hover,
html body header #logo-line .button:hover {
  background: #fff;
  color: #E1A226;
}
html body header #logo-line .button {
  padding: 6px 30px;
  margin-top: 18px;
  min-width: 114px;
  text-align: center;
}
html body header h1 {
  color: #fff;
  margin: 8vw 2% 1vw 2%;
}
html body header p {
  font-size: 18px;
  line-height: 1.4em;
  color: #fff;
  margin: 2%;
  width: 96%;
  max-width: 800px;
}
html body header .adom {
  margin: 2% 0 8vw 2%;
  padding: 8px 40px;
  font-size: 20px;
  display: inline-block;
}
html body #image-box-aa {
  background: url(../../images/video_uj3.png) center;
  background-size: cover;
  color: #fff;
}
html body #image-box-aa h1 {
  margin: 0 2% 1vw 2%;
  display: inline-block;
  padding-top: 8vw;
}
html body #image-box-aa p {
  font-size: 18px;
  line-height: 1.4em;
  margin: 2%;
  width: 60%;
  max-width: 800px;
}
html body #image-box-aa p span {
  font-style: italic;
  font-size: 14px;
}
html body #image-box-aa button,
html body #image-box-aa .button {
  margin: 2% 0 8vw 2%;
  padding: 8px 40px;
  padding-right: 52px;
  background: #E1A226 url(../../images/icons/AA-fooldal-playBTN.svg) no-repeat right 13px center;
  background-size: 26px 26px;
}
html body #image-box-aa button:hover {
  background-color: #EEC024;
}
html body main {
  margin-top: 5%;
}
html body main .m-content {
  width: 96%;
  margin: 0 auto;
}
html body main .m-content .yellow-line {
  background: #E1A226;
  height: 10px;
  width: 33%;
  max-width: 170px;
  display: block;
}
html body main .m-content h1 {
  margin: 0 0 30px 0 !important;
}
html body main .m-content h2 {
  margin: 10px 0 0 0;
}
html body main .m-content h2.kozerdeku {
  margin: 80px 0 0 0;
}
html body main .m-content p.bevezeto {
  margin: 40px 0;
}
html body main .m-content p.bevezeto-short {
  max-width: 980px;
}
html body main .m-content .centered {
  text-align: center;
  margin: 0 auto 40px auto;
}
html body main .m-content .content-line {
  width: 100%;
  margin: 100px 0;
}
html body main .m-content .content-line h2 {
  margin: 0 0 30px 0;
}
html body main .m-content .content-line h3 {
  margin: 0 0 30px 0;
  color: #E1A226;
  font-size: 18px;
}
html body main .m-content .content-line .date {
  margin: 20px 0;
  color: #E1A226;
  font-size: 24px;
}
html body main .m-content .content-line p {
  margin: 0 0 30px 0;
}
html body main .m-content .content-line .button {
  padding: 10px 40px;
}
html body main .m-content .content-line .button.b {
  padding: 5px 40px;
}
html body main .m-content .content-line .half {
  width: 50%;
  float: left;
}
html body main .m-content .content-line .half ul li {
  width: 50%;
  margin: 0 0 30px 0;
}
html body main .m-content .content-line .half ul li .name {
  color: #E1A226;
  font-weight: 700;
  font-size: 24px;
  margin: 0 0 10px 0;
}
html body main .m-content .content-line .half ul li .title {
  margin: 0 0 10px 0;
}
html body main .m-content .content-line .half ul li .email {
  margin: 0;
}
html body main .m-content .content-line .half ul.left-align {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-text-justify: flex-start;
}
html body main .m-content .content-line .half ul.left-align li {
  padding: 10px;
}
html body main .m-content .content-line #kozerdeku,
html body main .m-content .content-line #projectjeink {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-text-justify: center;
  width: 90%;
  margin: 0 auto;
}
html body main .m-content .content-line #kozerdeku li,
html body main .m-content .content-line #projectjeink li {
  width: calc(100%/4);
  text-align: center;
  background: url(../../images/icons/download.svg) no-repeat center top;
  background-size: 100px 100px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
html body main .m-content .content-line #kozerdeku li a,
html body main .m-content .content-line #projectjeink li a {
  text-transform: uppercase;
  display: inline-block;
  padding: 130px 0 0 0;
  color: #000;
  font-weight: 700;
  font-size: 18px;
}
html body main .m-content .content-line #kozerdeku li:hover,
html body main .m-content .content-line #projectjeink li:hover {
  background-image: url(../../images/icons/downloadHover.svg);
}
html body main .m-content .content-line #kozerdeku li:last-child {
  background-image: url(../../images/icons/unicorn.svg);
}
html body main .m-content .content-line #kozerdeku li:last-child:hover {
  background-image: url(../../images/icons/unicornHover.svg);
}
html body main .m-content .content-line #projectjeink {
  width: 50%;
}
html body main .m-content .content-line #projectjeink li {
  width: 50%;
}
html body main .m-content .content-line ul#search-result li {
  width: 20%;
  position: relative;
}
html body main .m-content .content-line ul#search-result li .image {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 140px;
}
html body main .m-content .content-line ul#search-result li h3 {
  padding: 5px 0;
}
html body main .m-content .content-line ul#search-result li a {
  padding: 5px 10px;
  margin: 0;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
}
html body main .m-content .content-line.no-top-margin {
  margin-top: 20px;
}
html body main .m-content ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-text-justify: center;
  width: 100%;
  margin: 0;
}
html body main .m-content ul li {
  width: calc(100%/3);
  max-width: 550px;
  float: left;
  padding: 0 1% 1% 1%;
  margin: 50px 0 0 0;
}
html body main .m-content ul li img.logo {
  height: 60px;
  margin: 20px 0;
}
html body main .m-content ul li h2 {
  margin: 20px 0;
}
html body main .m-content ul li button,
html body main .m-content ul li .button {
  float: right;
  margin: 20px 0;
  padding: 4px 40px;
  min-width: 120px;
  font-size: 16px;
}
html body main .m-content ul li img.bottom {
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
html body main .m-content ul.galeria {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-text-justify: center;
}
html body main .m-content ul.galeria li {
  margin: 0 0 4% 0;
  position: relative;
  height: 380px;
  max-width: 480px;
  text-align: center;
}
html body main .m-content ul.galeria li a {
  color: #E1A226;
}
html body main .m-content ul.galeria li h2 {
  text-align: center;
  margin: 0 0 20px 0;
}
html body main .m-content ul.galeria li h2.hosszu {
  font-size: 1.5em;
}
html body main .m-content ul.galeria li h2.hosszabb {
  font-size: 1.2em;
}
html body main .m-content ul.galeria li figure {
  position: absolute;
  bottom: 0;
  right: 2%;
  left: 2%;
}
html body main .m-content ul.galeria li figure img {
  max-height: 310px;
  margin: auto;
}
html body main .m-content ul.galeria li figure figcaption {
  line-height: 314px;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.4);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: background 300ms ease-in-out;
  -moz-transition: background 300ms ease-in-out;
  -o-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
  text-align: center;
  vertical-align: middle;
}
html body main .m-content ul.galeria li figure figcaption img {
  width: 40px;
  vertical-align: middle;
}
html body main .m-content ul.galeria li figure figcaption:hover {
  background-color: rgba(0,0,0,0);
}
html body main .m-content .pager {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}
html body main .m-content .pager ul {
  text-align: center;
  display: block;
}
html body main .m-content .pager ul li {
  float: none;
  max-width: 44px;
  padding: 0;
  background: #E1A226;
  text-align: center;
  display: inline-block;
}
html body main .m-content .pager ul li a {
  padding: 8px;
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
}
html body main .m-content .pager ul li:hover,
html body main .m-content .pager ul li.actual {
  background: #EEC024;
}
html body main .m-content .pager ul li:hover a,
html body main .m-content .pager ul li.actual a {
  color: #000;
}
html body main .m-content .pager ul li.arrow {
  max-width: 34px;
}
html body main .m-content .pager ul li:first-child {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
html body main .m-content .pager ul li:last-child {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
html body main .m-content .video-content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
html body main .m-content .video-content h1 {
  color: #E1A226;
  margin: 30px 0 70px 0 !important;
}
html body main .m-content .video-content p {
  margin: auto;
}
html body main .m-content .video-content p.bevezeto {
  max-width: 1000px;
}
html body main .m-content .video-content .video-holder {
  margin-bottom: 70px;
}
html body main .m-content .video-content .video-holder .videoWrapper {
  float: none;
  margin: 0 0 20px 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
html body main .m-content .video-content .video-holder .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html body main .m-content .video-content ul {
  list-style-position: inside;
  display: initial;
  -webkit-flex-flow: initial;
  flex-flow: initial;
  -webkit-justify-content: initial;
  justify-content: initial;
  -ms-text-justify: initial;
}
html body main .m-content .video-content ul li {
  background: none;
  margin: initial;
  width: initial;
  max-width: initial;
  height: initial;
  padding: initial;
  float: initial;
  text-align: initial;
}
html body main .m-content .video-content ul li a {
  width: initial;
  height: initial;
  display: initial;
}
html body main .m-content .video-content ul br {
  display: none;
}
html body main .m-content .gallery-content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
html body main .m-content .gallery-content h1 {
  color: #E1A226;
  margin: 30px 0 70px 0 !important;
}
html body main .m-content .gallery-content p {
  margin: 70px auto;
}
html body main .m-content .gallery-content img {
  width: 100%;
}
html body main .m-content .gallery-content ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-text-justify: center;
}
html body main .m-content .gallery-content ul li {
  width: 200px;
  height: 200px;
  margin: 5px;
  background: #000;
  padding: 0;
  background-size: cover;
}
html body main .m-content .gallery-content ul li a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
html body main .m-content .gallery-content .galery-content ul {
  list-style-position: inside;
  display: initial;
  -webkit-flex-flow: initial;
  flex-flow: initial;
  -webkit-justify-content: initial;
  justify-content: initial;
  -ms-text-justify: initial;
}
html body main .m-content .gallery-content .galery-content ul li {
  background: none;
  margin: initial;
  width: initial;
  max-width: initial;
  height: initial;
  padding: initial;
  float: initial;
  text-align: initial;
}
html body main .m-content .gallery-content .galery-content ul li a {
  width: initial;
  height: initial;
  display: initial;
}
html body main .m-content .blog-grid-item {
  margin: 80px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-text-justify: center;
}
html body main .m-content .blog-grid-item .half-box {
  width: calc(100%/2 - 40px);
  margin: 0 40px 0 0;
  float: left;
}
html body main .m-content .blog-grid-item .half-box img {
  margin: 0 40px 0 0;
  width: 100%;
  height: 380px;
  object-fit: cover;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
html body main .m-content .blog-grid-item .half-box h2 a {
  color: #000;
}
html body main .m-content .blog-grid-item .half-box .date {
  margin: 20px 0;
  color: #E1A226;
  font-size: 24px;
}
html body main .m-content .blog-grid-item .half-box p {
  margin: 30px 0 40px 0;
}
html body main .m-content .blog-grid-item .half-box p a {
  color: #E1A226;
}
html body main .m-content .blog-grid-item .half-box:nth-child(2) {
  margin: 0;
}
html body main .m-content #adomanyozas {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-text-justify: space-between;
}
html body main .m-content #adomanyozas form {
  width: 48%;
}
html body main .m-content #adomanyozas form .half {
  border: #136184 4px solid;
  color: #136184;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 40px 20px 50px 20px;
  text-align: center;
  position: relative;
}
html body main .m-content #adomanyozas form .half h2 {
  text-align: center;
  margin: 0;
}
html body main .m-content #adomanyozas form .half label {
  float: left;
  color: #000;
  margin: 40px 0 0 10px;
  font-weight: 700;
  font-size: 18px;
  text-align: left;
}
html body main .m-content #adomanyozas form .half input,
html body main .m-content #adomanyozas form .half select {
  color: #000;
  background: #dcdcdc;
  width: calc(100% - 10px);
  border: none;
  padding: 13px;
  margin: 10px 0 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
html body main .m-content #adomanyozas form .half select option {
  background: #fff;
  color: #000;
  padding: 10px;
}
html body main .m-content #adomanyozas form .half input.button {
  background: #136184;
  color: #fff;
  width: 80%;
  font-size: 24px;
  text-transform: lowercase;
  white-space: normal;
  margin: 10px auto;
  padding: 5px 5vw;
  position: absolute;
  bottom: -45px;
  left: 50%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,0);
}
html body main .m-content #adomanyozas form .half input::-webkit-input-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half input::-moz-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half input:-ms-input-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half input:-moz-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half input:focus::-webkit-input-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half input:focus::-moz-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half input:focus:-ms-input-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half input:focus:-moz-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half .osszeg input {
  background: #dcdcdc;
  color: #000;
}
html body main .m-content #adomanyozas form .half .osszeg input::-webkit-input-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half .osszeg input::-moz-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half .osszeg input:-ms-input-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half .osszeg input:-moz-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half .osszeg-small input {
  width: calc(100% - 230px);
  float: left;
  background: #dcdcdc;
  color: #000;
}
html body main .m-content #adomanyozas form .half .osszeg-small input::-webkit-input-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half .osszeg-small input::-moz-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half .osszeg-small input:-ms-input-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half .osszeg-small input:-moz-placeholder {
  color: #000;
}
html body main .m-content #adomanyozas form .half .honapok {
  width: 230px;
  float: right;
}
html body main .m-content #adomanyozas .adatok {
  border: #E1A226 4px solid;
  color: #E1A226;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto;
  padding: 40px 20px 50px 20px;
  text-align: center;
  position: relative;
}
html body main .m-content #adomanyozas .adatok ul li {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  color: #E1A226;
}
html body main .m-content #adomanyozas .adatok ul li span {
  color: #000;
}
html body main .m-content #adomanyozas .adatok form {
  margin: 0 auto;
  width: 100%;
}
html body main .m-content #adomanyozas .adatok form .button {
  margin: 40px auto 0 auto !important;
}
html body main .m-content #talalat-kereso {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}
html body main .m-content #talalat-kereso input {
  width: 100%;
  display: block;
  margin: 0 0 20px 0;
  color: #000;
  background: #dcdcdc;
  border: none;
  padding: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
html body main .m-content #adomanyozas-asz {
  margin-top: 100px;
  text-align: center;
}
html body main .m-content #adomanyozas-info {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  border: #136184 2px solid;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-top: 100px;
}
html body main .m-content #adomanyozas-info ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-text-justify: center;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
}
html body main .m-content #adomanyozas-info ul li {
  max-width: 50%;
  width: 50%;
  text-align: center;
  color: #136184;
  font-weight: 700;
  font-size: 18px;
  margin: 0;
  padding: 0;
}
html body main .m-content #adomanyozas-info ul li span {
  font-weight: 700;
}
html body main .m-content #adomanyozas-info ul li:first-child {
  max-width: 100%;
  width: 100%;
  font-weight: normal;
  margin-bottom: 20px;
}
html body main .m-content #adomanyozas-info ul li:nth-child(2) {
  text-align: left;
}
html body main .m-content #adomanyozas-info ul li:last-child {
  text-align: right;
}
html body main .m-content .error-page {
  text-align: center;
  display: block;
}
html body main .m-content .error-page img {
  width: 200px;
  max-width: 40%;
  margin: 0 0 20px 0;
}
html body main .m-content .error-page p {
  margin-bottom: 20px;
  font-size: 24px;
}
html body main .m-content .error-page p.huge {
  font-size: 100px;
  color: #E1A226;
  font-weight: 700;
}
html body main #kereso form .element {
  float: left;
  width: 300px;
  padding: 0 0 20px 0;
  margin: 0 20px 20px 0;
}
html body main #kereso form .element label {
  font-size: 24px;
}
html body main #kereso form .element select,
html body main #kereso form .element input {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: none;
  background: none;
  font-weight: 700;
}
html body main #kereso form .element select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  color: #fff;
}
html body main #kereso form .element select::-ms-expand {
  display: none;
}
html body main #kereso form .element option {
  color: #000;
}
html body main #kereso form .element input {
  width: calc(100% - 35px);
  float: left;
}
html body main #kereso form .element button {
  display: inline-block;
  width: 35px;
  height: 40px;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  float: right;
}
html body main #kereso form .element #select-holder {
  background: #E1A226 url(../../images/icons/down.svg) no-repeat right 10px center;
  background-size: 20px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin: 20px 0 0 0;
}
html body main #kereso form .element #input-holder {
  background: #dcdcdc url(../../images/icons/search.svg) no-repeat right 5px center;
  background-size: 25px 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin: 20px 0 0 0;
}
html body main #kereso form .szukito-del {
  padding: 60px 0 0 0;
}
html body main #kereso form .szukito-del a {
  color: #4c4c4c;
  text-decoration: none;
}
html body main #kereso form .szukito-del a:hover {
  text-decoration: underline;
}
html body main .b-content #blog-head {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 2%;
}
html body main .b-content #blog-head h1 {
  margin: 40px 0 0 0;
}
html body main .b-content #blog-head .date {
  margin: 20px 0 20px 0;
  color: #E1A226;
  font-size: 24px;
}
html body main .b-content .blog-item {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 2%;
}
html body main .b-content .blog-item p {
  margin: 0 0 20px 0;
}
html body main .b-content .blog-item h1 {
  text-align: center;
  margin: 0 0 3% 0;
}
html body main .b-content .image-holder {
  width: 100%;
  height: 30vw;
  min-height: 250px;
  max-height: 400px;
  margin: 20px 0 20px 0;
  background-position: center;
  background-size: cover;
}
html body main #back-link {
  background: url(../../images/icons/back.svg) no-repeat left center;
  background-size: 40px 40px;
  padding: 0 0 0 50px;
  margin: 0 2%;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}
html body main #back-link a {
  color: #E1A226;
}
html body main.no-top-margin {
  margin: 0;
}
html body footer {
  width: 100%;
  margin: 0 auto;
}
html body footer #adomany-sticky {
  background: #136184;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
html body footer #adomany-sticky #st-content {
  width: 98%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 0;
}
html body footer #adomany-sticky #st-content p {
  width: 78%;
  color: #fff;
  font-size: 18px;
  float: left;
}
html body footer #adomany-sticky #st-content p span {
  font-weight: bold;
}
html body footer #adomany-sticky #st-content button,
html body footer #adomany-sticky #st-content .button {
  margin: 5px 0 0 0;
  padding: 8px 40px;
  float: right;
  border-color: #fff;
  background: #136184;
}
html body footer #adomany-sticky #st-content button:hover,
html body footer #adomany-sticky #st-content .button:hover {
  background: #fff;
  color: #136184;
}
html body footer #adomany-sticky.blue {
  background: #136184;
}
html body footer #adomany-sticky.blue #st-content button,
html body footer #adomany-sticky.blue #st-content .button {
  background: #136184;
}
html body footer #adomany-sticky.blue #st-content button:hover,
html body footer #adomany-sticky.blue #st-content .button:hover {
  background: #fff;
  color: #136184;
}
html body footer #f-content {
  width: 96%;
  margin: 0 auto;
  max-width: 1500px;
  position: relative;
}
html body footer #f-content ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-text-justify: center;
  width: 100%;
  color: #4D4D4D;
}
html body footer #f-content ul li {
  float: left;
  width: calc(100%/3);
  max-width: 500px;
  font-size: 14px;
  padding: 0;
  overflow: hidden;
}
html body footer #f-content ul li h3 {
  margin: 20px 0 10px 0;
  color: #000;
}
html body footer #f-content ul li ul {
  width: 100%;
}
html body footer #f-content ul li ul li {
  width: 100%;
  font-size: 14px;
}
html body footer #f-content ul li ul li span {
  font-weight: bold;
}
html body footer #f-content ul li ul.tamogatok {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-text-justify: flex-start;
  text-align: left;
  margin-bottom: 20px;
}
html body footer #f-content ul li ul.tamogatok li {
  width: auto;
  padding: 2px 4px;
  margin: 2px;
  font-size: 10px;
  color: #000;
  background: #E1A226;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
html body footer #f-content ul li ul.tamogatok li.logo {
  background: none;
  padding: 0;
  width: 100%;
}
html body footer #f-content ul li ul.tamogatok li.logo img {
  clear: both;
}
html body footer #f-content ul li iframe.facebook {
  width: 100% !important;
}
html body footer #f-content ul li:nth-child(2) ul li {
  padding: 0 0 20px 0;
}
html body footer #f-content .dataManagement {
  color: #000;
  margin-bottom: 80px;
  display: block;
}
html body footer #f-content div.dev {
  position: absolute;
  right: 0;
  bottom: 20px;
  text-align: right;
}
html body footer #f-content div.dev a {
  line-height: 30px;
  color: #4c4c4c;
  font-size: 16px;
}
html body footer #f-content div.dev a img {
  height: 26px;
  margin: 0 5px 0 0;
}
html body footer .csik {
  width: 100%;
  display: block;
  height: 1px;
  margin-top: 100px;
}
.modal-box {
  display: none;
  position: fixed;
  z-index: 3002;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.6);
  color: #000;
}
.modal-box .modal-content {
  position: relative;
  background: #fff;
  margin: 140px auto 0 auto;
  padding: 5px 5px 0 5px;
  width: 96%;
  max-width: 720px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.modal-box .modal-content .bread {
  padding: 0;
  overflow: hidden;
}
.modal-box .modal-content .bread h2 {
  text-align: center;
  padding: 0 0 5px 0;
}
.modal-box .modal-content .bread form {
  width: 100%;
}
.modal-box .modal-content .bread form input[type="email"],
.modal-box .modal-content .bread form input[type="text"],
.modal-box .modal-content .bread form input[type="password"] {
  width: 100%;
  padding: 12px 7px;
  margin: 0 0 15px 0;
  color: #dcdcdc;
  background: ;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.modal-box .modal-content .bread form input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0 10px 0 0;
  border: none;
  background: ;
}
.modal-box .modal-content .bread form button {
  width: 100%;
  margin: 15px 0;
  background: #fff;
  color: ;
  font-size: 16px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.modal-box .modal-content .bread form button:hover {
  background: ;
  border:  2px solid;
  color: #fff;
}
.modal-box .modal-content .bread form button#reg-btn {
  margin-bottom: 0;
}
.modal-box .modal-content .bread form .forgot {
  margin: -15px 0 0 0;
  float: right;
}
.modal-box .modal-content .bread form p {
  text-align: center;
}
.modal-box .modal-content .bread form .err {
  text-align: left;
  margin: -15px 0 15px 0;
  color: ;
}
.modal-box .modal-content .bread a {
  color: #fff;
}
.modal-box .modal-content .bread .reg {
  display: block;
  cursor: pointer;
  max-width: 120px;
  margin: 15px auto 0 auto;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  text-decoration: underline;
}
.modal-box .modal-content .close {
  position: absolute;
  right: 5px;
  top: 10px;
  font-size: 24px;
  font-weight: 700;
  cursor: pointer;
  line-height: 10px;
  color: #4c4c4c;
}
.modal-box .modal-content .close:hover {
  color: #000;
}
.system-message {
  z-index: 3003;
  background-color: rgba(0,0,0,0.3);
}
.system-message .modal-content {
  margin: 200px auto 0 auto;
  padding: 20px;
  background: #9FA09F;
}
.system-message .modal-content p {
  text-align: center;
  font-weight: 700;
}
.slider {
  width: 90%;
  margin: 50px auto;
}
.slick-slide {
  float: left;
}
.slick-slider {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider .button {
  display: inline-block;
  margin-top: 20px;
  padding: 4px 40px;
  font-size: 16px;
}
.slick-slider button {
  min-height: 44px;
}
.slick-slider:focus {
  outline: none;
}
.slidde-element:focus {
  outline: none;
}
.slick-prev,
.slick-next {
  min-width: 30px;
  width: 10%;
  padding: 0;
  border: none;
  margin: 50px 0;
  background: #fff url(../../images/icons/yellowLeft.svg) no-repeat center;
  background-size: 40px 40px;
}
.slick-prev:focus,
.slick-next:focus {
  outline: none;
}
.slick-prev:hover,
.slick-next:hover {
  background: #fff url(../../images/icons/yellowLeft.svg) no-repeat center;
  background-size: 40px 40px;
}
.slick-prev {
  float: left;
}
.slick-next {
  float: right;
  background-image: url(../../images/icons/yellowRight.svg);
}
.slick-next:hover {
  background-image: url(../../images/icons/yellowRight.svg);
}
.slick-prev:before,
.slick-next:before {
  color: #f00;
  float: left;
}
.slick-list {
  width: calc(80% - 20px);
  margin: 0 10px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 0;
  text-align: center;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
@media screen and (min-width: 1441px) {
  html body main .m-content #adomanyozas form .half input.button {
    padding: 5px 40px;
  }
}
@media screen and (max-width: 1340px) {
  html body header #logo-line nav {
    width: calc(100% - 280px);
  }
  html body header #logo-line nav #button-box {
    width: calc(50% - 50px);
    max-width: 170px;
  }
  html body header #logo-line nav #button-box li {
    padding-left: 5px;
    width: 55px;
  }
  html body header #logo-line nav #button-box li a.button {
    width: 50px;
    min-width: 50px;
    padding: 7px 0;
    color: #4c4c4c;
    font-weight: 700;
    display: inline-block;
    font-size: 18px;
  }
  html body header #logo-line nav #button-box li a.small {
    display: inline-block;
  }
  html body header #logo-line nav #button-box li a.big {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  html body header #h-content .button {
    padding: 5px 10px;
  }
  html body header #h-content ul li.adoszam {
    display: none !important;
  }
  html body header #logo-line #logo-item {
    width: 80px;
    margin-right: 10px;
  }
  html body header #logo-line #logo-item a {
    width: 80px;
  }
  html body header #logo-line nav {
    width: calc(100% - 90px);
  }
  html body main .m-content ul.galeria {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-text-justify: center;
  }
  html body main .m-content ul.galeria li {
    height: 360px;
  }
}
@media screen and (max-width: 1080px) {
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 16px;
  }
  button,
  .button {
    white-space: nowrap;
    line-height: 28px;
    padding: 5px 30px;
    min-width: 10px;
    font-size: 18px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
  }
  html body header #h-content button,
  html body header #h-content .button {
    font-size: 14px;
  }
  html body header #h-content ul li.szamlaszam {
    display: none;
  }
  html body header .adom {
    font-size: 18px;
    padding: 5px 20px;
  }
  html body main .m-content ul li {
    width: 50%;
  }
  html body main .m-content ul.galeria {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-text-justify: center;
  }
  html body main .m-content ul.galeria li {
    height: 380px;
  }
  html body main .m-content .content-line .half ul.left-align li {
    width: 100%;
  }
  html body main .m-content .content-line ul#search-result li {
    width: 25%;
  }
  html body main .m-content #adomanyozas form .half input.button {
    padding: 5px 6vw;
    font-size: 18px;
  }
  html body main .m-content #adomanyozas-info ul li {
    max-width: 100%;
    width: 100%;
    text-align: center !important;
  }
  html body footer #adomany-sticky #st-content {
    padding: 10px 0;
  }
  html body footer #adomany-sticky #st-content p {
    width: 70%;
    font-size: 16px;
  }
  html body footer #adomany-sticky #st-content p span {
    font-weight: normal;
  }
  html body footer #adomany-sticky #st-content button,
  html body footer #adomany-sticky #st-content .button {
    margin: 0;
    font-size: 14px;
  }
  html body footer #f-content ul li {
    width: 50%;
    padding: 0 10px;
  }
  html body footer #f-content ul li:last-child {
    margin: 0 0 0 0;
  }
  html body footer #f-content div.dev {
    position: relative;
    width: 100%;
    text-align: center;
  }
  html body footer #f-content div.dev a {
    line-height: 30px;
    color: #4c4c4c;
    font-size: 16px;
  }
  html body footer #f-content div.dev a img {
    height: 26px;
    margin: 0 5px 0 0;
  }
}
@media screen and (max-width: 940px) {
  html body header #h-content button,
  html body header #h-content .button {
    font-size: 14px;
  }
  html body header #h-content ul li.szamlaszam {
    display: none;
  }
  html body header #logo-line {
    max-height: 80px;
  }
  html body header #logo-line #logo-item {
    width: 200px;
    height: 60px;
    background-size: 200px 57px;
    margin-right: 0;
  }
  html body header #logo-line #logo-item a {
    width: 200px;
  }
  html body header #logo-line nav {
    width: calc(100% - 200px);
  }
  html body header #logo-line nav #menu {
    display: none;
  }
  html body header #logo-line nav #search-box {
    line-height: 60px;
    height: 60px;
  }
  html body header #logo-line nav #search-box form button {
    height: 60px;
  }
  html body header #logo-line nav #button-box {
    display: none;
  }
  html body header #logo-line nav label.show-menu {
    display: inline-block;
  }
  html body header #logo-line nav #nav-icon {
    margin: 20px 0 0 20px;
  }
}
@media screen and (max-width: 900px) {
  html body header #image-box #logo-line-start ul {
    width: 35%;
  }
  html body header #image-box #logo-line-start ul li .button {
    padding: 6px 0;
    min-width: 80px;
  }
}
@media screen and (max-width: 860px) {
  html body header #image-box #logo-line-start ul {
    width: 37%;
  }
  html body header #image-box #logo-line-start div#szlogen {
    width: 150px;
    font-size: 14px;
  }
  html body main .m-content ul.galeria li {
    height: 370px;
  }
  html body main .m-content .content-line {
    margin: 30px 0;
  }
  html body main .m-content .content-line ul#search-result li {
    width: calc(100%/3);
  }
}
@media screen and (max-width: 760px) {
  html body header #h-content ul li.szamlaszam {
    display: none;
  }
  html body header #image-box #logo-line-start {
    max-height: 80px;
  }
  html body header #image-box #logo-line-start div#logo {
    height: 60px;
    width: 200px;
    min-width: 200px;
    background-size: 200px 57px;
  }
  html body header #image-box #logo-line-start ul {
    height: 60px;
    width: calc(100% - 200px);
  }
  html body header #image-box #logo-line-start ul li {
    margin: 8px 0;
    width: calc(100%/3);
    text-align: right;
  }
  html body header #image-box #logo-line-start ul li .button {
    width: 90%;
    margin: 0;
  }
  html body header p {
    font-size: 16px;
    margin: 4% 2%;
  }
  html body header .adom {
    font-size: 16px;
  }
  html body #image-box-aa p {
    margin: 4% 2%;
  }
  html body main {
    margin-top: 10%;
  }
  html body main .m-content ul li {
    width: 100%;
  }
  html body main .m-content ul li button {
    float: right;
    margin: 20px 0;
  }
  html body main .m-content ul.galeria li {
    height: 380px;
  }
  html body main .m-content .blog-grid-item .half-box {
    width: 100%;
  }
  html body main .m-content .blog-grid-item .half-box img {
    display: none;
  }
  html body main .m-content .content-line .half {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  html body main .m-content .content-line .half ul.left-align li {
    max-width: 100%;
  }
  html body main .m-content .content-line #kozerdeku,
  html body main .m-content .content-line #projectjeink {
    width: 100%;
    margin: 0 auto;
  }
  html body main .m-content .content-line #kozerdeku li,
  html body main .m-content .content-line #projectjeink li {
    background-size: 80px 80px;
  }
  html body main .m-content .content-line #kozerdeku li a,
  html body main .m-content .content-line #projectjeink li a {
    padding: 100px 0 0 0;
    font-size: 14px;
    text-transform: lowercase;
  }
  html body main .m-content .content-line ul#search-result li {
    width: 50%;
  }
  html body main .m-content #kereso form .element {
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
    text-align: center;
  }
  html body main .m-content #kereso form .element #select-holder,
  html body main .m-content #kereso form .element #input-holder {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  html body main .m-content #kereso form .szukito-del {
    width: 100%;
    text-align: center;
  }
  html body main .m-content #adomanyozas form {
    width: 100%;
    max-width: 470px;
    margin: 0 auto 100px auto;
  }
  html body main .m-content #adomanyozas form .half input.button {
    padding: 5px 5vw;
    font-size: 24px;
  }
  html body main .m-content #adomanyozas-asz {
    margin-top: 0;
  }
  html body main .m-content #adomanyozas-info {
    margin-top: 50px;
  }
  html body main .b-content #blog-head img {
    float: none;
    margin: 40px 0 0 0;
    max-width: 100% !important;
  }
  html body footer #adomany-sticky #st-content {
    padding: 10px 0;
    text-align: center;
  }
  html body footer #adomany-sticky #st-content p {
    width: 100%;
    display: none;
    text-align: center;
    float: none;
  }
  html body footer #adomany-sticky #st-content p span {
    display: block;
  }
  html body footer #adomany-sticky #st-content button,
  html body footer #adomany-sticky #st-content .button {
    font-size: 14px;
    float: none;
  }
  html body footer #f-content ul li {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 570px) {
  html body header #image-box #logo-line-start div#logo {
    width: 60px;
    min-width: 60px;
    height: 60px;
    background: url(../../images/icons/logo-feher.svg) no-repeat left center;
    background-size: 60px 60px;
  }
  html body header #image-box #logo-line-start ul {
    width: calc(100% - 60px);
  }
  html body header #image-box #logo-line-start ul li {
    width: calc(100%/3);
    text-align: right;
  }
  html body header #image-box #logo-line-start ul li a {
    width: 90%;
  }
}
@media screen and (max-width: 490px) {
  h1 {
    font-size: 24px;
  }
  html body header #h-content {
    height: 50px;
  }
  html body header #h-content ul {
    width: 50%;
    float: left;
    margin-top: 5px;
  }
  html body header #h-content ul li {
    width: 100%;
    line-height: 1.8em;
    float: left;
    text-align: center;
  }
  html body header #h-content ul li.szamlaszam {
    display: none;
  }
  html body header #h-content span {
    padding: 0 10px;
  }
  html body header #logo-line {
    max-height: 80px;
  }
  html body header #logo-line #logo-item {
    width: 200px;
    height: 60px;
    background-size: 200px 57px;
  }
  html body header #logo-line nav {
    width: calc(100% - 200px);
  }
  html body header #logo-line nav #search-box {
    line-height: 60px;
    height: 60px;
  }
  html body header #logo-line nav #search-box form button {
    height: 60px;
  }
  html body header #logo-line nav #nav-icon {
    margin: 20px 0 0 20px;
  }
  html body main .m-content .content-line #kozerdeku li,
  html body main .m-content .content-line #projectjeink li {
    width: 50%;
  }
  html body main .m-content .content-line #kozerdeku li a,
  html body main .m-content .content-line #projectjeink li a {
    padding: 100px 0 0 0;
    font-size: 14px;
    text-transform: lowercase;
  }
  html body main .m-content .content-line ul#search-result li {
    width: 100%;
  }
  html body main .m-content #adomanyozas form .half input.button {
    padding: 5px 10vw;
    font-size: 18px;
  }
  html body main .m-content #adomanyozas .adatok ul li {
    font-size: 18px;
  }
  html body main .m-content #adomanyozas .adatok ul li span {
    display: block;
  }
  html body main .m-content #adomanyozas-info ul li {
    font-size: 14px;
  }
  html body main .m-content #adomanyozas-info ul li span {
    display: block;
  }
  html body main .m-content ul.galeria li {
    margin-bottom: 30px;
    height: 87vw;
  }
  html body main .m-content ul.galeria li h2.hosszu {
    font-size: 1.2em;
  }
  html body main .m-content ul.galeria li h2.hosszabb {
    font-size: 1.2em;
  }
  html body main .m-content .pager {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
  html body main .m-content .pager ul {
    text-align: center;
    display: block;
  }
  html body main .m-content .pager ul li {
    max-width: 32px;
    padding: 0;
  }
  html body main .m-content .pager ul li a {
    padding: 12px 4px;
    font-weight: 700;
    font-size: 16px;
  }
  html body main .m-content .pager ul li:hover,
  html body main .m-content .pager ul li.actual {
    background: #EEC024;
  }
  html body main .m-content .pager ul li:hover a,
  html body main .m-content .pager ul li.actual a {
    color: #000;
  }
  html body main .m-content .pager ul li.arrow {
    max-width: 34px;
  }
}
@media screen and (max-width: 370px) {
  html body header #h-content ul {
    display: none;
  }
  html body header #h-content #lang {
    line-height: 60px;
  }
  html body header #h-content .button {
    font-size: 14px;
    float: left;
    padding: 5px 15px;
    margin: 8px 2%;
  }
  html body header #image-box #logo-line-start div#logo {
    width: 65px;
    min-width: 65px;
    height: 60px;
    background: url(../../images/icons/logo-feher.svg) no-repeat left center;
    background-size: 60px 60px;
  }
  html body header #image-box #logo-line-start ul {
    width: calc(100% - 70px);
  }
  html body header #image-box #logo-line-start ul li {
    width: calc(100%/3);
    text-align: right;
  }
  html body header #image-box #logo-line-start ul li .button {
    width: 70%;
    min-width: 65px;
    padding: 7px 0;
  }
  html body main .m-content ul li {
    width: 100%;
  }
  html body main .m-content ul li button {
    float: right;
    margin: 20px 0;
  }
  html body main .m-content ul.galeria li {
    margin-bottom: 30px;
    height: 89vw;
  }
  html body main .m-content ul.galeria li h2.hosszu {
    font-size: 1.1em;
  }
  html body main .m-content ul.galeria li h2.hosszabb {
    font-size: 1.1em;
  }
  html body main .m-content .blog-grid-item .half-box {
    width: 100%;
  }
  html body main .m-content .blog-grid-item .half-box img {
    display: none;
  }
  html body main .m-content .content-line .half {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  html body main .m-content .content-line .half ul.left-align li {
    max-width: 100%;
  }
  html body main .m-content .content-line #kozerdeku,
  html body main .m-content .content-line #projectjeink {
    width: 100%;
    margin: 0 auto;
  }
  html body main .m-content .content-line #kozerdeku li,
  html body main .m-content .content-line #projectjeink li {
    background-size: 80px 80px;
  }
  html body main .m-content .content-line #kozerdeku li a,
  html body main .m-content .content-line #projectjeink li a {
    padding: 100px 0 0 0;
    font-size: 14px;
    text-transform: lowercase;
  }
  html body main .m-content #kereso form .element {
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
    text-align: center;
  }
  html body main .m-content #kereso form .element label {
    font-size: 18px;
  }
  html body main .m-content #kereso form .element input {
    width: calc(100% - 50px);
    float: left;
  }
  html body main .m-content #kereso form .element #select-holder,
  html body main .m-content #kereso form .element #input-holder {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  html body main .m-content #adomanyozas form .half input.button {
    padding: 5px 5vw;
  }
  html body footer #adomany-sticky #st-content {
    padding: 10px 0;
    text-align: center;
  }
  html body footer #adomany-sticky #st-content p {
    width: 100%;
    display: none;
    text-align: center;
    float: none;
  }
  html body footer #adomany-sticky #st-content p span {
    display: block;
  }
  html body footer #adomany-sticky #st-content button,
  html body footer #adomany-sticky #st-content .button {
    font-size: 14px;
    float: none;
  }
  html body footer #f-content ul li {
    width: 100%;
    text-align: center;
    overflow: hidden;
  }
  html body footer #f-content ul.cimkek li button,
  html body footer #f-content ul.cimkek li .button {
    padding: 5px 10px !important;
  }
}