body {
	color: #252525;
	background-color: #ffffff;
	font-family: "trebuchet ms", Arial, sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin: 0;
}
a {
	color: #0069cc;
	text-decoration: none;
}
h1 {
	font-size: 180%;
	line-height: auto;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 125%;
	font-weight: bold;
}
h4 {
	font-size: 150%;
	text-transform: uppercase;
	font-weight: normal;
	margin: 1em 0;
}
p {
	line-height: 1.7em;
}
input, textarea {
	padding: 5px 10px;
}

.pagewidth {
	width: 80%;
	max-width: 1000px;
	margin: auto;
}
.table { display: table; }
.cell { display: table-cell; }
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}
.m80{margin:80px;}
.m90{margin:90px;}
.m100{margin:100px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.m0{margin:auto;}
.m0x{margin-left:auto;margin-right:auto;}
.m0y{margin-top:auto;margin-bottom:auto;}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}
.p70{padding:70px;}
.p80{padding:80px;}
.p90{padding:90px;}
.p100{padding:100px;}
.p0{padding:0;}
.p0x{padding-left:0;padding-right:0;}
.p0y{padding-top:0;padding-bottom:0;}
.w1{width:1%;}
.w2{width:2%;}
.w3{width:3%;}
.w4{width:4%;}
.w5{width:5%;}
.w10{width:10%;}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}
.displayb { display: block; }
.displayib { display: inline-block; }
.gray { color: #888888 }
.graybg { background-color: #f2f2f2 }
.alignc { text-align: center; }
.column-3 {
	column-count: 3;
	column-gap: 60px;
}
.auth-box {
	width: 300px;
	margin: auto;
	text-align: center;
}
header {
		background-color: #333333;
		line-height: 1.7em;
	}
	header * {
		color: #FFF;
		vertical-align: middle;
	}
	header .contact {
		white-space: nowrap;
	}
	header .contact a {
		display: block;
		padding-left: 60px;
	}
	header .fa-clock, header .fa-phone {
		position: absolute;
		margin-top: 6px;
		margin-left: -4%;
		color: #333333;
		border-radius: 30px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		-moz-opacity:.20;
		filter:alpha(opacity=20);
		opacity:.20;
		transition: opacity .2s;
		-moz-transition: opacity .2s; 
		-webkit-transition: opacity .2s; 
		-o-transition: opacity .2s;
	}
	header .fa-phone {
		position: absolute;
		transform: rotate(101deg);
		font-size: 20px;
		color: #333333;
		background-color: #FFF;
		padding: 11px;
	}
	header .fa-clock {
		font-size: 43px;
		color: #FFF;
	}
	header a:hover .fa-clock,
	header a:hover .fa-phone {
		-moz-opacity:.50;
		filter:alpha(opacity=50);
		opacity:.50;
	}
	header sp {
		padding: 0 4px;
	}
#logo {
	font-size: 220%;
	white-space: nowrap;
	letter-spacing: 1px;
}
nav {
		background-color: #0ab73c;
	}
	nav a {
		position: relative;
		display: inline-block;
		padding: 25px 0 21px 0;
		margin-right: 15px;
		color: #333;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: bold;
		margin-left: 3%;
		text-align: center;
		transition: all 0.3s;
		-moz-transition: all 0.3s; 
		-webkit-transition: all 0.3s; 
		-o-transition: all 0.3s; 
	}
	nav a:first-child {
		margin-left: 0;
	}
	nav a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 4px;
		bottom: 0;
		left: 0;
		background-color: #FFF;
		visibility: hidden;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	nav a.akt, nav a:hover {
		color: #252525;
	}
	nav a.akt:before, nav a:hover:before {
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	@keyframes menuEffectIn {
		from { width: 3%; }
		to { width: 100%; }
	}
	@keyframes menuEffectOut {
		from { width: 100%; }
		to { width: 3%; }
	}

nav .opener {
		display: none;
		padding: 10px;
		text-align: center;
		color: #FFF;
		font-size: 120%;
		/*line-height: 350%;*/
		/*vertical-align: bottom;*/
		overflow: auto;
	}
	nav .opener div {
		display: inline-block; 
		vertical-align: middle;
		width: 25px;
		margin: 0 15px 0 0;
	}
	nav .opener span {
		display: inline-block; 
		vertical-align: middle;
	}
	nav .opener i {
		display: block; 
		width: 100%;
		height: 1px;
		margin: 4px auto 4px auto;
		border-top: 3px #FFF solid;
	}

.slider .item {
	width: 100%;
	height: 600px;
	background-size: cover;
	background-position: 50% 50%;
}
.main-service {
		text-align: center;
		margin-top: -86px;
	}
	.main-service .item {
		display: inline-block;
		color: #FFFFFF;
		width: 18.4%;
		/*min-width: 225px;*/
		margin-left: 2%;
		padding: 2% 2% 2% 2%;
		min-height: 205px;
		box-sizing: border-box;
		vertical-align: top;
		background-color: #0ab73c;
		background-color: #333333;
		position: relative;
		transition: all  .25s;
		-moz-transition: all  .25s; 
		-webkit-transition: all  .25s; 
		-o-transition: all  .25s; 
	}
	.main-service .item:hover {
		/*margin-top: -5px;*/
	}
	.main-service .item .icon {
		height: 75px;
	}
	.main-service .item .text {
		position: absolute;
		bottom: 2%;
		width: 80%;
		min-height: 107px;
		left: 10%;
		font-size: 110%;
		font-weight: bold;
		letter-spacing: 0.5px;
	}
	.main-service .item .text2 {
		font-size: 15px;
		font-weight: normal;
	}
	.main-service .item:first-child {
		margin-left: 0;
	}

#szolgaltatasok {
	margin-bottom: 5px;
	/*border-bottom: 7px #FFF solid;*/
}

#services ul {
		margin-top: 50px;
	}
	#services h4 {
		margin: 0;
	}
	#services li {
		list-style-type: none;
		margin-bottom: 20px;
		padding-left: 20px;
		text-transform: uppercase;
	}
	#services li div {
		color: #666666;
		font-size: 12px;
	}
	#services li:before {
		content: " › ";
		font-size: 200%;
		position: absolute;
		margin-top: -15px;
		margin-left: -20px;
		color: #20c586;
	}

.imagebox {
		width: 100%;
		overflow: auto;
	}
	.imagebox .text {
		display: inline-block;
		display: inline-block;
		width: 48.5%;
		vertical-align: middle;
		text-align: center;
	}
	.imagebox img {
		width: 48.5%;
		vertical-align: middle;
		filter: grayscale(35%);
	}
	.imagebox.l .text {
		margin-left: 2%;
	}
	.imagebox.l img {
		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
	}
	.imagebox.r .text {
		margin-right: 2%;
	}

.page-kapcsolat .content table tr:first-child h2 {
	margin-top: 0;
}
.page-kapcsolat .content table td > table tr td:first-child {
	padding-left: 0;
}
.page-kapcsolat iframe {
	background-image: url('images/map-bg.jpg');
	background-size: cover;
	background-position: 50%;
}
.page-nyomtatvanyok .content a[href$=".doc"],
.page-nyomtatvanyok .content a[href$=".docx"] {
	padding: 15px 0 25px 0;
	display: block;
 }
.page-nyomtatvanyok .content a[href$=".doc"]::after,
.page-nyomtatvanyok .content a[href$=".docx"]::after {
	content: url(images/word-icon-25x25.png);
	height: 20px;
	width: auto;
	vertical-align: -6px;
	margin-left: 10px;
 }

footer {
		height: 470px;
		background-color: #333333;
		line-height: 1.7em;
		/*border-top: 2px #FFF solid;*/
	}
	footer * {
		color: #FFF;
		vertical-align: middle;
	}
	footer a {
		/*text-decoration: underline;*/
	}

@media (max-width: 1600px){
	.slider .item {
		height: 500px;
	}
}
@media (max-width: 1550px){
	header .fa-clock, header .fa-phone {
		margin-left: -5%;
	}
}
@media (max-width: 1440px){
	.slider .item {
		height: 450px;
	}
}
@media (max-width: 1250px){
	header .fa-clock, header .fa-phone {
		margin-left: -6%;
	}
	.main-service .item {
		min-width: auto;
	}
	.main-service .item .text {
		font-size: 108%;
	}
}
@media (max-width: 1150px){
	.main-service .item .text {
		font-size: 105%;
	}
}
@media (max-width: 1050px){
	.pagewidth {
		width: 90%;
	}
}
@media (max-width: 950px){
	.main-service .item {
		width: 48%;
	}
	.main-service .item .text {
		font-size: 140%;
	}
	.main-service .item:nth-child(2n+1) {
		margin-left: 0;
		margin-bottom: 3%;
	}
	header .fa-clock, header .fa-phone {
		margin-left: -7%;
	}
	.slider .item {
		height: 340px;
	}
	.main-service {
		margin-top: -60px;
	}
}
@media (max-width: 750px){
	.w100s {
		display: block!important;
		width: 100%!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
	header, nav {
		text-align: center;
	}
	header .contact {
		display: inline-block;
		max-width: 190px;
		margin-left: 4%;
	}
	header .contact {
		text-align: left;
	}
	header .fa-clock, header .fa-phone {
		margin-left: -8%;
	}
	#logo {
		margin: 2% 0 5% 0;
	}
	.slider .item {
		height: 300px;
	}
	.main-service {
		margin-top: -8%;
	}
	.column-3 {
		column-count: 2;
		column-gap: 60px;
	}
	footer table, footer tbody, footer tr, footer td, footer p {
		display: block;
		width: 100%!important;
		text-align: center!important;
	}
	.page-kapcsolat .content > table,
	.page-kapcsolat .content > table > tbody,
	.page-kapcsolat .content > table > tbody > tr,
	.page-kapcsolat .content > table > tbody > tr > td {
		display: block;
		width: 100%;
	}
	.page-kapcsolat .content td {
		vertical-align: top;
	}
	.page-kapcsolat .content td a {
		white-space: nowrap;
	}
}
@media (max-width: 650px){
	#logo {
		font-size: 210%;
	}
	nav .opener {
		display: block;
	}
	nav .inner {
		display: none;
	}
	nav .inner a {
		display: block;
		margin: auto;
		max-width: 290px;
	}
	header .fa-clock, header .fa-phone {
		margin-left: -9%;
	}
	.slider .item {
		height: 265px;
	}
}
@media (max-width: 550px){
	.pagewidth {
		width: 90%;
		padding-left: 3%;
		padding-right: 3%;
	}
	header .fa-clock, header .fa-phone {
		margin-left: -11%;
	}
	#logo {
		display: block;
		font-size: 200%;
		margin: 0% 0 9% 0;
	}
	.main-service .item {
		width: 100%;
		margin-left: 0;
		margin-bottom: 3%;
		min-height: auto;
	}
	.main-service .item .text {
		min-height: auto;
		padding: 0 1% 30px 1%;
		position: relative;
		width: auto;
		box-sizing: border-box;
		left: 0;
	}
	.slider .item {
		height: 220px;
	}
	.main-service {
		/*margin-top: 3%;*/
	}
	.column-3 {
		column-count: 1;
		column-gap: 60px;
	}
}
@media (max-width: 450px){
	.slider .item {
		height: 200px;
		background-position: 37% 50%;
	}
	header .contact {
		margin-left: 3%;
		width: 200px;
		max-width: 200px;
	}
	header .fa-clock, header .fa-phone {
		margin-left: -14%;
	}
	/*header {text-align: left;}*/
	/*header .contact {margin-left: 0%;}*/
	/*header .contact a {padding-left: 30px;}*/
	/*header .contact.phone a {padding-left: 0;}*/
}
@media (max-width: 400px){
	header .fa-clock, header .fa-phone {
		margin-left: -16%;
	}
}