
@font-face{
	font-family:myFont;
	src:url('arcon.otf');
}
html, body
{
	height: 100%;
	width: 100%;
}
body
{
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font-family: myFont!important;
	font-size: 10pt;

}

.banner-cookies { position: fixed; bottom:0; left:0; width: 100%; background:#313538; color: #FFFFFF; padding: 10px; font-size: 14px; z-index: 100001; }
.banner-cookies>div { .vertical-align; }
.banner-cookies a { color:#FFFFFF; vertical-align: 0; }

.keret{
	margin: 0px!important;
	padding:4px;
	background-color:#313538;
	color: #FFFFFF;
	text-align:right;
}
.hed
{
	padding:0%;
	margin: 0px auto;
	width:100%;
	max-width:900px!important;
	position:relative;
	display:table;
	//height:100%;
	//max-height:initial;


}
#mobmenu{
	display:none;
}
.frame
{
	padding:0%;
	margin: 0px auto 1% auto;
	width:100%;
	max-width:900px!important;
	position:relative;
	display:table;
	height:80%;
	max-height:initial;
}
h4, h3
{
	color: #1079a9;
}
h4	{ font-size:17px; }
h2
{
	font-weight: bold;
	color: #555555;
	font-size: 15px;
}

.logo{
	width:	120px;
	background-color:#FFF;
	position:absolute; top: -1.51px; left:0px;
	display:block;
}
.logo img { width: 100%; }
.felso{
	display :inline-block;
	margin-right: 20px;
	vertical-align:middle;
	margin-left:5px;
	font-family: 'myFont', sans-serif;
	font-size: 13px;

}
.fel{
	vertical-align:baseline;
}
/*Itt a Navigacios Bar*/
#menu{
  display:none;
}
nav {
    display: block;
    background-color: #1079a9;
    padding-left: 44px;
}
nav ul {
    text-align:left;
    list-style-type: none;
    margin: 0px auto;
    width:100%;
    max-width:900px;
    overflow: hidden;
    background-color: #1079a9;
    color: #FFF;

}
nav li {
    float:right;
}
nav li a{
	margin:8px 0px;
    display: inline-block;
    color:#fff;
    text-align: right;
    padding:1px 12px;
    text-decoration: none;
    border:2px solid  transparent;

}
nav li .active,
nav li a:hover,
nav li a:focus,
nav li a:active {
	text-decoration:none;
	color:#fff;
        border:2px solid #fff;
	border-radius:5%;
}
a:link,
a:visited,
a:hover,
a:active{
	color:#fff;
}
a{
    vertical-align: calc(-5px);
}
/*Itt a Navigacios Bar*//*Itt a Navigacios Bar*/
.table
{
	width:100%;
	height:auto;
	display:table;
}
.image_container{
	overflow:hidden;
	height:184px;

}
.forum
{
	padding:0px;
}
.textt
{
	width: 100%;
    box-sizing: border-box;
	padding:3px 1px 3px 15px;
}
.texttt
{
	width: 100%;
	box-sizing: border-box;
	padding:3px 1px 3px 15px;
}
.button {
    background-color: #1079a9;
    border:2px solid;
    color: white;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
	border-radius:5%;
}
.ff{

	padding-top:2px;
	padding-left: 5%;
	padding-right: 5%;
}
.tabform
{
	height:244px;
	width:100%;
	margin:0px;
	padding:10px;
	background-color:#1079a9;
}
.gomb
{
	padding:3%;
	text-align: center;
}
/**/
footer
{
	width:100%;
	padding:20px 0px;
	background-color:#313538;
	display: table;
	margin-bottom: 0px!important;



}
/*contact*/
h3{
	color:#1079a9;
}
.contact{
	padding-left:7px!important;
	padding-right:7px!important;

	height:300px;
	margin: 0px;
}
.uzi2{
	background-color:#1079a9;
	color:#fff;
	text-align:center;
	padding:5px;
	font-size: 20px;
}
.nevjegy{
	width:100%;
	overflow:hidden;
	height:283px;
}
.nevjegyy{
}
.bord{
	border:1px solid;
	width:100%;
	overflow:hidden;
	height:100%;
	max-height:283px;
	text-align:center;
}
.bordd{
	border:1px solid;
	width:100%;
	overflow:hidden;
	height:100%;
	max-height:283px;
	text-align:center;
}
.parag{
	margin-left:15px;
	display: inline-block;
}
.pic
{
	text-align:left!important;
	padding:2% 13%;
	width:100%;
}
.picc{
	padding-bottom:1%!important;
	padding-top:0%!important;
}
/*//contact*/
/*intrebari*/
.kerdes{
	width:100%;
    font-weight: bold;
	text-decoration: underline 1px;
	font-size:20px;
	padding-bottom:0%;
	padding-top:1%;
	padding-left:10px;
}
.valasz{
	width:100%;
	display:table;
	padding-left:30px;
	max-height:200px;
}
/*///intrebari*/
/*despre noi*/
.desp{
	bolder-style:xsolid;
	border-width:1px;
	width:100%;
}
.fejlec{
	text-align:center;
	font-weight: bold;
}
.szoveg{
	overflow: hidden;
	width:100%;
	height:100%;
	max-height:280px;
}
.kep{
	width:100%;
	max-width:360px;
	overflow:hidden;
	height:100%;
	max-height:280px;
    padding-left: 0px!important;
}
.kep.szoveg.col-sm-6{
    padding-top: 25px;
}
.small_imgs{
	margin-top:30px;
	display:block;
	cursor:pointer;
}
/*//despre noi*/
/*politica*/
.poli{
	text-align:justify;
}
/*//politica*/
/*home*/
.playgomb
{
	text-align: right;
	color: #1079a9;
	margin-bottom: 0px!important;
}
.fotorama__wrap,
.fotorama__stage,
.fotorama__stage__shaft  {
        width:100%!important;
        max-width: 900px!important;
}
.fotorama__active
.fotorama__dot{

	background-image:url('../img/pont2.png')!important;
}
.cent
{
	border: none!important   ;
	padding: 10px;
	box-shadow: 0 0 0!important;
	height:100%;
	max-height:450px;



}
.uzi{
	text-align:center;
	vertical-align:middle;
	height:53px!important;
	font-size: 20px;
}
.textb{
	text-align:justify;
	height:155px;
}
.video
{
	width: 50%;
	height:auto;
	text-align:center;
}
.video1
{
	width: 100%;
	height:240px;
	text-align:center;
}
.caption{
	height:100%;
}
.poty
{
	list-style:url("img/dot.png");
}
/*//home*/
/*Mobil barat*/
@media(max-width:880px)
{
	.video{
		width:100%;
	}
	.video1{
		height:287px;
	}
    .kep.szoveg.col-sm-6
    {
        margin-left: 32%;
    }
    .forum
    {
        width: 100%!important;
    }
    .kep.col-sm-4{
        max-width: 100%!important;
    }
    .contact{
        max-height: auto;
        max-width: 700px;
        margin-top: 5px;
    }
	.szoveg{
		padding-left:20px;
		padding-right:20px;
	}
	.szoveg h4{
		padding-left:0px;
		padding-right:0px;
	}
	h4{
		padding-left:20px;
		padding-right:20px;
	}
	.poli{
		padding-left:20px;
		padding-right:20px;
	}
	.kerdes{
		padding-left:30px;
		padding-right:30px;
	}
	.valasz{
		padding-left:40px;
		padding-right:40px;
	}
}
@media(max-width:850px)
{
	#menu{
	display:inline;
	color:#fff;
    text-align: right;
    padding:0px 12px;
    text-decoration: none;
    border:2px solid  transparent;
	margin:5px 0px;
	cursor:pointer;
	}
	.logo{
		width:120px;
	}
	nav{
		padding-left:0px;
	}
	.but{
		 background-color: #1079a9;
		 border:none;
	}
	nav li a{
    display: none;
	}
	#mobmenu li a{
		display:block;
		margin:8px 4px 4px -35px;
	}
	#mobmenu li{
		float:none;
	}
	#mobmenu{
			float:center;

			background-color: #1079a9;
			padding-left: 0px;
	}
}
@media(max-width:800px)
{
    .kep.szoveg.col-sm-6
    {
        margin-left: 29%;
    }
    .col-sm-4{
        width:100%;
    }
    .image_container{
        padding-left: 15%;
		height:355px;
		width:610px!important;
		display:block;
    }
	.cent{
		max-height:550px;
	}
    .contact{
        max-height: auto;
        max-width: 700px;
        margin-top: 5px;
    }
	img{
		//width:auto!important;
	}
}
@media(max-width:767px)
{
	.nevjegy{
		width:70%;
	}

}
@media(max-width:700px)
{
	.image_container{
        padding-left: 15%;
		height:355px;
		width:550px!important;
		display:block;
    }
    .kep.szoveg.col-sm-6
    {
        margin-left: 24%;
    }
}
@media(max-width:600px)
{
	    .image_container{
        padding-left: 15%;
		height:300px;
		width:470px!important;
		display:block;
    }
    .kep.szoveg.col-sm-6
    {
        margin-left: 20%;
    }
}
@media(max-width:600px)
	{
	    .image_container{
        padding-left: 15%;
		height:300px;
		width:450px!important;
		display:block;
    }
}
@media(max-width:550px)
{
	.szurke{
	display:none;
	}
	.fotorama{
		margin-top:30px;
	}
	.logo{
		width:80px;
	}
	.image_container{
	padding-left: 15%;
	height:300px;
	width:430px!important;
	display:block;
    }
	.nevjegy{
		width:100%;
	}
}
@media(max-width:500px)
{	.image_container{
        padding-left: 15%;
		height:280px;
		width:400px!important;
		display:block;
    }
    .kep.szoveg.col-sm-6
    {
        margin-left: 15%;
    }
	.nevjegy{
		width:100%;
		height:240px;
	}
	.nevjegyy{
		height:240px;
	}
	.bordd{
		height:240px;
	}
}
@media(max-width:450px)
{
	.image_container{
        padding-left: 15%;
		height:240px;
		width:350px!important;
		display:block;
    }
    .kep.szoveg.col-sm-6
    {
        margin-left: 10%;
    }
    .contact{
        max-height: auto;
    }
	.pic{
		padding:2% 15px;
	}
}
@media(max-width:400px)
{
	.image_container{
        padding-left: 13s%;
		height:220px;
		width:300px!important;
		display:block;
    }
	.video1{
		height:260px;
	}
    .kep.szoveg.col-sm-6
    {
        margin-left: 6%;
    }
    .contact{

        max-height: auto;
    }
}
@media(max-width:350px)
{	.image_container{
        padding-left: 10%;
		height:180px;
		width:255px!important;
		display:block;
    }
	.nevjegy{
	width:100%;
	overflow:hidden;
	height:230px;
	}
	.nevjegyy{
	width:100%;
	overflow:hidden;
	height:230px;
	}
	.bordd{
		border:1px solid;
		width:100%;
		overflow:hidden;
		height:100%;
		max-height:230px;
		text-align:center;
	}
}
@media(max-width:310px)
{	.playgomb{
	padding-top:20px;
    }
	.nevjegy{
	width:100%;
	overflow:hidden;
	height:200px;
	}
	.nevjegyy{
	width:100%;
	overflow:hidden;
	height:200px;
	}
	.bordd{
		border:1px solid;
		width:100%;
		overflow:hidden;
		height:100%;
		max-height:200px;
		text-align:center;
	}
}
@media(max-width:300px)
{	.image_container{
        padding-left:8%;
		height:160px;
		width:210px!important;
		display:block;
    }
	.video1{
		height:240px;
	}
    .kep.szoveg.col-sm-6
    {
        margin-left: 2%;
    }
    .contact{

        max-height: auto;
    }
}
/*//mobil barat*/

.head-icon {
	font-size: 25px;
	vertical-align:middle;
}

.head-icon2 {
	font-size: 22px;
	vertical-align:middle;
}
.pad_left10{ padding-left:10px; }
.no_max_height{ max-height:none; }
.custom_contact { height:310px; }
.custom_contact .bord { max-height:295px; }
.custom_contact_parag { font-size:14px; margin-top:15px; text-align:left; }
.padding_top30{ padding-top:30px; }
