/*
Theme Name: bplusn 
Theme URI: 
Author: Zsolt Schumacher
Author URI: http://www.usernet.hu
Description: B+N Theme Wordpress.
Version: 1.0
License: GNU General Public License
*/
/* =Reset
-------------------------------------------------------------- */
/* 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%;
  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;
}

div.clear {
  clear: both;
}

/* Extra Small devices (mobiles, 320px and up) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* Xtra Large devices (large desktops, 1366px and up) */

#selectedCountry,
#countryOptions div {
  font-size: 16px;
}

.gallery-container {
  margin-top: 100px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  row-gap: 40px;
  column-gap: 30px;
  width: 100%;
}

.gallery-container>div {
  padding: 0 5px 16px 5px;
  border-bottom: 2px solid #0098AF;
}

.gallery-container>div .gallery-image img {
  max-width: 100%;
  height: auto;
}

.gallery-container>div .gallery-title {
  padding: 10px 0 5px 0;
}

.gallery-container>div .gallery-title a {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}

.gallery-sidebar p {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  font-family: "Source sans pro";
  font-size: 26px;
  color: #333333;
  margin-bottom: 30px;
}

.gallery-image-sizes {
  margin-bottom: 45px;
}

.gallery-image-sizes li {
  margin-bottom: 3px;
}

.gallery-image-sizes li a {
  font-size: 22px;
  font-weight: 600;
  font-family: "Source sans pro";
  color: #0099AD;
}

.gallery-image-preview-heading {
  margin: 50px 0;
}

.gallery-image-preview img {
  width: 100%;
  max-width: 100%;
}

.btn.arrow-back {
  background-image: url('./pics/lets-icons_back.png');
  background-position: 5% 50%;
  background-repeat: no-repeat;
  width: 100px;
  justify-content: flex-end;
}

@media (max-width: 1035px) {
  .gallery-container {
    grid-template-columns: repeat(3, 1fr);
    /* 2 oszlopos elrendezés */
    gap: 20px;
    /* Kisebb távolság */
  }
}

@media(max-width: 768px) {
  .gallery-container>div .gallery-title a {
    font-size: 16px;
  }

  .country-selector {
    height: auto !important;
  }

  .country-options {
    height: 163px !important;
    overflow-y: scroll !important;
  }
}

@media (max-width: 600px) {
  .gallery-container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 30px;
    column-gap: 15px;
  }

  .gallery-container>div .gallery-title a {
    font-size: 18px;
    /* Kisebb szövegméret */
  }
}

.media-contact {
  background-color: #0099ad;
  padding: 60px;
  margin: 64px 0 54px 0;
}

.media-contact h3,
.media-contact p {
  color: #fff !important;
}

.media-contact p a {
  color: #fff !important;
}

.media-contact p a:hover {
  text-decoration: none;
}

.media-contact p span {
  color: #fff;
  vertical-align: text-top;
}

.media-contact p {
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  margin: 0px 0px 10px;
}

.media-contact h3 {
  padding-bottom: 19px !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.media-contact-arrow {
  background: url('/wp-content/uploads/2024/11/ep_right.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 16px;
}

.country-selector {
  background-image: url('./pics/country-selector-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px 15px 90px 15px !important;
  height: 1077px;
}

.country-selector-content {
  width: 789px;
  max-width: 100%;
  background-color: rgba(170, 225, 232, .7);
  backdrop-filter: blur(3px);
  border-radius: 8px;
  padding: 32px;
}

.country-selector-content h3 {
  margin-top: 0px;
}

.country-selector-parent {
  position: relative;
  max-width: 100%;
  width: 277px;
}

.country-selector-parent span {
  background-color: #0099AF;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  pointer-events: none;
  color: #FFF;
  font-size: 16px;
}

.country-selector-parent span #arrow {
  margin-left: 16px;
  transition: transform 0.3s ease;
}

#countrySelector:focus+#arrow,
#countrySelector:active+#arrow {
  transform: rotate(180deg);
}

/************************************************************************/

.country-selector-parent {
  position: relative;
  width: 278px;
  display: inline-block;
  background-color: #0099AF;
  border-radius: 0;
  cursor: pointer;
}

.selected-country {
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  padding: 9px 18px;
  cursor: pointer;
  border: none;
}

#countryArrow {
  transition: transform 0.3s ease;
}

.country-options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 360px;
  background-color: #0099AF;
  padding: 18px;
  border-top: none;
  display: none;
  overflow-y: auto;
  z-index: 1000;
}

.country-option {
  color: #fff;
  padding: 6px 0;
  cursor: pointer;
}

/***********************************************************************/

#countrySelector {
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #0099AF;
  border: none;
  cursor: pointer;
  color: #fff;
  padding: 12px 18px;
  box-shadow: none;
  width: 100%;
}

#countrySelector:focus {
  outline: none;
}

.country-selector-intro p {
  font-size: 20px !important;
}

.country-selector-countries {
  margin-top: 76px;
  margin-bottom: 100px;
}

.country-list {
  display: flex;
  align-items: center;
  column-gap: 123px;
  row-gap: 40px;
  flex-wrap: wrap;
}

.country-list a {
  text-decoration: none;
  color: #000;
  flex: 1 1 44%;
}

.country-list .country {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 20px;
}

.country-list .country div p {
  margin-bottom: 0px !important;
  margin-top: 5px;
  font-size: 20px !important;
}

.country-map img {
  max-width: 100%;
}

#map,
#map>div {
  padding: 0 0 54px 0;
}

#map p {
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  margin-bottom: 36px;
}

#map ul li a {
  color: #000 !important;
}

#map ul li {
  margin-bottom: 0px !important;
}

/* #map-image {
  height: 570px;
  background-size: cover;
} */

@-webkit-keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}

@-moz-keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}

@keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}

.circle {
  display: none;
  height: 196px;
  background-color: #fff;
  padding: 0;
  border: none;
  width: 196px;
  box-shadow: none;
}

.circle>span {
  display: inline-block;
  position: relative;
  text-align: center;
  color: #93a2ac;
  font-weight: 100;
  margin: 0rem 0rem;
}

/*.circle>span:before {
  content: attr(data-name);
  position: absolute;
  width: 100%;
  bottom: -2rem;
  font-weight: 400;
}

.circle>span:after {
  content: attr(data-percent);
  position: absolute;
  width: 100%;
  top: 3.7rem;
  left: 0;
  font-size: 2rem;
  text-align: center;
}*/
.circle svg {
  width: 10.4rem;
  height: 10.4rem;
  margin: 0 auto;
}

.circle svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}

.circle svg:nth-child(2) path {
  fill: none;
  stroke-width: 25;
  stroke-dasharray: 629;
  stroke: rgba(255, 255, 255, 0.9);
  -webkit-animation: load 1s;
  -moz-animation: load 1s;
  -o-animation: load 1s;
  animation: load 1s;
}

/* Reszponzív beágyazott média tartalom */
.embed-responsive-16-9,
.wp-embed-aspect-16-9 {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
}

.embed-responsive-16-9 .embed-responsive-item,
.wp-embed-aspect-16-9 iframe,
.embed-responsive-16-9 iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16-9::before,
.wp-embed-aspect-16-9::before {
  display: block;
  content: "";
}

.wp-embed-aspect-16-9::before,
.embed-responsive-16-9::before {
  padding-top: 56.25%;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/*--------------------------------------------------------
mixins
--------------------------------------------------------*/
@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-regular-webfont.eot");
  src: url("/fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("/fonts/opensans-regular-webfont.woff") format("woff"),
    url("/fonts/opensans-regular-webfont.ttf") format("truetype"),
    url("/fonts/opensans-regular-webfont.svg#Open Sans") format("svg");
  font-weight: 500;
  font-style: "normal";
}

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/opensans-bold-webfont.eot");
  src: url("/fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"),
    url("/fonts/opensans-bold-webfont.woff") format("woff"),
    url("/fonts/opensans-bold-webfont.ttf") format("truetype"),
    url("/fonts/opensans-bold-webfont.svg#Open Sans") format("svg");
  font-weight: 700;
  font-style: "normal";
}

@font-face {
  font-family: "Source sans pro";
  src: url("/fonts/source_sans_pro_regular.eot");
  src: url("/fonts/source_sans_pro_regular.eot?#iefix") format("embedded-opentype"),
    url("/fonts/source_sans_pro_regular.woff") format("woff"),
    url("/fonts/source_sans_pro_regular.ttf") format("truetype"),
    url("/fonts/source_sans_pro_regular.svg#Source sans pro") format("svg");
  font-weight: 500;
  font-style: "normal";
}

@font-face {
  font-family: "Source sans pro";
  src: url("/fonts/sourcesanspro-bold.eot");
  src: url("/fonts/sourcesanspro-bold.eot?#iefix") format("embedded-opentype"),
    url("/fonts/sourcesanspro-bold.woff") format("woff"),
    url("/fonts/sourcesanspro-bold.ttf") format("truetype"),
    url("/fonts/sourcesanspro-bold.svg#Source sans pro") format("svg");
  font-weight: 700;
  font-style: "normal";
}

#supersized {
  display: block;
  z-index: 1000 !important;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #supersized {
    display: none;
  }
}

.container_1160,
.container_1200 {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: block;
}

.container_1230 {
  max-width: 1290px;
  height: 100%;
  margin: 0 auto;
  display: block;
}

h3:not(.normal) {
  font: bold 24px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 25px;
  color: #444;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  h3:not(.normal) {
    margin-top: 36px;
    margin-bottom: 18px;
  }
}

.home h3:after,
.about_content h3:after,
.page-template-page-contact h3:after,
#text_content_inner h3:after,
.kf_section h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 40px;
  border: 1px solid transparent;
  border-top-color: #0099ad;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {

  .home h3:after,
  .about_content h3:after,
  .page-template-page-contact h3:after,
  #text_content_inner h3:after {
    width: 10%;
    left: 45%;
  }
}

.home h4,
.data_box_desc {
  font: bold 18px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #444;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 767px) {

  .home h4,
  .data_box_desc {
    font-size: 14px;
  }
}

h6 {
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  margin-bottom: 36px;
}

li {
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  color: #433b3d;
  margin-bottom: 24px;
  line-height: 1.5em;
}

li span {
  font-size: 20px;
  text-transform: uppercase;
  color: #51bfcf;
  font-weight: bold;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  li {
    font-size: 18px;
  }
}

#masthead {
  width: 100%;
  height: 130px;
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 2000;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@media (max-width: 1200px) {
  #masthead {
    padding: 0 15px;
  }
}

@media (max-width: 1023px) {
  #masthead {
    height: 100px;
  }

  #masthead .infoblokk {
    display: none;
  }
}

#masthead.shrink {
  /*height: 90px;*/
  border-bottom: 1px solid #eee;
}

#masthead .infoblokk {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: -1;
}

.slicknav_nav .wpml-ls-statics-shortcode_actions {
  margin: 0px 0px 0px 13px;
}

.slicknav_nav .wpml-ls-statics-shortcode_actions a {
  margin: 0px !important;
  font-size: 18px;
  line-height: 10px;
}

.slicknav_nav .wpml-ls-statics-shortcode_actions a:hover {
  background: none;
  border-radius: 0px;
}

.slicknav_nav .wpml-ls-statics-shortcode_actions ul li.wpml-ls-current-language a span {
  color: #0099ad;
}

.slicknav_nav .wpml-ls-statics-shortcode_actions ul li:first-child a {
  padding: 0px 5px 0px 0px !important;
  border-right: 1px solid #000;
}

.slicknav_nav .wpml-ls-statics-shortcode_actions ul li:last-child a {
  padding: 0px 0px 0px 5px !important;
}

#logo {
  height: 100%;
  background: url(pics/logo.png) 0 50% no-repeat;
  padding: 0;
  z-index: 3;
  background-size: 85px 92px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@media (max-width: 1480px) {
  #logo {
    max-width: 100px;
  }
}

@media (max-width: 1023px) {
  #logo {
    max-width: none;
    background-size: 69px 75px;
  }
}

#logo .logo_link {
  float: left;
  width: 100%;
  height: 100%;
}

#navbar_main,
#navbar_footer {
  position: relative;
  top: 39%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
}

#navbar_main li {
  display: inline;
  font: bold 14px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  text-transform: uppercase;
  border-right: 1px solid #0099af;
}

#navbar_footer li {
  display: inline;
  font: bold 14px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  text-transform: uppercase;
  border-right: 1px solid #fff;
}

#navbar_main li a,
#navbar_footer li a {
  color: #433b3d;
  padding: 0px 15px 10px;
  text-decoration: none;
  display: inline-block;
}

@media (max-width: 1480px) {
  #navbar_main li a {
    padding: 0px 8px 10px;
  }
}

@media (max-width: 1280px) {
  #navbar_main li a {
    padding: 0px 7px 10px;
    font-size: 12px;
  }
}

#navbar_main li a:hover,
#navbar_footer li a:hover {
  color: #0099ad;
}

#navbar_main li:first-of-type {
  border-left: 1px solid #0099af;
}

#navbar_footer li:first-of-type {
  border-left: 1px solid #fff;
}

#navbar_main li.current-menu-item a,
#navbar_main .current-page-ancestor a,
#navbar_footer li.current-menu-item a,
#navbar_footer .current-page-ancestor a {
  color: #0099ad;
}

#navbar_main li.current-menu-item .sub-menu,
#navbar_main li.current-page-ancestor .sub-menu {
  display: flex;
}

#navbar_main li:hover .sub-menu,
#navbar_footer li:hover .sub-menu {
  display: flex;
  z-index: 200;
}

#navbar_main li.current-menu-item .sub-menu li a,
#navbar_main li.current-page-ancestor .sub-menu li a {
  color: #0099ad;
}

#navbar_main li.current-menu-item .sub-menu li a:hover,
#navbar_main li.current-page-ancestor .sub-menu li a:hover,
#navbar_main li.current-page-ancestor .sub-menu li.current-menu-item a {
  color: #55bfcf;
}

#navbar_main .sub-menu {
  position: absolute;
  padding: 10px 0 0 0;
  display: none;
  border-top: 1px solid #0099af;
  height: 55px;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 663px;
  background: #fff;
}

#navbar_main .sub-menu li {
  float: left;
  display: block;
  margin: 0;
}

#navbar_main .sub-menu li:first-child {
  border-left: 1px solid #51bfcf;
}

#navbar_main .sub-menu li:last-child {
  border-right: none;
}

#navbar_main .sub-menu li:last-child img {
  vertical-align: top;
}

#navbar_main .sub-menu li a {
  display: inline-block;
  font: bold 14px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  border-left: 0px !important;
  padding: 0px 10px;
  color: #0099af;
}

#navbar_main .sub-menu li a:hover {
  color: #55bfcf;
}

#menu-mobile_hu,
#menu-mobile_hu-angol {
  display: none;
}

.slicknav_menu {
  background: #fff;
  position: fixed;
  /*top: 18px;*/
  top: 34px;
  right: 15px;
  width: 40%;
  z-index: 4000;
  padding: 0px 0 0 0;
}

@media

/*(min-width: 992px) and (max-width: 1199px),
  (min-width: 1200px) and (max-width: 1366px),
  */
(min-width: 1024px) {
  .slicknav_menu {
    display: none;
  }
}

@media (max-width: 1023px) {
  #navbar_main {
    display: none;
  }
}

#lang-switch {
  top: -1px;
  position: absolute;
  right: 60px;
}

@media (max-width: 1200px) {
  #lang-switch {
    right: 145px !important;
  }

  #country-switch {
    right: 95px !important;
  }
}

#lang-switch ul li {
  border: none !important;
}

#lang-switch ul li:first-child {
  border-right: 1px solid #0099af !important;
  padding: 0px 5px 0px 0px;
}

#lang-switch ul li:last-child {
  padding: 0px 0px 0px 6px;
}

#lang-switch .wpml-ls-current-language a span {
  color: #0099ad;
}

.wpml-ls-legacy-list-horizontal {
  padding: 0px !important;
}

.wpml-ls-legacy-list-horizontal a {
  padding: 0px !important;
}

.wpml-ls-legacy-list-horizontal a span {
  font: normal 14px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  color: #433b3d;
}

#country-switch {
  position: absolute;
  right: 0px;
  top: -4px;
}

#country-switch.open #switch {
  background-position: -28px 0px;
}

#country-switch #switch {
  cursor: pointer;
  height: 28px;
  width: 28px;
  background-image: url("pics/icon_globe.png");
  background-position: 0 0;
}

#country-switch #countries {
  background: #fff;
  left: -64px;
  opacity: 0;
  padding: 25px 0px 20px;
  position: absolute;
  text-align: center;
  visibility: hidden;
  width: 156px;
}

#country-switch.open #countries {
  opacity: 1;
  visibility: visible;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
}

#country-switch #countries a {
  color: #444444;
  font: 700 14px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  display: block;
  margin: 0px 0px 10px;
  text-transform: uppercase;
}

#country-switch #countries a:hover {
  color: #51bfcf;
  text-decoration: none;
}

#country-switch #countries a:last-child {
  margin: 0px;
}

#country-switch #countries a:after {
  background: #0099af;
  content: "";
  display: block;
  height: 1px;
  margin: 5px auto 0px;
  width: 18px;
}

.slicknav_nav {
  position: fixed;
  top: 90px;
  right: 0;
  background: #fff;
  width: 100%;
  padding: 36px 0 36px 0;
  border-bottom: 2px solid #51bfcf;
}

.slicknav_nav a {
  color: #444;
}

.slicknav_btn {
  float: right;
  background-color: #51bfcf;
  border-radius: 4px;
  margin: 5px 5px 6px;
  text-decoration: none;
}

.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  font-family: "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
}

.slicknav_icon_bar {
  text-shadow: none;
}

#index_slider {
  height: 350px;
  background-size: cover;
  position: relative;
}

#index_slider h1 {
  width: 100%;
  font: normal 50px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  line-height: 1.5em;
  color: #433b3d;
  text-align: center;
  text-transform: uppercase;
  display: none;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#index_slider #controls-wrapper {
  z-index: 1010 !important;
}

/*
@media (max-width: 767px), (min-width: 768px) and (max-width: 991px) {
    #index_slider h1 {
        display: block;
    }
}
*/
@media (min-width: 1367px) {
  #index_slider h1 {
    font-size: 60px;
  }
}

@media (max-width: 991px) {
  #index_slider.en {
    /*background: #433b3d url(pics/hero_mobile.png) 50% 0% no-repeat;*/
    background: #433b3d url(pics/hero_tablet_en.jpg) 50% 0% no-repeat;
    background-size: contain;
    height: 295px;
  }

  #index_slider.hu {
    /*background: #433b3d url(pics/hero_mobile.png) 50% 0% no-repeat;*/
    background: #433b3d url(pics/hero_tablet.jpg) 50% 0% no-repeat;
    background-size: contain;
    height: 295px;
  }
}

@media (max-width: 421px) {
  #index_slider.en {
    /*background: #433b3d url(pics/hero_mobile.png) 50% 0% no-repeat;*/
    background: #433b3d url(pics/hero_mobile_en.jpg) 50% 0% no-repeat;
    background-size: cover;
    height: 421px !important;
  }

  #index_slider.hu {
    /*background: #433b3d url(pics/hero_mobile.png) 50% 0% no-repeat;*/
    background: #433b3d url(pics/hero_mobile_v2.jpg) 50% 0% no-repeat;
    background-size: cover;
    height: 421px !important;
  }

  /*
    #index_slider h1 {
        font-size: 24px;
        position: relative;
        top: 0;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        padding: 36px;
        color: #fff;
    }
    */
}

#index_features {
  height: 123px;
  background-color: #fff;
  border-bottom: 3px solid #0099ad;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #index_features {
    height: auto;
    padding: 0;
  }
}

.feature_box {
  height: 100%;
  padding: 0;
}

.feature_box a {
  display: block;
  width: 100%;
  height: 100%;
  font: bold 18px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  color: #433b3d;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.feature_box a .feature_title {
  display: block;
  margin: 0 auto;
  padding-left: 30px;
  height: 100%;
}

.feature_box a .feature_title span {
  float: left;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 767px),
(min-width: 992px) and (max-width: 1199px) {
  .feature_box a .feature_title {
    font-size: 14px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .feature_box a .feature_title {
    padding-left: 15px;
  }
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .feature_box a {
    height: 90px;
  }
}

.feature_box a:hover {
  background-color: #e7fcff;
}

.feature_title i {
  background-image: url(pics/feature_icons.png);
  position: absolute;
  display: block;
  width: 51px;
  height: 56px;
  float: left;
  background-repeat: no-repeat;
  margin-right: 18px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#feature_icon1 {
  background-position: 0px 0;
}

#feature_icon2 {
  background-position: -54px 0;
}

#feature_icon3 {
  background-position: -216px 0;
}

#feature_icon4 {
  background-position: -322px 0;
}

#index_content_block1 {
  float: left;
  width: 100%;
  height: auto;
  background-color: #fff;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px),
(min-width: 992px) and (max-width: 1199px) {
  #index_content_block1 {
    padding: 0 30px 0 30px;
  }
}

#erv9,
#clientcentric_inner,
#client_data {
  padding: 54px 0 54px 0;
}

#client_data {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: flex-start;
}

#client_data .data_box_data {
  padding: 18px 0 10px 0;
  font-size: 42px;
}

#client_data .data_box_desc {
  top: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

#prizes_inner {
  padding: 54px 0 54px 0;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #prizes_inner {
    padding: 0;
  }
}

.erv_block {
  position: relative;
  padding: 0 40px 0 40px;
  border-left: 1px solid #51bfcf;
}

@media (max-width: 767px) {
  .erv_block {
    padding: 0;
    border-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .erv_block {
    padding: 0 20px 0 20px;
  }
}

.erv_block:first-of-type {
  border-left: 0;
  padding: 0 40px 0 0;
}

@media (max-width: 767px) {
  .erv_block:first-of-type {
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .erv_block:first-of-type {
    padding: 0 20px 0 20px;
  }
}

#iso {
  padding: 0px 0 54px 0;
}

.spinner_block {
  width: 14.28%;
  float: left;
  min-height: 360px;
  position: relative;
}

@media (max-width: 767px) {
  .spinner_block {
    width: 100%;
    min-height: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px),
(min-width: 992px) and (max-width: 1199px) {
  .spinner_block {
    width: 33.3%;
    min-height: 0;
  }
}

.spinner {
  visibility: hidden;
  position: relative;
  width: 165px;
  height: 200px;
  margin: 0 auto;
  display: block;
  /*border-radius: 50%;
  border: 6px solid #51BFCF; 
  border-top-color: #EAEAEA;
  -ms-transform: rotate(45deg); 
  -webkit-transform: rotate(45deg); 
  transform: rotate(45deg);*/
}

/*.spinner_active {
  -webkit-animation: spin 1s linear 1; 
  animation: spin 1s linear 1; 
}*/
.iso_title {
  width: 100%;
  height: 160px;
  position: absolute;
  top: 6px;
  left: 0;
}

.iso_title p {
  margin-top: 55px;
  color: #444;
  text-align: center;
  width: 100%;
  font: bold 24px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  opacity: 0;
  transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out;
}

.iso_title p .ohsas {
  width: 100%;
  float: left;
  text-transform: none;
  font-size: 12px;
}

.iso_title_active p {
  opacity: 1 !important;
}

.iso_desc {
  height: 140px;
  position: relative;
}

.iso_desc p {
  width: 100%;
  color: #444;
  text-align: center;
  font: normal 17px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  letter-spacing: 0.5px;
  padding-top: 26px;
}

.iso_desc p:before {
  position: absolute;
  content: "";
  border: 1px solid transparent;
  border-top-color: #0099ad;
  width: 40%;
  top: 0px;
  left: 30%;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .iso_desc {
    height: 100px;
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#parallax_index {
  float: left;
  width: 100%;
  height: 500px;
  background: url(pics/stockphoto4.png) 50% 0 no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  #parallax_index {
    height: 178px;
  }
}

#clientcentric_inner {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 72px;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #clientcentric_inner {
    padding: 30px 15px 30px 15px;
  }
}

#client_left {
  padding-left: 20px;
}

@media (max-width: 767px) {
  #client_left {
    padding: 0 0 18px 20px;
  }
}

.client_box .client_box_top {
  height: 76px;
  width: 100%;
  background-color: #f5f5f5;
  margin-bottom: 2px;
  cursor: pointer;
}

.client_box .client_box_top .client_icon {
  display: block;
  width: 39px;
  height: 100%;
  background: url(pics/icon_open.png) 0 50% no-repeat;
  margin-left: -19px;
  float: left;
  margin-right: 18px;
}

.client_box_opened .client_box_top .client_icon {
  background: url(pics/icon_close.png) 0 50% no-repeat;
}

.client_box .client_box_bottom {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  line-height: 1.8em;
  box-sizing: content-box !important;
}

.client_box .client_box_bottom p {
  float: left;
  display: block;
  padding-bottom: 18px;
}

@media (max-width: 767px) {
  .client_box .client_box_bottom p {
    line-height: 1.6em;
    font-size: 14px;
    width: auto;
  }
}

.client_box_closed .client_box_bottom {
  height: 0px;
  overflow: hidden;
}

.client_box_opened .client_box_bottom {
  padding: 18px 36px 18px 36px;
  min-height: 200px;
}

@media (max-width: 767px) {
  .client_box_opened .client_box_bottom {
    padding: 18px 0;
  }
}

#client_right {
  height: 570px;
  background: url(pics/client_block_img.png) 50% 50% no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  #client_right {
    height: 300px;
  }
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .data_box {
    padding-bottom: 18px;
  }
}

.data_box_img {
  width: 100%;
  height: 56px;
  background-image: url(pics/data_icons.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
}

@media (max-width: 767px) {
  .data_box_img {
    padding-bottom: 30px;
  }
}

#data_box_img2 {
  background-position: 50% -58px;
}

#data_box_img3 {
  background-position: 50% -116px;
}

#data_box_img4 {
  background-position: 50% -174px;
}

#data_box_img5 {
  background-position: 50% -231px;
}

.data_box_data,
.data_box_desc {
  display: block;
  width: 100%;
  text-align: center;
}

.data_box_data {
  font: bold 46px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  color: #444;
  padding: 18px 0 18px 0;
}

.data_box_data sup {
  font-size: 20px;
}

@media (max-width: 767px) {
  .data_box_data {
    padding-top: 0px;
  }
}

#partners {
  min-height: 630px;
  background-color: #444;
  padding: 0;
}

.partner {
  height: 212px;
  padding: 0;
  background-size: cover !important;
}

.partner a,
.partner_logo {
  display: block;
  width: 100%;
  height: 100%;
}

.partner a:hover {
  background-image: url("pics/partner_active.png");
}

.prize_block {
  margin: 0 auto 36px;
  width: 20%;
}

@media (max-width: 767px) {
  .prize_block {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .prize_block {
    width: 33.3%;
  }
}

/*.prize_services .prize_block {
  margin: 0 auto 36px;
  width: 33.3%;
}*/
.prize_column .prize_block {
  width: 100%;
}

.prize_header {
  height: 150px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
}

#prize_header1 {
  background-image: url(pics/issa.png);
}

#prize_header2 {
  background-image: url(pics/spa2012.png);
}

#prize_header3 {
  background-image: url(pics/spa2014.png);
}

.prize_spinner {
  margin: 0 auto;
}

.prize_title {
  width: 100%;
  height: 160px;
  position: absolute;
  top: 130px;
  left: 0;
}

.prize_title p {
  margin: 40px auto;
  color: #444;
  text-align: center;
  width: 90px;
  font: normal 17px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  opacity: 0;
  transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out;
}

.prize_title p span {
  width: 100%;
  float: left;
  border-top: 1px solid #0099ad;
  text-transform: none;
  font-weight: bold;
  margin-top: 10px;
  padding-top: 6px;
}

.prize_title_active p {
  opacity: 1 !important;
}

.prize_desc {
  margin: 0 auto;
  width: 162px;
  height: 100px;
  position: relative;
}

.prize_desc p {
  width: 100%;
  color: #444;
  text-align: left;
  font: normal 18px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  margin-top: 40px;
  letter-spacing: 1px;
  position: relative;
  padding-bottom: 12px;
}

.prize_desc p strong {
  font-weight: bold;
}

.prize_desc p:after {
  position: absolute;
  content: "";
  border: 1px solid transparent;
  border-top-color: #0099ad;
  width: 10%;
  left: 0;
  bottom: 0;
}

.prize_desc .prize_year {
  width: 100%;
  float: left;
  margin-top: 20px;
}

#quotes {
  min-height: 520px;
  background: #212121 url(pics/stockphoto3.png) 50% 50% no-repeat;
  background-size: cover;
  padding: 0;
}

#quotes h3 {
  color: #fff;
  text-align: center;
  border-bottom: 1px solid #595959;
  padding: 62px 0 54px 0;
  font-size: 36px;
}

#quotes h3:after {
  width: 4%;
  top: 159px;
  left: 48%;
}

#quotes_bottom {
  width: 100%;
  border-top: 1px solid #595959;
  float: left;
}

#logo_line {
  display: block;
  height: 184px;
}

.logo_line_element {
  height: 100%;
  padding: 30px;
}

.logo_line_element span {
  float: left;
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/*----------------------------------------------------------------
Testimonials
-----------------------------------------------------------------*/
/** testimonials **/
#testimonials {
  display: block;
  width: 100%;
  min-height: auto;
  margin-bottom: 50px;
}

#testimonials .carousel-wrap {
  display: block;
  width: 750px;
  margin: 0 auto 0;
  overflow: hidden;
}

#testimonials .carousel-nav {
  display: block;
  max-width: 1100px;
  margin: -90px auto 0;
  position: relative;
  z-index: 5;
}

#testimonials .carousel-nav .fa {
  cursor: pointer;
  width: 20px;
  font-size: 20px;
  text-align: center;
  color: #dcdcdc;
}

.carousel-btn {
  width: 45px;
  height: 46px;
  cursor: pointer;
}

#testimonials .carousel-nav .prevbtn {
  float: left;
  background: url(pics/prevbtn.png) 50% 50% no-repeat;
}

#testimonials .carousel-nav .nextbtn {
  float: right;
  background: url(pics/nextbtn.png) 50% 50% no-repeat;
}

#testimonials .carousel-wrap ul {
  display: block;
  list-style: none;
  position: relative;
}

#testimonials .carousel-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 750px;
  margin-right: 15px;
}

#testimonials .carousel-wrap li .context p {
  font-size: 22px;
  line-height: 1.8em !important;
  color: #fff;
  font: normal 18px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  text-align: center;
  margin-bottom: 36px;
  padding-bottom: 14px;
}

#testimonials .carousel-wrap .credits {
  text-align: center;
}

#testimonials .carousel-wrap .credits span {
  width: 100%;
  float: left;
  margin-bottom: 8px;
}

#testimonials .carousel-wrap .credits .credits_name {
  font: bold 18px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  color: #fff;
}

#testimonials .carousel-wrap .credits .credits_rank {
  font: italic 18px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  color: #fff;
  text-transform: none;
}

#testimonials .carousel-wrap .credits .credits_web {
  font: normal 16px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  text-transform: none;
}

@media (max-width: 767px) {
  #contact_box {
    padding: 0 30px 0 30px;
  }
}

#contact_form,
#newsletter_form {
  padding: 56px 0 0px 0;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {

  #contact_form,
  #newsletter_form {
    padding: 54px 0 0px 0;
  }
}

#newsletter_form {
  padding-bottom: 90px;
}

.wpcf7-form {
  padding-right: 0px;
}

.wpcf7-form ::-webkit-input-placeholder {
  color: #000;
}

.wpcf7-form :-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}

.wpcf7-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}

.wpcf7-form :-ms-input-placeholder {
  color: #000;
}

.wpcf7-form :-input-placeholder {
  color: #000;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .wpcf7-form {
    padding: 0;
  }
}

.wpcf7-form-control-wrap {
  float: left;
  padding-right: 0px;
  width: 100%;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap select {
  width: 100%;
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  margin-bottom: 15px;
  background-color: #e0f5f5;
  border: none;
  padding: 20px 0 20px 30px;
}

.wpcf7-form-control-wrap textarea {
  height: 193px;
  padding-left: 20px !important;
}

.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:focus {
  background-color: #effafa;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .wpcf7-form-control-wrap {
    padding: 0;
  }
}

label {
  width: 100%;
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  padding: 0 0 15px 15px;
  color: #777;
}

.wpcf7-form-control-wrap:first-of-type {
  padding-right: 15px;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .wpcf7-form-control-wrap:first-of-type {
    padding-right: 0;
  }
}

.your-surname,
.your-name {
  width: 50%;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {

  .your-surname,
  .your-name {
    width: 100%;
  }
}

.wpcf7-submit,
.continue {
  border: none;
  background-color: #51bfcf;
  color: #fff;
  font: bold 16px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  text-transform: uppercase;
  padding: 8px 30px 8px 30px;
  border-radius: 18px;
  margin-top: 36px;
}

.continue {
  float: left;
  padding: 6px 10px 6px 10px;
  margin-top: 18px;
}

.continue:hover {
  color: #fff;
  background-color: #0099ad;
  text-decoration: none;
}

.wpcf7-submit:hover {
  background-color: #0099ad;
}

#newsletter_form h3 {
  margin-bottom: 0px;
}

#newsletter_form .wpcf7-submit {
  margin-top: 20px;
}

#newsletter_form h3:after {
  border: 0;
}

.wpcf7-not-valid-tip {
  font: normal 13px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  margin-top: -15px;
}

.wpcf7-response-output {
  margin: 36px 0 0 0 !important;
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  border-radius: 6px;
  padding: 8px !important;
}

.page-template-country-selector #footer {
  margin-top: 0px;
}

#footer {
  /*margin-top: 108px;*/
  padding: 0;
}

.page-template-page_joblister #footer {
  margin-top: 54px;
}

#footer_upper {
  position: relative;
  min-height: 412px;
  background-color: #433b3d;
  padding: 0;
  padding-bottom: 65px;
}

@media (min-width: 500px) {
  #footer_upper {
    padding-bottom: 0px;
  }
}

#footer_upper h5 {
  font: bold 16px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 30px;
}

#footer_upper .infoblokk {
  position: absolute;
  right: 0;
  bottom: 0;
}

#footer_upper .infoblokk.fixed {
  position: fixed;
  z-index: 1000;
}

@media (max-width: 767px) {
  #footer_upper h5 {
    text-align: center;
    margin-bottom: 18px;
  }
}

#footer_img {
  margin: -54px auto 0;
  max-width: 1200px;
  width: 100%;
  height: 108px;
  background: url(pics/footer_img.png) 0 0 no-repeat;
  background-size: contain;
}

#footer_inner {
  height: 65px;
  margin: 54px 0 50px 0;
  padding: 0;
}

@media (max-width: 767px) {
  #footer_inner {
    height: auto;
    margin: 36px 0 36px 0;
  }
}

.footer_box {
  padding: 0;
}

@media (max-width: 767px) {
  .footer_box {
    padding-bottom: 54px;
  }
}

#logo_footer {
  float: left;
  height: 100%;
  background: url(pics/bn_logo_footer.png) 15px 50% no-repeat;
}

@media (max-width: 767px) {
  #logo_footer {
    height: 65px;
    background-position: 50% 50%;
    margin-bottom: 18px;
  }
}

#navbar_footer {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#navbar_footer li a {
  color: #fff;
}

#navbar_footer li a:hover {
  color: #0099ad;
}

@media (max-width: 767px) {
  #navbar_footer {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    border: 0;
  }

  #navbar_footer li a {
    padding: 8px;
    display: block;
    border-right: 0;
    text-align: center;
  }
}

#navbar_footer li.current-menu-item .sub-menu,
#navbar_footer li.current-page-ancestor .sub-menu {
  display: flex;
}

#navbar_footer li.current-menu-item .sub-menu li a,
#navbar_footer li.current-page-ancestor .sub-menu li a {
  color: #0099af;
}

#navbar_footer li.current-menu-item .sub-menu li a:hover,
#navbar_footer li.current-page-ancestor .sub-menu li a:hover,
#navbar_footer li.current-page-ancestor .sub-menu li.current-menu-item a {
  color: #0099ad;
}

#navbar_footer .sub-menu {
  position: absolute;
  padding: 5px 0 0 0;
  display: none;
  border-top: 1px solid #0099af;
  height: 55px;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 663px;
  background: #433b3d;
}

#navbar_footer .sub-menu li {
  float: left;
  display: block;
  margin: 0;
}

#navbar_footer .sub-menu li:first-child {
  border-left: 1px solid #51bfcf;
}

#navbar_footer .sub-menu li a {
  display: inline-block;
  font: bold 14px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  border-left: 0px !important;
  padding: 0px 10px;
  color: #0099af;
}

#navbar_footer .sub-menu li:last-child {
  border-right: none;
}

#navbar_footer .sub-menu li:last-child img {
  vertical-align: top;
}

.social_box {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  border: 1px solid #fff;
  cursor: pointer;
}

.social_box i {
  color: #fff;
  font-size: 22px;
  text-align: center;
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#footer .social_box:hover {
  border-color: #0099ad;
}

.facebook {
  float: left;
}

@media (max-width: 767px) {
  .facebook {
    margin: 0 0 0 25%;
  }
}

.linkedin {
  float: left;
  margin-left: 54px;
}

@media (max-width: 767px) {
  .linkedin {
    float: right;
    margin: 0 25% 0 0;
  }
}

#footer_box2 h5 {
  color: #0099ad;
  font-size: 18px;
}

#footer_box2 .footer_contact_box {
  padding: 0;
}

#footer_box2 .footer_contact_box p {
  float: left;
  font: normal 16px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  color: #fff;
  margin-bottom: 0px;
}

#footer_box2 .footer_contact_box p span {
  float: left;
  line-height: 1.6em;
}

@media (max-width: 767px) {
  #footer_box2 .footer_contact_box p span {
    width: 100%;
    text-align: center;
  }
}

#footer_box2 .footer_contact_box p .footer_contact_title {
  margin-right: 14px;
  font-weight: bold;
  color: #0099ad;
  min-width: 47px;
}

#footer_box2 .footer_contact_box p .footer_contact_title a {
  color: #0099ad !important;
}

@media (max-width: 767px) {
  #footer_box2 .footer_contact_box p .footer_contact_title {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 767px) {
  #footer_box2 .footer_contact_box p {
    width: 100%;
    margin: 0 0 18px 0;
    clear: both;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #footer_box2 .footer_contact_box p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  #footer_box2 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.member {
  width: 100%;
}

.member .member_img {
  max-width: 200px;
}

.member .member_img a {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .member .member_img {
    max-width: 100%;
  }
}

.member .member_title {
  color: #0099ad;
  font: normal 14px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  margin-top: 5px;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .member .member_title {
    text-align: center;
  }
}

#leomember {
  height: 28px;
  background: url(pics/leomember.png) 0 0 no-repeat;
}

@media (max-width: 767px) {
  #leomember {
    background-position: 50% 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #leomember {
    background-position: 50% 0;
    background-size: contain !important;
  }
}

#matiszmember {
  height: 60px;
  background: url(pics/matiszmember.png) 0 0 no-repeat;
}

@media (max-width: 767px) {
  #matiszmember {
    background-position: 50% 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #matiszmember {
    background-size: contain;
  }
}

#footer_lower {
  min-height: 105px;
  background-color: #0099ad;
}

#footer_lower h5 {
  font: bold 16px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  margin: 30px auto 12px;
  width: 100%;
  text-align: center;
}

#footer_lower p {
  color: #fff;
  width: 100%;
  letter-spacing: 1px;
  text-align: center;
  font: normal 12px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  text-transform: uppercase;
}

#footer_lower p a {
  color: #fff;
}

@media (max-width: 767px) {
  #footer_lower {
    padding-bottom: 18px;
  }
}

#footer_info {
  text-align: right;
  display: none;
}

@media (max-width: 991px) {
  #footer_info {
    display: block;
  }
}

.hero {
  margin-top: 150px;
}

@media (max-width: 1023px) {
  .hero {
    margin-top: 100px;
  }
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .hero {
    margin-top: 100px;
  }
}

.service_hero {
  background-color: #333;
  width: 100%;
  height: 300px;
  background-size: cover !important;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .service_hero {
    height: 150px;
  }
}

.hero_szolgaltatasok,
.hero_services {
  background: url(pics/szolgaltatasok_header.png) 50% 50% no-repeat;
}

.hero_takaritas-es-higienia,
.hero_cleaning-and-hygiene {
  background: url(pics/takaritas-header.jpg) 50% 50% no-repeat;
}

.hero_egeszsegugyi-takaritas,
.hero_healthcare-cleaning {
  background: url(pics/eutak_header.png) 50% 50% no-repeat;
}

.hero_muszaki-uzemeltetes,
.hero_facility-management {
  background: url(pics/muszaki_header.png) 50% 50% no-repeat;
}

.hero_kerteszet-es-erdogazdalkodas,
.hero_gardening-landscaping-and-forestry {
  background: url(pics/kerteszet_header.png) 50% 50% no-repeat;
}

.hero_dallmayr-automatak,
.hero_vending-services {
  background: url(pics/dallmayr_header.png) 50% 50% no-repeat;
}

.hero_bertextil-es-munkavedelmi-eszkozok,
.hero_textile-management-and-protective-equipment {
  background: url(pics/bertextil_header.png) 50% 50% no-repeat;
}

.single .service_hero,
.hero_allaslehetoseg,
.hero_open-positions {
  background: url(pics/job_header.png) 50% 50% no-repeat;
}

.hero_elerhetosegek,
.hero_contact-us {
  background: url(pics/contact_header.png) 50% 0% no-repeat;
}

.hero.hero_fit-out {
  background: url(pics/fitout_header.jpg) 50% 0% no-repeat;
}

.hero_news {
  background: url(pics/news_header.jpg) 50% 0% no-repeat;
}

.hero_gallery {
  background: url('pics/hero-gallery-bg.jpg') 50% 0% no-repeat;
}

#content {
  padding-bottom: 0px;
}

.page-template-page-service #content_left_main li {
  margin-bottom: 15px;
}

.page-template-page-service #content_left_main ul li ul {
  margin-top: 20px;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #content {
    padding-bottom: 36px;
  }
}

#content_header {
  padding: 0;
}

#content_header .feature_title i {
  width: 35px;
  height: 38px;
  background-size: cover;
  margin-top: 16px;
}

#content_header h1 {
  font: bold 26px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 36px 0 36px 0;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #content_header h1 {
    text-align: center;
  }
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .page-template-service_lister #content_header h1 {
    padding-bottom: 0;
  }
}

#content_header h2 {
  position: relative;
  font: bold 26px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 36px 0 36px 0;
  line-height: 1.6em;
}

@media (max-width: 767px) {
  #content_header h2 {
    font-size: 18px;
  }
}

#content_header h2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 40px;
  border: 1px solid transparent;
  border-top-color: #0099ad;
}

#content_header h2:after,
.content_allaslehetoseg #content_header h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 40px;
  border: 1px solid transparent;
  border-top-color: #0099ad;
}

#content_header.post h2:before {
  content: none;
}

#content_header.post h1 {
  position: relative;
}

#content_header.post h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 40px;
  border: 1px solid transparent;
  border-top-color: #0099ad;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .content_allaslehetoseg #content_header h1:after {
    width: 10%;
    left: 45%;
  }
}

#content_left {
  padding-left: 0;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #content_left {
    padding: 0;
  }
}

#content_left_header {
  margin-top: 36px;
  margin-bottom: 36px;
}

#content_left_main {
  padding: 15px 30px 0 0;
  color: #444;
}

#content_left_main h3 {
  font: bold 24px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #content_left_main h3 {
    font-size: 18px;
    text-align: left;
  }
}

#content_left_main h4 {
  float: left;
  display: block;
  width: 100%;
  padding: 18px 0 18px 0;
  font: bold 16px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  text-transform: uppercase;
  position: relative;
  clear: both;
}

#content_left_main h2 {
  font: bold 22px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  margin: 20px 0px;
}

#content_left_main p {
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  line-height: 1.4em;
  margin-bottom: 18px;
}

#content_left_main p strong {
  font-weight: bold;
}

#content_left_main p a {
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
}

#content_left_main img {
  width: 100%;
  height: auto;
}

#content_left_main ul {
  position: relative;
  float: left;
  margin-bottom: 36px;
  clear: both;
  width: 100%;
}

#content_left_main li {
  list-style-type: disc;
  margin-left: 20px;
}

#content_left_header {
  height: 500px;
  background-size: cover;
  background-color: #333;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #content_left_header {
    height: 250px;
  }
}

#content_left_contact {
  padding: 14px 0 15px 0;
}

#content_left_contact h3 {
  text-transform: lowercase;
  margin-bottom: 18px;
}

#content_left_contact p {
  font: normal 17px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  line-height: 1.4em;
  margin-bottom: 18px;
}

#content_left_contact p a {
  color: #51bfcf;
}

#content_left_contact .social_box {
  border: 1px solid #5c5c5c;
  background-color: #fff;
  cursor: pointer;
}

#content_left_contact .social_box i {
  color: #5c5c5c;
  font-size: 26px;
}

#content_left_contact .social_box:hover {
  border-color: #51bfcf;
}

#content_left_contact .linkedin {
  margin-left: 36px;
}

#content_right {
  padding-top: 36px;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #content_right {
    padding: 36px 0 0 0;
  }
}

#sidebar_title {
  margin: 0;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #sidebar_title {
    text-align: left;
  }
}

.service_box {
  padding: 0 15px 0 0;
}

.service_box.newsroom {
  background-color: #444444;
  padding: 0px;
}

.service_box.newsroom .newsroom-logo {
  padding-top: 10px;
}

.service_box.newsroom .content {
  padding: 0px 15px 15px 15px;
}

.service_box.newsroom h3 {
  padding-top: 5px;
}

.service_box.newsroom h3 a,
.service_box.newsroom p {
  color: #fff;
}

.service_box.newsroom h3::before {
  content: none;
}

.service_box.newsroom p:last-child {
  display: none;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .service_box {
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .service_box {
    min-height: 450px;
  }
}

.service_box h3 {
  font-size: 18px;
  position: relative;
  padding: 30px 0 30px 0;
  margin: 0;
}

.service_box h3 a {
  color: #444;
  text-decoration: none;
}

.service_box h3 a:hover {
  color: #51bfcf;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .service_box h3 {
    text-align: left;
  }
}

.service_box_sidebar {
  margin-bottom: 36px;
}

.service_box_sidebar h3:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 40px;
  border: 1px solid transparent;
  border-top-color: #0099ad;
}

.service_box_sidebar.post h3:before {
  bottom: auto;
  top: 0px;
}

#content_right p {
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
}

.service_list_element {
  min-height: 350px;
}

.service_list_element h3 {
  padding-bottom: 18px;
  margin-bottom: 18px;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .service_list_element h3 {
    text-align: left;
  }
}

.service_list_element h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  border: 1px solid transparent;
  border-top-color: #0099ad;
}

.service_box_img {
  width: 100%;
  max-width: 260px;
  height: 150px;
  background-color: #444;
  margin-bottom: 30px;
  background-size: cover;
}

.service_box_img a {
  width: 100%;
  height: 100%;
  display: block;
}

.service_box_img a .service_icon {
  display: block;
  position: relative;
  top: 40px;
  margin: 0px auto;
  width: 64px;
  height: 71px;
  background-image: url(pics/service_icons.png);
  background-repeat: no-repeat;
}

.content_cleaning-and-hygiene #feature_icon_service,
.content_takaritas-es-higienia #feature_icon_service {
  background-position: -37px 0;
}

.content_healthcare-cleaning #feature_icon_service,
.content_egeszsegugyi-takaritas #feature_icon_service {
  background-position: -147px 0;
}

.content_gardening-landscaping-and-forestry #feature_icon_service,
.content_kerteszet-es-erdogazdalkodas #feature_icon_service {
  background-position: -110px 0;
}

.content_muszaki-uzemeltetes #feature_icon_service {
  background-position: 0px 0;
}

.content_kerteszet #feature_icon_service {
  background-position: -110px 0;
}

.content_textile-management-and-protective-equipment #feature_icon_service,
.content_bertextil-es-munkavedelmi-eszkozok #feature_icon_service {
  background-position: -73px 0;
}

.content_fit-out #feature_icon_service {
  background-position: -218px 0;
}

.content_vending-services #feature_icon_service,
.content_dallmayr-automatak #feature_icon_service {
  background-position: -183px 0;
}

#service-healthcare-cleaning .service_icon,
#service-egeszsegugyi-takaritas .service_icon {
  background-position: -65px 0;
}

#service-gardening-landscaping-and-forestry .service_icon,
#service-kerteszet-es-erdogazdalkodas .service_icon {
  background-position: -261px 0;
}

#service-facility-management .service_icon,
#service-muszaki-uzemeltetes .service_icon {
  background-position: -131px 0;
}

#service-textile-management-and-protective-equipment .service_icon,
#service-bertextil-es-munkavedelmi-eszkozok .service_icon {
  background-position: -196px 0;
}

#service-fit-out .service_icon {
  background-position: -389px 0;
}

#service-kerteszet .service_icon {
  background-position: -261px 0;
}

#service-vending-services .service_icon,
#service-dallmayr-automatak .service_icon {
  background-position: -325px 0;
}

.service_box_desc {
  padding-bottom: 30px;
}

.service_box_desc li {
  font-size: 16px;
  margin: 0 0 0 15px;
  list-style-type: disc;
  list-style-position: outside;
}

.service_list_element .service_box_desc {
  padding: 0 0 0 30px;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .service_list_element .service_box_desc {
    padding: 0;
  }
}

#textile {
  background: url(pics/textile_flowchart2.fw.png) 50% 50% no-repeat;
  height: 787px;
  background-size: contain;
}

@media (max-width: 767px) {
  #textile {
    background: url(pics/textile_flowchart_mobile.png) 0 0 no-repeat;
    background-size: contain;
  }
}

#contact_form_contact {
  margin: 72px 0 180px 0;
}

#contact_form_contact h3 {
  margin-bottom: 36px;
  padding-bottom: 36px;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #contact_form_contact h3 {
    text-align: center;
    margin-bottom: 36px;
  }
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #contact_form_contact {
    margin: 54px 0 72px 0;
  }
}

#contact_content {
  margin-top: 170px;
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
}

#contact_content h4,
#contact_content p {
  margin-bottom: 18px;
}

#contact_content h4 {
  text-transform: uppercase;
  color: #51bfcf;
  font-weight: bold;
}

#contact_content p {
  color: #444;
}

#contact_content p a {
  color: #51bfcf;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #contact_content {
    margin: 0 0 90px 0;
  }
}

.content_allaslehetoseg #content_header h2:before,
.content_allaslehetoseg #content_header h2:after {
  border: none;
}

.service_box_job {
  margin-top: 40px;
  padding-bottom: 0px;
}

.service_box_job .service_box_img {
  height: 180px;
}

.service_box_job h3 {
  padding: 0;
  font-size: 20px;
}

.service_box_job h3:after {
  border: none;
}

.service_box_job h3 a {
  color: #51bfcf;
}

.service_box_job h3 a:hover {
  color: #0099ad;
}

.service_box_job p {
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
}

#job_bottom {
  width: 100%;
  height: 500px;
  background: url(pics/job_bottom.png) 50% 50% no-repeat;
}

.page-template-page_joblister #content {
  padding-bottom: 0px;
}

#satisfied_employees {
  padding: 0;
}

#satisfied_employees h3 {
  font: bold 26px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 36px 0 36px 0;
}

#satisfied_employees h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 40px;
  border: 1px solid transparent;
  border-top-color: #0099ad;
}

@media (min-width: 768px) and (max-width: 991px) {
  #satisfied_employees h3:after {
    width: 10%;
    left: 45%;
  }
}

#satisfied_employees #testimonials {
  display: block;
  width: 100%;
  min-height: auto;
  background-color: #51bfcf;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 54px;
}

#satisfied_employees #testimonials .carousel-wrap {
  display: block;
  width: 750px;
  margin: 0 auto;
  overflow: hidden;
}

#satisfied_employees #testimonials .carousel-nav {
  display: block;
  max-width: 1100px;
  margin: -190px auto 0;
  position: relative;
  z-index: 5;
}

#satisfied_employees #testimonials .carousel-nav .fa {
  cursor: pointer;
  width: 20px;
  font-size: 20px;
  text-align: center;
  color: #dcdcdc;
}

#satisfied_employees .carousel-btn {
  width: 45px;
  height: 46px;
  cursor: pointer;
  position: absolute;
  top: 43%;
}

#satisfied_employees #testimonials .prevbtn {
  float: left;
  background: url(pics/prevbtn.png) 50% 50% no-repeat;
}

#satisfied_employees #testimonials .nextbtn {
  float: right;
  background: url(pics/nextbtn.png) 50% 50% no-repeat;
  right: 15px;
}

#satisfied_employees #testimonials .carousel-wrap ul {
  display: block;
  list-style: none;
  position: relative;
}

#satisfied_employees #testimonials .carousel-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 750px;
  margin-right: 15px;
}

#satisfied_employees #testimonials .carousel-wrap li .context p {
  font-size: 22px;
  line-height: 1.2em !important;
  color: #fff;
  font: bold 24px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  text-transform: uppercase;
  text-align: left;
  margin-top: 36px;
  margin-bottom: 0px;
  padding-bottom: 14px;
}

@media (min-width: 768px) and (max-width: 991px) {
  #satisfied_employees #testimonials .carousel-wrap li .context p {
    width: 70%;
    margin: 36px auto 18px;
  }
}

#satisfied_employees #testimonials .carousel-wrap .credits {
  text-align: center;
}

#satisfied_employees #testimonials .carousel-wrap .credits span {
  width: auto;
  float: left;
  margin: 0 8px 8px 0;
}

#satisfied_employees #testimonials .carousel-wrap .credits .credits_name {
  font: bold 18px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  color: #fff;
}

#satisfied_employees #testimonials .carousel-wrap .credits .credits_rank {
  font: italic 18px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  color: #fff;
  text-transform: none;
}

#satisfied_employees #testimonials .carousel-wrap .credits .credits_web {
  font: normal 16px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  text-transform: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  #satisfied_employees #testimonials .carousel-wrap .credits {
    width: 70%;
    margin: 36px auto 18px;
  }
}

/*
#about_wrapper {
    padding: 0 0 108px 0;
}
*/
@media (max-width: 767px) {
  #about_wrapper {
    padding: 0 0 36px 0;
  }
}

#about_header1.hu {
  /*background: url('pics/stockphoto4.png') 50% 100px no-repeat;*/
  /* background: url('pics/BN-FRAME_Map-image_3840x350px_HU.jpg') 50% no-repeat; */
  background: url("pics/BN-FRAME_Map-slider_VILAGOS_3840x350px_2025-02-06_AD_HU.jpg") 50% no-repeat;
}

#about_header1.en {
  /*background: url('pics/stockphoto4.png') 50% 100px no-repeat;*/
  /* background: url('pics/BN-FRAME_Map-image_3840x350px_EN.jpg') 50% no-repeat; */
  background: url("pics/BN-FRAME_Map-slider_VILAGOS_3840x350px_2025-02-06_AD_EN.jpg") 50% no-repeat;
}

@media (min-width: 992px) and (max-width: 1199px) {
  #about_header1 {
    background-position: 50% 0;
  }
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  #about_header1 {
    background-position: 50% 0;
  }
}

#about_header2 {
  background: url("pics/about_header2.png") 50% 50% no-repeat;
}

#about_header3 {
  background: url("pics/about_header3.png") 50% 50% no-repeat;
}

#about_header4 {
  background: url("pics/about_header4.png") 50% 50% no-repeat;
}

.about_header {
  float: left;
  width: 100%;
  height: auto;
  height: 300px;
  background-size: cover !important;
  padding: 0;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .about_header {
    height: 250px;
  }
}

.about_content {
  float: left;
  width: 100%;
  height: auto;
  padding: 54px 0 90px 0;
}

.about_content.no_bottom_padding {
  padding: 54px 0 0 0;
}

.about-text p {
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
}

#about_wrapper #client_data {
  height: auto;
  padding: 0px 0px 54px;
}

.about_content #erv9,
.about_content #iso,
.about_content #prizes_inner {
  padding: 0;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .about_content {
    padding: 54px 15px 54px 15px;
  }

  .about_content.no_bottom_padding {
    padding: 54px 15px 0;
  }
}

#about_content1 p {
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
}

#about_lead {
  border-bottom: 1px solid #d0d0d0;
  margin: 0px 0px 30px;
  padding: 0px 0px 45px;
}

#our-values {
  padding: 70px 0px 20px;
}

#our-values .wrapper {
  display: flex;
  flex-wrap: wrap;
}

#our-values .wrapper .left,
#our-values .wrapper .right {
  width: 39%;
}

#our-values .wrapper .right {
  margin: 0 0 0 12%;
}

#our-values .wrapper .box {
  margin: 0px 0px 60px;
}

#our-values .wrapper .box:last-child {
  margin: 0px;
}

#our-values .wrapper .box h4 {
  color: #0099af;
  font: 700 24px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  letter-spacing: 0.25px;
  line-height: 29px;
  margin: 0px 0px 10px;
  text-transform: uppercase;
}

#our-values .wrapper .box p {
  color: #444444;
}

@media (max-width: 768px) {

  #our-values .wrapper .left,
  #our-values .wrapper .right {
    width: 100%;
  }

  #our-values .wrapper .right {
    margin: 20px 0 0;
  }

  #our-values .wrapper .box {
    margin: 0px 0px 20px;
  }
}

@media (max-width: 480px) {
  #our-values .wrapper .box h4 {
    font-size: 20px;
  }
}

#solutions {
  margin-top: 54px;
  padding: 0;
}

.solution {
  padding: 0 36px 0 0;
}

.solution h4 {
  font: bold 20px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  color: #51bfcf;
  text-transform: uppercase;
}

.solution li {
  font-size: 20px;
  margin: 0 0 0 20px;
  list-style-type: disc;
}

#solution_left {
  border-right: 1px solid #51bfcf;
}

@media (max-width: 767px) {
  #solution_left {
    border-right: 0;
  }
}

#solution_right {
  padding-left: 54px;
}

@media (max-width: 767px) {
  #solution_right {
    padding-left: 0;
  }
}

.solution_box {
  min-height: 250px;
  padding-bottom: 36px;
}

@media (max-width: 767px),
(min-width: 768px) and (max-width: 991px) {
  .solution_box {
    min-height: auto;
  }
}

#text_content,
#text_content_inner {
  padding: 36px 0 90px 0;
}

#text_content_inner ul li {
  font: normal 18px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  list-style-type: disc;
  margin-left: 18px;
}

#text_content_inner ol li {
  font: normal 18px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  list-style-type: decimal;
  margin-left: 18px;
}

#text_content_inner h4 {
  font: bold 22px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  text-transform: uppercase;
  margin-bottom: 36px;
  padding-top: 18px;
}

#text_content_inner p {
  font: normal 18px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  margin-bottom: 18px;
}

#text_content_inner p strong {
  font-weight: bold;
}

/* K+F oldal */
#kf_header {
  background: url("pics/kf_header.jpg") 50% 50% no-repeat;
}

.kf_content {
  float: left;
  width: 100%;
  height: auto;
  padding: 54px 0 0 0;
}

.kf_text p {
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  line-height: 24px;
}

.kf_section {
  margin: 70px auto 100px;
  max-width: 956px;
}

.kf_section .lead {
  max-width: 468px;
}

.kf_section .lead p {
  font-weight: 700;
}

.kf_section .text {
  column-count: 2;
}

.kf_section .video {
  margin: 60px 0px 0px;
}

#disinfection-container {
  border: 1px solid #0099af;
  border-radius: 30px;
  padding: 160px 122px;
}

#disinfection-container .text {
  column-count: 2;
}

#disinfection-container .block {
  margin: 0px 0px 80px;
}

#disinfection-container .block:last-child {
  margin: 0px;
}

#disinfection-container .block .image {
  margin: 80px 0px 0px;
}

#disinfection-container .block .image img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 992px) {
  #disinfection-container {
    padding: 40px 20px;
  }
}

@media (max-width: 767px) {
  .kf_content {
    padding: 54px 15px 0px;
  }
}

@media (max-width: 576px) {
  .kf_section {
    margin: 40px 0px;
  }

  #disinfection-container .text,
  .kf_section .text {
    column-count: 1;
  }

  #disinfection-container .block .image {
    margin: 40px 0px 0px;
  }

  #disinfection-container .block {
    margin: 0px 0px 40px;
  }
}

#menu-sitemap_hu,
#menu-sitemap_hu-angol {}

#menu-sitemap_hu li,
#menu-sitemap_hu-angol li {
  margin: 0px 0px 5px !important;
  list-style-type: none !important;
}

#menu-sitemap_hu li .sub-menu,
#menu-sitemap_hu-angol li .sub-menu {
  padding-left: 18px;
}

#menu-sitemap_hu li a,
#menu-sitemap_hu-angol li a {
  color: #444;
  font: normal 16px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
}

#menu-sitemap_hu ul {
  padding: 0px 0px 0px 25px;
}

@media (min-width: 992px) {
  .news-container {
    display: flex;
    width: 100%;
  }

  .sidebar-news {
    width: 26%;
    padding: 0px 0px 0px 50px;
    border-left: 1px solid #1c8f94;
  }

  .news-wrapper.narrow {
    width: 74%;
    padding: 0px 50px 0px 0px;
  }
}

.sidebar-news .service_box_sidebar {
  padding: 0px;
}

.sidebar-news .service_box_sidebar p {
  font: normal 20px "Calibri", "Source sans pro", "Arial", "Open Sans",
    sans-serif;
  margin: 0px 0px 10px;
}

.sidebar-news .service_box_sidebar p:last-child {
  display: none;
  margin: 0px;
}

.news-container .newsroom-logo {
  margin: 0px 0px 30px;
  max-width: 100%;
}

.news-container .newsroom-logo img {
  max-width: 100%;
}

.news-wrapper {
  font: 700 18px "Calibri", "Source sans pro", "Arial", "Open Sans", sans-serif;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.news-wrapper .col {
  width: 48.3%;
  margin: 0px 0px 60px;
}

@media (max-width: 767px) {
  .news-wrapper .col {
    width: 100%;
  }
}

.news-wrapper .col h2 {
  position: relative;
  padding: 0px 0px 18px;
}

.news-wrapper .col h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  border: 1px solid transparent;
  border-top-color: #0099ad;
}

.news-wrapper .col h2 a {
  color: #444444;
  text-transform: uppercase;
}

.news-wrapper .col h2 a:hover {
  text-decoration: none;
  color: #51bfcf;
}

.news-wrapper .col .image {
  overflow: hidden;
  margin: 18px 0px;
  max-height: 285px;
}

@media (max-width: 767px) {
  .news-wrapper .col .image {
    max-height: none;
  }
}

.news-wrapper .col .image img {
  max-width: 100%;
  height: auto;
}

.news-wrapper .col p {
  font-weight: 400;
  line-height: 24px;
}

#error-box {
  background-image: url("pics/404.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 360px;
  position: relative;
}

#error-box .text {
  position: absolute;
  left: 10px;
  top: 31%;
}

#error-box .text h1 {
  color: #51bfcf;
  font-size: 70px;
  font-weight: 700;
  line-height: 72px;
}

#error-box .text p {
  color: #444444;
  font-size: 14px;
  line-height: 21px;
}

@media (min-width: 480px) {
  #error-box {
    height: 500px;
  }

  #error-box .text {
    left: 5%;
  }

  #error-box .text h1 {
    font-size: 146px;
    line-height: 108px;
  }

  #error-box .text p {
    font-size: 18px;
    line-height: 29px;
  }
}

@media (min-width: 768px) {
  #error-box {
    height: 626px;
  }

  #error-box .text {
    left: 13%;
    top: 31%;
  }

  #error-box .text h1 {
    font-size: 146px;
    line-height: 108px;
  }

  #error-box .text p {
    font-size: 24px;
    line-height: 29px;
  }
}

@media (min-width: 992px) {
  #error-box .text {
    left: 25%;
    top: 31%;
  }
}

.wp-block-column {
  margin-bottom: 30px;
}

.wp-block-cover .wp-block-cover__inner-container a,
.wp-block-cover .wp-block-cover__inner-container p {
  text-decoration: none;
  font-size: 24px !important;
  line-height: 32px !important;
}

@media (min-width: 768px) {

  .wp-block-cover .wp-block-cover__inner-container a,
  .wp-block-cover .wp-block-cover__inner-container p {
    font-size: 28px !important;
    line-height: 36px !important;
  }
}

@media (min-width: 781px) {
  .wp-block-column {
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  .wp-block-cover .wp-block-cover__inner-container a {
    font-size: 42px !important;
  }
}

.idea-box-hero {
  width: 100%;
  height: 338px;
  background-size: cover;
  background: url(pics/binnovacio_v3.png) 50% 0% no-repeat;
  background-position-x: 50%;
  background-position-y: 0%;
  background-size: auto;
}

#idea-box .content-narrow {
  font-family: "Source sans pro";
  display: grid;
  gap: 1.25rem;
  margin-bottom: 43px;
}

#idea-box .content-narrow>* {
  font-size: 1rem;
  line-height: 1.25rem;
}

#idea-box .content-narrow h1 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.875rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
}

#idea-box .content-narrow h3 {
  padding: 0;
  margin: 0;
  font-size: 1.25rem;
}

#idea-box-form {
  margin-top: 4.375rem;
  width: 796px;
  max-width: 100%;
}

#idea-box-form .title.first {
  margin-top: 0px;
}

#idea-box-form .title {
  position: relative;
  margin-bottom: 34px;
  margin-top: 56px;
}

#idea-box-form .title::after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #51bfcf;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}

#idea-box-form .title h3 {
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #51bfcf;
  width: fit-content;
  letter-spacing: 0.035rem;
  margin: 0;
  padding: 0;
  background-color: #fff;
  position: relative;
  z-index: 10;
  padding-right: 6px;
}

#idea-box-form .requred-wrapper {
  text-align: right;
  margin-bottom: 10px;
}

#idea-box-form .input-item:not(.column-layout) {
  display: flex;
  gap: 1.25rem;
  flex-direction: column;
}

#idea-box-form .input-item:not(.column-layout) label {
  width: 100%;
}

#idea-box-form .input-item input,
#idea-box-form .input-item select {
  font-size: 1rem;
}

#idea-box-form .requred-wrapper label {
  width: auto;
}

#idea-box-form .requred-wrapper span {
  font-size: 12px;
}

#idea-box-form label {
  font-family: "Source sans pro";
  font-weight: 400;
  font-size: 1rem;
  color: #000;
  padding: 0px 0px 0.5rem;
}

#idea-box-form .radio-group {
  display: flex;
  gap: 3.75rem;
  width: 100%;
}

#idea-box-form .radio-group .input-item {
  margin: 0px;
}

#idea-box-form .radio-group [type="radio"]+label {
  padding: 0 0 0 2rem;
}

#idea-box-form .radio-group [type="radio"]:not(:checked),
#idea-box-form .radio-group [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}

#idea-box-form .radio-group [type="radio"]:not(:checked)+label,
#idea-box-form .radio-group [type="radio"]:checked+label {
  position: relative;
  cursor: pointer;
}

#idea-box-form .radio-group [type="radio"]:not(:checked)+label:before,
#idea-box-form .radio-group [type="radio"]:checked+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
  border: 2px solid #000;
  border-radius: 50%;
}

#idea-box-form .radio-group [type="radio"]:not(:checked)+label:after,
#idea-box-form .radio-group [type="radio"]:checked+label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 4px;
  transition: all 0.2s;
}

#idea-box-form .radio-group [type="radio"]:not(:checked)+label:after {
  opacity: 0;
  transform: scale(0);
}

#idea-box-form .radio-group [type="radio"]:checked+label:after {
  opacity: 1;
  transform: scale(1);
}

#idea-box-form .checkbox-container label {
  width: 100% !important;
  text-align: left !important;
}

#idea-box-form .checkbox-container label span {
  padding-left: 40px;
}

#idea-box-form .checkbox-container label span a {
  color: #0099ad;
}

#idea-box-form .checkbox-container [type="checkbox"]:not(:checked),
#idea-box-form .checkbox-container [type="checkbox"]:checked {
  top: 4px;
  left: 6px;
  z-index: -1;
}

#idea-box-form .checkbox-container [type="checkbox"]:not(:checked)+label:before,
#idea-box-form .checkbox-container [type="checkbox"]:checked+label:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 6px;
  width: 18px;
  height: 18px;
  border: 2px solid #433b3e;
  border-radius: 3px;
  background: #fff;
  margin: 0px 10px 0px 0px;
  z-index: 10;
}

#idea-box-form .checkbox-container [type="checkbox"]:not(:checked)+label:after,
#idea-box-form .checkbox-container [type="checkbox"]:checked+label:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  width: auto;
  height: auto;
  top: 1px;
  left: 7px;
  background: none;
  font-size: 11px;
  z-index: 10;
}

#idea-box-form .idea-givers-wrapper {
  display: grid;
  gap: 0.6875rem;
}

@media (min-width: 768px) {
  #idea-box-form .idea-givers-wrapper {
    grid-template-columns: 70px 1fr 1fr 1fr;
  }
}

#idea-box-form .idea-givers-wrapper .input-item {
  margin: 0px;
}

#idea-box-form .idea-givers-wrapper.remove .buttons-wrapper img[data-add-idea-giver] {
  display: none;
}

#idea-box-form .idea-givers-wrapper.add .buttons-wrapper img[data-remove-idea-giver] {
  display: none;
}

#idea-box-form .idea-givers-wrapper .buttons-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: start;
  padding-top: 1.4375rem;
}

#idea-box-form .idea-givers-wrapper .buttons-wrapper img {
  cursor: pointer;
}

#idea-box-form .idea-givers-wrapper label {
  height: 54px;
  display: grid;
  align-items: end;
}

#idea-box-form textarea {
  height: 153px;
  font-size: 1rem;
}

#idea-box-form textarea.large {
  height: 236px;
}

#idea-box-form .file-upload-button+label {
  font-family: "Source sans pro";
  font-size: 1rem;
  background-image: url("./pics/mdi_attachment-vertical.svg");
  background-repeat: no-repeat;
  padding-left: 2.5rem;
  cursor: pointer;
  text-align: left !important;
  width: 100% !important;
}

#idea-box-form .file-upload input {
  display: none;
}

#idea-box-form .file-chosen {
  width: 100%;
}

#idea-box-form .file-chosen span:last-child {
  display: none;
}

#idea-box-form button[type="submit"] {
  border: none;
  background-color: #99d6de;
  color: #fff;
  font-family: "Source sans pro";
  text-transform: uppercase;
  width: 116px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
}

#idea-box-form button[type="submit"]:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

@media (min-width: 992px) {
  #idea-box .content-narrow {
    padding-left: 25.5%;
  }

  #idea-box-form .title {
    margin-left: 25.5%;
  }

  #idea-box-form .input-item:not(.column-layout) {
    flex-direction: row;
  }

  #idea-box-form .input-item:not(.column-layout) label {
    width: 31.5%;
    text-align: right;
  }

  #idea-box-form .offset-wrapper {
    margin-left: 25.5%;
  }
}

.idea-loading {
  border: 3px solid #f3f3f3;
  /* Light grey */
  border-top: 3px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
  margin-right: 10px;
  display: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 480px) {
  .idea-box-hero {
    background: url(pics/hero_mobil_480px_uj.jpg) 100% 0% no-repeat;
  }
}

@media (min-width: 480px) {
  .idea-box-hero {
    background: url(pics/dero_desktop_1920px_uj.jpg) 15% 0% no-repeat;
  }
}

@media (min-width: 1920px) {
  .idea-box-hero {
    background: url(pics/hero_desktop_2560px.jpg) 50% 0% no-repeat;
  }
}

.logo-container p {
  margin-top: 30px;
}

.logo-container img {
  height: 100px;
}

@media (max-width: 1200px) {
  .logo-container img {
    width: auto;
    height: 100px;
  }
}

.idea-box-popup {
  font-family: "Source sans pro";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10000;
  display: grid;
  place-items: center;
}

.idea-box-popup .inner {
  position: relative;
  background-color: #fff;
  border-radius: 24px;
  width: 90%;
  max-width: 1060px;
  height: 438px;
  text-align: center;
  padding: 20px;
  -webkit-box-shadow: 4px 4px 8px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 4px 4px 8px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 4px 4px 8px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
}

.idea-box-popup .inner img {
  position: absolute;
  width: 130px;
}

.idea-box-popup .inner img.left {
  left: 0;
  bottom: 0;
}

.idea-box-popup .inner img.right {
  right: 0;
  top: 0;
}

.idea-box-popup .inner h2 {
  color: #0099AD;
  font-weight: 700;
  font-size: 1.25rem;
  text-transform: uppercase;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}

.idea-box-popup .inner h2 span {
  color: #433B3D;
  text-transform: none;
}

.idea-box-popup .inner p {
  color: #433B3D;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 1.5rem;
}

.idea-box-popup .inner p span {
  color: #0099AF;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.875rem;
  display: block;
}

@media (min-width: 576px) {
  .idea-box-popup .inner img {
    width: 170px;
  }

  .idea-box-popup .inner h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .idea-box-popup .inner p {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .idea-box-popup .inner p span {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .idea-box-popup .inner img {
    width: 200px;
  }
}

@media (min-width: 992px) {
  .idea-box-popup .inner img {
    width: 250px;
  }

  .idea-box-popup .inner {
    padding: 65px 190px;
  }

  .idea-box-popup .inner h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .idea-box-popup .inner p {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }

  .idea-box-popup .inner p span {
    font-size: 1.5rem;
    display: inline;
  }
}

@media (min-width: 1170px) {
  .idea-box-popup .inner img {
    width: auto;
  }
}