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

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

body { line-height: 1; }

ol, ul { list-style: none; }

.price samp{
	font-size: 13px;
	font-family: "Courier New", Courier, monospace;
}

blockquote, q { quotes: none; }

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

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

/* FONTOK. */
@font-face { font-family: "Open Sans"; src: url(https://www.kontenerbudapest.com/_css/open-sans-regular.ttf) format("truetype"); }
@font-face { font-family: "Open Sans Semibold"; src: url(https://www.kontenerbudapest.com/_css/open-sans-semibold.ttf) format("truetype"); }
@font-face { font-family: "Franklin Gothic Heavy"; src: url(https://www.kontenerbudapest.com/_css/franklin-gothic-heavy.ttf) format("truetype"); }
@font-face { font-family: "Franklin Gothic Medium"; src: url(https://www.kontenerbudapest.com/_css/franklin-gothic-medium.ttf) format("truetype"); }
@font-face { font-family: "Franklin Gothic Demi"; src: url(https://www.kontenerbudapest.com/_css/franklin-gothic-demi.ttf) format("truetype"); }
@font-face { font-family: "Sylfaen"; src: url(https://www.kontenerbudapest.com/_css/sylfaen.ttf) format("truetype"); }

body { font-family: "Open Sans"; font-size: 18px; line-height: 22px; color: #000000; }

/* SZINEK - nem kell php-vel betenni őket

#204595 - fejléc sötét kék
#C31F26 - piros
#1D1F21 - fejléc fekete és szöveg szín
#9FC148 - világos zöld
#009300 - sötét zöld - telefonszámnál
#0033CC - link kék
#F5F5F5 - világos szürke
#999999 - copyright szürke
#FFCC00 - telefonszám sárga

*/
/* Ez a fő sárga GOMB / LINK designja */
.magas30 { line-height: 30px; height: 30px; width: 98%; font-size: 13px; }

.magas33 { line-height: 33px; height: 33px; width: 98%; font-size: 15px; }

.magas41 { line-height: 41px; height: 41px; width: 98%; font-size: 17px; }

.magas44 { line-height: 44px; height: 44px; width: 98%; font-size: 19px; }

.magas50 { line-height: 50px; height: 50px; width: 98%; font-size: 21px; }

.magas55 { line-height: 55px; height: 55px; width: 98%; font-size: 23px; }

.magas58 { line-height: 58px; height: 58px; width: 98%; font-size: 25px; }

.magas66 { line-height: 66px; height: 66px; width: 98%; font-size: 30px; }

.magas73 { line-height: 73px; height: 73px; width: 98%; font-size: 33px; }

.magas80 { line-height: 80px; height: 80px; width: 98%; font-size: 35px; }

.a-button { background: #e7e9ec; border-radius: 5px; border-style: solid; border-width: 2px; cursor: pointer; display: inline-block; padding: 0; text-align: center; text-decoration: none !important; vertical-align: middle; font-family: "Open Sans Semibold", Helvetica,Arial,sans-serif; -webkit-box-shadow: 4px 4px 2px #DDDFE1; box-shadow: 4px 4px 2px #DDDFE1; border-color: #a88734 #9c7e31 #846a29; letter-spacing: 0.5px; }

.clr { clear: both; }

.inaktiv { background-color: #CCC; }

.a-button .a-button-inner { background: #eff0f3; background: -webkit-gradient(linear, left top, left bottom, from(#f7f8fa), to(#e7e9ec)); background: linear-gradient(to bottom, #f7f8fa, #e7e9ec); }

.a-button:hover .a-button-inner { background: #e0e3e8; background: -webkit-gradient(linear, left top, left bottom, from(#e7eaf0), to(#d9dce1)); background: linear-gradient(to bottom, #e7eaf0, #d9dce1); }

.a-button:active .a-button-inner { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; background-color: #e7e9ec; background-image: none; }

.a-button:active .a-button-inner { background-color: #dcdfe3; }

.a-button:active, .a-button:active:hover { border-color: #adb1b8 #a2a6ac #a2a6ac; text-transform: underline; background-color: none; }

.a-button:hover { border-color: #a2a6ac #979aa1 #82858a; -webkit-box-shadow: 1px 1px 2px 0px #ADAFB4; box-shadow: 1px 1px 2px 0px #ADAFB4; text-decoration: underline; -webkit-box-shadow: 0px 0px 0px #ffffff; box-shadow: 0px 0px 0px #ffffff; }

.a-button-inner { display: block; position: relative; overflow: hidden; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset; border-radius: 2px; vertical-align: middle; }

.a-button a { color: #8D1013; font-weight: bold; text-decoration: none !important; padding-left: 21px; padding-right: 21px; vertical-align: middle; }

.a-button:hover a { padding-left: 21px; padding-right: 21px; vertical-align: middle; color: #F2EFB0; text-decoration: underline; background-color: none; }

.a-button + .a-button { margin-left: .385em; }

.a-button-primary { background: #f0c14b; overflow: hidden; }

.a-button-primary .a-button-inner { background: #f3d078; background: -webkit-gradient(linear, left top, left bottom, from(#f7dfa5), to(#f0c14b)); background: linear-gradient(to bottom, #f7dfa5, #f0c14b); }

.a-button-primary:hover .a-button-inner { background: -webkit-gradient(linear, left top, left bottom, from(#409324), to(#2D6718)); background: linear-gradient(to bottom, #409324, #2D6718); }

.a-button-primary:active .a-button-inner { background-color: #f0c14b; background-image: none; }

.a-button-primary:hover { border-color: #368943 #368943 #368943; text-decoration: underline; background-color: none; }

.a-button-primary.a-button-focus, .a-button-primary:focus, .a-button-primary:hover, .a-button-primary:hover:active { border-color: #61A00A; text-decoration: underline; }

.a-button-primary:active { border-color: #a88734 #9c7e31 #9c7e31; }

.a-button-primary .a-button-inner { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset; }

.clr { clear: both; }

img { max-width: 100%; }

.video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }
.video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
@media screen and (max-width: 900px) { .video-responsive { max-width: 1000px !important; } }

.separator { height: 1.2em; margin: 0 10px -4px 8px; width: 1px; display: inline-block; border-right: dotted 2px #C31F26; }
.separator + span { color: #0033CC; }

strong { font-weight: bold; }

em { font-style: italic; }

.text-center { text-align: center; }

.hint { font-size: 15px; }

.sylfaen { font-family: "Sylfaen"; }

.whiteBg { background: white; }

.redBg { background: #C31F26; }

.redText { color: #C31F26; }

.greyBg { background: #F5F5F5; }
.greyBg .tel { background: url("https://www.kontenerbudapest.com/_pics/telefon2.png") center left no-repeat; color: #009300; -ms-flex-item-align: center; align-self: center; }
.greyBg .tel:hover { color: #204595; text-decoration: underline; }

.greyBorder { -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); }
@media screen and (max-width: 900px) { .greyBorder { -webkit-box-shadow: none; box-shadow: none; } }

html, body { color: #1D1F21; background: #282828; font-family: "Open Sans"; }

h1, h2, h3, h4, h5 { font-family: "Franklin Gothic Demi", sans-serif; margin-top: 0.3em; margin-bottom: 0.2em; line-height: 1.1em; }

h1 { font-size: 28px; margin: 0.4em 0; }

h2 { font-size: 28px; line-height: 1.2em; }

h3 { font-size: 24px; }

.tel { font-family: "Franklin Gothic Heavy", sans-serif; font-weight: bold; }

/*SZABI */
.testimonial p{
	font-family: "Open Sans";
	}
.kerulet-terkep img{
	border-radius: 9px;
	}
#header > .slider .tel:hover{
	color: #FFF;
	text-decoration: underline;
	}
	
.price a:hover{
	color: #C00;
	text-decoration: none;
	font-weight:bold;
	}

.redBulletList, .borderInfoBox ul li, .whiteBox ul li { font-size: 18px; padding-left: 18px; line-height: 1.7em; position: relative; }
.redBulletList:before, .borderInfoBox ul li:before, .whiteBox ul li:before { content: " "; width: 10px; height: 10px; margin-left: -18px; top: 12px; display: block; border-radius: 50%; background: #C31F26; position: absolute; }
@media screen and (max-width: 500px) { .redBulletList, .borderInfoBox ul li, .whiteBox ul li { line-height: 2em; } }

.telGlobal, .greyBg .tel, #header > .slider .tel, #fixedCall .tel { height: 46px; padding-left: 52px; display: inline-block; text-decoration: none; font-size: 36px; line-height: 46px; }
@media screen and (max-width: 1060px) { .telGlobal, .greyBg .tel, #header > .slider .tel, #fixedCall .tel { font-size: 26px; } }
@media screen and (max-width: 900px) { .telGlobal, .greyBg .tel, #header > .slider .tel, #fixedCall .tel { font-size: 36px; margin-bottom: 15px; } }
@media screen and (max-width: 500px) { .telGlobal, .greyBg .tel, #header > .slider .tel, #fixedCall .tel { margin-bottom: 12px; } }
@media screen and (max-width: 342px) { .telGlobal, .greyBg .tel, #header > .slider .tel, #fixedCall .tel { font-size: 28px; } }

.globalMail, #header > .top .col > #mainMenu li a.mail, #sikeresMegrendeles .mail { background: url("https://www.kontenerbudapest.com/_pics/mail.png") center left no-repeat; padding-left: 24px; font-family: "Sylfaen"; color: #204595; }

.container { max-width: 1200px; margin: 0 auto; }

.row { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: center; align-self: center; }

.col-1-2 { width: 49.6%; }
@media screen and (max-width: 900px) { .col-1-2 { width: auto; } }

.col-1-3 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
@media screen and (max-width: 900px) { .col-1-3 { width: auto; } }

.col-2-3 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
@media screen and (max-width: 900px) { .col-2-3 { width: auto; } }

/* LAYOUTS & WIDTHS */
.full-width { width: initial; }

.margin-nega--18px { margin-top: -18px; }

.margin-top-15px { margin-top: 15px; }

.margin-top-25px { margin-top: 25px; }

.margin-top-40px { margin-top: 40px; }
@media screen and (max-width: 500px) { .margin-top-40px { margin-top: 25px; } }

.padding-60px { padding: 0 60px; }
.padding-60px .col { margin-right: 46px; }
.padding-60px .col:last-child { margin-right: 0; }
@media screen and (max-width: 900px) { .padding-60px .col { margin-right: 0; } }
@media screen and (max-width: 500px) { .padding-60px { padding: 0 15px; } }

.padding-top-0px { padding-top: 0 !important; }

.padding-right-46px { padding-right: 46px; }
@media screen and (max-width: 900px) { .padding-right-46px { padding-right: 0; } }

.padding-right-66px { padding-right: 66px; }

.max-width-33-percent { max-width: 33%; }
@media screen and (max-width: 900px) { .max-width-33-percent { max-width: 100%; } }

.max-width-33-5-percent { max-width: 33.5%; }
@media screen and (max-width: 900px) { .max-width-33-5-percent { max-width: 100%; } }

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

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

.max-width-130px { max-width: 127px; }

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

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

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

.max-width-220px { max-width: 220px; }
@media screen and (max-width: 900px) { .max-width-220px.inputCol { max-width: 100%; } }

.max-width-300px { max-width: 300px; }
@media screen and (max-width: 1060px) { .max-width-300px { max-width: 250px; } }
@media screen and (max-width: 900px) { .max-width-300px { max-width: 1000px; } }
@media screen and (max-width: 500px) { .max-width-300px { max-width: 240px; } }

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

.max-width-350px { max-width: 350px; }
@media screen and (max-width: 900px) { .max-width-350px { max-width: 100%; } }

.max-width-500px { max-width: 500px; }
@media screen and (max-width: 900px) { .max-width-500px { max-width: 100%; } }

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

select, textarea, input[type=text], input[type=email] { width: 100%; padding: 5px; font-size: 19px; display: block; }
select:focus, select:active, textarea:focus, textarea:active, input[type=text]:focus, input[type=text]:active, input[type=email]:focus, input[type=email]:active { outline: none !important; border: solid 1px #204595; }
select.twoChars, textarea.twoChars, input[type=text].twoChars, input[type=email].twoChars { width: 3em; }
@media screen and (max-width: 900px) { select, textarea, input[type=text], input[type=email] { margin-bottom: 20px; } }

label { text-align: right; display: block; margin-right: 10px; }
label.error { background: #C31F26; color: white; clear: both; position: relative; font-weight: normal !important; margin-top: 3px; font-size: 15px; padding: 2px 8px; white-space: nowrap; text-align: left; display: inline-block; }
@media screen and (max-width: 900px) { label { text-align: left; margin-bottom: 10px; } }
@media screen and (max-width: 500px) { label { font-size: 15px; margin-bottom: 5px; } }

.requiredField { color: #C31F26; }

.button { font-family: "Franklin Gothic Demi", sans-serif; text-decoration: none; text-align: center; display: block; padding: 15px; background: #9FC148; color: white; font-size: 23px; margin-top: 8px; }
.button:hover { background: #C31F26; }
@media screen and (max-width: 900px) { .button { max-width: 330px; margin: 8px auto 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } }
@media screen and (max-width: 600px) { .button { max-width: 100%; } }

input.button { width: 100%; border: 0; cursor: pointer; }
@media screen and (max-width: 500px) { input.button { font-size: 20px; } }
@media screen and (max-width: 342px) { input.button { font-size: 18px; } }

.submitHint { display: none; }
@media screen and (max-width: 500px) { .submitHint { display: block; margin: 15px; text-align: center; } }

.formRow { padding: 20px 115px; font-size: 19px; }
@media screen and (max-width: 1060px) { .formRow { padding: 20px; } }
@media screen and (max-width: 900px) { .formRow { padding: 0 20px; } }
.formRow .col { -ms-flex-item-align: end; align-self: end; }
.formRow .col label { margin-top: 5px; }
.formRow .inputCol { position: relative; }
.formRow.active { background: #F5F5F5; }
.formRow.active label { color: #204595; font-family: "Open Sans Semibold"; font-weight: bold; font-size:90%;}
.formRow.active label.error { background: #C31F26; color: white; }
@media screen and (max-width: 900px) { .formRow.active { padding-top: 20px; padding-bottom: 10px; margin-bottom: 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: '←'; }

#header > .top { border-top: solid 15px #204595; background: white; }
#header > .top .col { height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 900px) { #header > .top .col { height: auto; } }
#header > .top .col > #mainMenu { -ms-flex-item-align: center; align-self: center; }
@media screen and (max-width: 900px) { #header > .top .col > #mainMenu { display: none; } }
#header > .top .col > #mainMenu li { display: inline-block; }
#header > .top .col > #mainMenu li a { border-right: dotted 2px #C31F26; padding: 0 10px 0 5px; font-family: "Open Sans Semibold"; color: #0033CC; text-decoration: none; }
#header > .top .col > #mainMenu li a:hover { text-decoration: underline; }
#header > .top .col > #mainMenu li a.mail { margin-left: 8px; }
@media screen and (max-width: 900px) { #header > .top .col > #mainMenu li a.mail { background: #204595; color: white; padding-left: 10px; margin-left: 0 !important; }
  #header > .top .col > #mainMenu li a.mail span { display: inline-block; background: url("https://www.kontenerbudapest.com/_pics/mail.png") center left no-repeat; padding-left: 24px; } }
#header > .top .col > #mainMenu li:last-child a { border-right: 0; }
@media screen and (max-width: 900px) { #header > .top .col > #mainMenu li { display: block; }
  #header > .top .col > #mainMenu li a { background: #204595; display: block; color: white; text-align: center; border-right: 0; padding: 10px; border-bottom: solid 2px white; } }
#header > .top #logo { display: block; -ms-flex-item-align: center; align-self: center; }
@media screen and (max-width: 1200px) { #header > .top #logo { margin-left: 10px; } }
@media screen and (max-width: 900px) { #header > .top #logo { float: left; margin-top: 20px; margin-bottom: 20px; margin-left: 55px; } }
@media screen and (max-width: 500px) { #header > .top #logo { margin-left: 20px; } }
@media screen and (max-width: 342px) { #header > .top #logo { margin-left: 10px; } }
#header > .slider { background: #1D1F21; color: #F5F5F5; }
@media screen and (max-width: 1200px) { #header > .slider { padding-left: 10px; } }
@media screen and (max-width: 900px) { #header > .slider { padding: 20px 0; }
  #header > .slider .col { max-width: 460px; margin: 0 auto; text-align: center; } }
@media screen and (max-width: 500px) { #header > .slider { padding: 15px 0; } }
#header > .slider .ctaBig { font-size: 33px; font-family: "Sylfaen"; margin-bottom: 20px; line-height: 1.1em; }
@media screen and (max-width: 900px) { #header > .slider .ctaBig { line-height: 1.4em; }
  #header > .slider .ctaBig + .block-on-tablet { padding-bottom: 15px; } }
@media screen and (max-width: 500px) { #header > .slider .ctaBig { font-size: 23px; margin-left: 15px; margin-right: 15px; margin-bottom: 8px; }
  #header > .slider .ctaBig + .block-on-tablet { padding-bottom: 0; } }
#header > .slider .tel { background: url("https://www.kontenerbudapest.com/_pics/telefon.png") center left no-repeat; color: #FFCC00; }

#kontenerSlideshow { margin-top: -15px; margin-bottom: -20px; max-height: 198px; overflow: hidden; display: none; }
@media screen and (max-width: 900px) { #kontenerSlideshow { width: 330px; max-height: 220px; margin: 0 auto -20px auto; padding-top: 10px; padding-bottom: 10px; } }
@media screen and (max-width: 342px) { #kontenerSlideshow { width: 310px; } }

a.control_prev:hover, a.control_next:hover { opacity: 1; -webkit-transition: all 0.2s ease; }
.kerulet h1 span{font-size:125%; color: #C00;}

#keruletek .kerulet > .row > .col { padding: 15px; }
@media screen and (max-width: 500px) { #keruletek .kerulet > .row > .col { padding: 0 15px 15px 15px; } }
#keruletek img { margin-top: -30px; margin-bottom: -30px; }
@media screen and (max-width: 500px) { #keruletek img { margin: 0 auto; display: block; } }
#keruletek h1 + span { font-size: 15px; line-height: 1.2em; color: #C31F26; }
#keruletek p { font-family: "Sylfaen"; font-size: 19px; line-height: 1.3em; }

.infoBox { padding: 20px 36px; margin: 15px 0; font-size: 17px; line-height: 1.5em; }
@media screen and (max-width: 500px) { .infoBox { padding: 20px 15px; font-size: 16px; } }

.borderInfoBox { padding: 20px 40px; margin: 10px 60px; }
@media screen and (max-width: 900px) { .borderInfoBox { padding: 20px 20px; margin: 10px 0px; } }
@media screen and (max-width: 500px) { .borderInfoBox { padding: 10px 20px; margin: 5px 0px; } }

.ctaBlock h3 { margin-top: 20px; margin-bottom: 15px; }
.ctaBlock .greyBg { padding-left: 40px; padding-right: 40px; }
.ctaBlock img { margin-top: -40px; }
@media screen and (max-width: 1060px) { .ctaBlock img { margin-top: -20px; } }
.ctaBlock span { font-family: "Franklin Gothic Medium"; text-transform: uppercase; font-size: 23px; }
@media screen and (max-width: 900px) { .ctaBlock > h3 { margin: 10px 30px; line-height: normal; }
  .ctaBlock .block-on-tablet { background: url(https://www.kontenerbudapest.com/_pics/kontener-rendeles.png) left center no-repeat; padding-left: 150px; padding-top: 20px; padding-bottom: 20px; }
  .ctaBlock .block-on-tablet .col { text-align: left !important; }
  .ctaBlock .block-on-tablet .col.max-width-130px { display: none !important; }
  .ctaBlock .block-on-tablet .col.max-width-180px { max-width: 1000px; margin-left: 1em; margin-top: 20px; } }
@media screen and (max-width: 500px) { .ctaBlock > h3 { margin: 10px 30px; line-height: normal; }
  .ctaBlock .greyBg { padding-left: 10px; padding-right: 10px; }
  .ctaBlock .block-on-tablet { background: url(https://www.kontenerbudapest.com/_pics/kontener-rendeles.png) center 15px no-repeat; padding-left: 0; padding-top: 150; }
  .ctaBlock .block-on-tablet .col { text-align: center !important; }
  .ctaBlock .block-on-tablet .col a.tel { text-align: left; white-space: nowrap; }
  .ctaBlock .block-on-tablet .col.max-width-180px { margin-top: 0; } }

.whiteBox { background: white; padding: 20px; -webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.2); position: relative; z-index: 2; }
.whiteBox img { margin-bottom: 15px; }
.whiteBox .price { font-family: "Sylfaen"; font-size: 30px; }
.whiteBox .greyBg { margin: 20px -20px -17px -20px; padding: 10px 20px 8px 20px; font-size: 17px; }
@media screen and (max-width: 500px) { .whiteBox .greyBg { margin: 20px -15px -12px -15px; } }
@media screen and (max-width: 900px) { .whiteBox { max-width: 330px; margin: 60px auto 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; } }
@media screen and (max-width: 500px) { .whiteBox { padding: 10px 15px; margin: 35px auto 0 auto; } }

.wideBg.fekete-hatter { background: url("https://www.kontenerbudapest.com/_pics/fekete-hatter.jpg") center center no-repeat; background-size: cover; padding: 66px 0 36px 0; color: white; }
@media screen and (max-width: 900px) { .wideBg.fekete-hatter { padding: 20px 0 36px 0; } }
.wideBg.fekete-hatter .container { padding: 0px 66px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 900px) { .wideBg.fekete-hatter .container { padding: 0px 30px; } }
@media screen and (max-width: 500px) { .wideBg.fekete-hatter .container { padding: 0px 15px; } }
.wideBg.fekete-hatter .container .listBox { margin: 0 0 30px 0; }
.wideBg.fekete-hatter .container .listBox h4 { font-size: 22px; color: #9FC148; margin-bottom: 15px; }
@media screen and (max-width: 500px) { .wideBg.fekete-hatter .container .listBox h4 { font-size: 19px; margin-bottom: 0px; } }
.wideBg.fekete-hatter .container .listBox p { font-size: 16px; }
@media screen and (max-width: 500px) { .wideBg.fekete-hatter .container .listBox p { font-size: 15px; } }
.wideBg.fekete-hatter .container .listBox .col.max-width-135px { margin-right: 15px; }
@media screen and (max-width: 500px) { .wideBg.fekete-hatter .container .listBox .col.max-width-135px { margin-right: 5px; } }

.listWrap { padding: 15px 20px; }
.listWrap .listBox { margin: 0 0 10px 0; }
@media screen and (max-width: 500px) { .listWrap .listBox { margin: 0 0 5px 0; } }
.listWrap .listBox .max-width-70px { margin-right: 10px; }
@media screen and (max-width: 500px) { .listWrap .listBox .max-width-70px { margin-right: 5px; } }
.listWrap .listBox h3 a { color: #0033CC; font-family: "Sylfaen"; text-decoration: none; font-size: 21px; }
@media screen and (max-width: 500px) { .listWrap .listBox h3 a { font-size: 17px; } }
.listWrap .listBox p { font-size: 15px; }
.listWrap .listBox.testimonial .max-width-100px { margin-right: 15px; }
.listWrap .listBox.testimonial p { margin-bottom: 5px; }

.afterVideoBlock .greyBg { padding: 5px 20px; margin: 10px 0; }
.afterVideoBlock h1 { line-height: 1.4em; font-size: 33px; }
.afterVideoBlock ol{margin:0px;}
.afterVideoBlock ol li{line-height: 1.6em;}
.afterVideoBlock h2, .afterVideoBlock h3{margin-top:12px; color:#C00; font-size:36px;}

@media screen and (max-width: 1060px) { .afterVideoBlock h1 { font-size: 25px; line-height: 1.4em; } }
.afterVideoBlock p { line-height: 1.6em; }
@media screen and (max-width: 500px) { .afterVideoBlock { padding: 15px; }
  .afterVideoBlock .greyBg { margin-left: -15px; margin-right: -15px; margin-top: 0; }
  .afterVideoBlock p { line-height: 1.3em; } }

#megrendelourlap .whiteBg { padding-bottom: 60px; }
@media screen and (max-width: 900px) { #megrendelourlap .whiteBg { padding-top: 15px; } }
@media screen and (max-width: 600px) { #megrendelourlap .whiteBg { padding-bottom: 30px; } }
#megrendelourlap h5 { font-family: "Franklin Gothic Heavy", sans-serif; font-weight: bold; font-size: 30px; margin-bottom: 15px; }
@media screen and (max-width: 500px) { #megrendelourlap h5 { font-size: 25px; margin-bottom: 10px; } }
@media screen and (max-width: 500px) { #megrendelourlap p { font-size: 16px; } }
#megrendelourlap .greyBg { padding: 15px 20px; margin: 0 0 10px 0; border-top: solid 8px white; }
@media screen and (max-width: 500px) { #megrendelourlap .greyBg { padding: 15px; } }
#megrendelourlap .greyBg p { font-family: "Open Sans"; }
@media screen and (max-width: 900px) { #megrendelourlap form { padding-top: 5px; } }

#sikeresMegrendeles { margin: 50px 210px 0 210px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 160px; background: url(https://www.kontenerbudapest.com/_pics/sikeres-rendeles.png) left top no-repeat; font-size: 17px; line-height: 1.5em; }
@media screen and (max-width: 1060px) { #sikeresMegrendeles { margin: 50px 20px 0 20px; } }
@media screen and (max-width: 500px) { #sikeresMegrendeles { background: url(https://www.kontenerbudapest.com/_pics/sikeres-rendeles.png) center top no-repeat; padding-top: 140px; padding-left: 0; margin: 10px 15px 0 15px; } }
#sikeresMegrendeles p { margin-bottom: 10px; }
#sikeresMegrendeles p.sylfaen { font-size: 46px; margin-bottom: 20px; line-height: 1.3em; }
#sikeresMegrendeles ol { padding-left: 20px; margin-bottom: 10px; }
#sikeresMegrendeles ol li { list-style-type: decimal; }
@media screen and (max-width: 600px) { #sikeresMegrendeles { padding-left: 0; }
  #sikeresMegrendeles p.sylfaen { margin-left: 160px; } }
@media screen and (max-width: 500px) { #sikeresMegrendeles { padding-left: 0; }
  #sikeresMegrendeles p { margin-bottom: 5px; }
  #sikeresMegrendeles p.sylfaen { margin-left: 0; font-size: 36px; text-align: center; } }

footer { background: #1D1F21; margin-top: -10px; }
footer .container { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 10px 0; }
@media screen and (max-width: 1200px) { footer .container { padding: 20px 10px 10px 10px; } }
@media screen and (max-width: 900px) { footer .container { padding: 4px; } }
footer ul li { display: inline-block; }
footer ul li a { border-right: dotted 2px #C31F26; padding: 0 10px 0 5px; font-family: "Open Sans"; color: white; text-decoration: none; font-size: 17px; }
footer ul li a:hover { color: #FFCC00; text-decoration: underline; }
footer ul li:first-child a { padding-left: 0; }
footer ul li:last-child a { border-right: 0; }
@media screen and (max-width: 900px) { footer ul li { display: block; }
  footer ul li a { display: block; background: #F5F5F5; text-align: center; color: #204595; padding: 8px; border: 0; border-bottom: solid 2px #1D1F21; } }
footer .footerTop { margin-bottom: 20px; }
@media screen and (max-width: 900px) { footer .footerTop { margin-bottom: 0; } }
footer .footerBottom { border-bottom: dashed 1px #9FC148; padding-bottom: 30px; }
footer .footerBottom ul li a { border-right: 0; position: relative; padding-left: 30px; color: #9FC148; }
footer .footerBottom ul li a:before { content: " "; width: 20px; height: 20px; display: block; position: absolute; left: 0; top: 0; background: #9FC148; }
footer .footerBottom ul li a:hover { color: #FFCC00; }
footer .footerBottom ul li a:hover:before { background: #FFCC00; }
footer .footerBottom ul li a.toTop { background: url("https://www.kontenerbudapest.com/_pics/oldaltetejere.png") center left no-repeat; padding-left: 25px; }
footer .footerBottom ul li a.toTop:before { display: none; }
@media screen and (max-width: 900px) { footer .footerBottom ul li a { padding-left: 0; background: #9FC148; color: white; }
  footer .footerBottom ul li a:before { display: none; }
  footer .footerBottom ul li a.toTop { background: none; padding-left: 0; text-transform: uppercase; background: #9FC148; color: white; }
  footer .footerBottom ul li a.toTop:before { display: none; } }
@media screen and (max-width: 900px) { footer .footerBottom { border-bottom: dashed 2px #9FC148; margin: 0 20px; }
  footer .footerBottom > ul { margin-left: -20px; margin-right: -20px; } }
footer p.impress { font-size: 13px; text-align: right; color: #999999; margin-top: 10px; }
@media screen and (max-width: 900px) { footer p.impress { text-align: center; padding: 10px 20px 20px 20px; } }

#bottomCta { margin-top: -20px; }
#bottomCta .whiteBg { padding-bottom: 50px; }
@media screen and (max-width: 900px) { #bottomCta .whiteBg { padding-bottom: 25px; } }

/* MOBIL STÍLUSOK */
.multi-column-list { -webkit-column-count: 3; column-count: 3; }
@media screen and (max-width: 900px) { .multi-column-list { -webkit-column-count: 2; column-count: 2; } }
@media screen and (max-width: 500px) { .multi-column-list { -webkit-column-count: 1; column-count: 1; } }

#mobilButton { display: none; background: transparent; border: 0; outline: none !important; cursor: pointer; float: right; padding: 24px 55px 0 0; }
#mobilButton div { width: 60px; height: 6px; background: #204595; border-radius: 4px; margin: 6px; }
@media screen and (max-width: 900px) { #mobilButton { display: block; } }
@media screen and (max-width: 500px) { #mobilButton { padding-right: 20px; } }
@media screen and (max-width: 342px) { #mobilButton { padding-right: 10px; padding-top: 16px; }
  #mobilButton div { width: 46px; } }

@media screen and (max-width: 900px) { .block-on-tablet { display: block; }
  .block-on-tablet .col { display: block !important; } }

@media screen and (max-width: 500px) { .block-on-mobile { display: block; }
  .block-on-mobile .col { display: block !important; } }

.clear-mobile { display: none; }
@media screen and (max-width: 900px) { .clear-mobile { display: block; clear: both; } }

.visible-on-mobile { display: none !important; }
@media screen and (max-width: 900px) { .visible-on-mobile { display: block !important; } }

#fixedCall { display: none; text-transform: uppercase; padding: 10px; position: fixed; left: 0; right: 0; bottom: 0; height: 100px; z-index: 1000; -webkit-box-sizing: border-box; box-sizing: border-box; }
#fixedCall .tel { background: url("https://www.kontenerbudapest.com/_pics/telefon2.png") center left no-repeat; color: white; margin-bottom: 10px; }
#fixedCall p { font-family: "Franklin Gothic Medium"; font-size: 23px; }
@media screen and (max-width: 500px) { #fixedCall p { font-size: 18px; } }
@media screen and (max-width: 342px) { #fixedCall p { font-size: 16px; } }

@media screen and (max-width: 900px) { .full-width-mobile { width: auto !important; max-width: 1000px !important; }
  .mobile-padding-15px { padding: 15px;  }
  .white-on-mobile { background: white; }
  .hidden-on-mobile { display: none; }
  #kontenerValaszto { margin-top: -60px; }
  .red-decor-on-mobile:before { content: " "; background: #C31F26; position: absolute; height: 100px; left: 0; right: 0; display: block; margin-top: 20px; }
  .text-left-on-mobile { text-align: left; padding-left:10px; }
  .infoBox + h2 { margin-left: 36px; }
  #fixedCall { display: block; background: #C31F26; color: white; text-align: center; }
  body { padding-bottom: 100px; } }
@media screen and (max-width: 500px) { .kerulet-terkep { max-width: 100%; }
  .infoBox + h2 { margin-left: 20px; }
  .mobile-padding-0 { padding: 15px 0 0 0; }
  .testimonialName { height: 120px; margin-top: -120px; margin-left: 115px; border: solid 1px transparent; }
  .testimonialName .separator { display: none; }
  .testimonialName strong { display: block; margin-top: 40px; }
  .testimonialName + p { margin-bottom: 20px !important; } }
@media screen and (max-width: 342px) { .testimonialName strong { margin-top: 30px; } }

/*# sourceMappingURL=style.css.map */