html,body {
	margin:0;
	padding:0;
	height:100%;
	font-family: 'Armata', sans-serif;
	font-size:12px;
	color:#757575;
/*	background: url(../art/hatter.jpg) repeat-y center top;*/
	background-color:#f7f7f7;
}

img{border: none;}
.marginki{margin: 0}
.marginbal23{margin-left: 23px}
.marginbal15{margin-left: 15px}
.marginbal20{margin-left: 20px}
.marginbal10{margin-left: 10px}
.bold{font-weight:bold}
.hiba{color:#ff0000!important}
.sortav{margin-bottom:26px}
.clear{clear: both}

.fejlec {background: #e3e3e3 url('../art/feny.png') no-repeat center bottom; padding-right: 15px; padding-left: 15px; position: relative}
	.fejlec .felsotartalom {width: 100%; max-width: 980px; height: auto; margin: 0 auto; padding: 0 0 25px}
		.fejlec .felsotartalom .flex .col-sm-6 {display: block; margin-bottom: 30px; font-size: 0; line-height: 0; text-decoration: none}
			.fejlec .felsotartalom .flex .col-sm-6 span {display: block; line-height: 0}
				.fejlec .felsotartalom .flex .col-sm-6 span img {width: 100%; max-width: 100%; height: auto}
.tartalom {padding-right: 15px; padding-left: 15px}
	.tartalom .tartalom-wrapper {width: 100%; max-width: 980px; margin: 0 auto; padding: 23px 0}
		.tartalom .tartalom-wrapper img {width: 100%; max-width: 311px; margin: 0 auto 30px}
		.tartalom .tartalom-wrapper div {width: 100%; margin-bottom: 28px}
			.tartalom .tartalom-wrapper div img {width: auto; max-width: inherit; margin: 0}
		.tartalom .tartalom-wrapper .btnLink {display: block; background-color: #ffffff; width: 115px; height: 24px; margin: 0; padding: 4px 7px 0; border: 1px solid #000000; color: #000000; letter-spacing: 0.04em; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 6px}

h1{text-align:center;font-size:32px;color:#4E4E4E;margin:0 0 0 0;padding:0;padding:25px 0 18px 0;}
h2{margin:0;margin-left:-19px;margin-top:30px;line-height:72px;width:674px;height:68px;color: #4E4E4E;padding:0;font-size: 18px;padding-left:36px;}
h3{color: #83ac5a;padding: 0; margin:10px 0; font-size: 14px}

.kepcserelo{position:relative;width:334px;height:243px}
.kepcserelo span{z-index:1;position:absolute;width:100%;}
.kepcserelo span img{;width:100%;}
.kepcserelo span img:hover{opacity:80%;color:#bbb;text-decoration:none}
.kepcserelo span.active{z-index:3}

@media (-moz-touch-enabled: 0), (hover: hover){
	.fejlec .felsotartalom .flex .col-sm-6:hover span img {opacity: 0.8}
	.tartalom .tartalom-wrapper .btnLink:hover {opacity: 0.8}
}

/* General */
* {margin: 0; padding: 0}
*, *::after, *::before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}

.row {margin-right: -15px; margin-left: -15px}

/* flex */
.flex {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
.flex .col-sm-1, .flex .col-sm-2, .flex .col-sm-3, .flex .col-sm-4, .flex .col-sm-5, .flex .col-sm-6, .flex .col-sm-7, .flex .col-sm-8, .flex .col-sm-9, .flex .col-sm-10, .flex .col-sm-11, .flex .col-sm-12 {width: 100%; padding-right: 15px; padding-left: 15px}

.flex .col-sm-1 {-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%}
.flex .col-sm-2 {-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%}
.flex .col-sm-3 {-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%}
.flex .col-sm-4 {-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%}
.flex .col-sm-5 {-webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%}
.flex .col-sm-6 {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%}
.flex .col-sm-7 {-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%}
.flex .col-sm-8 {-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%}
.flex .col-sm-9 {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%}
.flex .col-sm-10 {-webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%}
.flex .col-sm-11 {-webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%}
.flex .col-sm-12 {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}

.align-items-start {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start}
.align-items-end {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end}
.align-items-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center}
.align-items-stretch {-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch}

.align-self-start {-ms-flex-item-align: start; align-self: flex-start}
.align-self-end {-ms-flex-item-align: end; align-self: flex-end}
.align-self-center {-ms-flex-item-align: center; align-self: center}

.align-content-start {-ms-flex-line-pack: start; align-content: flex-start}
.align-content-end {-ms-flex-line-pack: end; align-content: flex-end}
.align-content-center {-ms-flex-line-pack: center; align-content: center}

.justify-content-start {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start}
.justify-content-end {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end}
.justify-content-center {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
.justify-content-between {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between}
.justify-content-around {-ms-flex-pack: distribute; justify-content: space-around}

.flex-column {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column}
.flex-row {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row}


@media (max-width: 834px){
	h1 {font-size: 26px}
	.row {margin-right: -8px; margin-left: -8px}
		.fejlec .felsotartalom .flex .col-sm-6 {margin-bottom: 16px}
	.tartalom .tartalom-wrapper div img {height: 22px}

	.flex .col-sm-1, .flex .col-sm-2, .flex .col-sm-3, .flex .col-sm-4, .flex .col-sm-5, .flex .col-sm-6, .flex .col-sm-7, .flex .col-sm-8, .flex .col-sm-9, .flex .col-sm-10, .flex .col-sm-11, .flex .col-sm-12 {padding-right: 8px; padding-left: 8px}

}
@media (max-width: 640px){
	.flex .col-sm-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
	.tartalom .tartalom-wrapper {display: block; text-align: center}
		.tartalom .tartalom-wrapper img {max-width: 240px; height: auto}
		.tartalom .tartalom-wrapper div {max-width: 250px; display: block; margin: 0 auto 28px; text-align: center}
			.tartalom .tartalom-wrapper div img:nth-child(2), .tartalom .tartalom-wrapper div img:nth-child(4) {display: none}
		.tartalom .tartalom-wrapper .btnLink {margin: 0 auto}
}
@media (max-width: 592px){}
@media (max-width: 434px){}