@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'GoudyOldStyleReg';
  src: url('../fonts/goudos-webfont.woff2') format('woff2'), url('../fonts/goudos-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Goudy Old Style';
  src: url('../fonts/GoudyOldStyleT-Regular.woff2') format('woff2'), url('../fonts/GoudyOldStyleT-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal; }

html, body {
  line-height: 1.4; }

.clearfix {
  clear: both; }
.pl-5 {
  padding-left:5px;
}
.pb-10 {
  padding-bottom:10px;
}

.ml-5 {
  margin-left:5px;
}
.mb-10 {
  margin-bottom:10px;
}
.inline-flex {
  display:inline-flex;
}


a {
  color: #057fae;
  text-decoration: none; }
  a:hover {
    color: #01549c; }
    a.btn:before {
      content: '';
      font-family: 'FontAwesome';
      font-size: 1.5rem;
      margin-right: 0.5rem; }
    a.btn.btn-big {
      display: block;
      width: 60%;
      text-align: center;
      font-size: 1.5rem;
      font-weight: 700;
      margin: 0 auto;
      padding: 6px 0;
      background: white;
      background-image: linear-gradient(#e2e2e2, #fff);
      border: 2px solid #fff; }
    a.btn.blue-linear-bg {
      padding: 5px 15px;
      color: #fff;
      font-weight: 700;
      border: 1px solid #01549c;
      background-color: #057fae;
      background-image: linear-gradient(#057fae, #0091d3); }
      a.btn.blue-linear-bg:hover {
        color: #333;
        background-color: #0091d3;
        background-image: linear-gradient(#0091d3, #057fae); }

p.readmore a.btn, #searchForm button, .ariQuizQuestionTable input.button, .btn.blue-linear-bg, #bfSubmitButton {
  cursor: pointer;
  padding: 5px 15px;
  color: #fff;
  font-weight: 700;
  border: 1px solid #01549c;
  background-color: #057fae;
  background-image: linear-gradient(#057fae, #0091d3); }
  p.readmore a.btn:hover, #searchForm button:hover, .ariQuizQuestionTable input.button:hover, .btn.blue-linear-bg:hover, #bfSubmitButton:hover {
    color: #333;
    background-color: #0091d3;
    background-image: linear-gradient(#0091d3, #057fae); }

strong, b {
  font-weight: 700; }

em {
  font-style: italic; }

.text-rigth {
  text-align: right; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.spacer {
  height: 30px; }

.flex-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .flex-container .flex-cell {
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%; }

.green-linear-bg {
  padding: 10px;
  color: #fff;
  background-color: #7d9935;
  background-image: linear-gradient(#7d9935, #90c902); }
  .green-linear-bg h3 {
    font-size: 2.8rem;
    margin-bottom: 12px; }
  .green-linear-bg p {
    font-size: 1.4rem; }
  @media only screen and (min-width: 768px) {
    .green-linear-bg .flex-cell:nth-child(1) {
      width: 66.6666%; }
    .green-linear-bg .flex-cell:nth-child(2) {
      width: 33.3333%; } }

.moduletable.four-items-per-line {
  margin: 10px 0; }
  .moduletable.four-items-per-line .flex-container {
    align-items: start; }
    .moduletable.four-items-per-line .flex-container > div {
      text-align: center;
      margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .moduletable.four-items-per-line .flex-container > div {
        flex: 1 0 21%;
        margin: 5px;
        text-align: left; } }
    .moduletable.four-items-per-line .flex-container > div img {
      width: 100%;
      max-width: 100%; }
    .moduletable.four-items-per-line .flex-container > div h4 {
      margin: 5px 0;
      text-align: center;
      font-weight: 700;
      color: #7d9935; }
    .moduletable.four-items-per-line .flex-container > div a {
      font-weight: 700; }


/* Alapértelmezett stílus az akkordió gombokhoz */
.accordion {
  background-color: rgba(220,220,220,1);
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel p {
  font-weight: normal !important;
  padding:8px;
}


#content .page-header h2 {
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #7d9935;
}
#content p {
  margin-bottom: 1rem;}
#content ul, #content ol {
  padding-left: 30px;
  list-style-type: disc;
  margin-bottom: 1rem; }
  #content .page-header h1 {
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #7d9935; }
#content .blog .items-leading {
  margin-bottom: 3rem; }
#content .item-page .icons, #content .blog .icons {
  padding: 1px 10px;
  margin-bottom: 2rem;
  background-color: #ECECEC;
  border-color: #C7C7C7;
  border-style: solid;
  border-width: 1px; }
  #content .item-page .icons ul, #content .blog .icons ul {
    padding: 0;
    margin: 0; }
    #content .item-page .icons ul li, #content .blog .icons ul li {
      display: inline-block; }
      #content .item-page .icons ul li.print-icon a:before, #content .blog .icons ul li.print-icon a:before {
        content: '';
        font-family: 'FontAwesome'; }
      #content .item-page .icons ul li.print-icon a:after, #content .blog .icons ul li.print-icon a:after {
        content: '|'; }
    #content .item-page .icons ul li.email-icon a:before, #content .blog .icons ul li.email-icon a:before {
      content: '';
      font-family: 'FontAwesome'; }
    #content .item-page .icons ul li.email-icon a:after, #content .blog .icons ul li.email-icon a:after {
      content: '|'; }
#content .item-page .contentspoiler, #content .blog .contentspoiler {
  padding: 2px;
  background: #f8f8f8;
  border-radius: 0; }
  #content .item-page .contentspoiler .spoiler_label, #content .blog .contentspoiler .spoiler_label {
    padding: 0.4rem 0.5rem;
    font-size: 1.4rem; }
  .contentspoiler {
    border: 1px solid rgba(128,128,128,1);
    margin-bottom:15px;
  }
#content .items-row {
  margin-bottom: 3rem; }
#content table {
  margin-bottom: 1rem; }
  #content table tr td {
    padding: 5px;
    vertical-align: middle;
    border: 1px solid; }
#content table.vertical-top tr td {
  vertical-align: top; }
#content form[id^='formQue_'] tr td {
  border: unset; }

#contact-info {
  margin-bottom: 3rem; }
  #contact-info td {
    padding: 5px;
    vertical-align: middle; }

#contact-form legend {
  margin-bottom: 1rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #7d9935; }
#contact-form .control-group {
  margin-bottom: 12px; }
  #contact-form .control-group input[type=text], #contact-form .control-group input[type=email], #contact-form .control-group textarea {
    width: 95%; }
  @media only screen and (min-width: 768px) {
    #contact-form .control-group input[type=text], #contact-form .control-group input[type=email], #contact-form .control-group textarea {
      width: 50%; } }

.pagination {
  text-align: center; }
  .pagination ul li {
    display: inline-block;
    padding: 0 5px; }
    .pagination ul li.pagination-start:before, .pagination ul li.pagination-start:after, .pagination ul li.pagination-prev:before, .pagination ul li.pagination-prev:after, .pagination ul li.pagination-next:before, .pagination ul li.pagination-next:after, .pagination ul li.pagination-end:before, .pagination ul li.pagination-end:after {
      font-family: 'FontAwesome';
      font-size: 1.5rem;
      margin: 0 0.3rem; }
    .pagination ul li.pagination-start:before {
      content: ''; }
    .pagination ul li.pagination-prev:before {
      content: ''; }
    .pagination ul li.pagination-next:after {
      content: ''; }
    .pagination ul li.pagination-end:after {
      content: ''; }

.search #searchForm .btn-toolbar input[name=searchword] {
  padding: 4px 8px;
  margin-right: 10px; }
.search #searchForm .btn-toolbar button {
  cursor: pointer; }
.search #searchForm .btn-toolbar, .search #searchForm .phrases, .search #searchForm .only {
  margin-bottom: 12px; }
.search #searchForm .counter {
  text-align: center; }
.search #searchForm .form-limit {
  float: right; }
.search .search-results .result-category {
  font-size: 1rem; }
.search .search-results .result-text {
  margin-bottom: 3rem; }
  .search .search-results .result-text .highlight {
    background: #fffebb; }

#ecc-net-list li {
  flex-basis: 50%; }
@media only screen and (min-width: 768px) {
  #ecc-net-list li {
    flex-basis: 25%; } }
#ecc-net-list li a {
  display: block;
  padding: 10px; }
  #ecc-net-list li a:after {
    content: '';
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: 0.5rem; }

#content .ariQuizHeaderName {
  padding: 5px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #057fae;
  background-image: linear-gradient(#0091d3, #057fae); }
#content .ariQuizHeaderTable {
  margin-bottom: 1rem; }
  #content .ariQuizQuestionTable .ariQuizQuestionRight p {
    margin-bottom: 0;
    font-weight: 700; }

#content .bfFormDiv .bfQuickMode .bfLabelLeft label, #content .bfFormDiv .bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap, #content .bfFormDiv .bfQuickMode .bfSubmitButton {
  float: none;
  width: auto; }
#content .bfFormDiv .bfQuickMode .bfLabelLeft label:after {
  content: "\a";
  white-space: pre; }


#fogyasztovedelem-banner {
  display: block;
  color: #000000;
  vertical-align: middle;
  padding: 10px;
  margin: 10px 0 0;
 /* background: url('/images/fogyasztovedelmi-portal-header.png') right center no-repeat;*/
  background: url('/images/nkfh.hu%20banner.jpg') right center no-repeat;
  text-align: left;
  border: 1px solid #000000;
  position: relative; }
  #fogyasztovedelem-banner .fogyasztovedelem-zaszlo {
    width: 100%; }
    #fogyasztovedelem-banner .fogyasztovedelem-zaszlo > span {
      width: 45%;
      position: absolute;
      top: 0px;
      height: 5px; }
    #fogyasztovedelem-banner .fogyasztovedelem-zaszlo .zaszlo-red {
      background: linear-gradient(to right, #d1161d, #e24d54 50%, #d1161d 100%);
      left: 0; }
      #fogyasztovedelem-banner .fogyasztovedelem-zaszlo .zaszlo-red:after {
        width: 0;
        height: 0;
        border-top: 5px solid #d1161d;
        border-right: 5px solid transparent;
        content: '';
        position: absolute;
        left: 100%; }
    #fogyasztovedelem-banner .fogyasztovedelem-zaszlo .zaszlo-green {
      background: linear-gradient(to right, #047557, #328670 50%, #047557 100%);
      right: 0; }
      #fogyasztovedelem-banner .fogyasztovedelem-zaszlo .zaszlo-green:after {
        width: 0;
        height: 0;
        border-bottom: 5px solid #047557;
        border-left: 5px solid transparent;
        content: '';
        position: absolute;
        left: -5px; }
  #fogyasztovedelem-banner img {
    vertical-align: middle;
    padding-right: 10px; }
  #fogyasztovedelem-banner .banner-title {
    font-family: 'GoudyOldStyleReg';
    font-size: 5rem;
    vertical-align: middle;
    text-transform: uppercase;
    display: inline; }
    #fogyasztovedelem-banner .banner-title:first-letter {
      font-size: 7.2rem;
      text-transform: capitalize; }

#content #contact-info td {
  border: 0 none; }

html {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%; }
  html body {
    background: url(../images/p5.png);
    font-size: 1.2rem; }
    html body .container {
      margin: auto;
      width: 100%; }
    @media only screen and (min-width: 480px) {
      html body .container {
        width: 440px; } }
  @media only screen and (min-width: 768px) {
    html body .container {
      width: 700px; } }
@media only screen and (min-width: 992px) {
  html body .container {
    width: 900px; } }
@media only screen and (min-width: 1200px) {
  html body .container {
    width: 1000px; } }
html body .container header, html body .container section#content, html body .container footer {
  padding: 0 15px; }
html body > .container {
  background: #ffffff;
  box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.25); }

html body .container {
box-sizing:border-box;
max-width:1000px;
width:1000px;
padding: 0 15px;
margin:auto;
}


header img {
  max-width: 100%;
  height: auto;
  display: inline-block; }
header #header-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  header #header-container > div:last-child {
    flex-basis: 100%;
    margin-bottom: 12px;
    font-size: 1rem; }
    header #header-container > div:last-child li {
      display: inline-block; }
  header #header-container #logok {
    flex-basis: 50%; }
  @media only screen and (min-width: 992px) {
    header #header-container #logok {
      flex-basis: 60%; } }
  header #header-container #logok #ecc-logo, header #header-container #logok #nfh-logo {
    display: inline-block;
    vertical-align: middle; }
  @media only screen and (max-width: 767px) {
    header #header-container #logok #ecc-logo, header #header-container #logok #nfh-logo {
      width: 33%;
      height: auto; } }
  header #header-container a {
    margin-right: 5px; }
  @media only screen and (max-width: 767px) {
    header #header-container .mod-languages {
      margin-left: auto; } }
  header #header-container .mod-languages ul li {
    margin: 0; }
  header #header-container .search {
    flex-basis: 100%;
    margin-left: auto;
    /*
            @include tablet() {
                flex-basis: 26%;
            }
*/ }
  @media only screen and (max-width: 767px) {
    header #header-container .search {
      flex-basis: 100%; } }
  header #header-container .search form {
    width: 100%; }
    header #header-container .search form input, header #header-container .search form button {
      width: 85%;
      padding: 8px;
      border: 1px solid #fff;
      border-left: 0;
      background-image: linear-gradient(#fff 70%, #e2e2e2);
      box-shadow: 0px -2px 2px #e2e2e2; }
    header #header-container .search form button {
      width: 15%;
      border-right: 0; }
      header #header-container .search form button:before {
        content: '';
        font-family: 'FontAwesome';
        color: #0091d3; }
@media only screen and (max-width: 767px) {
  #fogyasztovedelem-banner .banner-title {
    font-size:3rem;
    display:inline;
  }
  #fogyasztovedelem-banner {
    text-align:center;
  }
  header #header-container ul.nav {
    position: relative;
    flex-basis: 100%;
    margin-left: auto; }
    header #header-container ul.nav:before {
      content: '';
      font-family: 'FontAwesome';
      font-size: 2rem;
      color: #0091d3;
      line-height: 1.5rem;
      position: absolute;
      top: -3.3rem;
      right: 0;
      display: inline-block;
      padding: 8px;
      border: 1px solid #fff;
      background-image: linear-gradient(#fff 70%, #e2e2e2);
      box-shadow: 0px -2px 2px #e2e2e2; }
    header #header-container ul.nav > li {
      display: none;
      padding: 10px;
      text-align: center;
      font-weight: 700;
      background: #e2e2e2;
      border-bottom: 1px solid #fff; }
      header #header-container ul.nav > li:hover, header #header-container ul.nav > li.active {
        background: #f8f8f8;
        border: 2px solid #90c902; } }
@media only screen and (min-width: 768px) {
  header #header-container ul.nav {
    margin-left: auto;
    display:block;
    background-color: #e2e2e2;
    background-image: linear-gradient(#e2e2e2, #fff); }
    header #header-container ul.nav > li {
      display: inline-block;
      border-right: 2px solid #fff; }
      header #header-container ul.nav > li > a {
        display: block;
        color: #01549c;
        font-size: 1.3rem;
        font-weight: 700;
        padding: 10px 12px;
        margin: 0; }
      header #header-container ul.nav > li.active, header #header-container ul.nav > li:hover {
        background-image: linear-gradient(#90c902, #fff); }
        header #header-container ul.nav > li.active > a, header #header-container ul.nav > li:hover > a {
          color: #0091d3; }
      header #header-container ul.nav > li > ul {
        display: none;
        position: absolute;
        z-index: 1; }
        header #header-container ul.nav > li:hover > ul {
          display: block; }
          header #header-container ul.nav > li:hover > ul > li {
            margin-bottom: 2px;
            background: #f8f8f8;
            border: 2px solid #e2e2e2; }
            header #header-container ul.nav > li:hover > ul > li > a {
              display: block;
              padding: 5px 10px;
              margin: 0;
              color: #01549c;
              font-weight: 700; }
            header #header-container ul.nav > li:hover > ul > li:hover, header #header-container ul.nav > li:hover > ul > li.active {
              background: #e2e2e2;
              border: 2px solid #90c902; }
              header #header-container ul.nav > li:hover > ul > li:hover > a, header #header-container ul.nav > li:hover > ul > li.active > a {
                color: #0091d3; } }
@media only screen and (min-width: 1200px) {
  header #header-container ul.nav {
    margin-top: -40px; }
    header #header-container ul.nav > li > a {
      font-size: 1.4rem; } }
header #header-container ul.nav ul {
  display: none; }

footer #footer-top {
  display: flex;
  flex-flow: row wrap;
  margin: 10px -15px;
  padding: 10px 15px;
  background-color: #e2e2e2; }
  footer #footer-top > div {
    flex: auto;
    padding: 10px;
    border: 1px solid #01549c; }
  @media only screen and (min-width: 768px) {
    footer #footer-top > div {
      flex: 1; } }
  footer #footer-top > div:nth-child(2) {
    margin: 5px 0; }
  @media only screen and (min-width: 768px) {
    footer #footer-top > div:nth-child(2) {
      margin: 0 5px; } }
  footer #footer-top > div h3 {
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #7d9935; }
footer #footer > div {
  margin: 10px 0; }
footer #footer .border-green {
  padding: 10px;
  border: 2px solid #7d9935; }
footer #footer .eu-project p {
  text-align: center; }
@media only screen and (min-width: 768px) {
  footer #footer .eu-project p {
    display: flex;
    align-items: center; } }
footer #footer .eu-project p > img {
  display: block;
  margin: 0 auto; }
@media only screen and (max-width: 767px) {
  footer #footer .eu-project p > img {
    margin-bottom: 10px; } }
footer #footer .mod-menu {
  text-align: right; }
  footer #footer .mod-menu > li {
    display: inline-block;
    padding: 5px; }
  #footer .nav {
    display:block;
  }
footer #footer-bottom {
  position: relative;
  margin: 10px -15px;
  padding: 10px 15px;
  text-align: center;
  background-color: #e2e2e2;
  background-image: linear-gradient(#e2e2e2, #fff); }
@media only screen and (min-width: 768px) {
  footer #footer-bottom .rss {
    position: absolute;
    top: 10px;
    left: 15px; } }