@charset "UTF-8";
/* SZÍNEK, FONT: 
		FONT: Roboto:400,700,900
		Kék: #0f6db2 - rgba(15,109,178,1)
		Szürke: #f7f7f7 */

/* Telefon */ @media (max-width: 479px){
	
	#kapcsolatform { padding: 1em 0 } 
   body.products .accordion, body.product .accordion { width: 100% !important }
   body.startpage .headline h1 { font-size: 2.4em !important; }
   #termekslider .panel-collapse { background: none !important }
   #menubar ul.nav li#mobile01 { width: 100%; border-right: none }
   #menubar ul.nav li#mobile02 { width: 100%; padding: 0 0.5em; text-align: center }
}

/* Telefon, tablet */ @media (min-width: 480px) and (max-width: 767px){
	
   body.products .accordion, body.product .accordion { width: 49% !important }
    body.startpage .headline h1 { font-size: 3em !important; }
   #termekslider .panel-collapse { background: none !important }
   #menubar ul.nav li#mobile01 { width: 35%; border-right: 1px solid #ddd }
   #menubar ul.nav li#mobile02 { width: 65%; padding: 0 0.5em; text-align: center }

}

/* Telefon, tablet */ @media (max-width: 767px){
	
	.nomobile { display: none !important } 
	#content { margin-top: 3em !important }
	body.startpage #content { margin-top: 4.25em !important }
	section { padding: 0 4em }
	section#imgthumbs { padding: 0 }
	/* Header */
	#header .navbar { height: 60px; max-height: 60px; min-height: 60px }
	#header .navbar-header { height: 60px }
	#header .navbar-header .container { padding: 0 }
	#header .navbar .navbar-brand { position: absolute; margin: 0; width: 75% }
	#header .navbar .navbar-brand img { width: 234px; height: 60px }
	#header .headericons { display: none }
	#header #menubar .navbar-nav li a { font-size: 1em }
		/* Hamburger-menu */
		.navbar-toggle { margin: 0; padding: 0 1em; right: 0; border: none; background: transparent !important; min-height: 5em }
		.navbar-toggle .icon-bar { height: 3px; width: 40px; margin-bottom: 6px; background-color: #fff !important }
		.navbar-toggle:hover { background: transparent !important }
		.navbar-toggle:hover .icon-bar { background-color: #0f6db2 !important; margin-left: 0 }
		.navbar-toggle:hover .icon-bar:nth-child(2) { width: 25px; margin-left: 7.5px }
		.navbar-toggle:hover .icon-bar:nth-child(4) { width: 25px; margin-left: 7.5px }
		/* Menu */
		#menubar { background: #f7f7f7; border: none; padding: 0; margin: -0.75em 0 0 0 }
		#menubar ul.nav { margin: 0 }
		#menubar ul.nav { padding: 0; max-height: 100% !important }
		#menubar ul.nav li { display: block; padding: 0.75em 0; width: 100% }
		#menubar ul.nav li.mobilemenu { display: block !important; max-height: 50%; float: left !important; background: rgba(0,0,0,0.25) }
		#menubar ul.nav li.mobilemenu i { color: #fff }
        #menubar ul.nav li#mobile02 a { display: inline-block; padding: 1em 0.1em !important }
		#menubar ul.nav li:hover { border-bottom: none; background: #fff }
		#menubar ul.nav li:hover a { text-decoration: none }
        /* Megamenu */
        #header #menubar .megamenu { z-index: 10000 !important; overflow: scroll !important }
        #header #menubar > ul > li:nth-child(2) .megamenu { height: calc( 100% - ( 1*(48px) + 70px ) ) } /* Menüpont magassága: 48px + 70px margó */
        #header #menubar > ul > li:nth-child(3) .megamenu { height: calc( 100% - ( 2*(48px) + 70px ) ) }
        #header #menubar > ul > li:nth-child(4) .megamenu { height: calc( 100% - ( 3*(48px) + 70px ) ) }
        #header #menubar > ul > li:nth-child(5) .megamenu { height: calc( 100% - ( 4*(48px) + 70px ) ) }
        #header #menubar > ul > li:nth-child(6) .megamenu { height: calc( 100% - ( 5*(48px) + 70px ) ) }
        #header #menubar > ul > li:nth-child(7) .megamenu { height: calc( 100% - ( 6*(48px) + 70px ) ) }
        #header #menubar > ul > li:nth-child(8) .megamenu { height: calc( 100% - ( 7*(48px) + 70px ) ) }
        #header #menubar > ul > li:nth-child(9) .megamenu { height: calc( 100% - ( 8*(48px) + 70px ) ) }
        #header #menubar .megamenu .menus,
        #header #menubar .megamenu .menus:not(.nobanner),
        #header #menubar .megamenu .menus .menuoszlop { border-right: none !important }
        #header #menubar .megamenu .banners { background: transparent !important }
        #header #menubar .megamenu .menus .menuoszlop ul li:nth-child(1) { padding-top: 1em }
	/* Tartalom */
	.container { padding-left: 0; padding-right: 0 }
	#subheader { height: 100% }
	#slide .row .headline h1 { font-size: 2.5em !important; }
	#slide .row .headline h1 { padding-left: 0.75em !important; }
	#slide .row .headline p { padding-left: 1em !important; }
	#slide .row .headline h1 br { display: none }
	header { margin-bottom: 2em }
	#storybox, #subheaderbox { width: 100% }
	#storybox .headline h2 { margin-left: 0.5em !important; }
	#storybox .article { padding: 0 2em !important; }
	#productsbox { border: none }
	#iconbox, #productslist, #tabbox { background: #fff }
	#subheaderbox h2, #subheaderbox p { margin-left: 0 !important }
	#cta { background: #0f6db2 url(../images/cta.jpg) top center no-repeat; background-size: cover }
	#cta video { display: none }
	#searchbox .btn { margin-top: 1em }
	#searchtabs { min-height: 10em }
	#searchtabs .tab { min-height: 3.5em }
	#referencelist .article img { width: 100% }
	#rolunk .img img { display: none }
	.ekko-lightbox .modal-dialog { width: 95% }
   body.imageslightboxopen .ekko-lightbox .modal-header { width: 100%; left: 0; margin-left: 0 }
   body.imageslightboxopen .ekko-lightbox .modal-body { width: 100%; left: 0; margin-left: 0; margin-top: 300px }
   .tablebox { overflow-y: scroll }
   #kapcsolatformterkep { min-height: 1200px !important; }
}

/* Tablet */ @media (min-width: 768px) and (max-width: 991px){
	
	.notablet { display: none !important } 
	/* Header */
	#header .navbar .navbar-brand { position: absolute; margin: 0 }
	#header .headericons { padding: 0 }
	#header .headericons .form-control { display: none }
	#header .headericons .languagebox .iconbox { padding-left: 1em }
	#header #menubar .navbar-nav li a { font-size: 0.9em }
        /* Megamenu */
        #header #menubar .megamenu { z-index: 10000 !important }
        #header #menubar .megamenu .menus,
        #header #menubar .megamenu .menus:not(.nobanner),
        #header #menubar .megamenu .menus .menuoszlop { border-right: none !important }
        #header #menubar .megamenu .banners { background: transparent !important }
        #header #menubar .megamenu .menus .menuoszlop ul li:nth-child(1) { padding-top: 1em }
	/* Tartalom */
	header { margin-bottom: 2em }
    #slide .row .headline h1 { font-size: 2.5em !important; }
	#storybox, #subheaderbox { width: 100% }
    #storybox .headline h2 { margin-left: 0.5em !important; }
	#productsbox { border: none }
	#iconbox, #productslist, #tabbox { background: #fff }
	#subheaderbox p { margin-left: 19% }
	#cta { background: #0f6db2 url(../images/cta.jpg) top center no-repeat; background-size: cover }
	#cta video { display: none }
	#searchbox .btn { margin-top: 1em }
	#referencelist .article img { width: 100% }
	#rolunk .img img { display: none }
	.ekko-lightbox .modal-dialog { width: 95% }
   body.imageslightboxopen .ekko-lightbox .modal-header { width: 100%; left: 0; margin-left: 0 }
   body.imageslightboxopen .ekko-lightbox .modal-body { width: 100%; left: 0; margin-left: 0; margin-top: 300px }
   body.products .accordion, body.product .accordion { width: 49% !important }
	body.fos_user_registration_register #content .form-group { float: left; width: 32%; margin-right: 1% }
	body.fos_user_profile_show #content p { float: left; display: block; width: 32%; margin-right: 1% }
	body.fos_user_profile_edit #content .form-group { float: left; width: 32%; margin-right: 1% }
	body.fos_user_profile_edit #content .form-group:nth-child(2) { margin-right: 34% }
	body.fos_user_change_password #content .form-group { float: left; width: 32%; margin-right: 1% }
	#kapcsolatformterkep { min-height: 1200px !important; }
	
}

/* Laptop */ @media (min-width: 992px) and (max-width: 1199px){
	
	.nolaptop { display: none !important } 
	/* Tartalom */
	#searchbox .btn { margin-top: 1em }
   body.imageslightboxopen .ekko-lightbox .modal-header { width: 320px; margin-left: -470px }
   body.imageslightboxopen .ekko-lightbox .modal-body { width: 320px; margin-left: -470px; margin-top: 300px }
	body.fos_user_registration_register #content .form-group { float: left; width: 32%; margin-right: 1% }
	body.fos_user_profile_show #content p { float: left; display: block; width: 32%; margin-right: 1% }
	body.fos_user_profile_edit #content .form-group { float: left; width: 32%; margin-right: 1% }
	body.fos_user_profile_edit #content .form-group:nth-child(2) { margin-right: 34% }
	body.fos_user_change_password #content .form-group { float: left; width: 32%; margin-right: 1% }
    .categoryarticle { height: 200px }
    body.homepage #termekslider .categoryarticle { height: 140px !important }
   
}

/* DESKTOP */ @media (min-width: 1200px) and (max-width: 3000px){
	
	.nodesktop { display: none !important } 
	/* Tartalom */
	#tags .list3 { margin-left: 16.5% }
	body.fos_user_registration_register #content .form-group { float: left; width: 32%; margin-right: 1% }
	body.fos_user_profile_show #content p { float: left; display: block; width: 32%; margin-right: 1% }
	body.fos_user_profile_edit #content .form-group { float: left; width: 32%; margin-right: 1% }
	body.fos_user_profile_edit #content .form-group:nth-child(2) { margin-right: 34% }
	body.fos_user_change_password #content .form-group { float: left; width: 32%; margin-right: 1% }
    .categoryarticle { height: 200px }
    body.homepage #termekslider .categoryarticle { height: 140px !important }
   
}