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

body { background: #ddd }
body #content { margin-top: 9em }
.nopadding { padding: 0 !important } .paddingtop { padding: 1.5em 0 0 0 !important }
@media (min-width: 992px) and (max-width: 3000px){ .nodesktop { display: none !important } }
.adminicon { color: #fff; padding: 1em; transition: 0.2s ease }
.adminicon:hover { color: #bbb; transform: rotate(45deg); transition: 0.2s ease }
.alert { text-align: center; font-size: 1.25em; margin-bottom: 0; }

	/* FONTOK, GOMBOK */
	h1, h2, h3, h4, h5, .headlinefont { font-family: 'Roboto', sans-serif; font-weight: 700 }
	body, p, a, li, span, strong { font-family: 'Roboto', sans-serif; font-weight: 500 }
	.headline h2 { font-size: 2.4em }
	h2:after { content: ""; display: block; height: 3px; width: 10%; margin: 0.5em auto; opacity: 0.5 }
	.uppercase { text-transform: uppercase }
	a, i { color: #000; transition: 0.5s linear }
	a:hover { color: #4a4a49; transition: 0.5s linear }
	.btn { background: #222; border: 1px solid #222; border-radius: 0; color: #fff; font-weight: 400; font-size: 1em; transition: 0.5s linear }
	.btn i { color: #fff; font-size: 1.2em; vertical-align: middle; margin-top: -0.1em; transition: 0.5s linear }
	.btn:hover, .btn:focus, .btn:active { background: #0f6db2; border: 1px solid #0f6db2; color: #fff; transition: 0.5s linear }
	.btn:hover { padding-right: 0.5em; transition: 0.5s linear }
	.btnbox { padding: 0; margin-top: 0.5em }
    .modal-content { border-radius: 0 }

	/* LOGIN. Profil */
	body.fos_user_security_login #content { text-align: center; padding: 2em }
	body.fos_user_registration_register #content { text-align: left; padding: 2em; background: #fff }
	body.fos_user_profile_show #content { text-align: left; padding: 2em }
	body.fos_user_profile_show #content a { text-decoration: underline }
	body.fos_user_profile_edit #content,
	body.fos_user_change_password #content { text-align: left; padding: 2em }
	body.fos_user_delete #content,
	body.fos_user_registration_check_email #content,
	body.fos_user_registration_confirmed #content { text-align: center; padding: 2em }

	/* LOGIN. Elfelejtett jelszó */
	body.fos_user_resetting_request #content { text-align: center; padding: 2em }

	/* HEADER */
	#header { border-bottom: 1px solid #ddd }
	#header #menubar { float: left }
		/* Header ikonok */
		#header .headericons { float: right }
		#header .headericons .iconflack { padding: 1.25em 0.1em 0 0.1em }
		#header .headericons .iconflack.loginbox { padding-right: 1em }
		#header .headericons .iconflack.loginbox .iconbox { text-align: center; padding: 0 0 0 1em }
		#header .headericons .iconflack .iconbox { text-align: center; padding: 0 }
		#header .headericons .iconflack .iconbox .circle { height: 3.5em; width: 3.5em; border-radius: 1.75em; border: 1px solid #0f6db2 }
		#header .headericons .iconflack .iconbox i { font-size: 2em; color: #0f6db2; padding-top: 0.3em }
		#header .headericons .iconflack .icontxt { padding: 0 0.2em; color: rgba(255,255,255,0.7) }
		#header .headericons .iconflack .icontxt a { color: rgba(255,255,255,0.7) }
		#header .headericons .iconflack .icontxt h4 { font-weight: 700; margin: 0; color: rgba(255,255,255,0.7) }
		#header .headericons .iconflack .icontxt span { font-size: 0.9em; font-weight: 400; color: #777 }
		#header .headericons .iconflack .icontxt i.dropdownicon { font-size: 1.1em; color: #777; padding-top: 0.4em }
		#header .headericons .iconflack .icontxt input { border-radius: 0; border: 1px solid #000; opacity: 0.75; padding: 0 1em; height: 30px }
		#header .headericons .iconflack .icontxt .btn { border-radius: 0; border: 1px solid #000; padding: 6px }
		/* Navbar */
		#header #menubar { width: 100%; text-align: center }
		#header .navigate { min-height: 6em }
		#header .navbar { background: #fff; border-radius: 0; border: none; min-height: 6em; margin-bottom: 0 }
		#header .navbar-header { width: 100%; height: 80px; background: #000 }
		#header .navbar .navbar-brand { padding: 0; opacity: 1; animation: fadein 1s }
		#header .navbar #mobileloginurl { position: absolute; width: 90%; text-align: right; padding: 20px }
		#header .navbar #mobileloginurl i { color: #ffffff; font-size: 1.65em }
		#header .navbar .navbar-brand img { padding: 0; transition: 0.2s linear  }
		#header #menubar { width: 100%; background: #000 }
		#header #menubar .navbar-nav { width: 100%; max-height: 7em; background: #202020 }
		#header #menubar .navbar-nav li { padding: 0; float: none; display: inline-block; *display: inline;  *zoom: 1; vertical-align: top }
		#header #menubar .navbar-nav li.active a { background: #555 }
		#header #menubar .navbar-nav li.active .banner a { background: #fff }
		#header #menubar .navbar-nav li.active .banner:hover a { background: rgba(15,109,178,0.08) }
		#header #menubar .navbar-nav li.mobilemenu { display: none }
		#header #menubar .navbar-nav li#stickymenu { display: none }
		#header #menubar .navbar-nav li#stickymenu a { padding: 0 }
		#header #menubar .navbar-nav li a { font-size: 1.1em; padding: 1em; font-weight: 700; letter-spacing: 0.1em; color: #fff; text-transform: uppercase }
		#header #menubar .navbar-nav li:hover { background: #f7f7f7 }
		#header #menubar .navbar-nav li:hover a{ text-decoration: none; color: #000 }
		#header #menubar .navbar-nav .dropdown-menu li:hover { border-bottom: none !important }
		#header #menubar .open a { background-color: transparent !important }
		#header #langselect a { color: #888 }
        /* Megamenu */
        #header #menubar .megamenu { display: none; background: #fff; padding: 2em 2em 1em 2em; position: fixed; width: 100%; left: 0; border-bottom: 1px solid #ccc; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2) }
        #header #menubar > ul > li:hover .megamenu { display: block }
        #header #menubar .megamenu .menus:not(.nobanner) { border-right: 1px solid #ddd }
        #header #menubar .megamenu .menus .menuoszlop:not(:nth-last-child(1)) { border-right: 1px solid #eee }
        #header #menubar .megamenu .menus .menuoszlop ul { padding: 0 1em; text-align: left }
        #header #menubar .megamenu .menus .menuoszlop ul li { width: 100%; padding-bottom: 0.3em }
        #header #menubar .megamenu .menus .menuoszlop ul li:nth-child(1) { padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px solid #ddd }
        #header #menubar .megamenu .menus .menuoszlop ul li:nth-child(1),
        #header #menubar .megamenu .menus .menuoszlop ul li:nth-child(1) a { font-weight: bold; font-size: 1.1em; text-transform: uppercase; color: #0f6db2; background: transparent }
        #header #menubar .megamenu .menus .menuoszlop ul li a { color: #333; padding: 0; text-transform: none; font-weight: normal; letter-spacing: 0; background: transparent }
        #header #menubar .megamenu .menus .menuoszlop ul li:hover { background: transparent }
        #header #menubar .megamenu .menus .menuoszlop ul li a:hover { color: #0f6db2 }
        #header #menubar .megamenu .banners { padding: 0 0 1em 2em !important; background: linear-gradient(to right, #efefef 0%, #fff 2%) }
        #header #menubar .megamenu .banners .banner { margin-bottom: 1em; border: 2px solid #ddd; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); transition: 0.5s ease }
        #header #menubar .megamenu .banners .banner:hover { background: rgba(15,109,178,0.08); border: 2px solid #0f6db2; transition: 0.5s ease }
        #header #menubar .megamenu .banners .banner a { display: inline-block; width: 100%; padding: 0 }
        #header #menubar .megamenu .banners .banner .img { height: 150px; width: 100%; background-size: cover }
        #header #menubar .megamenu .banners .banner h2 { margin: 0.5em 0 0.1em 0; font-size: 1.25em; color: #0f6db2; letter-spacing: 0; font-weight: bold }
        #header #menubar .megamenu .banners .banner h2:after { display: none }
        #header #menubar .megamenu .banners .banner p { color: #000; letter-spacing: 0; font-weight: normal; font-size: 0.85em; text-transform: none }
		/* Sticky */
		@media (min-width: 1200px) and (max-width: 3000px){
			body.headerscroll .navbar { margin-top: -80px !important; transition: 0.25s ease }
			body.headerscroll .navbar .navbar-brand { opacity: 0 }
			body.headerscroll #menubar .navbar-nav li#stickymenu { display: inline-block !important }
			body.headerscroll #menubar .navbar-nav li:nth-child(1) { border-left: none }
			body.headerscroll #menubar .navbar-nav li:nth-child(2) { border-left: 1px solid rgba(255,255,255,0.25) !important }
		}

	/* CTA */
	#cta { background: #0f6db2; padding: 4em; margin: 0; position: relative; overflow: hidden }
	#cta video { width:100%; background-size: cover; position: absolute; top: 0; left: 0 }
	#cta i { color: #fff }
	#cta h2 { color: #fff }

	/* FOOTER */
	#footer { background: #fff; padding: 3em }
	#footer a { color: #888 }


/* ----- OLDALAK ----- */

	/* INDEX */
		/* Slide */
		#slide { height: 50em; background: url(../images/slide/1.jpg) top center no-repeat; background-size: cover; margin-bottom: 0; border-bottom: 9em solid #fff; animation: slideshow 10s infinite  }
		#slide .row { margin-top: 7em; opacity: 1; animation: fadein 1s }
		#slide .row .headline { background: rgba(255,255,255,0.7); padding-bottom: 0 }
		#slide .row .headline h1 { font-size: 3.5em; color: #000; font-weight: 900; letter-spacing: 0.01em }
		#slide .row .headline p { font-size: 1.8em; color: #000; font-weight: 300 }
		/* Történet-box */
		#storybox { background: #9fc4df; padding: 4em 0 5em 0; margin-bottom: 0; margin-top: -15em; width: 95%; opacity: 0.9 }
		#storybox .headline h2 { color: #000; margin-top: 0; margin-left: 10% }
		#storybox .headline h2:after { background: #555; margin: 0.5em 0 }
		#storybox .article p { color: #000; text-align: justify; font-size: 1.3em }
		/* Termékek-box */
		#productsbox { background: #ddd; padding: 4em 0 5em 0; margin-bottom: 0; border-left: 2em solid #fff }
		#productsbox .container { padding-left: 0em }
		#productsbox .headline h2 { color: #000; margin-top: 0 }
		#productsbox .headline h2:after { background: #555; margin: 0.5em 0 }
		#termekslider .panel { background: transparent }
		#termekslider .panel-heading { background: transparent; border-bottom: 3px solid #fff; padding-top: 1em; transition: 0.5s linear }
		#termekslider .panel-heading .circle { height: 1.5em; width: 1.5em; border-radius: 0.75em; border: 1px solid #555; text-align: center; float: left; margin: -0.2em 0.5em 0 0; transition: 0.5s linear }
		#termekslider .panel-heading .circle i { padding-top: 0.15em; color: #555; transition: 0.5s linear }
		#termekslider .panel-heading { padding: 1em 1em 1em 0; transition: 0.5s linear }
		#termekslider .panel-heading a { font-weight: 900; font-size: 1.1em; text-decoration: none; transition: 0.5s linear }
		#termekslider .panel-heading:hover { background: #eee; border-bottom: 3px solid #0f6db2; padding: 1em; transition: 0.5s linear }
		#termekslider a.sliderheader:hover { text-decoration: none; color: #0f6db2; transition: 0.5s linear }
		#termekslider .panel-heading:hover .circle { border: 1px solid #0f6db2; transition: 0.5s linear }
		#termekslider .panel-heading:hover .circle i { color: #0f6db2; transition: 0.5s linear }
		#termekslider .panel-collapse { background: rgba(255,255,255,0.25) }
		#termekslider .panel-collapse p { font-size: 1.1em }
		/*#termekslider .panel-body.Commercial { background: url(../images/index-termek01.png) bottom left no-repeat }
		#termekslider .panel-body.CommercialWet { background: url(../images/index-termek02.png) bottom left no-repeat }
		#termekslider .panel-body.Architectural { background: url(../images/index-termek03.png) bottom left no-repeat }
		#termekslider .panel-body.ArchitecturalWet { background: url(../images/index-termek04.png) bottom left no-repeat }
		#termekslider .panel-body.Industrial { background: url(../images/index-termek05.png) bottom left no-repeat }*/

	/* ALOLDALAK */
		/* Subheader */
		#subheader { height: 17.5em; background: url(../images/subheader.jpg) top center no-repeat; background-size: cover; margin-bottom: 0 }
		#subheader .row { margin-top: 7em; opacity: 1; animation: fadein 1s }
		#subheaderbox { background: rgba(168,201,224,0.75); background-attachment: fixed; background-size: cover; padding: 2em 0 1em 0; margin-bottom: 0; margin-top: 0; width: 80%; opacity: 0.9 }
		#subheaderbox .headline h2 { color: #000; margin-top: 0; margin-left: 20% }
		#subheaderbox .headline h2:after { background: #555; margin: 0.5em 0 }
		#subheaderbox .article p { color: #000; text-align: justify; font-size: 1.2em; line-height: 1.4em; text-shadow: 0 1px #0f6db2 }

	/* TERMÉKOLDAL */
		/* Fejléc */
		#searchheader { background: #fff; margin: 0; padding: 0 }
		#searchheader .headline h2:after { display: none }
      .breadcrumbcontainer { background: #ccc }
      .breadcrumbcontainer .breadcrumb { margin-bottom: 0; padding: 0.75em 1em 0.5em 1em; background: #ccc }
      .breadcrumb>li+li:before { content: "\232A"; color: #000 }
		/* Szabadszavas kereső */
		#textsearch { background: #fff; padding: 0; margin-bottom: 0 }
		#textsearch #searchform { background: transparent; padding: 1em 0; margin: 0 }
		#textsearch #searchform h4 { padding-bottom: 0.5em }
		#textsearch #searchform .inputdiv { padding: 0 0.5em }
		#textsearch #searchform .inputdiv input { background: #eee; border: none; border-radius: 0; font-size: 1.3em; padding: 1.1em 0.75em }
		#textsearch #searchform .inputdiv .btn { margin-top: 0.5em }
		#textsearch .orsep { background: linear-gradient(to bottom, #fff 30%, #ddd 31.5%, #fff 33%) }
		#textsearch .orsep p { font-size: 1.2em; color: #888; background: #fff }
      .irs-grid { display: none !important }
		/* Címke-box */
      #tagstoggle { background: #eee  }
      #tagstoggle .container { padding: 1.5em 3.5em  }
      #tagstoggle .container a { font-size: 1.2em; font-weight: 600  }
      #tagstoggle .paddingtop { padding-top: 0.5em !important }
		#tags { background: transparent; padding: 0; margin-bottom: 0 }
      body.products #tags { background: #eee; padding: 1.5em 0 }
		#tags .tagcontainer { background: linear-gradient(to right, #fff 1%, #eee 50%, #fff 99%); padding: 2em 0 }
		#tags .accordion { padding-bottom: 0.5em }
		#tags h5 a { font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #ccc; color: #999; margin-bottom: 1em; padding-bottom: 0.5em; text-align: center; text-decoration: none }
		#tags h5 a[aria-expanded=true]{ color: #000 }
		#tags h5 a:hover { text-decoration: none }
		#tags a.tag { display: block; width: 100%; padding: 0.25em; text-align: center; background: #ddd; margin-bottom: 0.5em } 
		#tags a.tag:hover { background: #555; color: #fff; text-decoration: none }
		#tags .collapse, #tags .collapsing { height: 200px !important; overflow: scroll }
      #filter_off { background: #e3e3e3; color: #777; border: none; margin-left: 3em }
      #filter_off:hover { background: #555; color: #fff }
		/* Kereső-box */
		#searchbox { background: #fff; padding: 0; margin-bottom: 0 }
		#searchbox #searchform { background: #ddd; padding: 2em; margin: 0 }
		#searchbox #searchform .inputdiv { padding: 0 0.5em }
		#searchbox #searchform .inputdiv span.filter-option { font-size: 1.3em; padding: 0.1em }
		#searchbox #searchform .inputdiv .btn { margin-top: 0.5em }
		#searchtabs { height: 2.5em; margin-top: 2em }
		#searchtabs a.searchtab { font-size: 1.2em; font-weight: 700; background: #cdcdcd; color: #888; padding: 1em 1em }
		#searchtabs a.searchtab.active { background: #eee; color: #000 }
		#searchtabs a.searchtab:hover { background: rgba(15,109,178,0.1); text-decoration: none; color: #000 }
      /* Kategóriaoldal */
      body.category .form-group, body.category_main .form-group { display: none }
      body.category .searchforms, body.category_main .searchforms { padding: 2em 0 1em 0 }
      body.category #referencelist, body.category_main #referencelist { margin-bottom: 0 }
      body.homepage .categoryarticle { border: 1em solid #ddd; background: #ededed }
      .categoryarticle { border: 1em solid #fff }
      .categoryarticle:hover { background: #ededed !important }
		/* Termékek lista */
		#productslist { background: #e7f1f8; padding: 0; margin-bottom: 0 }
		#productslist .articles { background: #e7f1f; padding: 0 }
		#productslist .article { background: #fff; min-height: 16em; border: 20px solid #e7f1f8; padding: 0 }
		#productslist .article .container { padding: 0; min-height: 100% }
		#productslist .article .productimg { height: 180px; background: radial-gradient(circle at center, #eee 0, #ddd 100%); white-space: nowrap }
		#productslist .article .productimg.jpg { background: #fff }
		#productslist .article .productimg .helper { display: inline-block; height: 180px; vertical-align: middle }
		#productslist .article .productimg img { max-height: 180px; display: inline-block; vertical-align: middle; }
		#productslist .article h2 { font-size: 1.4em; padding: 0.75em 1em 1.5em 1em; margin: 0; bottom: 0 }
		#productslist .article p { display: none }
		#productslist .article a:hover { text-decoration: none }
		#productslist .article .btnbox { position: absolute; bottom: 0 }
		body.products .accordion { width: 24% }
		body.product .accordion { width: 25% }
		body.products .accordion, body.product .accordion { padding-right: 2.5%; display: inline-table}
		body.products .accordion h5 a, body.product .accordion h5 a { display: inline-block; min-width: 100%; text-align: center; margin-bottom: 0 !important }
		body.product #textsearch { display: none }
		.card-block .checkbox { background: #ddd; padding: 0.5em }
      .nav-tabs { border-bottom: none }
      .nav-tabs li.active a { border-radius: 0 !important }
		/* Termékadatlap */
		.productcontainer { padding: 3em 0 }
		#productinfo { background: #fff; padding: 0; margin-bottom: 0 }
		.modal .modal-body { padding: 1em }
		.modal .modal-body a#selectall { display: block; width: 100%; margin-bottom: 1em; color: #aaa }
		.modal .modal-body .form-group { background: #ededed; padding: 0.5em 1em; margin: 0.2em; border-radius: 0.2em }
		.modal .modal-body div:nth-last-child(1) { text-align: center }
		.modal .modal-body .btn { margin: 0.5em auto }
		.modal .modal-header { background: #555; color: #fff }
		.modal .modal-body .adatlink { padding: 1em }
            /* Lightbox */
            .featherlight-content { padding: 0 !important; border-bottom: 0 !important; }
            .featherlight-previous { left: 0 !important; }
            .featherlight-next { right: 0 !important; }
            .featherlight-previous span, .featherlight-next span { color: #000 !important; font-size: 20px !important; }
            .thumbgalleryimgs { position: absolute !important; padding-top: 1px !important; }
            .thumbgalleryimgs:before { display: none !important }
            .thumbgalleryimgs .featherlight-content { margin: 0 !important }
            .imagegalleryimgs .featherlight-content { max-width: 800px !important; }
			/* Kép */
			#productinfo .imgblock { padding: 0 !important; box-shadow: 0em 0em 1em rgba(0,0,0,0.2) }
			#showimg #closethis { width: 30px; height: 30px; position: absolute; right: 0; margin: 1em; background: #bbb; text-align: center; padding-top: 5px; color: #fff; font-weight: bold; border-radius: 15px }
			#showimg, #showimg .hideimg { display: none }
			#showimg img { display: none; padding: 0.5em }
			#showimg.show { position: absolute; z-index: 1000; margin-top: -1em; display: block; height: 100%; background: rgba(0,0,0,0.75) }
			#showimg.img01 .img01 { display: block }
			#showimg.img02 .img02 { display: block }
			#showimg.img03 .img03 { display: block }
			#PapillonCarousel { height: 300px; }
			#PapillonCarousel * { background: transparent }
			#PapillonCarousel .carousel-inner { height: 100% }
			#PapillonCarousel .carousel-inner .item { height: 100% }
			#PapillonCarousel .carousel-inner .item a { height: 100%; position: relative; margin: auto; text-align: center }
			#PapillonCarousel .carousel-inner .item a img { /* position: absolute; top: 50%; left: 25%; transform: translateY(-50%) */ }
			#PapillonCarousel .carousel-indicators { margin-bottom: 0 }
			#PapillonCarousel .carousel-indicators li { background: rgba(0,0,0,0.05); border: none }
			#PapillonCarousel .carousel-indicators li.active { background: rgba(0,0,0,0.2); border: none }
			#PapillonCarousel .carousel-inner img { max-height: 200px }
			#PapillonCarousel, .ekko-lightbox-container { background: radial-gradient(circle at center, #eee 0, #ddd 100%); padding: 1em 0 }
			#productinfo .img { padding: 4em 0 0 0 }
			#productinfo .img .files { padding: 1em }
			#productinfo .img .files .btn { background: #eee; border: none; color: #555 }
			#productinfo .img .files .btn i { color: #555 }
			#productinfo .img .thumbs { padding: 2em 1em; margin-top: 1em; background: #f3f8fb; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 0 }
			#productinfo .img .thumbs .thumbnailimg { background: #f3f8fb }
			#productinfo .img .thumbs .thumbnailimg .thumbnail { padding: 0; margin: 0 }
			#productinfo .img .thumbs .thumbnailimg .thumbnail img { padding: 0 }
			#productinfo .img .thumbs a { white-space: nowrap; height: 75px; max-height: 75px; width: 100%; vertical-align: middle; text-decoration: none }
			#productinfo .img .thumbs a .helper { display: inline-block; height: 75px; vertical-align: middle }
			#productinfo .img .thumbs a img { border-top: 2px solid transparent; display: inline-block; vertical-align: middle; max-height: 75px }
			#productinfo .img .thumbs a:hover img { border-top: 2px solid #888 }
			#productinfo .img .thumbs a:hover:before { display: block; content:"▲"; position: absolute; color: #888; left: 50%; margin: -13px -10px }
			/* Ikonok */
			#productinfo .img .icons { padding: 2em 2em 0 2em; background: #fafafa; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd }
			#productinfo .img .icons a { display: inline-block; min-height: 100% }
			#productinfo .img .icons .icon { padding: 5px; text-align: center; margin-bottom: 2em; font-size: 0.5em; color: #888; border-right: 1px solid #ddd; white-space: nowrap; height: 60px; max-height: 60px; vertical-align: middle }
			#productinfo .img .icons .icon .helper { display: inline-block; height: 50px; vertical-align: middle }
			#productinfo .img .icons .icon img { display: inline-block; vertical-align: middle; max-height: 60px }
			#productinfo .img .icons .icon:nth-last-child(1) { border-right: none }
			/* Leírás */
			#productinfo .info h2 { font-size: 1.8em; text-shadow: 0 2px #fff; height: 2em }
			#productinfo .info h2:after { width: 25%; background: rgba(15,109,178,1); margin: 0.25em 0 0.5em 0 }
			#productinfo .info p { font-size: 1.1em; margin-bottom: 0.5em }
			#productinfo .info p strong { font-weight: 700 }
			#productinfo .info .btn { margin: 0 0 2em 0 }
			/* Táblázat */
			#productinfo .tablebox { padding: 0 }
			#productinfo .table { padding: 0 }
			#productinfo .table tr:hover { background: rgba(15,109,178,0.5); color: #fff }
			#productinfo .table .btn { padding: 0.25em 1em }
			#productinfo table { width: 100%; margin: 2em 0 }
			#productinfo table thead tr:nth-child(odd) { background: #eee }
			#productinfo table thead tr:nth-child(even) { background: #e5e5e5 }
			#productinfo table thead th { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
			#productinfo table thead tr th { font-size: 0.8em; padding: 0.4em; text-align: center; vertical-align: middle }
			#productinfo table thead tr:nth-child(1) th { font-weight: 400 }
			#productinfo table thead tr:nth-child(1) th:nth-child(2),
			#productinfo table thead tr:nth-child(1) th:nth-child(3) { border-left: 1px solid #ddd; border-right: 1px solid #ddd }
			#productinfo table tbody tr:nth-child(odd) { background: rgba(15,109,178,0.05) }
			#productinfo table tbody tr:nth-child(even) { background: rgba(15,109,178,0.15) }
            #productinfo table tbody tr.emptyline { border-top: 10px solid #fff }
			#productinfo table tbody tr td { padding: 0.5em 1em; text-align: center; font-size: 0.9em }
			#productinfo table tbody tr td:nth-child(1) { text-align: left; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
			#productinfo table tbody tr td .btn { margin-bottom: 0 !important; padding: 0.25em 0.5em; background: rgba(15,109,178,0.5); border: none}
			#productinfo table tbody tr td .btn:hover { background: #000; border: none; opacity: 1 }
			/* További termékek lista */
			#productslist h2.related { margin: 1em 0 0 0 }
			#productslist h2.related:after { width: 10%; background: rgba(15,109,178,1); margin: 0.25em 0 0.5em 0 }

	/* REFERENCIALISTA */
		#referencelist { background: #fff; padding: 0 0 2em 0 }
		#referencelist .article.odd { background: rgba(0,0,0,0.05); padding: 0; margin: 1em 0 }
		#referencelist .article.even { background: rgba(0,0,0,0.1); padding: 0 }
		#referencelist .article .container { padding: 0 }
		#referencelist .article .img { padding: 0 }
		#referencelist .article img { padding: 0 }
		#referencelist .article .txt h2 { text-shadow: 0 1px #fff }
		#referencelist .article .txt h2:after { width: 10%; background: rgba(15,109,178,1); margin: 0.5em 0 }
		#referencelist .article .txt p { text-shadow: 0 1px #fff }
		#referencelist .article .txt p strong { font-weight: 900 }
		#referencelist .reference-slider { background: #ddd; padding: 0 0 1em 0 }
		#referencelist .reference-slider .carousel-inner .carouselimage { height: 300px }
		#referencelist .reference-slider .carousel-inner .thumb { max-height: 40px; overflow: hidden}
		#referencelist .categories ul.referencemenus { border-bottom: 1px solid #ddd; background: #ededed; padding: 1.2em 0.75em; margin-top: 0.5em }
		#referencelist .categories ul.referencemenus li { list-style: none; display:inline-block; padding-right: 1em; list-style: none; list-style-type: none; margin-left: 20px }
		#referencelist .categories ul.referencemenus li:before { content: "►"; margin-left: -12px; position: absolute; font-size: 0.6em !important; padding-top: 0.7em; opacity: 0.75 }
		#referencelist .categories ul.referencemenus li.referencemenu { display: inline-grid; margin-right: 0.5em; height: 100% }
		#referencelist .categories ul.referencemenus li.referencemenu a { font-weight: bold; font-size: 1.2em }
        #referencelist .categories ul.referencemenus li.withsubmenu ul { padding: 0 }
        #referencelist .categories ul.referencemenus li.withsubmenu:before { content: "▼"; margin-left: -12px; position: absolute; opacity: 1 }
        #referencelist .categories ul.referencemenus li.withsubmenu ul li { margin-left: 1em !important; padding: 0.2em 0 }
        #referencelist .categories ul.referencemenus li.withsubmenu ul li a { font-weight: normal; margin: 0.25em 0; color: #333; font-size: 1em !important }
			/* Fülek */
			#tabbox { background: linear-gradient(to right, #eee 45%, #fff 55%); padding: 0; margin-bottom: 0 }
			#tabbox .articles { background: #eee }
			#tabbox .active { background: #ddd }
			#tabbox .article .container { background: transparent; padding: 1em 0 0 0 }
			#tabbox .article .txt { padding: 1em 1em 0 1em; text-align: center }
			#tabbox .article .txt i.circle { font-size: 2em; border: 1px solid #000; color: #000; border-radius: 1em; padding: 0.4em }
			#tabbox .article .txt h2 { color: #000; font-size: 1.2em; text-align: center }
			#tabbox .article .txt .btnbox { display: none; text-align: center; margin-top: 1em }
			#tabbox .article:hover { background: rgba(15,109,178,0.1) }
			#tabbox .article:hover .txt i.circle { background: #000; border: 1px solid #000; color: #fff }

	/* RÓLUNK */
		#rolunk { background: #fff; padding: 0; margin: 0 }
		#rolunk .img-responsive { height: auto !important; }

	/* TECHNIKAI INFÓK */
		table.icons { width: 100%; background: rgba(15,109,178,0.1); margin: 2em 0 }
		table.icons tr { border-bottom: 1px solid #0f6db2 }
		table.icons tr td.icon { width: 25%; padding: 1em }
		table.icons tr td.info { width: 75%; padding-top: 1em }

	/* GALÉRIA */
	.nav-tabs { padding-bottom: 1em }
	.nav-tabs li.active a { border: 1px solid #ddd; border-radius: 0.5em }
	.thumbnail { border: none }
	.ekko-lightbox .modal-header { padding: 10px; border-bottom: none; background: #000 }
	.ekko-lightbox .modal-header h4 { font-size: 1.1em; display: none }
	.ekko-lightbox .modal-header button.close { margin-top: 0; color: #fff }
	.ekko-lightbox .modal-body { padding: 5px; background: #000; overflow: hidden }
	.ekko-lightbox .modal-dialog { width: 800px }
	.ekko-lightbox .ekko-lightbox-nav-overlay a.glyphicon { top: 45% }
	.ekko-lightbox .ekko-lightbox-nav-overlay .glyphicon-chevron-left:before { content: "◀︎"; font-weight: 700; color: #555 }
	.ekko-lightbox .ekko-lightbox-nav-overlay .glyphicon-chevron-right:before { content: "▶︎"; font-weight: 700; color: #555 }
	.ekko-lightbox img { width: 100% }
	.filters-button-group { padding: 1em }
	.filters-button-group .is-checked { background: #4a4849; border: 1px solid #4a4849 }

	/* KAPCSOLAT
	#kapcsolatform { background: rgba(15,109,178,0.5); margin-top: -35em; padding: 2em } */
	#kapcsolatform .form-control { font-size: 1.3em; font-weight: 400; margin-bottom: 0.5em; border-radius: 0; border: none }
	#kapcsolatform .btn { margin-top: 1em; float: right }