@charset "UTF-8";
/* CSS Document */
@font-face { font-family: OpenSans Regular; src: url(opensans-regular.ttf) format("truetype"); }
@font-face { font-family: Merriweather Sans; src: url(mwsans-regular.ttf) format("truetype"); }
/*

PIROS: #BD0904
FEKETE: #060606
NARANCS: #FCCA03
SÖTÉT PIROS / BORDÓ: #7E0603
KÉK (LINK): #0033CC
ZÖLD: #159203
VILÁGOS SZÜRKE: #F5F4F3

SZÖVEG: OpenSans Regular
FŐCÍMEK / PIROS RENDELÉS LINK: Merriweather Sans

*/

/* SZABI VIDEÓ EMBED RESZPONZÍV */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 750px) {
  div.pc-header {
    display: none;
  }
}
@media screen and (min-width: 750px) {
  div.mobil-header {
    display: none;
  }
}

body { font-family: "OpenSans Regular", sans-serif; color: #060606; }
@media (max-width: 800px) { body { padding-bottom: 130px; } }

.greyBg { background: #464646; }

.blackBg { background: #060606; }

.lightGreyBg { background: #F5F4F3; }

.yellowBg { background: #FCCA03; }

.clr { display: block; clear: both; }

a { color: #0033CC; }

h1, h2, h3, h4, h5, h6 { font-family: "Merriweather Sans", sans-serif; }

/* Szabi képek */

.jobbra{
	float: right;
	margin-left:12px;
	margin-bottom:12px;
	max-width:40%;
	}
.balra{
	float: left;
	margin-right:12px;
	margin-bottom:12px;
	max-width:40%;
	}

.font-22 { font-size: 22px; }

.font-25 { font-size: 25px; }
@media (max-width: 1200px) { .font-25 { font-size: 20px; } }

.font-36 { font-size: 36px; }
@media (max-width: 800px) { .font-36 { font-size: 30px; } }
@media (max-width: 740px) { .font-36 { font-size: 25px; } }
@media (max-width: 460px) { .font-36 { font-size: 18px; } }

.font-66 { font-size: 66px; }
@media (max-width: 1600px) { .font-66 { font-size: 46px; } }
@media (max-width: 740px) { .font-66 { font-size: 39px; } }
@media (max-width: 460px) { .font-66 { font-size: 30px; } }

.max-width-1460 { max-width: 1460px; }

.max-width-1400 { max-width: 1400px; }

.max-width-1000 { max-width: 1000px; }

.bordo { color: #7E0603; }

.dashed { border: 0; border-bottom: dashed 4px #F5F4F3; }

@media (max-width: 800px) { .no-p-800 { padding: 3rem 0 !important; } }
@media (max-width: 460px) { .no-p-800 { padding: 1rem 0 !important; } }

@media (max-width: 740px) { .hide-740 { display: none !important; } }

.show-740 { display: none; }
@media (max-width: 740px) { .show-740 { display: block; } }

@media (max-width: 740px) { .center-740 { float: none; text-align: center; } }

@media (max-width: 740px) { .block-740 { display: block; } }

@media (max-width: 740px) { .buttonWrap { display: block; max-width: 10000px; } }

.cta { width: 600px; -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.3); margin: 40px auto; padding: 15px 5px; border-radius: 10px; font-size: 46px; border: 0; background: #BD0904 !important; color: white !important; }
@media (max-width: 800px) { .cta { width: 100%; border-radius: 0; margin-left: -3rem; margin-right: -3rem; } }
@media (max-width: 460px) { .cta { font-size: 30px; } }
.cta:hover { color: #FCCA03 !important; opacity: 1 !important; }

.videoBG { height: 850px; position: relative; }
@media (max-width: 1600px) { .videoBG { margin-bottom: 150px; } }
@media (max-width: 1200px) { .videoBG { height: 672px; } }
@media (max-width: 1070px) { .videoBG { height: 450px; margin-bottom: 20px; } }
@media (max-width: 740px) { .videoBG { top: 120px; height: auto; } }
@media (max-width: 460px) { .videoBG { top: 90px; } }

.vimeo-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; /*&:after { background: url(../_img/overlay-pattern.png) center center repeat; position: absolute; display: block; content: " "; top: 0; left: 0; right: 0; bottom: 0;
}*/ }
@media (max-width: 740px) { .vimeo-wrapper { position: relative; height: 400px; } }
@media (max-width: 380px) { .vimeo-wrapper { height: 360px; } }

.vimeo-wrapper iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.sliderWrap { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media (max-width: 800px) { .sliderWrap { -webkit-transform: translateY(-20%); transform: translateY(-20%); } }
@media (max-width: 740px) { .sliderWrap { top: 0; -webkit-transform: translateY(0); transform: translateY(0); margin-top: 40px; } }

@media (min-width: 740px) { 
.videoSlide h1, .videoSlide h3, .videoSlide p { 
	background: rgba(0, 0, 0, 0.50); 
	padding-top:9px;
	padding-bottom:9px;
}
}
@media (max-width: 740px) { 
.videoSlide h3 { 
	color: #000;
}
}

.videoSlide h1 { font-size: 33px; font-weight: bold; }
@media (max-width: 1070px) { .videoSlide h1 { font-size: 28px; } }
@media (max-width: 740px) { .videoSlide h1 { color: #060606; } }
@media (max-width: 460px) { .videoSlide h1 { font-size: 20px; margin-left: 10px; margin-right: 10px; } }
.videoSlide p { font-family: "Merriweather Sans", sans-serif; font-size: 56px; }
@media (max-width: 1600px) { .videoSlide p { font-size: 39px; } }
@media (max-width: 1070px) { .videoSlide p { font-size: 30px; } }
@media (max-width: 740px) { .videoSlide p { color: #060606; } }
@media (max-width: 460px) { .videoSlide p { font-size: 22px; margin-left: 10px; margin-right: 10px; } }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 40px; height: 40px; padding: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
@media (max-width: 992px) { .slick-prev, .slick-next { display: none !important; } }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }

.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 40px; line-height: 1; opacity: .25; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 0; z-index: 1; }

[dir='rtl'] .slick-prev { right: 0; left: auto; }

.slick-prev:before { content: '\f104'; font-family: "FontAwesome"; }

[dir='rtl'] .slick-prev:before { content: '→'; }

.slick-next { right: 0; }

[dir='rtl'] .slick-next { right: auto; left: 0; }

.slick-next:before { content: '\f105'; font-family: "FontAwesome"; }

[dir='rtl'] .slick-next:before { content: '←'; }

.slick-slide { outline: none !important; }

#top { position: fixed; width: 100%; z-index: 100; -webkit-transition: 200ms; transition: 200ms; }
#top.fixedheader { background: white; }
#top.fixedheader #mainMenu ul li a { color: #060606; padding: 20px 0; }
#top.fixedheader .tel span { color: #060606 !important; }
#top.fixedheader #logo { margin: 15px 30px 0 30px; }
@media (max-width: 800px) { #top.fixedheader #logo { margin: 25px 30px 25px 30px; } }
@media (max-width: 740px) { #top.fixedheader #logo { margin: 25px 30px 25px 10px; } }
@media (max-width: 460px) { #top.fixedheader #logo { margin: 15px 10px; } }
@media (max-width: 740px) { #top { background: white; }
  #top #mainMenu ul li a { color: #060606; padding: 20px 0; }
  #top .tel span { color: #060606 !important; }
  #top #logo { margin: 25px 30px 25px 10px; } }
@media (max-width: 460px) { #top #logo { margin: 15px 10px; } }

#logo, #footerlogo { display: block; margin: 30px; }
@media (max-width: 460px) { #logo img, #footerlogo img { width: 220px; height: auto; } }

#mobilButton { display: none; }
#mobilButton div { width: 50px; height: 10px; background: #060606; border-radius: 10px; margin: 10px auto; }
@media (max-width: 800px) { #mobilButton { display: block; position: fixed; top: 10px; right: 10px; width: 100px; height: 100px; border-radius: 50%; background: #F5F4F3; border: 0; outline: none !important; } }
@media (max-width: 460px) { #mobilButton { width: 75px; height: 75px; }
  #mobilButton div { width: 40px; height: 10px; margin: 5px auto; } }

#mainMenu ul { margin: 0; }
#mainMenu ul li { display: inline-block; vertical-align: middle; padding: 0 20px; }
@media (max-width: 1070px) { #mainMenu ul li { padding: 0 10px; } }
#mainMenu ul li a { display: block; color: white; font-size: 26px; font-family: "OpenSans Regular", sans-serif; position: relative; padding: 50px 0; }
@media (max-width: 1070px) { #mainMenu ul li a { font-size: 18px; } }
#mainMenu ul li a:after { content: " "; width: 100%; display: block; background: transparent; height: 8px; border-radius: 20px; -webkit-transition: 200ms; transition: 200ms; }
#mainMenu ul li a:hover { text-decoration: none; }
#mainMenu ul li a:hover:after { background: #BD0904; }
@media (max-width: 800px) { #mainMenu { background: white; display: none; }
  #mainMenu ul { margin: 0; padding: 0; }
  #mainMenu ul li { padding: 0; display: block; }
  #mainMenu ul li a { text-align: center; padding: 20px 10px; color: #060606; display: block; border-bottom: solid 1px #BD0904; }
  #mainMenu ul li a:after { display: none; } }

#ctaBar { position: absolute; width: 100%; bottom: 20px; background: rgba(70, 70, 70, 0.50); }
@media (max-width: 1600px) { #ctaBar { background: transparent; bottom: -120px; } }
@media (max-width: 1070px) { #ctaBar { bottom: -360px; } }
@media (max-width: 740px) { #ctaBar { position: relative; bottom: auto; } }
#ctaBar .btn { font-size: 36px; white-space: nowrap; width: 400px; padding: 15px 5px; border-radius: 10px; border: 0; }
@media (max-width: 1070px) { #ctaBar .btn { font-size: 28px; width: 300px; padding: 10px 5px; } }
@media (max-width: 740px) { #ctaBar .btn { width: auto; display: block; } }
#ctaBar .btn.btn-danger { background-color: #BD0904; }
#ctaBar .btn.btn-warning { background-color: #FCCA03; color: #060606 !important; }
#ctaBar .btn:hover { background-color: #159203; color: white  !important; }
#ctaBar .btn + p { max-width: 400px; margin: 10px auto 0 auto; text-align: left; font-size: 20px; color: white; }
@media (max-width: 1600px) { #ctaBar .btn + p { color: #060606; } }
@media (max-width: 1070px) { #ctaBar .btn + p { max-width: 300px; } }
@media (max-width: 740px) { #ctaBar .btn + p { width: auto; max-width: 10000px; display: block; margin-bottom: 50px; } }

.accordion .card .card-header { padding: 0; -webkit-transition: 200ms; transition: 200ms; }
.accordion .card .card-header button { -webkit-transition: 200ms; transition: 200ms; background: #159203; color: white; padding: 15px 50px; font-size: 30px; border-radius: 0; display: block; width: 100%; text-align: left; }
@media (max-width: 800px) { .accordion .card .card-header button { padding: 15px 20px; } }
@media (max-width: 740px) { .accordion .card .card-header button { font-size: 22px; } }
.accordion .card .card-header button.collapsed { background: black; }
.accordion .card .card-header button:hover, .accordion .card .card-header button:focus, .accordion .card .card-header button:active { text-decoration: none; }
.accordion .card .card-header:hover button { background: black; color: #FCCA03; }
.accordion .card .card-body { padding: 15px; font-size: 30px; }
@media (max-width: 1200px) { .accordion .card .card-body { padding: 15px 50px; font-size: 25px; } }
@media (max-width: 800px) { .accordion .card .card-body { padding: 15px 20px; } }
@media (max-width: 740px) { .accordion .card .card-body { font-size: 20px; } }

@media (max-width: 1200px) { #imunexAccordion { margin-left: -3rem !important; margin-right: -3rem !important; } }

.tel {
	color: #000000 !important;
	background: url(../_img/call-center.png) left center no-repeat;
	padding-left: 100px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	font-size: 39px !important;
	display: inline-block;
	vertical-align: middle;
}
.tel samp{
	background: rgba(256, 256, 256, 0.5)
	}
.tel span { display: block; font-size: 25px; font-weight: 300; color: white !important; }
.tel span.blackText { color: black !important; }
.tel:hover { background: url(../_img/call-center2.png) left center no-repeat; color: #FCCA03 !important; text-decoration: none; }
.tel:hover:after { background: transparent !important; }
@media (max-width: 460px) { .tel { font-size: 30px !important; }
  .tel span { font-size: 20px; } }

.numberCircle { width: 132px; height: 132px; border-radius: 50%; border: solid 10px #BD0904; font-size: 66px; color: #BD0904; font-weight: bold; text-align: center; padding-top: 5px; letter-spacing: -0.1em; }
@media (max-width: 460px) { .numberCircle { width: 78px; height: 78px; font-size: 34px; border: solid 6px #BD0904; } }

#velemenySlider { margin-top: 60px; margin-bottom: 60px; }
@media (max-width: 1600px) { #velemenySlider { margin-top: 0; margin-bottom: 0; } }
@media (max-width: 800px) { #velemenySlider { margin-left: -3rem; margin-right: -3rem; } }

.velemenySlide img { width: 165px; height: 165px; display: inline-block; margin: 10px 15px 20px 50px; vertical-align: middle; }
@media (max-width: 740px) { .velemenySlide img { margin: 10px 15px 20px 20px; } }
@media (max-width: 460px) { .velemenySlide img { margin: 10px auto; display: block; } }
.velemenySlide > div { display: inline-block; width: calc(100% - 245px); vertical-align: middle; }
.velemenySlide > div span { display: block; font-size: 33px; font-family: "Merriweather Sans", sans-serif; }
.velemenySlide > div span:first-child { color: #F5F4F3; }
@media (max-width: 740px) { .velemenySlide > div span { font-size: 28px; } }
@media (max-width: 460px) { .velemenySlide > div span { font-size: 22px; } }
@media (max-width: 740px) { .velemenySlide > div { width: 100%; margin-left: 20px; } }
.velemenySlide p { font-size: 22px; margin: 10px 100px 10px 50px; }
@media (max-width: 740px) { .velemenySlide p { margin: 10px 20px; } }
@media (max-width: 460px) { .velemenySlide p { font-size: 19px; } }

#napiAdag {
	padding: 0px 0px 0px 0px;
}
@media (max-width: 1070px) { #napiAdag { margin-top: 180px; } }
@media (max-width: 740px) { #napiAdag { margin-top: 0; } }
@media (max-width: 460px) { #napiAdag { padding-top: 0; } }
#napiAdag .listBox { margin: 30px; position: relative; }
#napiAdag .listBox .numberCircle, #napiAdag .listBox img { display: inline-block; vertical-align: middle; margin-right: 20px; }
@media (max-width: 460px) { #napiAdag .listBox img { width: 78px; height: 78px; } }
#napiAdag .listBox .floatBox { width: calc(100% - 160px); display: inline-block; vertical-align: middle; }
@media (max-width: 740px) { #napiAdag .listBox .floatBox { width: 100%; }
  #napiAdag .listBox .floatBox h3 { position: absolute; top: 22px; left: 150px; font-size: 25px; }
  #napiAdag .listBox .floatBox p { margin-top: 8px; } }
@media (max-width: 740px) and (max-width: 460px) { #napiAdag .listBox .floatBox h3 { top: 2px; left: 90px; font-size: 20px; }
  #napiAdag .listBox .floatBox p { font-size: 16px; } }

#napiAdag .listBox h3 { font-family: "Merriweather Sans", sans-serif; color: #BD0904; font-size: 46px; }
@media (max-width: 1600px) { #napiAdag .listBox h3 { font-size: 39px; } }
@media (max-width: 1070px) { #napiAdag .listBox h3 { font-size: 30px; } }
#napiAdag .listBox p { font-size: 20px; }
@media (max-width: 1070px) { #napiAdag .listBox p { font-size: 18px; } }

#mireSzedik { padding: 46px 50px; }
@media (max-width: 1600px) { #mireSzedik { padding: 50px; } }
@media (max-width: 800px) { #mireSzedik { padding: 50px 15px; } }
#mireSzedik .listBox { padding: 50px; }
@media (max-width: 1400px) { #mireSzedik .listBox { padding: 20px 0; } }
#mireSzedik .listBox img { display: inline-block; width: 132px; height: 132px; margin-right: 20px; vertical-align: top; }
@media (max-width: 460px) { #mireSzedik .listBox img { display: block; margin: 0 auto; } }
#mireSzedik .listBox div { display: inline-block; width: calc(100% - 160px); vertical-align: top; }
#mireSzedik .listBox div h3 { font-size: 33px; }
#mireSzedik .listBox div span { font-size: 25px; color: #BD0904; margin-bottom: 0.4em; display: block; }
#mireSzedik .listBox div p { font-size: 19px; }
@media (max-width: 740px) { #mireSzedik .listBox div { width: 100%; }
  #mireSzedik .listBox div h3 { position: absolute; top: 36px; left: 150px; }
  #mireSzedik .listBox div span { margin-top: 15px; }
  #mireSzedik .listBox div p { margin-top: 8px; } }
@media (max-width: 460px) { #mireSzedik .listBox div h3 { position: relative; top: auto; left: auto; margin-top: 10px; font-size: 25px; }
  #mireSzedik .listBox div span { font-size: 20px; margin-top: 5px; }
  #mireSzedik .listBox div p { font-size: 18px; } }

#mirejoMeg { padding: 50px; }
@media (max-width: 740px) { #mirejoMeg { padding: 10px; } }
#mirejoMeg h4 { font-size: 39px; margin-bottom: 20px; }
@media (max-width: 800px) { #mirejoMeg h4 { font-size: 30px; } }
@media (max-width: 460px) { #mirejoMeg h4 { font-size: 25px; } }
#mirejoMeg span { display: block; margin: 20px 0 10px 0; padding: 2px 10px 2px 0; background: url(../_img/pipe.png) left center no-repeat; padding-left: 40px; font-size: 22px; font-weight: 500; }

.dashedBox { border: dashed 4px #FCCA03; padding: 50px; margin: 20px -20px 80px -20px; text-align: center; }
@media (max-width: 1070px) { .dashedBox { padding: 30px; margin: 20px -20px 20px -20px; } }
@media (max-width: 800px) { .dashedBox { margin: 20px; } }
.dashedBox h6 { font-size: 46px; color: #159203; margin-bottom: 0.5em; }
@media (max-width: 1070px) { .dashedBox h6 { font-size: 39px; } }
@media (max-width: 740px) { .dashedBox h6 { font-size: 30px; } }
@media (max-width: 460px) { .dashedBox h6 { font-size: 23px; } }
.dashedBox h6 span { color: #BD0904; }
.dashedBox p { font-size: 25px; }
@media (max-width: 1070px) { .dashedBox p { font-size: 22px; } }
@media (max-width: 460px) { .dashedBox p { font-size: 18px; } }

.squareList { margin: 100px auto 30px auto; max-width: 1170px; }
@media (max-width: 1200px) { .squareList { max-width: 920px; } }
@media (max-width: 800px) { .squareList { margin: 80px 20px 50px 20px; } }
@media (max-width: 460px) { .squareList { margin: 40px 20px 50px 20px; } }
.squareList h5 a { color: #0033CC; font-size: 33px; margin-bottom: 40px; display: inline-block; position: relative; padding-left: 30px; -webkit-transition: 200ms; transition: 200ms; }
@media (max-width: 1200px) { .squareList h5 a { font-size: 28px; margin-bottom: 20px; } }
@media (max-width: 800px) { .squareList h5 a { font-size: 22px; margin-bottom: 12px; } }
@media (max-width: 460px) { .squareList h5 a { font-size: 18px; margin-bottom: 8px; } }
.squareList h5 a:before { content: " "; display: block; width: 22px; height: 22px; background: #d6d6d6; position: absolute; margin-left: -30px; top: 8px; -webkit-transition: 200ms; transition: 200ms; }
@media (max-width: 800px) { .squareList h5 a:before { top: 2px; } }
.squareList h5 a:hover { color: #BD0904; }
.squareList h5 a:hover:before { background: #BD0904; }

@media (max-width: 800px) { .publikaciok { margin-left: -2rem; margin-right: -2rem; } }
@media (max-width: 460px) { .publikaciok a { display: inline-block; max-width: 100%; overflow: hidden; vertical-align: text-bottom; } }

@media (max-width: 800px) { .footerMenu span { display: none; }
  .footerMenu a { display: block; text-align: left; margin: 10px 0; } }

.footerLinks a { display: inline-block; margin: 0 20px; }
@media (max-width: 800px) { .footerLinks a { margin: 10px 20px; } }
@media (max-width: 460px) { .footerLinks a { margin: 10px; } }
@media (max-width: 500px) { .footerLinks { padding: 20px 10px !important; } }

.impress { color: #999999; margin: 10px; }
@media (max-width: 1200px) { .impress { margin: 10px auto; display: block; text-align: center !important; } }

@media (max-width: 1600px) { .hide-1600 { display: none !important; } }

.show-1600 { display: none; }
@media (max-width: 1600px) { .show-1600 { display: block; } }

.top-100 { margin-top: 130px; }

#bottom { position: fixed; bottom: 0; left: 0; right: 0; background: #F5F4F3; display: none; }
#bottom .tel { margin-right: 20px; white-space: nowrap; }
@media (max-width: 800px) { #bottom { display: block; } }
