@charset "utf-8";

/* Powered by Ettîenne Graphics® - WEB-design - © 2016 */

/* fonts */
/*Raleway font*/

@font-face {
    font-family: 'raleway';
    src: url('raleway-black.eot');
    src: url('raleway-black.eot?#iefix') format('embedded-opentype'),
         url('raleway-black.woff2') format('woff2'),
         url('raleway-black.woff') format('woff'),
         url('raleway-black.ttf') format('truetype'),
         url('raleway-black.svg#ralewayblack') format('svg');
    font-weight: 900;
    font-style: normal;
	

}




@font-face {
    font-family: 'raleway';
    src: url('raleway-blackitalic.eot');
    src: url('raleway-blackitalic.eot?#iefix') format('embedded-opentype'),
         url('raleway-blackitalic.woff2') format('woff2'),
         url('raleway-blackitalic.woff') format('woff'),
         url('raleway-blackitalic.ttf') format('truetype'),
         url('raleway-blackitalic.svg#ralewayblack_italic') format('svg');
    font-weight: 900;
    font-style: italic;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-bold.eot');
    src: url('raleway-bold.eot?#iefix') format('embedded-opentype'),
         url('raleway-bold.woff2') format('woff2'),
         url('raleway-bold.woff') format('woff'),
         url('raleway-bold.ttf') format('truetype'),
         url('raleway-bold.svg#ralewaybold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'raleway';
    src: url('raleway-bolditalic.eot');
    src: url('raleway-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('raleway-bolditalic.woff2') format('woff2'),
         url('raleway-bolditalic.woff') format('woff'),
         url('raleway-bolditalic.ttf') format('truetype'),
         url('raleway-bolditalic.svg#ralewaybold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-extrabold.eot');
    src: url('raleway-extrabold.eot?#iefix') format('embedded-opentype'),
         url('raleway-extrabold.woff2') format('woff2'),
         url('raleway-extrabold.woff') format('woff'),
         url('raleway-extrabold.ttf') format('truetype'),
         url('raleway-extrabold.svg#ralewayextrabold') format('svg');
    font-weight: 800;
    font-style: normal;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-extrabolditalic.eot');
    src: url('raleway-extrabolditalic.eot?#iefix') format('embedded-opentype'),
         url('raleway-extrabolditalic.woff2') format('woff2'),
         url('raleway-extrabolditalic.woff') format('woff'),
         url('raleway-extrabolditalic.ttf') format('truetype'),
         url('raleway-extrabolditalic.svg#ralewayextrabold_italic') format('svg');
    font-weight: 800;
    font-style: italic;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-extralight.eot');
    src: url('raleway-extralight.eot?#iefix') format('embedded-opentype'),
         url('raleway-extralight.woff2') format('woff2'),
         url('raleway-extralight.woff') format('woff'),
         url('raleway-extralight.ttf') format('truetype'),
         url('raleway-extralight.svg#ralewayextralight') format('svg');
    font-weight: 200;
    font-style: normal;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-extralightitalic.eot');
    src: url('raleway-extralightitalic.eot?#iefix') format('embedded-opentype'),
         url('raleway-extralightitalic.woff2') format('woff2'),
         url('raleway-extralightitalic.woff') format('woff'),
         url('raleway-extralightitalic.ttf') format('truetype'),
         url('raleway-extralightitalic.svg#ralewayextralight_italic') format('svg');
    font-weight: 200;
    font-style: italic;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-italic.eot');
    src: url('raleway-italic.eot?#iefix') format('embedded-opentype'),
         url('raleway-italic.woff2') format('woff2'),
         url('raleway-italic.woff') format('woff'),
         url('raleway-italic.ttf') format('truetype'),
         url('raleway-italic.svg#ralewayitalic') format('svg');
    font-weight: normal;
    font-style: italic;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-light.eot');
    src: url('raleway-light.eot?#iefix') format('embedded-opentype'),
         url('raleway-light.woff2') format('woff2'),
         url('raleway-light.woff') format('woff'),
         url('raleway-light.ttf') format('truetype'),
         url('raleway-light.svg#ralewaylight') format('svg');
    font-weight: 300;
    font-style: normal;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-lightitalic.eot');
    src: url('raleway-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('raleway-lightitalic.woff2') format('woff2'),
         url('raleway-lightitalic.woff') format('woff'),
         url('raleway-lightitalic.ttf') format('truetype'),
         url('raleway-lightitalic.svg#ralewaylight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-medium.eot');
    src: url('raleway-medium.eot?#iefix') format('embedded-opentype'),
         url('raleway-medium.woff2') format('woff2'),
         url('raleway-medium.woff') format('woff'),
         url('raleway-medium.ttf') format('truetype'),
         url('raleway-medium.svg#ralewaymedium') format('svg');
    font-weight: 500;
    font-style: normal;
	
}

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on May 14, 2016 */



@font-face {
    font-family: 'raleway';
    src: url('raleway-mediumitalic.eot');
    src: url('raleway-mediumitalic.eot?#iefix') format('embedded-opentype'),
         url('raleway-mediumitalic.woff2') format('woff2'),
         url('raleway-mediumitalic.woff') format('woff'),
         url('raleway-mediumitalic.ttf') format('truetype'),
         url('raleway-mediumitalic.svg#ralewaymedium_italic') format('svg');
    font-weight: 500;
    font-style: italic;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-regular.eot');
    src: url('raleway-regular.eot?#iefix') format('embedded-opentype'),
         url('raleway-regular.woff2') format('woff2'),
         url('raleway-regular.woff') format('woff'),
         url('raleway-regular.ttf') format('truetype'),
         url('raleway-regular.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-semibold.eot');
    src: url('raleway-semibold.eot?#iefix') format('embedded-opentype'),
         url('raleway-semibold.woff2') format('woff2'),
         url('raleway-semibold.woff') format('woff'),
         url('raleway-semibold.ttf') format('truetype'),
         url('raleway-semibold.svg#ralewaysemibold') format('svg');
    font-weight: 600;
    font-style: normal;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-semibolditalic.eot');
    src: url('raleway-semibolditalic.eot?#iefix') format('embedded-opentype'),
         url('raleway-semibolditalic.woff2') format('woff2'),
         url('raleway-semibolditalic.woff') format('woff'),
         url('raleway-semibolditalic.ttf') format('truetype'),
         url('raleway-semibolditalic.svg#ralewaysemibold_italic') format('svg');
    font-weight: 600;
    font-style: italic;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-thin.eot');
    src: url('raleway-thin.eot?#iefix') format('embedded-opentype'),
         url('raleway-thin.woff2') format('woff2'),
         url('raleway-thin.woff') format('woff'),
         url('raleway-thin.ttf') format('truetype'),
         url('raleway-thin.svg#ralewaythin') format('svg');
    font-weight: 100;
    font-style: normal;
	
}




@font-face {
    font-family: 'raleway';
    src: url('raleway-thinitalic.eot');
    src: url('raleway-thinitalic.eot?#iefix') format('embedded-opentype'),
         url('raleway-thinitalic.woff2') format('woff2'),
         url('raleway-thinitalic.woff') format('woff'),
         url('raleway-thinitalic.ttf') format('truetype'),
         url('raleway-thinitalic.svg#ralewaythin_italic') format('svg');
    font-weight: 100;
    font-style: italic;
	
}

/*Roboto font*/

@font-face {
    font-family: 'roboto';
    src: url('roboto-black.eot');
    src: url('roboto-black.eot?#iefix') format('embedded-opentype'),
         url('roboto-black.woff2') format('woff2'),
         url('roboto-black.woff') format('woff'),
         url('roboto-black.ttf') format('truetype'),
         url('roboto-black.svg#robotoblack') format('svg');
    font-weight: 900;
    font-style: normal;
	unicode-range: U+0370-03FF;
}




@font-face {
    font-family: 'roboto';
    src: url('roboto-blackitalic.eot');
    src: url('roboto-blackitalic.eot?#iefix') format('embedded-opentype'),
         url('roboto-blackitalic.woff2') format('woff2'),
         url('roboto-blackitalic.woff') format('woff'),
         url('roboto-blackitalic.ttf') format('truetype'),
         url('roboto-blackitalic.svg#robotoblack_italic') format('svg');
    font-weight: 800;
    font-style: italic;
	unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'roboto';
    src: url('roboto-black.eot');
    src: url('roboto-black.eot?#iefix') format('embedded-opentype'),
         url('roboto-black.woff2') format('woff2'),
         url('roboto-black.woff') format('woff'),
         url('roboto-black.ttf') format('truetype'),
         url('roboto-black.svg#robotoblack') format('svg');
    font-weight: 800;
    font-style: normal;
	unicode-range: U+0370-03FF;
}




@font-face {
    font-family: 'roboto';
    src: url('roboto-blackitalic.eot');
    src: url('roboto-blackitalic.eot?#iefix') format('embedded-opentype'),
         url('roboto-blackitalic.woff2') format('woff2'),
         url('roboto-blackitalic.woff') format('woff'),
         url('roboto-blackitalic.ttf') format('truetype'),
         url('roboto-blackitalic.svg#robotoblack_italic') format('svg');
    font-weight: 900;
    font-style: italic;
	unicode-range: U+0370-03FF;
}


@font-face {
    font-family: 'roboto';
    src: url('roboto-bold.eot');
    src: url('roboto-bold.eot?#iefix') format('embedded-opentype'),
         url('roboto-bold.woff2') format('woff2'),
         url('roboto-bold.woff') format('woff'),
         url('roboto-bold.ttf') format('truetype'),
         url('roboto-bold.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;
	unicode-range: U+0370-03FF;
}




@font-face {
    font-family: 'roboto';
    src: url('roboto-bolditalic.eot');
    src: url('roboto-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('roboto-bolditalic.woff2') format('woff2'),
         url('roboto-bolditalic.woff') format('woff'),
         url('roboto-bolditalic.ttf') format('truetype'),
         url('roboto-bolditalic.svg#robotobold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
	unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'roboto';
    src: url('roboto-italic.eot');
    src: url('roboto-italic.eot?#iefix') format('embedded-opentype'),
         url('roboto-italic.woff2') format('woff2'),
         url('roboto-italic.woff') format('woff'),
         url('roboto-italic.ttf') format('truetype'),
         url('roboto-italic.svg#robotoitalic') format('svg');
    font-weight: 400;
    font-style: italic;
	unicode-range: U+0370-03FF;
}


@font-face {
    font-family: 'roboto';
    src: url('roboto-italic.eot');
    src: url('roboto-italic.eot?#iefix') format('embedded-opentype'),
         url('roboto-italic.woff2') format('woff2'),
         url('roboto-italic.woff') format('woff'),
         url('roboto-italic.ttf') format('truetype'),
         url('roboto-italic.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: italic;
	unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'roboto';
    src: url('roboto-italic.eot');
    src: url('roboto-italic.eot?#iefix') format('embedded-opentype'),
         url('roboto-italic.woff2') format('woff2'),
         url('roboto-italic.woff') format('woff'),
         url('roboto-italic.ttf') format('truetype'),
         url('roboto-italic.svg#robotoitalic') format('svg');
    font-weight: 200;
    font-style: italic;
	unicode-range: U+0370-03FF;
}


@font-face {
    font-family: 'roboto';
    src: url('roboto-light.eot');
    src: url('roboto-light.eot?#iefix') format('embedded-opentype'),
         url('roboto-light.woff2') format('woff2'),
         url('roboto-light.woff') format('woff'),
         url('roboto-light.ttf') format('truetype'),
         url('roboto-light.svg#robotolight') format('svg');
    font-weight: 300;
    font-style: normal;
	unicode-range: U+0370-03FF;
}




@font-face {
    font-family: 'roboto';
    src: url('roboto-lightitalic.eot');
    src: url('roboto-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('roboto-lightitalic.woff2') format('woff2'),
         url('roboto-lightitalic.woff') format('woff'),
         url('roboto-lightitalic.ttf') format('truetype'),
         url('roboto-lightitalic.svg#robotolight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
	unicode-range: U+0370-03FF;
}




@font-face {
    font-family: 'roboto';
    src: url('roboto-medium.eot');
    src: url('roboto-medium.eot?#iefix') format('embedded-opentype'),
         url('roboto-medium.woff2') format('woff2'),
         url('roboto-medium.woff') format('woff'),
         url('roboto-medium.ttf') format('truetype'),
         url('roboto-medium.svg#robotomedium') format('svg');
    font-weight: 500;
    font-style: normal;
	unicode-range: U+0370-03FF;
}




@font-face {
    font-family: 'roboto';
    src: url('roboto-mediumitalic.eot');
    src: url('roboto-mediumitalic.eot?#iefix') format('embedded-opentype'),
         url('roboto-mediumitalic.woff2') format('woff2'),
         url('roboto-mediumitalic.woff') format('woff'),
         url('roboto-mediumitalic.ttf') format('truetype'),
         url('roboto-mediumitalic.svg#robotomedium_italic') format('svg');
    font-weight: 500;
    font-style: italic;
	unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'roboto';
    src: url('roboto-regular.eot');
    src: url('roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular.woff2') format('woff2'),
         url('roboto-regular.woff') format('woff'),
         url('roboto-regular.ttf') format('truetype'),
         url('roboto-regular.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;
	unicode-range: U+0370-03FF;
}



@font-face {
    font-family: 'roboto';
    src: url('roboto-regular.eot');
    src: url('roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular.woff2') format('woff2'),
         url('roboto-regular.woff') format('woff'),
         url('roboto-regular.ttf') format('truetype'),
         url('roboto-regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
	unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'roboto';
    src: url('roboto-regular.eot');
    src: url('roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular.woff2') format('woff2'),
         url('roboto-regular.woff') format('woff'),
         url('roboto-regular.ttf') format('truetype'),
         url('roboto-regular.svg#robotoregular') format('svg');
    font-weight: 200;
    font-style: normal;
	unicode-range: U+0370-03FF;
}


@font-face {
    font-family: 'roboto';
    src: url('roboto-thin.eot');
    src: url('roboto-thin.eot?#iefix') format('embedded-opentype'),
         url('roboto-thin.woff2') format('woff2'),
         url('roboto-thin.woff') format('woff'),
         url('roboto-thin.ttf') format('truetype'),
         url('roboto-thin.svg#robotothin') format('svg');
    font-weight: 100;
    font-style: normal;
	unicode-range: U+0370-03FF;
}




@font-face {
    font-family: 'roboto';
    src: url('roboto-thinitalic.eot');
    src: url('roboto-thinitalic.eot?#iefix') format('embedded-opentype'),
         url('roboto-thinitalic.woff2') format('woff2'),
         url('roboto-thinitalic.woff') format('woff'),
         url('roboto-thinitalic.ttf') format('truetype'),
         url('roboto-thinitalic.svg#robotothin_italic') format('svg');
    font-weight: 100;
    font-style: italic;
	unicode-range: U+0370-03FF;
}

/* browser reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}
	
sub {
	 vertical-align: sub;
    font-size: 70%;
}

sup{
	 vertical-align: super;
    font-size: 70%;
}

*:focus {
	outline: none;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, svg {
	display: block;}

body {
	line-height: 1;}

ol, ul {
	list-style: none;}

blockquote, q {
	quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

/* elements */

body {
	font-family: 'roboto', 'raleway', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	line-height: normal;
	word-wrap: break-word;}

@media screen and (max-width: 700px) {
	body {
		font-size: 0.75em;}
}

wrapper {
	width: inherit;
	max-width: 1200px;
	margin: auto;
	display: block;}

@media screen and (max-width: 700px) {
	wrapper {
		margin: 0 15px 0 10px;}
}

@media screen and (min-width: 701px) and (max-width: 1240px) {
	wrapper {
		margin: 0 20px;}
}

banner {
	line-height: 0;
	display: block;
	text-align: center;}

banner * {
	max-width: 100%;
	/*height: auto;*/}
	
accessories banner{
	margin-bottom: 28px;
}
	
accessories banner p, accessories banner iframe, accessories banner ins{	
	width: 300px;
	/*height: auto !important;*/
	/*min-height: 300px;*/
	overflow: visible;
	margin:0;
	padding:0;}
	

accessories banner a img{
	width: 100%;
	max-width: 300px;
	height: auto;
	margin: 0;}

header {
	width: 100%;
	margin-bottom: 20px;
	padding: 50px 0 5px;
	border-bottom: 1px solid rgb(140,198,63);
	display: table;}

@media screen and (max-width: 700px) {
	header {
		padding-top: 10px;}
}

@media screen and (min-width: 701px) and (max-width: 1240px) {
	header {
		padding-top: 20px;}
}

nav {
	vertical-align: top;
	padding: 0 50px;
	/*margin-right: 63px;*/
	position: relative;
	display: table-cell;}

nav label, nav a {
    font: 1.063em/2.625em 'roboto', 'raleway', sans-serif;
	font-weight: 800;
	text-align: right;
    text-transform: uppercase;
	}

nav label {
	display: none;}

nav #show-menu {
	display: none;}

nav ul {
    list-style: none;
}

nav li { 
    float: left;
    text-transform: uppercase;
	white-space: nowrap;
    /*font-weight: bold;*/
	max-width: 33.333%;
	width: 22%;
	margin-right: 54px;
	line-height: 32px;
	/*overflow: hidden;*/
}

@media (max-width: 1152px) {
	nav {
		padding: 0 10px;}
	nav li { 
		font-size: 0.875em;}
}

@media (max-width: 1024px) {
	nav {
		padding: 0 0 0 20px;}
	nav li { 
		font-size: 0.75em;}
}


nav label:before, nav li:before {
    content: "■ ";
	font-size: 1.375em;
	vertical-align: 2px;
    color: rgb(140,198,63);
}

@media (min-width: 701px) {
nav label:nth-of-type(7)::before, nav li:nth-of-type(7)::before {
    content: "";
	font-size: 1.375em;
	vertical-align: 2px;
    color: rgb(140,198,63);
}
}

@media screen and (max-width: 700px) {
	nav {
		padding: 0 0 0 20px;}
}

@media (min-width: 701px) {
	nav li:nth-of-type(7), nav li:nth-of-type(8) {
		display: none;}
}/*ideiglenesen látszik minden nézetben, visszaállítandó, ha a search formot kipiszkáltuk*/
/*@media (min-width: 701px) {
	nav li:nth-of-type(7), nav li:nth-of-type(8) {
		display: block;}
}*/

@media (max-width: 900px) {

	nav label {
		font-size: 16px;
		display: block;}

	nav ul {
		max-height: 0;
		text-align: right;
		background: #FFFFFF;
		position: absolute;
		right: 0;
		overflow: hidden;}

	nav li:nth-of-type(7), nav li:nth-of-type(8) {
		display: block;}

	nav li:nth-of-type(7):before, nav li:nth-of-type(8):before {
		content: '';}

	nav li {
		width: inherit;
		padding: 0 10px;
		text-align: center;
		font-size: 16px;
		float: none;}

	nav #show-menu:checked ~ ul {
    	max-height: inherit;
		border: 1px solid #61A838;}

}

a {
    text-decoration: none;
	color: inherit;
}


::-webkit-input-placeholder {
   color: #b0b0b0; 
}

:-moz-placeholder { /* Firefox 18- */
   color: #b0b0b0;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #b0b0b0; 
}

:-ms-input-placeholder {  
   color: #b0b0b0;   
}

nav a:hover {
    color: #61A838;
}

b, strong {
	font-weight: bold;}

i, em {
	font-style: italic;}

content ul, content ol {
	margin-bottom: 10px;}

content ul {
	list-style: initial;
	list-style-position: inside;}

content ol {
	list-style: decimal;
	list-style-position: inside;}

#search {
	width: 248px;
	vertical-align: top;
	position: relative;
	display: table-cell;
	/*display: none;*/
	/*padding-left: 63.5px;*/
	}

@media (max-width: 1024px) {
	#search {
		display: none;}
}

header form {
	width: 100%;
	height: 30px;
	line-height: 0;
	margin-top: 40px;
	
	display: table;}

header li form {
	margin: 0 0 10px;}

header div, header button {
	width: 100%;
	vertical-align: top;
	display: table-cell;}

header div {
	width: inherit;
	}

header button {
	width: 30px;
	height: 30px;
	line-height: 0;
	background: #F2F2F2;
	border: none;}

header input[type=button] {
	color: #FFFFFF;
	font: 'roboto', 'raleway', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	padding: 2px 5px;
	background: #61A838;
	border: none;
	position: relative;
	top: -20px;
	float: right;}

header li input[type=button] {
	width: 100%;
	background: #F2F2F2;
    font: 1em 'roboto', 'raleway', sans-serif;  
	font-weight: 800;
	margin-bottom: 10px;
	position: static;
	padding: 5px;}

header input[type=text] {
	line-height: 30px;
	width: 218px;
	padding: 0 10px;
	background: #F2F2F2;
	font-family: 'roboto', 'raleway', sans-serif;
	font-weight: normal;
	border: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;}

figure {
	width: 100%;
	max-width: 1200px;
	display: table;}

content, accessories {
	vertical-align: top;
	display: table-cell;}

content {
	padding-right: 25px;}

accessories {
	width: 25%;
	font: 1.215em 'roboto', 'raleway', sans-serif;
	font-weight: 500;}

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

	figure, content, accessories {
		display: block;}

	content {
		padding-right: 0;}

	accessories {
		width: inherit;}

}

box {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-style: solid;
	border-color: rgba(0,0,0,0);
	border-width: 0;
	float: left;}

img {
	max-width: 100%;
	/*height: auto;*/}

.selection {
	width: 77%;
	max-width: 655px;
	font-family: 'roboto', 'raleway', sans-serif;
	font-weight: 800;
	border-right-width: 20px;}

.news {
	width: 23%;
	font-family: 'roboto', 'raleway', sans-serif;
	font-weight: 800;
	background: #EBEBEB;
	margin-bottom: 40px;}
	
@media screen and (max-width: 1024px){
.selection {
		width: 60%;
		border-right-width: 0;
		padding-right: 2%;}

	.news {
		padding: 0 1% 0 1%;
		width: 40%;}
		
	.news img, .left img, .right img{
		width: 100%;
	}

}


@media screen and (max-width: 800px) and (orientation: portrait) {

	.selection {
		width: 100%;
		border-right-width: 0;}

	.news {
		width: 100%;}

}

article {
	width: 100%;
	margin-bottom: 28px;
	padding-top: 5px;
	border-top: 1px solid #000000;
	clear: both;}
	
article.first {
	margin-bottom: 0 !important;
}

article img {
	margin-bottom: 10px;
	max-width: 100%
	height: !important;}

h2, h3 {
	font-family: 'roboto', 'raleway', sans-serif;
	font-size: 1.250em;
	font-weight: 900;
	margin-bottom: 20px;
	text-transform: uppercase;}

h3 {
	margin-bottom: 40px;
	border-bottom: 1px solid #000000;}

.catalogue div {
	margin-top: 40px;}

.top {
	width: 100%;
	/*height: 90px;*/}

@media (max-width: 900px) {
	.top {
		display: none;}
}

.head {
	width: 100%;
	max-width: 728px;
	/*height: 90px;*/
	margin: 30px auto;}
	
/*.head * {
	height: 90px;
}	
/*.head>*{
	margin: 30px auto;
}*/
@media (max-width: 600px) {
	.head {
		display: none;}
}

.headline {
	color: #61A838;
	text-transform: uppercase;
	hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;}

h3.headline {
	color: #61A838;
	text-transform: none;}

.arrow:after {
	color: #61A838;
	font-family: Arial, sans-serif;
	content: ' ►';
	hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	display: inline;}
	
.contact div a{
	hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
}
	
.bigarrow:after{
	color: white;
	font-family: Arial, sans-serif;
	content: ' ►';
	display: inline;}
}

.first {
	border-top: none;
	padding-top: 0;
}

.first p,li,td,.left p,.news p{
	font-size: 1em;
	line-height:1.5em;
	-webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;
}
/*kenyérszövegen belüli hivatkozások -NMihalY*/
.first p>a, .first li>a, .first td>a {
	color: #61a838;
}

.first p>a:hover, .first li>a:hover, .first td>a:hover {
	color: #61a838;
	text-decoration: underline;
}

.firstlead_title:hover{text-decoration:none !important;}

.logo {
	width: 232px;
	max-width: 232px;
	display: table-cell;}

@media screen and (max-width: 700px) {
	@media (orientation: landscape) {
		.logo {
			width: 150px;}
	}
	@media (orientation: portrait) {
		.logo {
			width: 100px;}
	}
}

.news h2 {
	font-weight: bold;
	margin: 5px 5px 10px;
}

.news img {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 5px solid rgba(0,0,0,0);}

.news p {
	margin: 0 5px 40px;
}

/*.news p:last-child {
	margin-bottom: 5px;}*/

.left, .right {
	width: 50%;
	margin-bottom: 14px;}

.left {
	padding-right: 10px;}

.right {
	padding-left: 10px;}
	
flexbox #egysor {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#egysor box{
	float: none !important;
}

img.border {
	padding-top: 5px;
	border-top: 1px solid #000000;}

.away {
	color: #61A838;
	font-family: 'roboto', 'raleway', sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 30px auto;
	display: block;
	clear: both;}

.away:after {
	color: #61A838;
	font-family: Arial, sans-serif;
	content: ' ►';}

.collection {
	color: #FFFFFF;	
	background: #61A838;
	text-transform: uppercase;}

accessories h3 {
	margin-bottom: 20px;}

accessories p {
	margin-bottom: 0;
	display: block;
	-webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;}

/*accessories .rss a {
	margin-bottom: 20px;}*/

flexbox {
	width: 100%;
	max-width: 875px;
	/*justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;*/
	/*flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;*/
	display: flex;
	display: -moz-flex;
	display: -webkit-flex;}
	

.four div {
	width: 22%;
	max-width: 182px;
	display: block;
	margin-right: 4%;
	-webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;}

.four div::last-child {
	margin-right: 0;
}

.four div img {
	width: 100%;
	max-width: 193px;}

.four p {
	font: 1.285em 'roboto', 'raleway', sans-serif;
	font-weight: 500;}

@media (max-width: 1024px) {

	flexbox {
		justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;}
		
	flexbox:last-child {
		justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	
	flexbox:last-child> div{
	margin-right: 0 !important;
	float: none;
}
		
	.left, .right {
	width: 100%;
	margin-bottom: 14px;
	padding-right: 0px;
	padding-left: 0px;}
	
	.four img, .four div {
	width: 45%;
	display: block;}
	
    .four div img{max-width: 100% !important;}

	@media (orientation: portrait) {
		.four div {
			width: 45%;
			margin-bottom: 10px;}
	}
}

.big {
	font-size: 1.285em;
	margin-bottom: 30px;}

#newsletter {
	width: 100%;
	margin-bottom: 9.5px;}

#newsletter td {
	vertical-align: middle;}

#newsletter td:first-of-type {
	padding-right: 10px;}

#newsletter input[type=text] {
	width: 83%;
	line-height: 30px;
	margin-top: 10px;
	padding: 0 10px;
	background: #F2F2F2;
	border: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	font-family: 'roboto', 'raleway', sans-serif;
	font-weight: normal;
}

#newsletter input[type=button] {
	color: #61A838;
	background: none;
	border: 2px solid #B3B3B3;
}

#newsletter h3 {
	margin-top: 20px;
	margin-bottom: 5px;
	text-transform: lowercase;
	border-bottom: none;}

.newsletter a{
	vertical-align: middle;
	margin-bottom: 0px !important;
	white-space: nowrap;}

#newsletter td.buttons {
	padding-top: 10px;
	padding-right: 0;
	position: relative;}

.buttons input {
	font: inherit;
	font-size: small;
	position: absolute;
	bottom: 0;
	float: left;}

.buttons button {
	background: none;
	line-height: 0;
	float: left;}

accessories a {
	width: 100%;
	font-size: 0.935em;
	margin-bottom: 20px;
	display: table;
	clear: both;
	max-height: 90px;}
	
banner>a {
width: 100%;
	font-size: 0.935em;
	margin-bottom: 0px;
	display: table;
	clear: both;	
}

accessories a img {
	width: 44%;
	max-width: 132px;
	margin-right: 10px;
	float: left;}

.szeleskep,.szeleskep>img{
	width: 100% !important;
	max-width: 100% !important;
}



footer {
	padding: 0 50px;
	background: #E6E6E6;}
	
footer flexbox{
	width: 100%;
	max-width: 1200px !important;
	justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	
}

footer flexbox a {
	font: 1.063em 'roboto', 'raleway', sans-serif;
	font-weight: 800;
	padding: 20px 0;
	
	text-transform: uppercase; 
	display: block;}

footer flexbox div {
	width: 140px;
	line-height: 0;
	border: 2px solid #FFFFFF;}

footer p {
	color: #999999;
	font-family: Arial, sans-serif;
	line-height: 40px;
	text-align: center;}

footer a {
	padding: 10px;}

.community{
	width: 100%;
	justify-content: space-around;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 80px;}

.cloud {
	margin: 20px 0;
	padding: 10px 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;}

.line:before {
	content: '|';}

@media (max-width: 700px) {

	footer {
		padding: 0 10px;}

	footer a {
		width: 100%;
		text-align: center;
		padding: 0 10px;}

	.cloud {
		display: none;}

	.community {
		padding: 0;
		margin: 10px 0;}

	.community div {
		margin-bottom: 10px;}

}

@media (min-width: 701px) and (max-width: 1024px) {

	footer flexbox a {
		font-size: 1em;}

}

.info div {
	display: table;}

.info div div {
	display: table-row;}

.info div div div {
	width: 33.33%;
	padding: 10px 0;
	display: table-cell;}

@media (max-width: 700px) and (orientation: portrait) {

	.info div, .info div div, .info div div div {
		width: inherit;
		display: block;}

}

.info p {
	margin-bottom: 5px;}

.info p:first-child {
	font-size: 1.125em;
	font-weight: bold;}

.info input {
	width: 250px;
	min-width: inherit;
	font: inherit;
	border: 1px solid #61A838;}

.info textarea {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	resize: none;
	border: 1px solid #61A838;}

.info input[type=submit] {
	width: auto;
	color: #FFFFFF;
	font-size: 1.215em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding: 0 20px;
	background: #61A838;}

/* új elem (NR - Grafcom) */

.info input[type=button] {
	width: auto;
	color: #FFFFFF;
	font-size: 1.215em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding: 0 20px;
	background: #61A838;}

/* új elem vége (NR - Grafcom) */

.info .input {
	line-height: 24px;}

input[type=checkbox] {
	display: none;}

input[type=checkbox]:checked + .checkbox:before {
	color: #61A838;
	content: '\2713';
	font-size: 14px;
	font-weight: 900;
	line-height: 14px;
	text-align: center;}

.checkbox {
	margin: 5px 0;
	padding-left: 25px;
	position: relative;
	display: block;
	cursor: pointer;}

.checkbox:before {
	content: "";
	width: 14px;
	height: 14px;
	border: 1px solid #61A838;
	position: absolute;
	left: 0;
	display: block;}

.back {
	color: #61A838;
	font-size: 1.215em;
	font-family: 'roboto', 'raleway', sans-serif;
	font-weight: bold;
	padding: 5px 10px;
	border: 1px solid #61A838;}

.more {
	color: #FFFFFF;
	font-size: 1.215em !important;
	font-family: 'roboto', 'raleway', sans-serif;
	font-weight: bold;
	padding: 5px 10px !important;
	background: #61A838;}
	
a.more{
	white-space: nowrap;
	margin: 0 0 5px 0;
	display: inline-block;
}

.newsletter a.more{
	display: block !important;
	padding: 0 !important;
	margin: 0 !important;
}
table.newsletter{
	display: block;
}


.center {
	text-align: center;
	margin-bottom: 40px;}

.link {
	line-height: 24px;
	margin-bottom: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #000000;}

.link a:hover {
	color: #61A838;}
	
.link + h6 {
	margin-bottom: 20px;
	float: right;}

.link + h2 {
	margin: 5px 0 0;}

.order {
	width: 20%;
	float: right;}

h2 + h6 {
	margin-bottom: 40px;}

aside {
	clear: left;
	margin-bottom: 40px;}

aside img {
	width: 25%;
	margin-right: 10px;
	margin-bottom: 40px;
	float: left;}
	
/*aside>(a:last-of-type)::after p{
	color: #61a838;
    content: " ►";
    font-family: Arial;*/
}

@media (max-width: 700px) and (orientation: portrait) {

	aside img {
		width: 40%;}

}

h6 {
	font-size: 0.857em;
	margin-bottom: 5px;}

aside h5 {
	font-size: 1.125em;
	font-family: 'roboto', 'raleway', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;}

h4 {
	font-size: 1.315em;
	margin-bottom: 20px;}

h4.headline {
	font-size: 1em;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 5px;}

p {
	margin-bottom: 10px;}

h1 {
	color: #61A838;
	font: 2em 'roboto', 'raleway', sans-serif;
	font-weight: 900;
	margin-bottom: 30px;}

#header {
	width: 100%;
	line-height: 29px;
	margin-bottom: 40px;
	border-top: 1px solid #61A838;
	border-bottom: 1px solid #61A838;
	display: table;
	clear: left;}

#header div {
	display: table-cell;}

#header img {
	width: 100%;
	display: block;}

#header table {
	width: 100%;}

#header td:nth-of-type(2) {
	text-align: right;}

#header a {
	color: #8CC63F;
	font-weight: bold;
	hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;}

#header .contact {
	width: 25%;
	vertical-align: top;
	padding-right: 25px;}
/*aloldalon kapcsolat felirat a cégnévtől balra – NMihalY*/	
.contact_contact {
	font: 2em 'roboto', 'raleway', sans-serif;
	font-weight: 900;
	color: white;
	background-color: #b3b3b3;
	padding: 0 10px 0 10px;
}

#header .emblem {
	width: 25%;
	vertical-align: middle;
	padding-left: 25px;}
	


@media (max-width: 700px) and (orientation: portrait) {

	#header, #header div, #header .contact, #header .emblem {
		width: inherit;
		padding: 0;
		display: block;}
}

.row p {
	margin-bottom: 20px;}

.small {
	font-size: 0.857em;}

.bold p {
	font-family: 'raleway', sans-serif;
	font-weight: 800;}

hr {
	height: 1px;
	margin: 0;
	border: none;
	background: #000000;}
	
.leadtext{
	/*position: absolute;*/
	display: table;
	font-size: 0.875em;}

.leadtext p:last-child:after{
	color: #61a838;
    content: " ►";
    font-family: Arial, sans-serif;
}

#articlepage_lead {
	font-weight: 600;
}
#articlepage_lead img{
	display: inline;
}
#articlepage_lead span{
	display: table-cell;	
}

.firstlead_title {
	color: black !important;
}

img.tervlap_img{
	width: 132px;
	clip: rect(0px,132px,80px,0px);
}