@charset "UTF-8";
/* FONT ÉS SZÍNEK: 
		Font: Oxygen:400,700 / Domine:400,700
		Élénkzöld: #00956b
		Középzöld: #7ac8b2
		Világoszöld: #cee1d6
		Arany: #c89603 - rgba(200,150,3,1)  */
		
/* Telefon */ @media (max-width: 479px){
	
}

/* Telefon, tablet */ @media (max-width: 767px){
	
	.nomobile { display: none !important } 
	#content { margin-top: 3em !important }
	body.startpage #content { margin-top: 5.5em !important }
	section { padding: 0 4em }
	section#imgthumbs { padding: 0 }
	/* Header */
	#header .navbar .navbar-brand { display: block; padding: 1.5em 2em; height: 150px }
	#header .navbar .navbar-brand img { margin: auto; width: 105px; height: 91px; padding: 0; background: transparent }
		/* Hamburger-menu */
		.navbar-toggle { background: transparent !important; display: block; z-index: 100 !important; margin: 0; padding: 1em 2em; right: 0; border: none; min-height: 6.5em; transition: 0.25s linear }
		.navbar-toggle .icon-bar { height: 8px; width: 40px; margin-bottom: 6px; background-color: #7ac8b2 !important; transition: 0.25s linear }
		.navbar-toggle:hover { background: transparent !important }
		.navbar-toggle:hover .icon-bar { margin-left: 0; background-color: #00956b !important }
		.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2) { transform: rotate(-45deg); width: 20px; transition: 0.25s linear }
		.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) { margin-top: -9px; margin-left: 4px; width: 30px; transition: 0.25s linear }
		.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(4) { transform: rotate(45deg); width: 20px; margin-top: -9px; transition: 0.25s linear }
		/* Menu */
		#header #menubar { width: 100%; margin: -11em 0 0 0; padding: 0; height: 50em; max-height: 100vh !important; }
		#header .navigate { margin: 0 !important; padding: 0 !important; width: 100% !important }
		#header .navbar-header { padding-bottom: 0 !important }
		#header .navbar .navbar-nav li a:after, #header .navbar .navbar-nav li:hover a:after { display: none }
		#header .navbar .navbar-nav li:nth-last-child(2) a { padding-right: 1em }
		#menubar.in ul.nav { display: block; padding: 2em 0 }
		#menubar ul.nav { margin: 0; padding: 1em 0 !important; background: #cee1d6; width: 100% }
		#menubar ul.nav li { background: #cee1d6; width: 100%; margin: 0 !important; padding: 0 !important; text-align: center }
		#menubar ul.nav li.sidemenu, #menubar ul.nav li#langmenu { width: 20%; min-height: 50px; border-right: 1px solid #7ac8b2; border-top: 1px solid #7ac8b2; float: left }
        #menubar ul.nav li.sidemenu a, #menubar ul.nav li#langmenu a { min-height: 50px; padding-top: 15px !important; }
		#menubar ul.nav li.sidemenu:hover i, #menubar ul.nav li#socialmenu01:hover i, #menubar ul.nav li#socialmenu02:hover i { color: #fff !important }
		#menubar ul.nav li#sidemenu01 { display: none }
		#menubar ul.nav li#sidemenu03 { padding-right: 0 !important  }
		#menubar ul.nav li#socialmenu01 { padding-left: 0 !important  }
		#menubar ul.nav li#langmenu { border-right: none }
		#menubar ul.nav li#langmenu ul.dropdown-menu { margin-top: -10px }
		#menubar ul.nav .navlogo { display: none }
		#menubar ul.nav .navsection { padding: 0 }
		#menubar ul.nav .navsection li { display: block; padding: 0.75em 0 }
		#menubar ul.nav .navsection li:hover { background: #fff; border-bottom: none }
		#menubar ul.nav .navsection li:hover a { text-decoration: none }
		#menubar ul.nav ul.dropdown-menu { background: #cee1d6 }
		#menubar ul.nav ul.dropdown-menu li a { color: #0c6c07 }
		#subheader { height: 240px }
		#subheader .container { padding: 10em 3em 0 3em }
	#articleboxes { padding-top: 2em }
	#articleboxes.bgbox .container { margin-top: 10em }
	#szechenyi-logo { zoom: 0.5 }
	.doubleheight { min-height: 45em }
	.mosaic { min-height: 15em }
	.mosaic.hirek { width: 100% }
	.videobg video { left: 0 }
	.headline { font-size: 0.65em }
	body.partnerek .headline p.text-left, body.partnerek #googlemap, body.galeria #sidebar { display: none }
   
}

/* Tablet */ @media (min-width: 768px) and (max-width: 991px){
	
	.notablet { display: none !important } 
	/* Header */
	#header .navbar .navbar-nav { display: none }
	#header .navbar .navbar-header { width: 100%; padding-bottom: 0.5em }
	#header #menubar { float: right; width: 100% }
		/* Hamburger-menu */
		.navbar-toggle { background: transparent !important; display: block; z-index: 100 !important; margin: 0; padding: 1em 2em; right: 0; border: none; min-height: 6.5em; transition: 0.25s linear }
		.navbar-toggle .icon-bar { height: 8px; width: 40px; margin-bottom: 6px; background-color: #7ac8b2 !important; transition: 0.25s linear }
		.navbar-toggle:hover { background: transparent !important }
		.navbar-toggle:hover .icon-bar { margin-left: 0; background-color: #00956b !important }
		.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(2) { transform: rotate(-45deg); width: 20px; transition: 0.25s linear }
		.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(3) { margin-top: -9px; margin-left: 4px; width: 30px; transition: 0.25s linear }
		.navbar-toggle[aria-expanded=true] .icon-bar:nth-child(4) { transform: rotate(45deg); width: 20px; margin-top: -9px; transition: 0.25s linear }
		/* Menu */
		#header #menubar { background: transparent; padding: 0; margin: -15em 0 0 0; width: 100%; max-height: 100% }
		#header .navigate { margin: 0 !important; padding: 0 !important; width: 100% !important }
		#header .navbar-header { padding-bottom: 0 !important }
		#header .navbar .navbar-nav li a:after, #header .navbar .navbar-nav li:hover a:after { display: none }
		#header .navbar .navbar-nav li:nth-last-child(2) a { padding-right: 1em }
		#menubar.in ul.nav { display: block; padding: 2em 0 }
		#menubar ul.nav { margin: 0; padding: 1em 0 !important; background: #cee1d6; width: 100% }
		#menubar ul.nav li { background: #cee1d6; width: 100%; margin: 0 !important; padding: 0 !important; text-align: center }
		#menubar ul.nav li.sidemenu, #menubar ul.nav li#langmenu { width: 20%; min-height: 50px; border-right: 1px solid #7ac8b2; border-top: 1px solid #7ac8b2; float: left }
        #menubar ul.nav li.sidemenu a, #menubar ul.nav li#langmenu a { min-height: 50px; padding-top: 15px !important; }
		#menubar ul.nav li.sidemenu:hover i, #menubar ul.nav li#socialmenu01:hover i, #menubar ul.nav li#socialmenu02:hover i { color: #fff !important }
		#menubar ul.nav li#sidemenu01 { display: none }
		#menubar ul.nav li#sidemenu03 { padding-right: 0 !important  }
		#menubar ul.nav li#socialmenu01 { padding-left: 0 !important  }
		#menubar ul.nav li#langmenu { border-right: none }
		#menubar ul.nav .navlogo { display: none }
		#menubar ul.nav .navsection { padding: 0 }
		#menubar ul.nav .navsection li { display: block; padding: 0.75em 0 }
		#menubar ul.nav .navsection li:hover { background: #fff; border-bottom: none }
		#menubar ul.nav .navsection li:hover a { text-decoration: none }
		#menubar ul.nav ul.dropdown-menu { background: #ddd }
		#menubar ul.nav ul.dropdown-menu li a { color: #0c6c07 }	
	/* Cikkbox */
	#articleboxes { padding-top: 2em }
	#articleboxes.bgbox .container { margin-top: 10em }
	#termekslider img { width: 100% }
	.doubleheight { min-height: 45em }
	.mosaic { min-height: 15em }
	.mosaic.hirek { width: 100% }
	.videobg video { left: 0 }
	.headline { font-size: 0.65em }
	body.partnerek .headline p.text-left, body.partnerek #googlemap, body.galeria #sidebar { display: none }

}

/* Laptop */ @media (min-width: 992px) and (max-width: 1199px){
	
	.nolaptop { display: none !important } 
	#header .navbar .navbar-nav li a { padding: 1em 0.25em }
	/* Header */
    #header li#socialmenu01 { position: absolute; top: 30px; right: 140px }
    #header li#socialmenu04 { position: absolute; top: 30px; right: 110px }
    #header li#socialmenu02 { position: absolute; top: 30px; right: 80px }
    #header li#socialmenu03 { position: absolute; top: 30px; right: 50px }
    #header .navbar li#langmenu { position: absolute; top: 18px; right: 20px }
	/* Cikkbox */
	#articleboxes { padding-top: 2em }
    /* Nyitólap */
    #indexmosaic .mosaic.szeles { width: 200%; }
    /* Termékadatlap */
    body.termekek .termekthumbbox { width: 20% !important }
    body.termekek .termekthumbbox span.babylife { display: inherit !important }
	
}

/* Desktop */ @media (min-width: 1200px) and (max-width: 3000px){

	/* Header */
    #header li#socialmenu01 { position: absolute; top: 30px; right: 140px }
    #header li#socialmenu04 { position: absolute; top: 30px; right: 110px }
    #header li#socialmenu02 { position: absolute; top: 30px; right: 80px }
    #header li#socialmenu03 { position: absolute; top: 30px; right: 50px }
    #header .navbar li#langmenu { position: absolute; top: 18px; right: 20px }
    /* Nyitólap */
    #indexmosaic .mosaic.szeles { width: 200%; }
    /* Termékadatlap */
    body.termekek .termekthumbbox { width: 20% !important }
    body.termekek .termekthumbbox span.babylife { display: inherit !important }

}

/* Nyitólapi mozaikmagasságok */
    /* Egymás alatti listanézet */
    @media (min-width: 301px) and (max-width: 350px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 400px }
    }
    @media (min-width: 351px) and (max-width: 400px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 440px }
    }
    @media (min-width: 401px) and (max-width: 450px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 480px }
    }
    @media (min-width: 451px) and (max-width: 500px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 520px }
    }
    @media (min-width: 501px) and (max-width: 550px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 560px }
    }
    @media (min-width: 551px) and (max-width: 600px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 600px }
    }
    @media (min-width: 601px) and (max-width: 650px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 640px }
    }
    @media (min-width: 651px) and (max-width: 700px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 680px }
    }
    @media (min-width: 701px) and (max-width: 750px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 720px }
    }
    @media (min-width: 751px) and (max-width: 800px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 760px }
    }
    @media (min-width: 801px) and (max-width: 850px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 800px }
    }
    @media (min-width: 851px) and (max-width: 900px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 840px }
    }
    @media (min-width: 901px) and (max-width: 950px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 880px }
    }
    @media (min-width: 951px) and (max-width: 991px){
        #indexmosaic .magas, #indexmosaic .magas .container, #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 920px }
    }
    /* Mozaik */
    @media (min-width: 992px) and (max-width: 1100px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 300px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 150px }
        #indexmosaic .mosaicdiv h2 { font-size: 1.4em !important }
    }
    @media (min-width: 1101px) and (max-width: 1200px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 340px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 170px }
    }
    @media (min-width: 1201px) and (max-width: 1300px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 360px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 180px }
    }
    @media (min-width: 1301px) and (max-width: 1400px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 380px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 190px }
    }
    @media (min-width: 1401px) and (max-width: 1500px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 400px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 200px }
    }
    @media (min-width: 1501px) and (max-width: 1600px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 420px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 210px }
    }
    @media (min-width: 1601px) and (max-width: 1700px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 440px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 220px }
    }
    @media (min-width: 1701px) and (max-width: 1800px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 460px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 230px }
    }
    @media (min-width: 1801px) and (max-width: 1900px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 480px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 240px }
    }
    @media (min-width: 1901px) and (max-width: 2000px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 500px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 250px }
    }
    @media (min-width: 2001px) and (max-width: 2200px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 540px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 270px }
    }
    @media (min-width: 2201px) and (max-width: 2400px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 580px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 290px }
    }
    @media (min-width: 2401px) and (max-width: 2600px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 620px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 310px }
    }
    @media (min-width: 2601px) and (max-width: 2800px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 660px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 330px }
    }
    @media (min-width: 2801px) and (max-width: 3000px){
        #indexmosaic .magas, #indexmosaic .magas .container { height: 700px }
        #indexmosaic .alacsony, #indexmosaic .alacsony .container { height: 350px }
    }