/* CSS Document */
<style type="text/css">


@font-face { 
	font-family: "Open Sans", sans-serif;
}
body {
	font-size:14px;
	color: #333333;
	margin: 0;
	padding: 0;
	background-color: #ffffff; 
    line-height:normal;
	
}
* {box-sizing: border-box; }
div, footer, img {display:block; }
a {
	-webkit-tap-highlight-color: rgba(204,204,204,0.2);
	text-decoration:none;
	transition:all 0.3s;
}


ul {
	-webkit-padding-start: 0px;
	-moz-padding-start: 0px;
	-khtml-padding-start: 0px;
	-o-padding-start: 0px;
	padding-start: 0px;
}
.top ul li a:hover, .foot ul li a:hover, .foot1 ul li a:hover {
	color: #333333;
	transition:all 0.5s;
	font-weight: 700;
	
}
.top ul li a, foot ul li a, .foot1 ul li a, .icon i, #top_menu_icon {
	transition:all 0.5s;
}
.icon i:hover, #top_menu_icon:hover {
	color: #333333;
	transition:all 0.5s;
}
img, img:hover, .span_14 img, .span_14 img:hover, .span_12 img:hover {transition: 1.5s ease-in-out;}
.span_14 a, .span_12 a {color: #999999;}
.span_14 a:hover, .span_12 a:hover { color:#333333;}
.span_331 a {
	cursor:pointer;
}
.span_331 a h3:hover {
	color: #ffffff;
	transition:all 0.5s;
	
	background: #333333;
}
#top_menu_icon {
	color: #999999; 
	font-size:60px; 
	opacity: 0.7;
	background-color: #ffffff;
    padding: 2px 10px;
}
.sec {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.col_boss {
	width:100%;
	position:relative;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	
}
.col {
	display: block;
	float:left;

}
.span_13:first-child, .span_14:first-child, .fl ul li:first-child, .span_12:first-child  { margin-left: 0; } 
.span_33 { width: 100%; max-width:1200px;  margin: 0 auto; background-color: transparent; }
.span_331 { width: 100%; margin: 0 auto; background-color: transparent; float:left; }
.span_23 { width: 66.66%; float:left; margin:0 0 0 0; overflow:hidden; }
.span_13 { width: 33.33%; float:left; margin:0 0 0 0; overflow:hidden;  }
.span_14 { width: 25%; float:left; margin:0 0 0 0; overflow:hidden;  }
.span_12 { width: 50%; float:left; margin:0 0 0 0; overflow:hidden;  }

.cen p{ text-align:center;}
/*.top { margin-top: 24px;} */
.cont { display: table; margin-left: auto; margin-right: auto;}
.pic { width:150px; height:150px; overflow:hidden; margin: 0 auto;}
.pic img {opacity: 0.9; filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.he_top { height: auto; }
.he_cont { height: 570px;}
.he_team {height: auto; }
.he_foot { height: auto;}
.he_foot1 {height: 130px; background: #ffffff; }
.he_foot2 {height: 160px; background: transparent; }
.he_50 {height:50px; display:table; max-width: 1200px; margin: 0 auto;}
.he_call { height: auto; border-top: 1px solid #ba8428; border-bottom: 1px solid #ba8428; margin-top: 4%;} 
.about { padding: 30px 0 30px 0;} 
.wi { max-width: 1200px; margin-left: auto; margin-right: auto; }
.wimap {max-width: 1920px; margin-left: auto; margin-right: auto; display:table;}
.mb { margin-bottom: 4%;}
.wf { width: 145px;     margin: 0 -9px 0 9px; }

ul li { 
	display: inline;
	list-style:none;
	text-align:center;
	
	
}
.list ul li {
	display: list-item;
    text-align: justify;
    list-style-type: square;
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
    padding: 6px 0;
	color: #666666;
}
/* HEADER */
header, header.large img, header.small img, header.large nav ul, header.small nav ul {
			transition: all 1s;
			-moz-transition: all 1s; /* Firefox 4 */
			-webkit-transition: all 1s; /* Safari and Chrome */
			-o-transition: all 1s; /* Opera */
}
header.large nav ul, header.small nav ul { margin: 6px 0 0 0;}
nav{
/*	display: table; */
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	width: 100%;
	
}
section.stretch{
	float: left;
	height: 3500px;
	width: 100%;
	margin-top: 200px;
}
header{
	background: #ffffff;
	border-bottom: 1px solid #cccccc;
	float: left;
	width: 100%;
	position: fixed;
	z-index: 50;
	box-shadow: 3px 3px 25px #cccccc;
}
/* Sizes for the bigger menu */
header.large{
	height: 200px;
	top:0px;
}
header.large img{
	width: 198px;
	height: auto;
	margin: 0;
	display: inline;
}
header.large li{
	padding: 0 ;
}
header.large nav ul { margin: 0 0 0 0;}
/* Sizes for the smaller menu */
header.small{ 
	height: 80px;
	top:0; 
}
header.small img{ 
	 width: 99px;
	 height: auto;
	 margin: -8px 0 0 -850px;
	 display: inline; 
}
header.small nav ul{ 
    margin: -82px 0 0 0;
}
header.small li{ 
	padding: 0 ;
}
header.small .linet { visibility:hidden;}


/* HEADER end */
 
.top ul li a, .foot ul li a, .foot1 ul li a, .cen ul li{

	color: #999999;
	padding: 10px;
	font-size: 15px;
	font-weight:400;
	font-family: "Open Sans";
	letter-spacing: 0.5px;
	cursor:pointer;
	transition:all 0.5s;
	

}
.top ul li a{ text-transform: uppercase;}

.cen ul li {border-right: 1px solid #cccccc;}
.cen ul li:last-child {border:none;}
.foot1 ul li a {font-family: "Open Sans"; display:inline-block; float: left;}
.cpyr {
	float:left;
	color: #cccccc;
	padding: 0 20px;
	font-size: 14px;
	font-weight:400;
	font-family: "Open Sans";
	letter-spacing: normal;
	margin: -85px 0 0 0;
}
.fl ul li {float:left;}
.fln ul li {float:none; display:block;}
.line, .lineb, .linebt, .linet {
	max-width: 1200px;
    height: 1px;
   	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 700, from(#cccccc), to(#ffffff));
}
.line  {margin: 5% auto 2%;
}
.lineb {
	margin: 5% auto 5%;
	display:flex;
}
.linebt {
	margin: 3% auto 5%;
}

.linet {
	margin: 0.5% auto 20px;
}
.txt_holder, .txt_holder2 {
	position: absolute;
    top: 21%;
    left: 33.33333%;
    text-align: center;
    padding: 20px 0;
	min-width: 260px;
	min-height: 260px;
    max-width: 300px;
	max-height: 300px;
    background-color: rgba(0,0,0,0.7);
	z-index:10;
	border: 2px solid #ffffff;
	
	
}
.txt_holder h2, .txt_holder2 h2 {
	color: #ffffff;
}
.txt_holder2 { 
	top: 30%;
    left: 27%;
}
.txt_holder3 {
	position: absolute;
    top: 40%;
    left: 20%;
    text-align: center;
    padding: 20px 0;
/*	min-width: 260px;
	min-height: 260px;
    max-width: 300px; 
	max-height: 300px;
    background-color: rgba(0,0,0,0.7);
    border: 2px solid #333333; */
	z-index:10;
	
	
	
	
}
.txt_holder4 {
	position: relative;
  /*  top: 40%;
    left: 20%; */
    text-align: center;
    padding: 20px 0;
/*	min-width: 260px;
	min-height: 260px;
    max-width: 300px; 
	max-height: 300px;
    background-color: rgba(0,0,0,0.7);
    border: 2px solid #333333; */
	z-index:10;
	
}
.txt_holder4 h3 { 
	    
		text-align: center;
		display: inline-block;
		

}

.txt_holder_ban {
	position: absolute;
    top: 0;
    left: 70%;
    text-align: left;
    padding: 15px ;
    min-width: 380px;
	max-width: 500px;
	min-height: 80px;
    background-color: rgba(255,255,255,0.7);
	z-index:10;
	font-family: "Open Sans";
	font-size: 15px;
	font-weight:400;
	color:#333333;
	line-height: 1.5;
	box-shadow: 4px 5px 5px rgba(0,0,0,0.2);
	
	
}

img:hover {
	opacity: 0.95;
	transform:scale(1.05)
	
}
.cont a h1 img {
	opacity: 1;
	transform:scale(1)
}
.span_14 img:hover, .span_12 img:hover {filter: grayscale(0%);}
.span_14 img {filter: grayscale(100%);}

.icon i {
	
	font-size: 20px;
	color: #999999;
	float: left;
	margin: 0 20px; 
	display: inline-block;
	padding: 10px;
	border: 1px solid;
	width: 40px;
	height: 40px;
	
}
.color {

	box-shadow:none;
	background: #ffffff;
	
}
.w p{color: #ffffff; }
.span_25 ul li {
	color:#ba8428;
	padding: 20px 0 0 0;
	font-size: 15px;
	font-weight:400;
	
	font-family: "Open Sans";
	text-align:left;
	

}
.span_33 ul { margin-left:auto; margin-right:auto; display:table;}
.pa { padding: 20px 0 0 0;}

.mani1 {
	margin: -14px 0 0 200px;
    display: inline-block;
    color: #cccccc;
    font-size: 52px;
	float:left;
}

img { 
	width:100%; 
	height:auto; 
	max-width: 1920px;
	opacity: 0.85;
}
.cont a h1 img {
	max-width: 198px;
	opacity: 1;
	height:auto;
}

p img { 
	max-width: 360px; 
	height: auto; 
	float: right; 
	margin: 8px 0 20px 20px;
	border: solid 10px #fff;
}
h1  {
	font-family: "Open Sans";
	font-size: 37px;
	font-weight:300;
	padding: 0 0 0 0;
  	text-align:center;
	color:#333333;
	text-transform: uppercase;
}
h2 {
	font-family: "Open Sans";
	font-size: 37px;
	font-weight:400;
	padding: 0 0 0 0;
  	text-align:center;
	color: #333333;
	letter-spacing: 3px;
	text-transform: uppercase;
	position:relative;
	z-index: 20;
	line-height: 1;
/*	margin: 2.5% 0 2% 0; */
}
.cont h2 {font-size: 37px;}
h3 { 
	font-family: "Open Sans";
	font-size: 18px;
	font-weight:400;
	padding: 10px;
  	text-align: left;
	color:#999999;
	margin: 0;
	display: table;
	border: 1px solid #999999;
	position:relative;
	z-index: 20;
}
h4 {
	font-family: "Open Sans";
	font-size: 27px;
	font-weight:700;
	padding: 0 0 0 0;
  	text-align:center;
	color: #333333;
	letter-spacing: 3px;
	text-transform: uppercase;
	position:relative;
	z-index: 20;
	margin: 10px 0 0 0;
	
}
.fs {
	font-size: 13px;
    line-height: 15px;
    padding: 10px 0 0 0;
    display: block;
    text-align: justify;

}
.cont p {
	font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
	color: #666;
	text-align:center;
	
}
.span_33 p1 {
	font-family: "Open Sans";
    font-size: 27px;
    font-weight: 400;
	color: #666666;
	text-align:left;
	margin: 0 auto;
	padding: 0 0 0 15px;
}

/*.about h2, .about p { color:#fff;} */

.span_14 h4, .span_12 h4 { font-size:21px;}
.span_14 p, .span_12 p {font-size: 13px; padding: 10px 20px;}
h5 {
	font-family: "Open Sans";
	font-size: 20px;
	font-weight:700;
	padding: 20px 0 0 292px;
  	text-align:left;
	color:#666666; 
	margin: 0 auto;
}
h6 {
	font-family: "Open Sans";
	font-size: 14px;
	font-weight:400;
	padding: 0 0 0 292px;
  	text-align:left;
	color:#999999;
	margin: 0 auto; 
}
p, .text_over { 
	font-family: "Open Sans";
	font-size: 15px;
	font-weight:400;
	padding: 0 30px 0 30px;
  	text-align:justify;
	color:#666666;
	line-height: 1.5; 
}

.fa-fw {margin: 0 5px;}
/* ovarlay*/
.overlay_1, .overlay_2, .overlay_3, .overlay_4, .overlay_15, .overlay_35 {
  position: absolute;
  bottom: 0;
  
  right: 0;
  background-color: rgba(0,0,0,0.7);
  overflow: hidden;
  width: 25%;
  height: 0;
  transition: .5s ease;
}
.overlay_15, .overlay_35 {width: 50%; background-color: rgba(255,255,255,0.7);}

.overlay_1, .overlay_15 {left: 0;}
.overlay_2 {left: 25%;}
.overlay_3, .overlay_35 {left: 50%;}
.overlay_4 {left: 75%;}
.span_14:hover .overlay_1, .span_14:hover .overlay_2, .span_14:hover .overlay_3, .span_14:hover .overlay_4  {
  height: 20%;
}
.span_12:hover .overlay_15, .span_12:hover .overlay_35 {height: 15%;}
.text_over {
	font-family: "Open Sans";
	font-size: 14px;
	font-weight:400;
	padding: 0 30px 0 30px;
  	text-align:justify;
	color: #ffffff;
	line-height: 1.5; 	
    white-space: nowrap; 
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.bl { color: #333333;}
/* ovarlay end*/
/* JS SLIDER kezdodik */
/* bullet */
.jssorb05 {
     position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
     position: absolute;
                /* size of bullet elment */
     width: 32px;
     height: 16px;
     background: url(/SLIDER_ENGINE_JO/b13.png) no-repeat;
     overflow: hidden;
     cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
/* navigator */
.jssora12l, .jssora12r {
      display: block;
      position: absolute;
                /* size of arrow element */
      width: 30px;
      height: 46px;
      cursor: pointer;
      background: url(/SLIDER_ENGINE_JO/a21.png) no-repeat;
      overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -296px -90px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }
/* JS slider vege */
@media screen and (min-width: 1921px) and (max-width: 2561px) {
.cpyr { margin:-40px 0 0 0; }
.line, .lineb, .linebt, .linet { max-width: 1840px; background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 1340, from(#cccccc), to(#ffffff));}
.lineb { margin: 2% auto 2%; }
img { max-width: 2560px; }
}
@media screen and (min-width: 1171px) and (max-width: 1441px) {
.txt_holder, .txt_holder2 {width: 260px; }
.txt_holder_ban { font-size: 27px; left:65%; max-width: 650px;}
.fs { font-size: 22px; line-height: 26px;}
.list ul li {  margin: 6px 20px 6px 40px;}
.cpyr { margin:-40px 0 0 0;}

}
@media screen and (min-width: 769px) and (max-width: 1170px) {
header.small img {  margin: -8px 0 0 -78%;}

header.small nav ul {
    margin: -82px 0 0 120px; 
}	
.txt_holder, .txt_holder2 {width: 180px; }
.txt_holder_ban { font-size: 27px; left:65%; max-width: 34%; }
.fs {font-size: 27px; line-height: normal}
.pa {padding: 0;}
h2 {font-size: 27px;}
.top ul li a, .foot ul li a, .foot1 ul li a, .cen ul li {font-size: 15px;}
.span_14 { width: 50%; min-height: 380px;}
.span_33 { text-align:center;}
.cen ul li {
	    margin: 0 0 1% 0;
        display: inline-block;
}
.list ul li {  margin: 6px 20px 6px 40px;}
.he_cont, .he_team {
    height: auto;
}
.overlay_1, .overlay_2, .overlay_3, .overlay_4, .overlay_15, .overlay_35 { width:50%; }
.overlay_1, .overlay_2 { bottom: 50%; }
.overlay_2, .overlay_4 { left:50%;}
.overlay_3 { left:0;}
.span_14:hover .overlay_1, .span_14:hover .overlay_2, .span_14:hover .overlay_3, .span_14:hover .overlay_4 { height: 12%;}
.span_12:hover .overlay_15, .span_12:hover .overlay_35 { height: 20%;}
.cpyr { margin:-40px 0 0 0;}
}
@media screen and (max-width: 768px) {
.txt_holder_ban { font-size: 160%; left: 70%;}
.fs { font-size: 21px; line-height: 24px;}
.span_13, .span_23, .span_14, .span_12  { width:100%}
.span_33 { text-align:center;}
/* .txt_holder, .txt_holder2 { left:20%; } */
.txt_holder3 { position:inherit;}
h3 {display: inline-block;}
.span_25:first-child {margin-left: 3%;}
.he_cont, .he_top, .he_foot { height:auto;}
.span_33 h6{ margin-right: 3%;}
.cont h2 {font-size: 27px;}
.call h2, .about h2 {font-size: 37px;}
.mani1 { padding: 0 20px;}
.cen ul li {
	    margin: 0 0 1% 0;
        display: inline-block;
}
.list ul li {  margin: 6px 20px 6px 40px;}
.trsize {transform: scale(1.5, 1.5); margin: 10% -25% 42%;}
.trsizeban {        
	width: 200%;
    transform: translateX(-25%);
/*	margin: -24% 0 0 0; */
}
.overlay_1, .overlay_2, .overlay_3, .overlay_4, .overlay_15, .overlay_35 { width:100%; }
.overlay_15 { bottom: 50%;}
.overlay_35, .overlay_1, .overlay_2, .overlay_3, .overlay_4 {left:0;}
.overlay_1 {bottom:75%;}
.overlay_2 {bottom:50%;}
.overlay_3 {bottom:25%;}
.overlay_4 {bottom:0;}
.span_14:hover .overlay_1, .span_14:hover .overlay_2, .span_14:hover .overlay_3, .span_14:hover .overlay_4 {
    height: 5%; 
}
.he_cont, .he_team {
    height: auto;
}
.cpyr { margin:0;}
}
@media screen and (max-width: 540px) {
.top ul li a {font-size:14px;}
.txt_holder { transform: translateX(-25%);}
}
</style>