@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,900&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext');

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {
	margin:0;
	padding:0;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}

h1 {

font-family: 'Roboto', sans-serif;
font-size: 360%;
color: #d62a2a;
margin-top: 0px;
font-weight: 300;

}

h2 {

font-family: 'Roboto', sans-serif;
font-size: 240%;
color: #d62a2a;
font-weight: 300;

}

h3 {

font-family: 'Roboto', sans-serif;
font-size: 190%;
color: #d62a2a;
font-weight: 300;

}

h4 {

font-family: 'Roboto', sans-serif;
font-size: 140%;
color: #d62a2a;
font-weight: 300;

}

p {

font-family: 'Roboto', sans-serif;
color: #000000;
text-decoration: none;
line-height: 30px;
font-size: 120%;
margin-bottom: 20px;
}

p a { text-decoration: none; color: #d62a2a;}

a { text-decoration: none; }

.w300 { font-weight: 300; }

.w400 { font-weight: 400; }

.w900 { font-weight: 900; }

.s80 { font-size: 80%; line-height: 22px}

.s90 { font-size: 90%; line-height: 24px}

.s110 { font-size: 110% }

.s120 { font-size: 120% }

.s140 { font-size: 140% }

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

.line { background: #c7c7c7; height: 1px; width: 100%; margin: 26px 0px 26px 0px;}

.third { display: inline-block; float: left; width: 33.1%; padding: 0px 4% 20px 4%; margin-right: 0% 4% 0% 4%;}

.third-margin-right {  border-right: 1px solid #c7c7c7;} 

.third img { width: 75%; }

.textalignright { text-align: right; }

menu {
	display: block;
	position: fixed;
	top: 0px;
	right: 0px;
	width: 100%;
	padding: 10px 0px 10px 0px;
	background-image: linear-gradient(to top, #303030 , #212121);
	z-index: 999;
	border-bottom: 6px solid #d62a2a;
	margin-block-start: 0px;
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
    box-shadow: 0px 0px 16px #000
}

menu a { text-decoration: none !important; }

menu .menulogo { width: 300px; margin-top: 16px;}

.menu-scroll {
	border-bottom: 3px solid #d62a2a;
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}

.menu-scroll .menulogo { 
	width: 170px !important; margin-top: 3px; 
}

.mobilemenu {
	display: none;
}

.menu1 {
	float: right;
	display: inline-block;
	padding: 16px;
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}

.menu1:hover { 

     }

span.menured { color: #d62a2a; }

span.menuyellow { color: #ffde00; }

span.menugray { color: #b1b1b1; }

span.menutext { 

	font-family: 'Roboto Condensed', sans-serif; 
	color: #FFFFFF;
	text-decoration: none !important;
	font-size: 100%
	font-weight: 900;
}

.menu-scroll span.menutext { font-size: 90% }

.slogen	{ width: 100%; background: linear-gradient(to bottom, #b22525 , #d62a2a); padding: 14px 0px 8px 0px; margin-bottom: -10px; margin-right: -6px;}

.menu-scroll .slogen { display: none; }

.clear { 
	display: block; clear: both; 
}

.menu-scroll .clear { 
	display: none; clear: both; 
}

.chairicon { height: 28px; margin-right: 10px; margin-bottom: -6px;}

.menu-scroll .chairicon { height: 100%; display: none; }

.menu-margin { margin-top: 165px !important; }

.menu-margin-scroll { margin-top: 60px !important; }

.menu-margin-kezdo { margin-top: -165px }

.menu-margin-kezdo-scroll { margin-top: -60px }

.dropbtn {
    color: #fff;
    font-weight: bold;
    border: none;
    cursor: pointer;
    font-family: 'Roboto Condensed', sans-serif;
    z-index: 3000;
    width: auto;
    text-align: right;
    background: transparent;
    font-size: 140%;
}

.menu-scroll .dropbtn { font-size: 100%; }

.dropdown {
    position: relative;
    display: inline-block;
    z-index: 3000;
    margin-right: -6px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #242424;
    min-width: 230px;
    z-index: 3000;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: right;
    right: -16px;
    top: 24px;
}

.menu-scroll .dropdown-content { top: 20px }

.dropdown-content a {
    padding: 12px 22px;
    text-decoration: none;
    display: block;
    color: #fff;
}

.dropdown-content a:hover {  }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover {

}

.wrapper { max-width: 1000px; margin: auto; }

.footer	{ 
	width: 100%;
	padding: 24px;
	background-image: linear-gradient(to top, #3d3d3d , #242424);
 }

.footer2	{ 
	width: 100%;
	padding: 24px;
	background-image: linear-gradient(to top, #222222 , #0c0c0c);
 }

.footer p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 90%;
	color: #cbcbcb;
	text-decoration: none;
	margin-bottom: 0px !important;
}

.footer p a {
	color: #cbcbcb;
	text-decoration: none;
}

.footer2 p { 	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 90%;
	color: #cbcbcb;
	text-decoration: none; 
	margin-bottom: 0px !important;
}

.footer2 p a { 	
	color: #cbcbcb;
	text-decoration: none; 
}


.leftbox { float: left; display: inline-block; }

.rightbox { float: right; display: inline-block; }

span.footer-red { color: #d62a2a !important; }

.slider	{ width: 100%; display: block; }

#slideshow { 
    margin: 0px auto; 
    position: relative; 
    width: 100%; 
    height: 500px; 
    padding: 0px; 
    border-bottom: 6px solid #d62a2a;
}

#slideshow > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    background: #c4c4c4;
}

.slideshow-bg { 
    background-position: center center;
    width: 100%;
    height: 100%;
}

#slideshow2 { 
    margin: 0px auto; 
    position: relative; 
    width: 321px; 
    height: 511px; 
    padding: 0px; 
}

#slideshow2 > div { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}

.youtube-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; 
height: 0; 
overflow: hidden;
margin: 20px 0px 20px 0px;
}

.youtube-container iframe,
.youtube-container object,
.youtube-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

ul.lista {

		list-style-position: outside;
		display: list-item;
		font-family: 'Roboto', sans-serif;
		margin: 30px 30px 10px 50px;
		font-style: italic;
		list-style: none;

	}

ul.lista li {

		display: list-item;
		line-height: 34px;
		list-style-image: url('style/dot.png');

	}

ul.lista li a { color: #000000; }

.lista ul li {
	
	font-family: 'Roboto', sans-serif;
	line-height: 180%;
	font-size: 100%;
	text-align: justify;
	}	

.mobilehide { display: block; }

.button1 { display: inline-block; margin: auto; padding: 18px; color: #fff; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; text-align: center; background: #1e8455; border-radius: 6px; font-weight: 900; font-size: 100%; text-decoration: none; line-height: 26px; width: auto;}

.button1:hover { background: #40926c; }

.button1 a { color: #fff; text-decoration: none !important; }

.kapcsolat { background: #edebe8; }

.kapcsolat-parts { padding: 20px 20px 20px 20px}

.kapcsolat-parts-leftborder { border-left: 4px solid #a7a7a7;}

.thirdimage { float: right; width: 33%; margin-left: 20px; margin-bottom: 20px; }

.quarterimage { float: right; width: 25%; margin-left: 20px; margin-bottom: 20px; }

.marginbottom0 { margin-bottom: 0px; }

.chair-third1 { float: left; width: 32%; }

.chair-third2 { float: left; width: 64%; padding: 0px 0px 0px 22px;}

.chair-line { width: 100%; height: 1px; background: #b1b1b1; }

.chair-slideshow { width: 100%; margin: 0px 22px 0px 0px; }

.chair-button-buy { background-color: rgb(0, 149, 112); margin: 0px 20px 20px 0px; text-transform: uppercase; font-weight: 900; display: inline-block; padding: 22px; font-size: 120%; color: #fff; font-family: 'Roboto', sans-serif; border-radius: 6px; }

.chair-button-test { background-color: rgb(0, 108, 145); margin: 0px 20px 20px 0px; text-transform: uppercase; font-weight: 900; display: inline-block; padding: 22px; font-size: 120%; color: #fff; font-family: 'Roboto', sans-serif; border-radius: 6px; }

.chair-button-ajanlat { background-color: rgb(166, 70, 0); margin: 0px 20px 20px 0px; text-transform: uppercase; font-weight: 900; display: inline-block; padding: 22px; font-size: 120%; color: #fff; font-family: 'Roboto', sans-serif; border-radius: 6px; }

.item-card { max-height: 489px; width: 31%; margin: 0px 22px 22px 0px; float: left; display: inline-block; padding: 10px 0px 20px 0px; box-shadow: 0px 0px 8px #aaa; background: #fff; text-align: center; border-radius: 6px; overflow: hidden}

.item-card:hover { box-shadow: 0px 0px 8px #ff0000; }

.item-card-img { max-height: 300px}

.item-card-button { display: inline-block; margin: auto; padding: 12px; color: #fff; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; text-align: center; background: #1e8455; border-radius: 6px; font-weight: 900; font-size: 100%; text-decoration: none; line-height: 26px; width: auto;}

.item-card-button:hover { background: #40926c; }

.item-card-button a { color: #fff; text-decoration: none !important; }

.item-card-cat { background: #585858; max-height: 489px; padding-top: 70px; padding-right: 30px; padding-left: 30px; overflow: hidden; }

.item-card-cat p { color: #fff; }

.item-card-cat h3 { color: #fff; }

span.chair-iteminfo { text-transform: uppercase; color: #353535; font-size: 90% }

span.chair-price-info { font-size: 80% }

span.chair-brutto { font-size: 300%; font-weight: 900; }

span.chair-netto { font-size: 150%; }

.actual { width: 100%; background-image: linear-gradient(to top, #757575 , #525252); padding: 26px 0px 8px 0px;}

.actual p { color: #fff; }

.actual p a { color: #ffdddd; }

.actualimage { float: left; margin: 0px 20px 0px 0px; width: 25%; }

.proba-input {padding: 8px; color: #000; background-color: #fff; box-shadow: 0px 0px 8px #aaa; font-family: 'Roboto', sans-serif; border: 1px solid #949494; font-size: 120%; margin-bottom: 14px;}

.proba-send {padding: 8px; color: #fff; background-color: #468716; box-shadow: 0px 0px 8px #aaa; font-family: 'Roboto', sans-serif; border: 1px solid #468716; font-size: 120%; margin-bottom: 10px; cursor: pointer; margin-top: 14px;}

.proba-input:hover { box-shadow: 0px 0px 8px #ff0000; }

span.probaszek-igenylo-req { font-family: 'Roboto', sans-serif; font-size: 80%; display: inline-block; }

span.probaszek-igenylo-req a { color: #595959; }

.cikk-img { width: 100%; float: center; text-align: center; margin: 20px 0px 30px 0px;}

.cikk-doboz { display: table; vertical-align: middle; width: 31%; height: 300px; margin: 0px 22px 22px 0px; float: left; box-shadow: 0px 0px 8px #aaa; background: #fff; text-align: center; border-radius: 6px; background-size: cover; padding: 60px 30px 40px 30px;}

.cikk-doboz-content { display: table-cell; vertical-align: middle; }

.cikk-doboz-content p { font-weight: 700; color: #fff; text-shadow: 0px 0px 12px #000; font-size: 150% }

.cikk-doboz:hover { box-shadow: 0px 0px 8px #ff0000; }

.szakerto { width: 100px; position: fixed; bottom: 0px; right: 0px; margin: 12px; }

.iteminfo { width: 100%; border-collapse: collapse; border: 1px solid #fff; text-align: left; background: #fff; }

.iteminfo p { margin-bottom: 0px; margin-top: 0px;}

.iteminfo .red { color: #d62a2a; }

.iteminfo .middle { font-size: 85% }

.iteminfo tr th { vertical-align: top; padding: 12px; border-bottom: 1px solid #c9c9c9; font-weight: normal; }

.itemprice-big { font-weight: 700; margin-bottom: 0px;}

.itemprice-small { font-size: 80% }

.iteminfo-image { height: 100%; margin-right: 12px; float: left;}

@media screen and (max-width:900px) {

	.wrapper { width: 100%; padding: 0px 20px 0px 20px;}

	menu { display: none; }

	.mobilemenu {
	display: block;
	position: fixed;
	top: 0px;
	right: 0px;
	width: 100%;
	padding: 8px;
	background: #242424;
	z-index: 999;
	}

	.actualimage { float: none; margin: 0px 0px 20px 0px; width: 100%; }

	.item-card { float: none; display: block; width: 100%; margin: 0px 0px 22px 0px; }

	.slider { display: none; }

	.third { display: block; float: none; width: 100%; padding: 0px 4% 20px 4%; margin: 0% 0% 0% 0%; }

	.third-margin-right { margin-right: 0%; border: transparent;} 

	.mobilehide { display: none; }

	.textalignright { text-align: auto; }

	.kapcsolat-parts-leftborder { border-left: 0px solid transparent;}

	.menu-margin { margin-top: 60px !important; }

	.menu-margin-scroll { margin-top: 60px !important; }

	.textalignright { text-align: left; }

	.kapcsolat { padding: 0px 0px 0px 0px; }

	.kapcsolat-parts { padding: 20px 0px 0px 0px; }

	.thirdimage { width: 100%; float: none; margin: 0px 0px 0px 0px;}

	.quarterimage { width: 100%; float: none; margin: 0px 0px 0px 0px;}

	.chair-third1 { float: none; width: 100%; margin: 0px 0px 22px 0px;}

	.chair-third2 { float: none; width: 100%;  padding: 0px 0px 0px 0px; }

	.item-card-cat { height: auto; padding-top: 0px;}

	.cikk-doboz { width: 100%; margin: 0px 0px 20px 0px; height: auto; }

	.szakerto { display: none; }

}