@charset "UTF-8";
/* CSS Document */
@font-face { font-family: Lucida Sans Unicode; src: url(lucida-sans-unicode.ttf); }
@font-face { font-family: Segoe UI Historic; src: url(segoe-historic.ttf); }
/*
Krém 1: #FEFCF3
Krém 2: #FDF8E1
Krém 3: #F9ECB0
Krém 4: #F8E9A3
Narancs: #FFCC00
Zöld normál: #009900
Zöld sötét: #006600
Világos zöld: #66CC00
Piros: #CC0000
Fekete világosabb: #333333

*/
body { padding-top: 80px; font-family: "Segoe UI Historic", sans-serif; color: #000; background: url(../_img/hatterek/feher1.jpg) repeat; }
@media (max-width: 860px) { body { padding-top: 120px; } }
@media (max-width: 860px) { body { padding-top: 80px; } }
@media (max-width: 500px) { body { padding-top: 140px; } }

.greyBg { background: #464646; }

.blackBg { background: #000; }

.yellowBg { background: #FFCC00; }

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

img { max-width: 100%; height: auto; }

a { color: #009900; }

h1, h2, h3, h4, h5, h6, .lucida { font-family: "Lucida Sans Unicode", sans-serif; }

.segoe { font-family: "Segoe UI Historic", sans-serif; }

.whiteBg { background: white; }

.zold { color: #009900; }

.piros { color: #CC0000; }

.piros-cimke { display: inline-block; background: #CC0000; color: white; padding: 5px; border-radius: 6px; position: relative; }
.piros-cimke:before { content: " "; width: 10px; height: 10px; background: #CC0000; display: block; position: absolute; top: -5px; left: 50%; margin-left: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media (max-width: 1000px) { .piros-cimke { margin-top: 10px; } }

.sarga-hatter { background: #FEFCF3; }

.padding-60 { padding: 40px 60px; margin-bottom: 20px; }
@media (max-width: 800px) { .padding-60 { padding: 20px; } }

@media (max-width: 860px) { .no-padding-on-620 { padding-left: 0; padding-right: 0; } }
@media (max-width: 620px) { .no-padding-on-620 { margin-top: 20px !important; } }

@media (max-width: 860px) { .no-padding-on-800 { padding-left: 0; padding-right: 0; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } }

.hint { background: #F9ECB0; color: #CC0000; font-size: 20px; padding: 5px 15px 8px 15px; font-size: 20px; position: relative; }

.green-grad-cta + .hint { top: -8px; margin-left: -5px; }
@media (max-width: 800px) { .green-grad-cta + .hint { margin-left: auto; margin-right: auto; display: block; width: 220px; } }

hr.krem-3 { border: none; border-bottom: solid 2px #F9ECB0; }

.alignright { float: right; overflow: auto; margin-left: 15px; margin-bottom: 10px; }

.alignleft { float: left; overflow: auto; margin-right: 15px; margin-bottom: 10px; }

@media (max-width: 800px) { .alignright, .alignleft { float: none; margin: 20px auto; display: block; width: auto; border: 0 !important; text-align: center; } }
.narancs { color: #FFCC00; }

.white-link { color: white; text-decoration: underline; }
.white-link:hover { color: #FFCC00; text-decoration: none; }

.green-grad-cta { display: inline-block; padding: 3px 65px 5px 65px; color: white; text-transform: uppercase; text-decoration: none; border-radius: 6px; -webkit-transition: 200ms; transition: 200ms; background-color: #006600; background-image: url(../_img/button-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; z-index: 2; font-size: 33px; position: relative; }
.green-grad-cta:hover { background-position: center -60px; text-decoration: none; color: white; }
.green-grad-cta.block { display: block; }
.green-grad-cta.height-90 { height: 90px; font-size: 46px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 8px; text-transform: none; }
.green-grad-cta.height-90:hover { background-position: center -100px; }
@media (max-width: 860px) { .green-grad-cta.height-90 { margin-left: 20px; margin-right: 20px; } }
@media (max-width: 620px) { .green-grad-cta.height-90 { margin-left: 20px; margin-right: 20px; height: 50px; font-size: 26px; padding: 4px 25px 5px 25px; } }
@media (max-width: 400px) { .green-grad-cta.height-90 { margin-left: 0; margin-right: 0; border-radius: 0; } }

.yellow-btn { background: #FFCC00; color: #333333; padding: 5px 25px; text-transform: uppercase; text-decoration: none; -webkit-transition: 200ms; transition: 200ms; font-size: 25px; display: inline-block; border-radius: 6px; }
.yellow-btn:hover { color: white; text-decoration: none; background: #009900; }

article ul { padding-left: 1em; }
article ul li { display: block; position: relative; padding-left: 0.5em; }
article ul li:before { content: " "; background: #009900; border-radius: 50%; display: block; width: 10px; height: 10px; position: absolute; margin-left: -1.5em; top: 8px; }

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

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

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

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

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

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

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

.font-28 { font-size: 28px; }
@media (max-width: 1000px) { .font-28 { font-size: 26px; } }

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

.font-33 { font-size: 33px; }
@media (max-width: 1200px) { .font-33 { font-size: 28px; } }
@media (max-width: 500px) { .font-33 { font-size: 25px; } }
@media (max-width: 400px) { .font-33 { font-size: 23px; line-height: 1.4em; } }

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

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

.height-40 { display: block; height: 40px; }
@media (max-width: 500px) { .height-40 { height: 20px; } }

.inline-block-link a { display: inline-block; }

.max-width-1200 { max-width: 1200px; }
@media (max-width: 1440px) { .max-width-1200 { max-width: 10000px; }
  .max-width-1200.col-11 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
  .max-width-1200.col-11 article { margin-left: 100px; margin-right: 100px; } }
@media (max-width: 1200px) { .max-width-1200.col-11 article { margin-left: auto; margin-right: auto; } }

.max-width-1600 { max-width: 1530px; }

@media (max-width: 1350px) { .block-on-1350 { display: block; }
  .block-on-1350 > div { margin-left: auto; margin-right: auto; max-width: 675px; } }
@media (max-width: 860px) { .block-on-1350 > div { max-width: 90%; } }
@media (max-width: 620px) { .block-on-1350 > div { max-width: 100%; } }

@media (max-width: 620px) { .block-on-620 { display: block; }
  .block-on-620 > div { margin-left: auto; margin-right: auto; max-width: 90%; } }

@media (max-width: 1350px) { .margin-top-1350-30 { margin-top: 30px; } }

@media (max-width: 1200px) { .container.custom-1200 { max-width: 100%; } }

@media (max-width: 860px) { .container.custom-860 { max-width: 100%; } }

.relative { position: relative; }

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

@media (max-width: 1000px) { .block-on-1000 { display: block; }
  .block-on-1000 .custom-1000 { max-width: 60%; margin-left: 38%; } }
@media (max-width: 620px) { .block-on-1000 .custom-1000 { max-width: 80%; margin-left: auto; margin-right: auto; } }
@media (max-width: 500px) { .block-on-1000 .custom-1000 { max-width: 100%; } }
@media (max-width: 1000px) { .hide-800 { display: none; } }
.show-799, .show-on-620, .show-on-500 { display: none !important; }

@media (max-width: 799px) { .show-799 { display: block !important; }
  .hide-799 { display: none !important; } }
@media (max-width: 620px) { .my-5.small-margin-620 { margin-top: 20px !important; margin-bottom: 20px !important; } }
@media (max-width: 500px) { .show-on-500 { display: block !important; }
  hr.show-on-500 { border: 0; margin: 0 -15px; border-bottom: solid 2px white; } }
/* 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; }

.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; }

.slick-slide img { width: 100%; height: auto; }

/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/*  User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: url(../_img/lightbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity=90); }

#colorbox { outline: 0; }

#cboxTopLeft { width: 21px; height: 21px; background: url(../_img/lightbox/controls.png) no-repeat -101px 0; }

#cboxTopRight { width: 21px; height: 21px; background: url(../_img/lightbox/controls.png) no-repeat -130px 0; }

#cboxBottomLeft { width: 21px; height: 21px; background: url(../_img/lightbox/controls.png) no-repeat -101px -29px; }

#cboxBottomRight { width: 21px; height: 21px; background: url(../_img/lightbox/controls.png) no-repeat -130px -29px; }

#cboxMiddleLeft { width: 21px; background: url(../_img/lightbox/controls.png) left top repeat-y; }

#cboxMiddleRight { width: 21px; background: url(../_img/lightbox/controls.png) right top repeat-y; }

#cboxTopCenter { height: 21px; background: url(../_img/lightbox/border.png) 0 0 repeat-x; }

#cboxBottomCenter { height: 21px; background: url(../_img/lightbox/border.png) 0 -29px repeat-x; }

#cboxContent { background: #fff; overflow: hidden; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { margin-bottom: 28px; }

#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }

#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }

#cboxLoadingOverlay { background: url(../_img/lightbox/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic { background: url(../_img/lightbox/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }

#cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(../_img/lightbox/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxPrevious:hover { background-position: -75px -25px; }

#cboxNext { position: absolute; bottom: 0; left: 27px; background: url(../_img/lightbox/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxNext:hover { background-position: -50px -25px; }

#cboxClose { position: absolute; bottom: 0; right: 0; background: url(../_img/lightbox/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxClose:hover { background-position: -25px -25px; }

/* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

.header { position: fixed; width: 100%; height: 80px; top: 0; z-index: 100; -webkit-transition: 200ms; transition: 200ms; background: #333333; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #333333), color-stop(45%, #000000)); background: linear-gradient(to bottom, #333333 3%, #000000 45%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border-bottom: solid 2px #F9ECB0; }
@media (max-width: 1350px) { .header { height: auto; } }
@media (max-width: 1000px) { .header { border-top: solid 2px white; } }

#topSliderBig, #topSliderNav { display: none; }

#logo { display: inline-block; margin: 20px 0 20px 20px; width: 400px; }
#logo span { color: white; border-left: dotted 1px white; margin-left: 10px; padding-left: 10px; font-family: "Lucida Sans Unicode", sans-serif; }
#logo:hover { text-decoration: none !important; }
#logo:hover span { color: white; text-decoration: none !important; }
@media (max-width: 1694px) { #logo { width: 150px; }
  #logo span { display: none; } }
@media (max-width: 1350px) { #logo { width: 400px; }
  #logo span { display: inline-block; } }
@media (max-width: 799px) { #logo { width: 150px; margin-left: 60px; }
  #logo span { display: none; } }
@media (max-width: 500px) { #logo { margin-left: calc(50% - 45px); } }

#mobilButton { display: none; }
#mobilButton div { width: 40px; height: 7px; background: white; border-radius: 10px; margin: 6px auto; }
@media (max-width: 799px) { #mobilButton { display: block; position: fixed; top: 17px; left: 12px; width: 50px; height: 50px; background: transparent; border: 0; outline: none !important; } }
@media (max-width: 500px) { #mobilButton { margin-left: calc(50% - 120px); } }

#mainMenu { width: calc(100% - 440px); display: inline-block; }
@media (max-width: 1694px) { #mainMenu { width: calc(100% - 180px); } }
@media (max-width: 1440px) { #mainMenu { width: calc(100% - 180px); } }
#mainMenu ul { margin: 0; text-align: right; }
@media (max-width: 1440px) { #mainMenu ul { padding-left: 0; } }
#mainMenu ul li { display: inline-block; vertical-align: middle; padding: 0 15px; }
@media (max-width: 1440px) { #mainMenu ul li { padding: 0 10px; } }
#mainMenu ul li a { display: block; color: white; font-size: 22px; font-family: "Segoe UI Historic", sans-serif; text-transform: uppercase; position: relative; padding: 5px 0; -webkit-transition: 200ms; transition: 200ms; }
#mainMenu ul li a:after { content: " "; width: 100%; display: block; background: transparent; height: 2px; -webkit-transition: 200ms; transition: 200ms; }
#mainMenu ul li a:hover { text-decoration: none; }
#mainMenu ul li a:hover:after { background: white; }
#mainMenu ul li a.cta { background-color: #FFCC00; color: #333333; padding: 2px 15px 0px 15px; }
#mainMenu ul li a.cta:hover { color: white; }
#mainMenu ul li a.cta:hover:after { opacity: 0; }
@media (max-width: 860px) { #mainMenu ul li a { font-size: 20px; } }
@media (max-width: 799px) { #mainMenu ul li { display: block; border-top: solid 2px white; padding: 5px 10px; }
  #mainMenu ul li:last-child { height: 0; border-top: 0; padding: 0; }
  #mainMenu ul li a.cta { display: inline-block; margin: 5px auto; } }
@media (max-width: 1350px) { #mainMenu { display: block; border-top: solid 2px #F9ECB0; width: auto; }
  #mainMenu ul { text-align: center; margin-left: auto; margin-right: auto; }
  #mainMenu ul li a.tel { position: fixed; top: 0; right: 15px; text-align: left; white-space: nowrap; } }
@media (max-width: 1000px) { #mainMenu { margin-left: -15px; margin-right: -15px; border-top: solid 2px white; } }
@media (max-width: 799px) { #mainMenu { display: none; border-top: 0; } }

@media (max-width: 799px) { a.tel.show-799 { position: fixed; top: 0; right: 15px; text-align: left; white-space: nowrap; } }
@media (max-width: 500px) { a.tel.show-799 { position: relative; top: auto; right: auto; width: 270px; margin: 0 auto; } }
.tel { color: #66CC00 !important; background: url(../_img/cc-fej.png) left center no-repeat; padding-left: 55px !important; padding-top: 15px !important; padding-bottom: 15px !important; font-size: 30px !important; display: inline-block; vertical-align: middle; }
.tel:hover { color: #FFCC00 !important; text-decoration: none; }
.tel:hover:after { background: transparent !important; }
.tel.no-image { background: none; padding-left: 0 !important; }
@media (max-width: 800px) { .tel.no-image { margin: 0; } }

.sorozatszamos, .top-slider { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdf8e1+0,fefcf3+14,fefcf3+76,fdf8e1+94 */ background: #fdf8e1; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#fdf8e1), color-stop(14%, #fefcf3), color-stop(76%, #fefcf3), color-stop(94%, #fdf8e1)); background: linear-gradient(to bottom, #fdf8e1 0%, #fefcf3 14%, #fefcf3 76%, #fdf8e1 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.top-slider { padding: 60px 0; border-bottom: solid 2px #F9ECB0; }
@media (max-width: 860px) { .top-slider { padding: 20px 0 60px 0; } }
@media (max-width: 500px) { .top-slider h1 { font-size: 28px; text-align: center; line-height: 1.4em; margin-bottom: 30px !important; } }

.topSlide { border: solid 2px #FFCC00; overflow: hidden; }

#topSliderNav img { padding: 4px; }

.lb-number { display: none !important; }

.gal-icon-1 { background: url(../_img/gal-ikon-01.png) left 5px no-repeat; min-height: 50px; padding-left: 60px; margin-bottom: 25px; }
@media (max-width: 500px) { .gal-icon-1 p { margin-left: -60px; } }

@media (max-width: 1439px) { .minosites-ikonok a { margin: 5px; } }

.call-to-action-bar { background: #000; padding: 80px 0; color: white; }
@media (max-width: 1000px) { .call-to-action-bar { padding: 30px 0; }
  .call-to-action-bar .yellow-btn, .call-to-action-bar .hide-on-1000 { display: none; } }
@media (max-width: 800px) { .call-to-action-bar p { margin: 0; } }
@media (max-width: 620px) { .call-to-action-bar { padding-bottom: 360px; } }
@media (max-width: 500px) { .call-to-action-bar { padding-bottom: 340px; }
  .call-to-action-bar p { font-size: 20px; } }
.call-to-action-bar .call-center-girl { width: 33.33%; height: auto; position: absolute; bottom: -80px; }
@media (max-width: 1000px) { .call-to-action-bar .call-center-girl { bottom: -46px; left: -10px; width: 40%; } }
@media (max-width: 620px) { .call-to-action-bar .call-center-girl { width: 320px; bottom: -360px; } }
@media (max-width: 500px) { .call-to-action-bar .call-center-girl { bottom: -340px; } }

@media (max-width: 860px) { .arak-rendeles h2 { font-size: 25px; } }
@media (max-width: 500px) { .arak-rendeles hr.krem-3 { margin-left: -32px; margin-right: -32px; } }
@media (max-width: 400px) { .arak-rendeles h2 { margin-top: 25px !important; } }

@media (max-width: 860px) { .termek-box { text-align: center; } }

.adagolas { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdf8e1+0,fefcf3+14,fefcf3+76,fdf8e1+94 */ background: #F9ECB0; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#F8E9A3), color-stop(14%, #F9ECB0), color-stop(76%, #F9ECB0), color-stop(94%, #F8E9A3)); background: linear-gradient(to bottom, #F8E9A3 0%, #F9ECB0 14%, #F9ECB0 76%, #F8E9A3 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding: 40px 0; }
@media (max-width: 620px) { .adagolas { padding: 20px 0; } }
.adagolas .listBox { position: relative; margin: 30px; }
.adagolas .listBox img { display: inline-block; vertical-align: middle; margin-right: 20px; position: relative; z-index: 2; }
@media (max-width: 1490px) { .adagolas .listBox { margin: 30px 15px; } }
.adagolas .listBox h4 { font-size: 23px; background: white; margin-left: -25px; padding: 5px 10px 5px 30px; }
.adagolas .listBox p { font-size: 17px; }
@media (max-width: 620px) { .adagolas .listBox { margin: 20px 5px; }
  .adagolas .listBox h4 { display: none; }
  .adagolas .listBox h4.show-on-620 { display: block !important; margin-left: 0; margin-bottom: 0; } }
@media (max-width: 500px) { .adagolas .listBox { margin: 0 5px 20px 5px; }
  .adagolas .listBox h4 { display: none; }
  .adagolas .listBox h4.show-on-620 { display: block !important; margin-left: -20px; margin-right: -20px; margin-bottom: 15px; text-align: center; font-size: 20px; }
  .adagolas .listBox img { display: block; text-align: center; margin: 0 auto; } }
.adagolas .listBox .floatBox { width: calc(100% - 230px); display: inline-block; vertical-align: top; }
@media (max-width: 620px) { .adagolas .listBox .floatBox { width: calc(100% - 230px); margin-top: 20px; } }
@media (max-width: 500px) { .adagolas .listBox .floatBox { width: auto; margin-top: 20px; } }

.mireszedik .sarga-hatter { background: #FDF8E1; padding: 20px 20px 15px 20px; margin: 0; }
.mireszedik .sarga-hatter h2 { text-transform: uppercase; }
.mireszedik .listBox { padding: 50px 50px 0 50px; }
@media (max-width: 800px) { .mireszedik .listBox { padding: 30px 0 0 0; } }
.mireszedik .listBox img { display: inline-block; width: 66px; height: 66px; margin-right: 20px; vertical-align: top; }
.mireszedik .listBox div { display: inline-block; width: calc(100% - 100px); vertical-align: top; }
.mireszedik .listBox div h3 { font-size: 30px; }
@media (max-width: 500px) { .mireszedik .listBox div h3 { font-size: 22px; } }
.mireszedik .listBox div span { font-size: 25px; color: #CC0000; margin-bottom: 0.4em; display: block; }
.mireszedik .listBox div p { font-size: 21px; }
@media (max-width: 500px) { .mireszedik .listBox div p { margin-left: -90px; margin-top: 30px; font-size: 19px; } }

.imgBox { display: block; position: relative; border: solid 1px #F9ECB0; padding: 3px; }
.imgBox img { max-width: 100%; height: auto; }
.imgBox .textBox { position: absolute; bottom: 3px; left: 3px; right: 3px; padding: 40px 60px; background: rgba(0, 0, 0, 0.6); color: white; }
@media (max-width: 800px) { .imgBox .textBox { padding: 20px 40px; }
  .imgBox .textBox h5 { font-size: 20px; }
  .imgBox .textBox p { font-size: 14px; } }
@media (max-width: 500px) { .imgBox .textBox { position: relative; background: black; padding: 20px 30px 10px 30px; left: 0; }
  .imgBox .textBox h5 { font-size: 16px; }
  .imgBox .textBox p { font-size: 12px; } }

.sorozatszamos { position: relative; border-bottom: solid 2px #F9ECB0; }
@media (max-width: 1440px) { .sorozatszamos { max-width: 1366px; margin-left: auto; margin-right: auto; text-align: center; background: white; border-bottom: 0; } }
@media (max-width: 1200px) { .sorozatszamos { padding-top: 30px; } }
@media (max-width: 1000px) { .sorozatszamos { text-align: left; } }
.sorozatszamos .imgBox { display: inline-block; width: 62.2%; vertical-align: middle; border: 0; padding: 0; }
.sorozatszamos .imgBox .textBox { bottom: 10px; left: 0; right: 0; }
@media (max-width: 1440px) { .sorozatszamos .imgBox .textBox { width: 1200px; left: 50%; right: auto; margin-left: -600px; } }
@media (max-width: 1201px) { .sorozatszamos .imgBox .textBox { width: auto; left: auto; right: auto; margin-left: 0; } }
@media (max-width: 1440px) { .sorozatszamos .imgBox { display: block; width: auto; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdf8e1+0,fefcf3+14,fefcf3+76,fdf8e1+94 */ background: #fdf8e1; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#fdf8e1), color-stop(14%, #fefcf3), color-stop(76%, #fefcf3), color-stop(94%, #fdf8e1)); background: linear-gradient(to bottom, #fdf8e1 0%, #fefcf3 14%, #fefcf3 76%, #fdf8e1 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border-bottom: solid 2px #F9ECB0; } }
.sorozatszamos .textBox2 { display: inline-block; width: 35%; vertical-align: middle; padding-left: 30px; padding-top: 20px; padding-bottom: 20px; }
.sorozatszamos .textBox2 p { font-size: 21px; }
@media (max-width: 1440px) { .sorozatszamos .textBox2 { display: block; width: auto; padding: 50px 30px 20px 30px; }
  .sorozatszamos .textBox2 p { font-size: 21px; text-align: left; } }
@media (max-width: 1760px) { .sorozatszamos .textBox2 p { font-size: 19px; } }
@media (max-width: 1760px) { .sorozatszamos .textBox2 p { font-size: 17px; } }
@media (max-width: 500px) { .sorozatszamos .textBox2 p { font-size: 16px; } }

.cikk h1 { font-size: 39px; margin: 1.5em 0 0.5em 0; display: block; }
@media (max-width: 1000px) { .cikk h1 { font-size: 33px; } }
@media (max-width: 800px) { .cikk h1 { text-align: center; } }
@media (max-width: 500px) { .cikk h1 { margin-top: 20px; font-size: 28px; } }

#greenSlider { background: #009900; padding: 10px 60px; display: none; }
@media (max-width: 500px) { #greenSlider { margin-bottom: 20px; } }
#greenSlider a { color: #000; padding: 20px; }
#greenSlider a h4 { color: #0033CC; }
#greenSlider a:hover { color: #000; text-decoration: none; }
#greenSlider a:hover h4 { color: #0033CC; }
#greenSlider .listBox > img { display: inline-block; width: 132px; vertical-align: middle; margin-right: 20px; }
@media (max-width: 500px) { #greenSlider .listBox > img { display: block; margin: 0 auto 20px auto; } }
#greenSlider .listBox .floatBox { width: calc(100% - 160px); display: inline-block; vertical-align: middle; }
@media (max-width: 500px) { #greenSlider .listBox .floatBox { display: block; width: auto; text-align: center; }
  #greenSlider .listBox .floatBox p { margin-bottom: 0; } }
#greenSlider .slick-prev { left: 10px; }
#greenSlider .slick-next { right: 10px; }

#footerMenu { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#333333+3,000000+45 */ background: #333333; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #333333), color-stop(45%, #000000)); background: linear-gradient(to bottom, #333333 3%, #000000 45%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ text-align: center; border-bottom: solid 2px #F9ECB0; }
#footerMenu ul { margin: 0; padding: 0; }
#footerMenu li { display: inline-block; }
#footerMenu li a { padding: 15px; display: block; color: white; text-transform: uppercase; font-size: 22px; }
#footerMenu li a.cta { background-color: #FFCC00; color: #333333; padding: 2px 15px; }
#footerMenu li a.cta:hover { color: white; text-decoration: none; }
#footerMenu li a.cta:hover:after { opacity: 0; }
@media (max-width: 1200px) { #footerMenu li a { font-size: 16px; } }
@media (max-width: 1000px) { #footerMenu li { display: block; background: #333333; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #333333), color-stop(45%, #000000)); background: linear-gradient(to bottom, #333333 3%, #000000 45%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border-bottom: solid 2px white; }
  #footerMenu li a { font-size: 21px; }
  #footerMenu li a.cta { display: inline-block; margin: 10px auto; } }

.footerLogo { padding: 40px 0 20px 0; }
.footerLogo img { margin: 0 10px; }
@media (max-width: 1010px) { .footerLogo img { margin: 5px; display: inline-block; } }

.impress { padding: 10px; }