@charset "utf-8";
/* CSS Document */

html, body {
	font-family: 'Barlow Semi Condensed', sans-serif;
	}
	#imgscegkep{position:absolute;}
	#imgrcegkep{position:absolute;}
	a{text-decoration:none}
	hr{
		margin:0;
		margin-bottom:5px;
		padding:0;
		}
	.fele div{
		font-size:30px;
		font-weight:bold;
		font-family: 'Barlow Condensed', sans-serif;
		position:relative;
		z-index:2;
		}
	div.mobilkisszoveg {
			width:50%;
			font-size:20px;
			font-weight:bold;
			font-family: 'Barlow Semi Condensed', sans-serif;
			margin-left:10px;
			
		}
	div.mobilkisszoveg a {
		display:block;
			padding:6px 0;
		}
	.mobilelobukkano{
		overflow:hidden;
		display:none;
		width:100%;
		position:fixed;
		height:auto;
		z-index:99;
		background-color:#00b4d5;
		color:#FFF;
		}
	.reszletezobutton{
		margin-bottom:100px;
		}
	.mobilmenu{
		
		background-image:url(images4/mobilmenugomb.png);
		display:none;
		width:40px;
		height:40px;
		z-index:100000;
		position:fixed;
		right:0;
		top:15px;
		}
	.logofejlec{
		position:absolute;
		margin-top:1%;
		margin-left:25%;
		max-width:143px;
		width:15%;
		z-index:1;
		transition:.5s;
		}
		#scegkep{
			margin-left:-510px;
			top:8%;
		}
		#rcegkep{
			margin-left:390px;
			top:8%;
		}
	.cegkep{
		    display: none;
			width: 100%;
			position: relative;
			margin-bottom:-331.5px;
			margin-top: 100%;
			z-index: -1;
		}
		.haromd{
			width:100%;
			}
		#szoveg1H, #szoveg2H{
			width:100%;
	 display:block;
	}	
.reszletezohosszu{
		height:0px;
		position:absolute;
		left:0;
	}	
.vissza {
	display:none;
	width:100%;
	text-align:center;
	background-color:#00b4d5;
	color:#FFF;
	font-weight:bold;
	font-size:24px;
	}
	.footermenu {
	position:absolute;
    color: #FFF;
    background-color:#00b4d5;
    width: 100%;
    margin: 0;
	text-align:center;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size:10px;
	padding-top: 5%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom:100px;
	bottom:0;
	}
.footer {
    color: #FFF;
    background: #323b41;
    width: 100%;
    margin: 0;
    z-index: 5;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size:10px;
	padding-top: 2.6%;
    z-index: 5;
    text-align: center;
    padding-left: 25%;
    padding-right: 25%;
    padding-bottom: 2.6%;
	}
.rolunkspan{
	font-family: 'Barlow Condensed', sans-serif;
	font-size:2vw;
	font-weight:bolder;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:33%;
	transition:.5s;
	}
.rolunkspan:hover{

}

.circle {
    text-align: center;
    color: #FFF;
    background: #323b41;
    border-radius: 100%;
    width: 9.2%;
    margin: 0;
    position: absolute;
    margin-left: 50%;
    left: -4.6%;
    padding-top: 9.2%;
    margin-top: 4%;
    /* top: -50px; */
    z-index: 5;
}
	.rolunkcircle{margin-top:-9%}
	.termekekcircle{margin-top:-.3%}
	.kapcsolatcircle{margin-top:4%}

.maps{display:none}
.navi {
	position:absolute;
	background-color:#323b41;
	color:#FFF;
	max-width:350px;
	max-height:325px;
	margin-left:54.2%;
	margin-top:15.6%;
	width:350px;
	height:325px;
	z-index:1;
	top:0;
	}
.varosok{
	background-color:#323b41;
	color:#FFF;
	text-align:center;
	float:left;
	width:33.3%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:24px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight:bold;
	cursor:pointer;
	}
.varosok:hover {
	background-color:#00b4d5;
	}
.infoCont{
	background-color:#323b41;
	color:#FFF;
	text-align:left;
	float:left;
	width:100%;
	line-height:20px;
	font-size:16px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	padding-top:5%;
	padding-left:5%;
	}			
.mapouter{
	overflow:hidden;
	position:relative;
	text-align:left;
	height:680px;
	width:100%;
	margin-top:-12.9%;
	}
.gmap_canvas {
	position:relative;
	overflow:hidden;
	background:none!important;
	height:800px;
	width:130%;
	margin-left:-30%;
	margin.top:-25%;
	}
                 

.mySlides {opacity:0}
.mySlidesSeged {opacity:1;display:block;z-index:1;}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:10px;width:10px;padding:0}
.w3-white {
		transition:.2s;
	}
.w3-black {
		transition:.2s;
	}
.mySlides{
	transition: opacity 1s;
	position:absolute;
	}
.sliderkisebbszoveg{
	font-size:2.1vw;
	font-weight:normal;
	}	
.slideszoveg{
	    font-family: 'Barlow Condensed', sans-serif;
		opacity:0;
		font-weight:bold;
		word-spacing:1px;
		line-height:2.65vw;
		margin-top:7%;
		color:#FFF;
		font-size:3vw;
		position:absolute;
		left:25%;
		z-index:1;
		text-align:left;
		transition: opacity 1s;
	}

* {
  box-sizing: border-box;
}
.menulang{
	position:absolute;
	z-index:9;
	right:0;
	top:12px;
	height:90px;
	width:8px;
	transition:.5s;
	}

.menuitem2 {
	margin-top:2px;
	margin-bottom:2px;
	width:8px;
	overflow:visible;
	float:right;
	background-color:#00b4d5;
	transition:.2s;
	right:0;
	}
.menuitem2:hover {
	width:45px;
	transition:.2s;
	}
.menuitem2 .menuszoveg{
		color: white;
		font-family: 'Barlow Condensed', sans-serif;
		font-weight:bolder;
		text-decoration:none;
		padding-right:20px;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:3px;
		float:right;
		font-size:18px;
		cursor:pointer;
		}
	
.menuitem {
	margin:0 17px;
	height:8px;
	float:right;
	background-color:#00b4d5;
	transition:.2s;
	}
.menuitem:hover {
	height:40px;
	opacity:1;
}
	
.menuitemactive {
	margin:0 17px;
	overflow:visible;
	float:right;
	background-color:#00b4d5;
	height:40px;
	transition:.2s;
	cursor:pointer;
	}
.menu50 {
	width:100%;
    max-width: 950px;
    margin: auto;
    height: 40px;
	}
.menu {
	position:fixed;
	height:40px;
	width:100%;
	z-index:8;
	display:block;
	float:left;
	}
	.menu a {
		color: white;
		font-family: 'Barlow Condensed', sans-serif;
		font-weight:bolder;
		text-decoration:none;
		float:right;
		padding:5px;
		font-size:18px;
		margin-top:5px;
		}

/*.menu a {
  background-color:#e5e5e5;
  padding:8px;
  margin-top:7px;
  display:block;
  width:100%;
  color:black;
}*/
.main {
  float:left;
  width:100%;
  overflow:hidden;
}
/*.right {
  background-color:#e5e5e5;
  float:left;
  width:20%;
  padding:15px;
  margin-top:7px;
  text-align:center;
}*/
.rolunk{
    font-family: 'Barlow Semi Condensed', sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 780px;
    margin-top: 5%;
	margin-bottom: 20px;
    display: table;
	}

#ceg2{float:right}
.cegek{
	width:50%;
	float:left;
	overflow:visible;
	}
.cegszoveg {
	/*letter-spacing:-1px;*/
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-align:left;
	width:85%;
	float:left;
	font-size:18px;
	margin-top:30px;
	line-height:21px;
	}
	.slogo{
		margin-left:25.5%;
		margin-right:auto;
	}
	.sszoveg {
		margin-left:25.5%;
		}
	
	.sbutton{margin-left:25.5%;margin-top:21px;}
	.reszletezobutton{
			
			float:left;
			padding-left:37px;
			padding-right:37px;
			padding-top:7px;
			padding-bottom:7px;
			background-color:#00b4d5;
			color:#FFF;
			font-size:21px;
			border: none;
			font-family: 'Barlow Condensed', sans-serif;
			font-weight:bold;
			cursor:pointer;
			z-index:2;
			letter-spacing:1px;
		}
		.rbutton{margin-bottom:70px;}

	.termekek {
			width:100%;
			z-index:1;
			position:relative;
		}
		.termekek img {
			width:100%;
		}