@charset "utf-8";
/*
* CSS Document (2015.09.17.) Updated: 2015.11.04. / 2021.11.11. / 2022.04.13
* MUCIUS NYOMDA FULL STYLE
* Copyright (c) 2015-2022
* All rights reserved.
* Design/Webdesign: CsAB - Mucius Scaevola Kft. (www.mucius.hu)
*/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic&subset=latin,latin-ext);

html { background:white; color: #444; }

body {
background:white; color: #444;
font: 400 18px/1.35em 'PT Sans', Helvetica, Arial, sans-serif;
}

a { color:#F26531; outline:none !important; }
a:hover, a:focus { color:#9C9E9F; outline:none !important; }
a.thickbox { position:relative; }
a.thickbox i.glyphicon-fullscreen {  
display:inline-block;
width:16px; height:16px;
position:absolute;
z-index:1;
border:none !important;
color:#aaa;
margin:5px 0 0 -5px; padding:0;
opacity:0.75;
font-size:1em; 
}

svg { max-height: 100%; width: 100%; }
img.img100 { max-height: 100%; width: 100%; } 
.dynamic-page article img { max-width: 100%; height:auto; }
.dynamic-page article h3, .dynamic-page article h4 { margin:1em 0 1em 0; }
.article a:hover img, article a:hover img { opacity:0.75; }
.article a.gray:hover img, article a.gray:hover img { opacity:1; }
  
.dib { display:inline-block; }
.ttu { text-transform: uppercase; }
.va-m { vertical-align:middle; }
.glyphicon { top:4px; }
.glyphicon.gfix { top:2px; }
.input-group-addon .glyphicon { top:1px; }
#tagsearch { margin-top: 0.5em; }

.iconbox, .icon32 {
width:32px; height:32px;
vertical-align: middle;
display:inline-block;
outline:none;
} 
.icon16 { width:16px; height:16px; }
.icon24 { width:24px; height:24px; }
.icon48 { width:48px; height:48px; }
.icon64 { width:64px; height:64px; }
.icon96 { width:96px; height:96px; }
.icon128 { width:128px; height:auto; }
.iconbox img { vertical-align: top; margin:0; padding:0; height:auto; max-height: 100%; width: 100%; line-height:1em; }
.hanosz { padding:1.5em 0; margin-bottom:1em; margin-top:1em; }
.hanosz img { margin-bottom:1em; }
.hanosz .iconbox { height:64px; }

.status-unpublic { text-decoration: line-through; color:red !important; }
.status-unpublic * { text-decoration: line-through; color:red !important; }
.found-timed { background:#dfd; }
.found-unpublic { background:#fdd; }
.breadcrumbs { margin-bottom:1em; }

/* --- messages --- */

ul.messagebox {
	list-style-type: none !important;
	padding: 1em !important;
	margin: 0.5em 0 !important;
  line-height:1.3em;
}
ul.messagebox li {
	list-style-type: none !important;
margin:0 !important;padding:0 !important;
}
.error-messages{
	border: 1px solid #F6988F;
	background: #FDD2D1;
	color: #883333;
}
.accept-messages{
	border: 1px solid #BBCC5B;
	background: #EBFAB6;
	color: #82B466;
}
.info-messages{
	border: 1px solid #4C8DC0;
	background: #BDE5F8;
	color: #00529B;
}
.warning-messages{
	border: 1px solid #B88630;
	background: #FEEFB3;
	color: #9F6000;
}

.c-blu  { color: #F26531; }
.c-blu2  { color: #334966; }
.c-lblu  { color: #99AFCC; }
.c-gre { color: #89C942; }
.c-red  { color: #C11919; }
.c-dred  { color: #4F0B0A; }
.c-ora  { color: #F7A934; }
.c-whi  { color: #FFF; }
.c-blk  { color: #000; }
.c-lgry { color: #EEE; }
.c-dgry { color: #737373; }
.c-gry  { color: #AAA; }

.bg-blu  { background-color: #F26531; }
.bg-blu2  { background-color: #334966; }
.bg-lblu  { background-color: #99AFCC; }
.bg-gre { background-color: #89C942; }
.bg-red  { background-color: #C11919; }
.bg-dred  { background-color: #4F0B0A; }
.bg-ora  { background-color: #F7A934; }
.bg-whi  { background-color: #FFF; }
.bg-blk  { background-color: #000; }
.bg-lgry { background-color: #EEE; }
.bg-dgry { background-color: #737373; }
.bg-gry  { background-color: #AAA; }

h1#sitename { text-indent:-9999px; position:absolute; top:0; width:1px; height:1px; }
h2 { font-size:1.3em; }
h2.page-title { margin:0.5em 0 1em 0; }
.pagetype-news h2.page-title { margin-bottom: 0.5em; }
.pagetype-page h2.page-title { margin-bottom: 0.5em; }

#browserupgrade, #nojs {
text-align:center;
position:absolute;
top:0;
z-index:2000;
width:100%;
margin: 0;
background: #FBDC00;
color: #332C00;
padding: 0.5em 0;
}
#nojs { background: #FFC20E; }
#browserupgrade a, #browserupgrade a:visited, #nojs a, #nojs a:visited { color:#CC0000; }

.logo-small, .logo-small2 { vertical-align:middle; width:128px; display:inline-block; height:auto; }
.logo-small2 { width:70px; }

.not-front .navbar { margin-bottom:0; }

.not-front .header-box { 
height:85px;
overflow:hidden;
margin:0 0 1em 0;
background:#F26531;
}

.navbar-default .navbar-nav > li > a[href]:hover,
.navbar-default .navbar-nav > li > a[href]:focus {
color: white;
background-color:#F26531;
}
.navbar-default .navbar-nav > li > a.itemicon:hover,
.navbar-default .navbar-nav > li > a.itemicon:focus {
background-color:#eee;
color:#F26531;
}

.navbar-nav li .itemicon img {
margin-top:-3px;
}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-brand { display:none; }
}

@media screen and (max-width: 767px) {
.navbar-default .navbar-nav > li > a { border-bottom: 1px solid #eee; }
}


/* -- slideshow --- */

.carousel { margin-bottom: 40px; }
.carousel-caption { background:black; background:rgba(0,0,0,0.5); }
.carousel-caption p.slideShowTitle { text-shadow: 1px 1px 1px black; }    
.carousel-caption p.slideShowTitle a,
.carousel-caption p.slideShowTitle a:visited,
.carousel-caption p.slideShowTitle a:focus,
.carousel-caption p.slideShowTitle a:hover { color:white; text-decoration:none; }    
.carousel-caption p.slideShowTitle a:focus, .carousel-caption p.slideShowTitle a:hover { color:#CCC; }    

.carousel .item { background:url('http://dummyimage.com/1920x500/CCC/999') no-repeat scroll center center / cover; }


.carousel, .carousel .item, .carousel-inner > .item > img { height: 320px; }

@media (min-width: 768px) and (max-width: 991px) {
.carousel, .carousel .item, .carousel-inner > .item > img { height: 360px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.carousel, .carousel .item, .carousel-inner > .item > img { height: 480px; }
}
@media (min-width: 1200px) {
.carousel, .carousel .item, .carousel-inner > .item > img { height: 500px; }
}

/* -- front and hirek --- */

/*
a.thickbox { display:inline-block; overflow:hidden; }
*/

.front .marketing { margin-bottom: 1em; }

.category-page .marketing h2,
.front .marketing h2 {
color:#F26531;
}
.category-page .marketing p,
.front .marketing p {
font-size:.85em;
}
.category-page .marketing p.tags,
.front .marketing  p.tags {
margin:-0.25em 0 0.25em 0;
}

.category-page .marketing .row > article,
.front .marketing .row > div.article {
margin-bottom:1em;
/*min-height:580px;*/
position:relative;
overflow:hidden;
padding:5px;
text-align:center;
/*border:1px solid #eee;*/
}
.marketing .news-thumbnail { border-top:5px solid #f26531; border-left:5px solid #f26531; }
.marketing .news-article {
overflow:hidden;
background:#eee;
padding:0 5px;
border-left:5px solid #f26531;
}
.marketing .news-article h3 { font-weight:bold; hyphens:auto; }
/**
.category-page .category-news-excerpt { margin-bottom:0em; }
.category-page .news-thumbnail { border:1px solid #eee; }
**/

/*
.category-page .marketing .row > article { min-height:580px; }
*/

.page-gyartok.category-page .marketing .row > article,
.page-viszonteladok.category-page .marketing .row > article { min-height:400px; }

.page-gyartok.category-page .marketing .row > article { min-height:320px; }

.category-page .marketing .row > article .btn,
.front .marketing .row div.article .btn {
position:absolute;
bottom:0;
display:inline-block;
width:50%;
padding:inherit 10%;
margin:0 0 0 20%;
}

.btn-primary { background-color:#F26531; border-color:#F26531; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color:#9C9E9F; border-color:#888; }
.label-facebook { background-color:#3A5795 !important; color:white !important; }

.breadcrumbs { font-size:0.85em; font-style: italic; }

.category-page .marketing .row > article .tags .btn,
.front .marketing .row div.article .tags .btn {
position:static; width:inherit;margin:inherit;
}

/* --- tag cloud -- */

.tagcloud {
font: normal 1em/3em "Courier New", Courier, monospace;
padding:1em 2em;
overflow:hidden;
text-align:center;
margin-top:-3em;
}
.tagcloud a, .tagcloud a:visited {
text-decoration: none;
padding:0 0.2em;
margin:0;
/*background:#e1efef;*/
}
.tagcloud a:hover {
color:#CF254E;
background:#F9F2F4;
}
.range9 { color:#F26531; font-size:3.7em; font-weight:bold; }
.range8 { color:#324B64; font-size:3.4em; font-weight:bold; }
.range7 { color:#000; font-size:3.1em; }
.range6 { color:#333; font-size:2.8em; }
.range5 { color:#446; font-size:2.5em; }
.range4 { color:#555; font-size:2.2em; }
.range3 { color:#779; font-size:1.9em; }
.range2 { color:#888; font-size:1.6em; }
.range1 { color:#99A; font-size:1.3em; }
.range0 { color:#AAA; font-size:1.1em; }
.range { line-height:1em; }

@media screen and (max-width: 767px) {
.tagcloud { font-size:0.75em; }
}

/* --- paginator --- */

.paginator {
font-size: 2em;
margin:0;
padding:0;
}
.paginator .spanBar {
display: block;
font-weight: bold;
margin: 0.25em auto;
padding:0;
text-align: center;
}
.paginator span.actual, .paginator span a, .paginator span a:visited {
display: inline-block;
margin: 0 .05em;
padding: 0 0.25em;
line-height:1.5em;
color:#F26531;
text-decoration: none;
}
.paginator span a:hover {
border: medium none;
color: #FFFFFF;
background:#F26531;
text-decoration:none;
}
.paginator span.actual {
color: #FFFFFF;
background:#9C9E9F;
}
.paginator .totals, .paginator .results {
color:#9C9E9F;
display:block;
text-align:right;
font-size: 0.5em;
margin:0;padding:0;
}
.paginator span.spanBar a { display:none; }
.paginator span.spanBar a.arrow { display:inline-block; }

@media only screen and (min-width: 765px) { .paginator span.spanBar a { display:inline-block; }  }

/* --- kepviseletek --- */

h2#kepviseletek { padding:0; margin:0 0 .5em 0; font-weight:bold; }
.sprite {
background: transparent url('../img/kepviseletek.png') no-repeat scroll 0 0;
display: inline-block;
vertical-align:middle;
text-indent:-9999px;
overflow:hidden;
margin:0.75em;
padding:0;
-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
opacity:0.5;
}
a:hover .sprite, a:focus .sprite {
-moz-filter: none;
-o-filter: none;
-webkit-filter: none;
filter: none;
filter: none;
opacity:1;
}

.gray {
-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.gray:hover, .gray:focus {
-moz-filter: none;
-o-filter: none;
-webkit-filter: none;
filter: none;
filter: none;
opacity:1;
}

.sprite-allen-heath {
    width: 125px;
    height: 18px;
    background-position: -5px -5px;
}

.sprite-atterotech {
    width: 140px;
    height: 29px;
    background-position: -140px -5px;
}

.sprite-audio-technica {
    width: 145px;
    height: 25px;
    background-position: -5px -44px;
}

.sprite-audiopole {
    width: 87px;
    height: 41px;
    background-position: -160px -44px;
}

.sprite-avalon-design {
    width: 140px;
    height: 29px;
    background-position: -5px -95px;
}

.sprite-avid {
    width: 95px;
    height: 29px;
    background-position: -155px -95px;
}

.sprite-digigrid {
    width: 65px;
    height: 41px;
    background-position: -5px -134px;
}

.sprite-directout {
    width: 137px;
    height: 19px;
    background-position: -80px -134px;
}

.sprite-eden {
    width: 43px;
    height: 54px;
    background-position: -260px -44px;
}

.sprite-genelec {
    width: 100px;
    height: 18px;
    background-position: -80px -163px;
}

.sprite-github {
    width: 30px;
    height: 30px;
    background-position: -260px -108px;
}

.sprite-gmail {
    width: 30px;
    height: 30px;
    background-position: -227px -148px;
}

.sprite-korg {
    width: 75px;
    height: 25px;
    background-position: -190px -188px;
}

.sprite-l-acoustics {
    width: 55px;
    height: 55px;
    background-position: -5px -188px;
}

.sprite-linkedin {
    width: 30px;
    height: 30px;
    background-position: -267px -148px;
}

.sprite-marshall {
    width: 99px;
    height: 26px;
    background-position: -70px -223px;
}

.sprite-marshallheadphones {
    width: 99px;
    height: 37px;
    background-position: -179px -223px;
}

.sprite-montarbo {
    width: 113px;
    height: 22px;
    background-position: -5px -270px;
}

.sprite-natal {
    width: 64px;
    height: 25px;
    background-position: -128px -270px;
}

.sprite-panphonics {
    width: 145px;
    height: 22px;
    background-position: -290px -5px;
}

.sprite-quik-lok {
    width: 105px;
    height: 22px;
    background-position: -313px -37px;
}

.sprite-stackoverflow {
    width: 30px;
    height: 30px;
    background-position: -428px -37px;
}

.sprite-symetrix {
    width: 100px;
    height: 18px;
    background-position: -313px -69px;
}

.sprite-tascam {
    width: 96px;
    height: 25px;
    background-position: -313px -97px;
}

.sprite-trevis {
    width: 87px;
    height: 38px;
    background-position: -307px -132px;
}

.sprite-tumblr {
    width: 30px;
    height: 30px;
    background-position: -423px -77px;
}

.sprite-twitter {
    width: 30px;
    height: 30px;
    background-position: -419px -117px;
}

.sprite-vox {
    width: 89px;
    height: 36px;
    background-position: -307px -180px;
}

.sprite-waves {
    width: 137px;
    height: 12px;
    background-position: -288px -226px;
}

/* --- gotop ---*/

#headerGotop {
font-size:3em;
position:fixed;
right:0.25em;
bottom:0.25em;
z-index:600;
}
a#headerGotop, a:visited#headerGotop { color:rgba(0,0,0,0.33); } 
a:hover#headerGotop { color:rgba(0,0,0,0.66); } 

#socials-share > div { margin:0 1em; padding:0.5em 0;}
#socials-share div.itemFacebookButton { margin-top:-.22em; }
#socials-share div.itemGooglePlusOneButton { margin-top:-.15em; }

footer {
font-size:0.85em;
}

/* -- anim -- */

@keyframes fadeintext {
  0%   { opacity: 0; transform: translateY(20px); }
  50%  { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
@-webkit-keyframes fadeintext {
  0%   { opacity: 0; -webkit-transform: translateY(20px); }
  50%  { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeintext {
  0%   { opacity: 0; -moz-transform: translateY(20px); }
  50%  { opacity: 0; -moz-transform: translateY(20px); }
  100% { opacity: 1; -moz-transform: translateY(0); }
}
@-ms-keyframes fadeintext {
  0%   { opacity: 0; -ms-transform: translateY(20px); }
  50%  { opacity: 0; -ms-transform: translateY(20px); }
  100% { opacity: 1; -ms-transform: translateY(0); }
}
@-o-keyframes fadeintext {
  0%   { opacity: 0; -o-transform: translateY(20px); }
  50%  { opacity: 0; -o-transform: translateY(20px); }
  100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.animintext {
-webkit-animation: fadeintext 2s;
-moz-animation: fadeintext 2s;
-ms-animation: fadeintext 2s;
-o-animation: fadeintext 2s;
animation: fadeintext 2s;
}

.animfadein {
-webkit-animation: fadein 5s;
-moz-animation: fadein 5s;
-ms-animation: fadein 5s;
-o-animation: fadein 5s;
animation: fadein 5s;*/  
}

/* debug */

.helperDebug {
background: url('https://static.webhirdet.hu/img/c64.gif') no-repeat scroll center top rgba(0, 0, 255, 0.7);
padding: 60px 10px 10px 10px;
color: #FFFFFF;
display: block;
min-height:25%;
max-height:85%;
margin:0;
overflow: auto;
position: fixed;
right: 2px;
top: 40px;
width: 480px;
text-align:left;
border:1px solid blue;
font:normal 11px/1.3em Courier;
z-index:1000;
}
.helperDebug:before {
content: "DEBUG INFO:";
color:yellow;
}
.xdebug-error{ margin-top:30px; }

#fancybox-lock * { box-sizing: unset; }

/* -- print -- */

@media print {
a, a:visited { text-decoration: none; }
a[href]:after { content: ""; }
abbr[title]:after { content: ""; }
a[href^="#"]:after,  a[href^="javascript:"]:after { content: "";  }

.navbar-wrapper {
display:block !important;
position:static !important;
}

.navbar-static-top .navbar-nav, .navbar-toggle { display:none;  }
.navbar-static-top { border:0; display:block; }
.navbar-header {  width:100%; }
.navbar-brand { margin:0 auto !important; width:50%; float:none !important; display:block !important; }

.breadcrumbs, .logo-small2 { display:none !important; }
.header-box { height:0 !important; background:none; margin:1em; }


}

/* EOF */