.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
body,html
{
	width: 100%;
	height: 100%;
	margin: 0px;
	left: 0px;
	font-family: "Didact Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
	background: #ffffff;
	background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(214,248,255,1) 100%);
	background-attachment: fixed;
	text-align: center;
	color: #333; 
	outline: none !important;
	box-sizing: border-box !important;
}
::-webkit-scrollbar {width: 5px; ; }
::-webkit-scrollbar-track { background: none; opacity: 0;}
::-webkit-scrollbar-thumb {  background: #ccc; border-radius: 10px; opacity: 0.1 !important}
::-webkit-scrollbar-thumb:hover {  opacity: 0.8;}  
i
{
	font-family:  FontAwesome !important;
	font-style: normal;
}
input{
	font-family: "Didact Gothic", sans-serif;;
	font-weight: 400;
	font-style: normal;
	padding: 1vw 2vw;
	font-size: 1.5vw;
	line-height: 2vw;
	background: #fff;
	border: 1px solid #999;
	text-align: left;
	cursor: pointer;
	width: 80%;
	border-radius: 4px;
}
textarea{
	font-family: "Didact Gothic", sans-serif;;
	font-weight: 400;
	font-style: normal;
	padding: 1vw 2vw;
	font-size: 1.5vw;
	line-height: 2vw;
	background: #fff;
	border: 1px solid #999;
	text-align: left;
	cursor: pointer;
	width: 80%;
	height: 10vw;
	border-radius: 4px;
}
Button{
	font-family: "Didact Gothic", sans-serif;;
	font-weight: 400;
	font-style: normal;
	padding: 2vw;
	font-size: 1.5vw;
	line-height: 2vw;
	background: #00aeef;
	color: #ffffff;
	border: 1px solid #999;
	text-align: left;
	cursor: pointer;
	border-radius: 4px;
}
a
{
	color: #00aeef;
	text-decoration: none;
	font-weight: 800;
}
#menucontainer
{
	width: 100%;
	height:5vw;
	background: #00aeef;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100000;
	line-height: 5vw;
}
#menu_logo
{
	position: relative;
	z-index: 100000;
	float: left;
	overflow: hidden;
	color: #ffffff;
	width: 30%;
	height: 5vw;
	line-height: 5vw;
	font-size: 1.5vw;
	text-align: left;
}
	#menu_logo img
	{
		height: 85%;		
		padding: 2%;
		float: left;
		background: #fff;
		border-radius: 50%;
		margin-right: 1vw;
	}
#menu
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 90% ;
	height: 5vw;
	line-height: 5vw;
	z-index: 100000;
	text-align: right;
	padding: 0px 5%;
	float: right;
	box-shadow: 0px 0px 3px #999;
	background: #00aeef;
}
nav {
	z-index: 1010;
	width: auto;
	text-align: right;
	line-height: 5vw;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;	
	height: 5vw;
	font-size: 1.4vw;
	display: inline-block;
}
	nav ul {
		padding: 0px;
		margin: 0px;
		height: 4vw;
	}
	nav li {
		display: inline-block;
		padding: 0px 0.2vw;
		cursor: pointer;
		color: #ffffff;
	}
	.dekor {
		position: absolute;
		font-size: 0.3vw;
		color: #ffffff;
		cursor: pointer;
		padding: 0px;
		text-align: center;
		margin-top: -0.5vw;
	}
	.dekorx
	{
		
	}
	 #logo_menu
	{
		position: relative;
		height: auto;
		overflow: hidden;
		width: auto;
		float: left;
	}	
	#menuit
	{
		position: relative;
		height: auto;
		overflow: hidden;
		width: auto;
	}
	#logo_menu img
	{
		height: 3vw;
		border: 0px solid #fff;
		margin: 0.5vw 0.5vw;
	}	
	nav a {
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		padding: 0px; 
		cursor: pointer;	
		font-weight: 400;
	}
	.active_menu
	{
		color: #eeeeee !important;
	}

	nav li:hover, nav a:hover, nav li:active, nav .active {
		color: #ccc;
		
	}
	nav a#pull {
		display: none;
		z-index: 200000;
	}
.hirdetes
{
	position: fixed;
	z-index: 90000;
	background: #00aeef;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0px 0px 3px #aaa;
	color: #fff;
	font-size: 1.2vw;
	line-height: 3vw;
	font-weight: bold;
	width: 90%;
	left: 5%;
	top: 4.9vw;
	height: 3vw;
	display: none;
}
#dekor_info	
{
	position: relative;
	top: 1vw;
	left: 0px;
	width: 100%;
	max-height: 45vw;
	height: auto;
	overflow: hidden;
}
	#dekor_info	 img{
		width: 100%;
	}
#ikons
{
		left: 20vw;
		width: 60vw;
		height: auto;
		position: absolute;
		top: 10%; opacity: 1;
}
.ikonitem
{
	background: #fff;	
	width: 100%;
	margin: 0px 0.5vw;
	height: auto;
	padding: 2vw;
	float: left;
	color: #4f4b45;
	font-size: 0.9vw;
	line-height: 1.5vw;
}
.ikonitem p
{

	font-size: 1.3vw;
	line-height: 2vw;
}
.ikonitem a
{
	color: #4f4b45;
	font-weight: 200 !important;

}
.ikonitem IMG
{
	width: 100%;
}
.mcont
{
	display: none;
}
.bgcol
{
	border-radius: 5px;
	background: #e3d7c9;
}
#main
{	
	position: relative;
	margin: 4vw 0vw 4vw 5vw;
	float: left;
	height: auto;
	width: 60vw;
	text-align: left;
	font-size: 1vw;
	line-height: 2vw;

}#main2
{	
	position: relative;
	margin: 4vw 0vw 4vw 5vw;
	float: left;
	height: auto;
	width: 92vw;
	text-align: left;
	font-size: 1vw;
	line-height: 2vw;

}
#main img
{
	width: 70%;
	padding: 2vw 0px;
	margin: 0px 15%;
	
}
p
{
	text-align: left;
	font-size: 1.4vw;
	line-height: 1.6vw;
	color: #333;
}
h1
{
	color: #111;
	font-size: 2vw;
	line-height: 3vw;
	margin: 2vw 0px;
	text-align: left;
}
.alairas
{
	width: 10vw;
}
#szolgaltatikon
{
	position: relative;
	margin: 4vw 5vw 4vw 0vw;
	float: right;
	height: auto;
	width: 25vw;
}
#footer
{
	background: #00aeef;
	color: #fff;
	width: 90%;
	padding: 2vw 5%;
	position: relative;
	height: auto;
}
	#flogo
	{
		width: 50%;
		float: left;
		text-align: left;
	}
	#flogo img
	{
		width: 80%;
	}
	.smalltext
	{
		font-size: 0.8vw;
	}	
	.smalltext a
	{
		color: #ffffff;
	}
	
	.flinks
	{
		font-size: 4vw;
		color: #fff;
		text-align: right;
	}
	
	#contact
	{
		width: 50%;
		float: right;
		color: #fff;
		text-align: right;
		font-size: 1.5vw;
		line-height: 1vw;
		padding-top: 2vw;
	}
	#contact a
	{
		color: #fff;
		text-decoration: none;
	}
#errormsg
{
	position: fixed;
	background: #a92d2d;
	width: 90%;
	height: 5vw;
	line-height: 5vw;
	font-size: 2.5vw;
	color: #ffffff;
	z-index: 1000000;
	top: -5vw;
	left: 5%;
	border-radius: 0px 0px 2vw 2vw;
	text-align: center;
}
.smallbutton
{
	border: 0px;
	background: #fff;
	font-size: 1vw;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	min-height: 2vw; 
	line-height: 1.5vw;
	padding: 0px;
	margin: 10px 0px; 
}	
#pfooter
{
	background: #fff;
	box-shadow: 0px 0px 5px #ddd;
	border-radius: 1vw 1vw 0px 0px;
	margin: 0px 5%;
	line-height: 5vw;
	position: relative;
	padding-top: 1vw;
	padding-left: 3vw;
}
 .psponsor
 {
	 height: 5vw;
	 margin: 1vw	  !important;
	 padding: 0px !important;
	 width: auto  !important;
 }
 .pfoottitle
 {
	 left: 0px;
	 top: 0px;
	 position: absolute;
	 height: 100%;
	 width: 3vw;
	 border-radius: 0px 0px 0.9vw 0px;
	 background: #00aeef;
	 writing-mode: vertical-rl;
	 text-orientation: mixed;
	 color: #fff;
	 font-size: 1vw;
	 line-height: 3vw;
	 transform: rotate(180deg);
 }
 .bigbtn
 {
	 float: left;
	 width: 10vw;
	 height: 6vw;
	 margin: 1%;
	 border-radius: 5px;
	 background: #00aeef;
	 font-size: 1vw;
	 line-height: 1.2vw;
	 text-align: center;
	 color: #fff;
	 padding-top: 4vw;
 }
 .refpicshow
 {
	 float: left;
	 width: 13vw !important;
	 height: 13vw;
	 margin: 1%;
	 overflow:hidden;
	 border-radius: 5px;
	 background: #00aeef;
	 font-size: 1vw;
	 line-height: 1.2vw;
	 text-align: center;
	 color: #fff;	
	 position: relative;
	 padding: 0px;
 }
  .refpicshow img
 {
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 max-width:100%;
	  padding: 0px!important;
	  margin: 0px!important;
	 width:100% !important;
                height:100%;
                object-fit:cover;
 }
  .over
 {
	 background: #00aeef;
	 color: #fff;
	 text-align: center;
	 position: absolute;
	 bottom: 0px;
	 left: 0px;
	 height: auto !important;
	 line-height: 1.5vw;
	 width: 100%;
 }
@media screen and (max-width: 800px) {
.bigbtn
 {
	 float: left;
	 width: 40vw;
	 height: 30vw;
	 margin: 1%;
	 border-radius: 5px;
	 background: #00aeef;
	 font-size: 20px;
	 line-height: 30px;
	 text-align: center;
	 color: #fff;
	 padding-top: 10vw;
 }
 .refpicshow
 {
	 float: left;
	 width: 36vw;
	 height: 36vw;
	 margin: 1%;
	 overflow:hidden;
	 border-radius: 5px;
	 background: #00aeef;
	 font-size: 16px;
	 line-height: 24px;
	 text-align: center;
	 color: #fff;	
	 position: relative;
 }
  .refpicshow img
 {
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 max-width:100%;
	 width:100%;
                height:100%;
                object-fit:cover;
 }
  .over
 {
	 background: #00aeef;
	 color: #fff;
	 text-align: center;
	 position: absolute;
	 bottom: 0px;
	 left: 0px;
	 	 font-size: 16px;
	 line-height: 24px;
	 height: auto !important;
	 width: 100%;
 }
 h2
 {
		font-size: 24px;
		line-height: 30px;
 }
#menu
{
	height: auto;
	padding: 0px;
	width: 100%;
	top: 0px;
	text-align: center;
}
#menu_logo
{
	display: none;
}
#menuit{
	width: 100%;
}
 nav {
  		height: auto;	
		border-bottom: 0;
		z-index: 10;	
		top: 0px;
		width: 100%;
		padding: 0px;
		line-height: 50px;
		position: relative;
		margin: 0px 0px 0px 0px;
		border: 0px solid #eee;
		font-size: 32px;
		width: 100%;
	}
	nav ul {
  		width: 100%;
		display: none;
		height: auto;
		background: #00aeef;
	}
	nav li
	{
		padding: 0px;
		background: #00aeef;
		line-height: 40px;
		height: 40px;
		margin: 0px;
		width: 100%;
		padding: 16px 0px;
		border-bottom: 1px solid #eee;
		text-align: center;
	}	
	nav li a {
		
		padding: 8px 0px;
		margin: 0px;
		
	}
	.menuitem
	{
		width: 100%;
	}
  	nav a {
	  	text-align: center;
	  	width: 100%;
		line-height: 40px;	
		height: 40px;
		color: #ffffff;
		border-top: 0vw solid #ffffff;	
  	}
	.dekorx
	{
		display: none;
	}
	nav a#pull {
		height: 50px;
		font-size: 24px;
		display: block;
		width: 100%;
		position: relative;
		background: #00aeef;
		margin: 0px; padding: 0px 0px;
		z-index: 200000;	
	}
	nav li {
		float: none;
		width: 100%;
  		position: relative;	
		padding: 16px 0px;
		
	}	
	nav a#pull:after {
		width: 40px;
		height: 40px;
		display: inline-block;
		position: absolute;
		right: 5px;
		top: 15px;
		font-size: 24px;	
		z-index: 200000;	
		text-align: right;		
	}
	nav li:hover, nav li:active, nav .active, nav .active a, nav a:hover
	{
		color: #ffffff !important;
	}
	nav a#pull img
	{
		height: 80%;
		padding: 6px 0px 0px 10px;
		float: left;
	}
	nav a#pull 
	{
		padding: 16px 0px;
	}
	nav a#pull i
	{
		position: absolute;
		right: 4vw;
		top: 5px;
		height: 40px;
		line-height: 40px;
		color: #ffffff;
		text-shadow: 0px 0px 2px #aaa;
		padding: 16px 0px;
	}
	
	.active_menu
	{
		border-bottom: 0px solid #eee;
	}
	#dekor_info	
	{	
		top: 18vw;
	}
	#ikons
	{
		left: 20vw;
		width: 60vw;
		height: auto;
		position: absolute;
		top: 40%; opacity: 1;
	}
#main
{	
	position: relative;
	margin: 20vw 10vw 4vw 10vw;
	float: none;
	height: auto;
	width: 80vw;
	text-align: left;
	font-size: 20px;
	line-height: 32px;

}
p
{
	text-align: left;
	font-size: 20px;
	line-height: 32px;
}
li
{
	font-size: 20px;
	line-height: 30px;
}
h1
{
	text-align: left;
	font-size: 40px;
	line-height: 60px;
	margin: 4vw 0px;
}
.alairas
{
	width: 10vw;
}	
#szolgaltatikon
{
	margin: 5vw 5vw 0px 5vw;
	float: right;
	height: auto;
	width: 90vw;
	z-index: 1000;
}
.ikonitem
{
		
	width: 90%;
	margin: 4vw 5%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
}
.ikonitem p
{
	font-size: 18px;
	line-height: 30px;
}
.ikonitem IMG
{
	width: 100%;
}
#pfooter
{
	background: #fff;
	border-radius: 10px 10px 0px 0px;
	margin: 0px 5%;
	line-height: 30px;
	position: relative;
	padding-top: 10px;
	padding-left: 30px;
}
 .psponsor
 {
	 height: 50px;
	 margin: 10px !important;
	 padding: 0px !important;
	 width: auto  !important;
 }
 .pfoottitle
 {
	 left: 0px;
	 top: 0px;
	 position: absolute;
	 height: 100%;
	 width: 30px;
	 border-radius: 0px 0px 10px 0px;
	 background: #27252c;
	 writing-mode: vertical-rl;
	 text-orientation: mixed;
	 color: #fff;
	 font-size: 20px;
	 line-height: 30px;
	 transform: rotate(180deg);
 }
#footer
{
	width: 90%;
	padding: 2vw 5%;
	position: relative;
	height: auto;
	margin-top: 0vw;
}
	#flogo
	{
		width: 100%;
		float: none;
		text-align: center;
	}
	#flogo img
	{
		width: 80%;
	}
	.smalltext
	{
		font-size: 12px;
	}
	
	.flinks
	{
		font-size: 60px;
		color: #fff;
		text-align: right;
	}
	#contact
	{
		width: 100%;
		float: none;
		font-size: 22px;
		line-height: 30px;
		text-align: center;
		padding: 20px 0px;
	}
	#contact a
	{
		color: #fff;
		text-decoration: none;
	}
input{
	padding: 1vw 2vw;
	font-size: 14px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #999;
	text-align: left;
	cursor: pointer;
	width: 80%;
	border-radius: 4px;
}
textarea{
	font-family: "Didact Gothic", sans-serif;;
	font-weight: 400;
	font-style: normal;
	padding: 1vw 2vw;
	font-size: 14px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #999;
	text-align: left;
	cursor: pointer;
	width: 80%;
	height: 30vw;
	border-radius: 4px;
}
Button{
	font-family: "Didact Gothic", sans-serif;;
	font-weight: 400;
	font-style: normal;
	padding: 2vw;
	font-size: 14px;
	line-height: 22px;
	border: 1px solid #999;
	text-align: left;
	cursor: pointer;
	border-radius: 4px;
	margin-bottom: 16px;
}	
.smallbutton
{
	border: 0px;
	background: #fff;
	font-size: 20px;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	min-height: 32px; 
	line-height: 32px;
	padding: 0px;
	margin: 10px 0px; 
}	
}