/* CSS Document */
html {

}
* {
 outline: none;
} 
.hidden2 {
	visibility: hidden;
}
.visible2 {
	visibility: visible;
}
.slide-nav-button {
 display: none;
}
/*#meanmenu.sticky {
 position: fixed;
  background: #fff;	 
}
#meanmenu.sticky #nav a {
 color: #444;
}
#meanmenu.sticky #nav >  li.current > a {
	background: #CC9AFE;
	color: #fff;
}  */
#meanmenu.sticky #top-nav  { 
 position: fixed;
 width: 100%;
 top: 0;
  background: #fff;	
     width: 100%;
     box-shadow: 0 0 2px 2px rgba(0,0,0, 0.2);	      
}
#meanmenu.sticky .sf-menu > li a  {
	padding: 1.0em 1em;
} 
#meanmenu.sticky .nav-logo img {
 max-height: 50px;
 	 
}
#meanmenu.sticky .sf-arrows .sf-with-ul:after {
 right: 0.1em;
}
#meanmenu.vissza  .top-nav, #meanmenu.vissza  .nav-logo img{	
}
.stcikyh {
 padding-top: 68px;
}
body {
  margin: 0 auto;
	line-height: 160%;
	/*background: url(../img/bgr.png);*/
	background: #111; 
	color: #C3C3C3;
	font: 100%/1.6 Roboto,"Open Sans",Arial,sans-serif; 
	letter-spacing: 0.1px;
}
#sbutton {
  background: rgba(102,102,102, 0.2);
	cursor: pointer;
	width: 56px;
	height: 56px;
	padding-top: 5px;
	text-align: center;
	border: 3px solid #fff;
	border-radius: 50%;
	font-size: 1.8rem;
	font-weight: bold;
	position: absolute;
	z-index: 100;
	bottom: 60px;
	margin-left: 50%;
	left: -32px;       
	color: #fff;
	opacity: 0.5;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease; 	
}
#sbutton i {
color: #fff;
}
#sbutton:hover {
 opacity: 1;
}
.section-wrapper {
	margin-top: -50px;
	padding-top: 50px;
}
.section-wrapper:first-child .section {
	padding-top: 80px;
}
.section {
	padding: 80px 20px 80px 20px;
  /*background-image: url(../img/bg.jpg);*/
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
	background-size: cover; 	
}
.section * {
 color: inherit;
} 
.doboz {
 
}
.szoveges img {
 width: auto;
 max-height: auto;
}
.szoveges object, .szoveges embed, .szoveges video, .szoveges iframe, .szoveges table {
	max-width: 100%;
}
iframe {
	border: 0;
}
video {
	height: auto;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  .video-container object,  .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#center {
 	float: right;
	left: -50%;
	position: relative;
	display: inline;
	text-align: left;
}
#center > ul {
	float: left;
	left: 50%;
}
#right {
 	float: right;
	position: relative;
	display: inline;
	text-align: left;
}
.top-nav ul li ul li {
	min-width: 200px;
}
nav { 
 background: #fff;
 background: rgba(255,255,255, 0.7);
}  
/*#nav {
	background: #000;
    float: right;	
	overflow: hidden; 
}
#nav li {
	display: inline-block;
}*/
#nav a {
	color: #222;
	display: block;
	font-weight: bold;
 font-family: "Roboto Condensed","Open Sans",Arial,sans-serif;
}
#nav > li > a {

font-size: 1.0em;
} 
#nav a:hover {
	color: #A42626; 
} 
#nav .current a {
	color: #A42626;
}
#nav .current a.kijelolt {
	color: #A42626;
} 
#nav ul a {
	background: #eee;
	color: #444; 
}
#nav .current ul a {
	background: #eee;
	color: #444;
}
#nav .current ul a:hover {
	color: #A42626;
}
#meanmenu {
    top:0;
    left: 0;
    right: 0;
    z-index: 110; 
}
#meanmenu *  {
	-webkit-transition: all 1.8s ease;
	-moz-transition: all 1.8s ease;
	-o-transition: all 1.8s ease;
	-ms-transition: all 1.8s ease;
	transition: all 1.8s ease;	
}
#meanmenu .sf-menu ul {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;	
}
 .mean-container  .mean-nav {
 position: absolute;
 top: 0;
}
.nav-logo img {
 max-height: 78px;
	-webkit-transition: all 1.8s ease;
	-moz-transition: all 1.8s ease;
	-o-transition: all 1.8s ease;
	-ms-transition: all 1.8s ease;
	transition: all 1.8s ease;	 
}
.nav-logo {
 margin-top: 8px;
 float: left;
 color: #fff;
 position: relative;
 z-index: 120; 
}
.nav-logo img {

} 
#nosmenu {
 display: none;
}
#eucookielaw {
	display: block;
	position: fixed;
	float: left;
	bottom: 0;
	width: auto;
	padding: 6px 20px;
	z-index: 20;
	color: #fff;
	font-size: 1rem;
}
#eucookielaw img {
 width: 42px;
}
#eucookielaw a.nagyobb {
	cursor: pointer;
}	
.excel-modul {
 clear: both;
 overflow: auto;
 margin-bottom: 20px;
}
#carousel, #sd {
 border-bottom: 4px solid #A42626;
}
#sd img {
  position: relative;
	width: 100%;
	display: block;
} 
.owl-carousel .item {
 text-align: center;
 color: #777; 
}
#carousel img, .owl-carousel img, .carousel img {
	max-width: 100%;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
 background: #A42626;
}
.owl-theme .owl-nav [class*='owl-']{
	background: #444444;
}
.owl-theme .owl-dots .owl-dot span{
	background: #444444;	
	border: 2px solid #fff;
	height: 18px;
	width: 18px;
	position: relative; 
	z-index: 21; 		
}
.owl-theme .owl-nav [class*='owl-']:hover{
 background: #A42626;
}
.owl-item img {
	max-width: 100%;
}
.owl-carousel .owl-item {
	text-align: center;
}
.owl-carousel .owl-item img {
	position: relative;
}
.owl-theme .owl-nav {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: #444444;
}
#carousel.owl-theme .owl-dots {
 margin-top: -34px;
 position: relative;
 z-index: 6000;
}
#carousel .owl-dots {
	position: absolute;
	top: 50%;
	margin-top: -28px;
	width: 100%;
	z-index: 3;
}
#carousel .owl-nav {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	width: 100%;
	z-index: 3;
}
#carousel .owl-prev {
	display: block;
	height: 48px;
	width: 48px;
	background: #666;
	background: rgba(102,102,102, 0.6);
	opacity: 0.4;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 0px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	color: #999;
	line-height: 38px;
	font-size: 34px;	
	z-index: 101;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;		
}
#carousel .owl-next {
	display: block;
	height: 48px;
	width: 48px;
	background: #666;
	background: rgba(102,102,102, 0.6);
	opacity: 0.4;
	position: absolute;
	right: 0px;
	top: 0px;
	border-radius: 0px;	
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	color: #999;
	line-height: 38px;
	font-size: 34px;	
	z-index: 101;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;	
}
#carousel .owl-prev i,#carousel .owl-next i {
	color: #fff;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;			
}
#carousel .owl-prev:hover,#carousel .owl-next:hover {
	opacity: 1;
}
.gallery {
	padding-left: 0;
	text-align: center;
}
.gallery img {
 min-width: 100%;
}
.gallery a {
 display: block;
 position: relative;
}
/*.gallery.alaprajz {
 height: 300px;
 width: auto;
}
.gallery.alaprajz img {
 max-height: 300px;
 max-width: auto;
 width: auto;
} */
#fooldaktual .gover {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
 border-radius: 50%;
 margin: 8px;
}
/*#fooldaktual .gover h4, .fooldaktual .gover .h3 {
	color: #fff;
	text-align: center;
}
#fooldaktual a .gover { 
  z-index: 22;
	opacity: 1;
	top: 75%;
}
#fooldaktual a .gover .gcaption {
	display: none;
}
#fooldaktual a:hover .gover {
	top: 40px;
	display: block;
	padding: 10px;
}
#fooldaktual a:hover .gover .gcaption {
	display: block;
	-webkit-transition: all 1.8s ease;
	-moz-transition: all 1.8s ease;
	-o-transition: all 1.8s ease;
	-ms-transition: all 1.8s ease;
	transition: all 1.8s ease;
}*/
/* DEMO-SPECIFIC STYLES */
.typewriter h3 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .0em solid #fff; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(20, end),
    blink-caret .75s step-end infinite;    
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
/*@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }  
} 
*/
/*.fill {
  position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 z-index: 1;
 background: rgba(0,0,0, 0.5);
}
.camera_overlayer {
 background: rgba(0,0,0, 0.5);
} */
.gover  {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 z-index: -1;
 opacity: 0; 
 margin: 0;
 background: #262626;
 background: rgba(0,0,0, 0.8);
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.gover * {
 color: #fff;
}
.kisg .gover {

}
a:hover .gover {
  z-index: 1;
	opacity: 1; 
  /*-webkit-animation: fadeIn 500ms linear 300ms both;
  -moz-animation: fadeIn 500ms linear 300ms both;
  -o-animation: fadeIn 500ms linear 300ms both;
  -ms-animation: fadeIn 500ms linear 300ms both;
  animation: fadeIn 500ms linear 300ms both; */
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease;		 
}
.gover i {
 z-index: -10;
 font-size: 1.4em;
}
a:hover .gover i {
 z-index: 10; 
  -webkit-animation: rotateIn 500ms linear 300ms both;
  -moz-animation: rotateIn 500ms linear 300ms both;
  -o-animation: rotateIn 500ms linear 300ms both;
  -ms-animation: rotateIn 500ms linear 300ms both;
  animation: rotateIn 500ms linear 300ms both;    
}
.gover:hover .gcaption {
 z-index: 10;
 position: absolute;
 right: 0;
 left: 0; 
 text-align: center;
}
.gover, .caption {
   display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;  
}
.gover > *, .caption > * {
  -ms-flex-negative: 1;
}  
.gallery .img-container, a.sarga .img-container {
	overflow: hidden; 
}
.gallery a .img-container img, a.sarga  .img-container img {
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.gallery a:hover .img-container img, a.sarga:hover .img-container img  {
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2); 
transform: scale(1.2);
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
	background: #666;
	background: rgba(102,102,102, 0.4);
}
.camera_wrap .camera_pag .camera_pag_ul {
	text-align: center;
} 
.cameraContent.cameracurrent .animation.animated-item-1 {
  -webkit-animation: fadeInUp 600ms linear 200ms both;
  -moz-animation: fadeInUp 600ms linear 200ms both;
  -o-animation: fadeInUp 600ms linear 200ms both;
  -ms-animation: fadeInUp 600ms linear 200ms both;
  animation: fadeInUp 600ms linear 200ms both;
}

.cameraContent.cameracurrent .animation.animated-item-2 { 
  -webkit-animation: fadeInUp 600ms linear 800ms both;
  -moz-animation: fadeInUp 600ms linear 800ms both;
  -o-animation: fadeInUp 600ms linear 800ms both;
  -ms-animation: fadeInUp 600ms linear 800ms both;
  animation: fadeInUp 600ms linear 800ms both;
}

.cameraContent.cameracurrent .animation.animated-item-3 { 
  -webkit-animation: fadeInUp 600ms linear 1400ms both;
  -moz-animation: fadeInUp 600ms linear 1400ms both;
  -o-animation: fadeInUp 600ms linear 1400ms both;
  -ms-animation: fadeInUp 600ms linear 1400ms both;
  animation: fadeInUp 600ms linear 1400ms both;
}

.cameraContent.cameracurrent .animation.animated-item-4 {
  -webkit-animation: fadeInUp 600ms linear 2000ms both;
  -moz-animation: fadeInUp 600ms linear 2000ms both;
  -o-animation: fadeInUp 600ms linear 2000ms both;
  -ms-animation: fadeInUp 600ms linear 2000ms both;
  animation: fadeInUp 600ms linear 2000ms both;
}

.wow.animation.animated-item-0 {
          animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
}

.wow.animation.animated-item-1 { 
          animation-delay: 800ms;
  -webkit-animation-delay: 800ms;
}

.wow.animation.animated-item-2 { 
          animation-delay: 1200ms;
  -webkit-animation-delay: 1200ms;
}

.wow.animation.animated-item-3 {
          animation-delay: 1600ms;
  -webkit-animation-delay: 1600ms; 
}
.wow.animation.animated-item-4 {
          animation-delay: 2000ms;
  -webkit-animation-delay: 2000ms;
}
.wow.animation.animated-item-5 {
          animation-delay: 2400ms;
  -webkit-animation-delay: 2400ms;
}
.wow.animation.animated-item-6 {
          animation-delay: 2800ms;
  -webkit-animation-delay: 2800ms;
}
.wow.animation.animated-item-7 {
          animation-delay: 3200ms;
  -webkit-animation-delay: 3200ms;
}
.wow.animation.animated-item-8 {
          animation-delay: 3600ms;
  -webkit-animation-delay: 3600ms;
} 
.wow.animation.animated-item-9 {
          animation-delay: 4000ms;
  -webkit-animation-delay: 4000ms;
}
.wow.animation.animated-item-10 {
          animation-delay: 4400ms;
  -webkit-animation-delay: 4400ms;
}
.wow.animation.animated-item-11 {
          animation-delay: 4800ms;
  -webkit-animation-delay: 4800ms;
}
.wow.animation.animated-item-12 {
          animation-delay: 5200ms;
  -webkit-animation-delay: 5200ms;
}
#carousel .animation {
	display: none;
}
#carousel .active .animation {
	display: block;
}  
#carousel .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 400ms linear 800ms both;
  -moz-animation: fadeInUp 400ms linear 800ms both;
  -o-animation: fadeInUp 400ms linear 800ms both;
  -ms-animation: fadeInUp 400ms linear 800ms both;
  animation: fadeInUp 400ms linear 800ms both;
}

#carousel .active .animation.animated-item-2 { 
  -webkit-animation: fadeInUp 400ms linear 1200ms both;
  -moz-animation: fadeInUp 400ms linear 1200ms both;
  -o-animation: fadeInUp 400ms linear 1200ms both;
  -ms-animation: fadeInUp 400ms linear 1200ms both;
  animation: fadeInUp 400ms linear 1200ms both;
}

#carousel .active .animation.animated-item-3 { 
  -webkit-animation: fadeInUp 400ms linear 1600ms both;
  -moz-animation: fadeInUp 400ms linear 1600ms both;
  -o-animation: fadeInUp 400ms linear 1600ms both;
  -ms-animation: fadeInUp 400ms linear 1600ms both;
  animation: fadeInUp 400ms linear 1600ms both;
}

#carousel .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 400ms linear 2000ms both;
  -moz-animation: fadeInUp 400ms linear 2000ms both;
  -o-animation: fadeInUp 400ms linear 2000ms both;
  -ms-animation: fadeInUp 400ms linear 2000ms both;
  animation: fadeInUp 400ms linear 2000ms both;
} 
.caption {
 position: absolute;
 z-index: 1;
	padding: 10px; 
	/*background: #444;
	background: rgba(0,0,0, 0.6); */
	text-align: center;
	top: 0;	
	bottom:  0px;
	left: 0;
	right: 0; 
	line-height: 140%;
	font-size: 1.2em;	
}  
.carousel-text {
 z-index: 999;
 background: #ddd;
 background: rgba(221,221,221, 0.6);
 width: 60%;
 padding: 20px;
}
.carousel-text a:link, .carousel-text a:visited {
 padding: 6px 10px;
 color: #111;
 font-weight: bold;
 text-transform: uppercase;
 font-size: 0.8em;
 background: #transparent;
 border: 2px solid #444;
 border-radius: 4px; 
 display: inline-block;
 position: relative;
 margin: 10px;
}
.carousel-text a:hover {
 color: #A42626;
 background: #eee;
 border-color: #eee;
}  
.carousel-text h3 {
 color: #111;
 font-size: 2.4em;
 font-family: "Roboto Condensed","Open Sans",Arial,sans-serif;
 	text-transform: uppercase;
 margin-bottom: 6px;
 font-weight: bold;
}
.carousel-text h4 {
 color: #111;
 font-weight: normal;
font-size: 1.4em; 
}
.carousel-text .desc {
 font-size: 1em;
 color: white;
 font-weight: normal;
 color: #111;
}
hr {
 width: 60%;
  border: 1px solid #666;
  border-radius: 1px;
  margin: 60px auto;
}
h1, p.h1, .h1 {
  /*border-top: 2px solid #A42626; */
 /* padding-left: 10px; */
 text-align: center;
	color: #777;
	font-size: 2.2em;
	font-weight: bold;
	margin-left: 0px;
	margin-bottom: 0;
	margin-top: 40px;
	margin-bottom: 40px; 
	line-height: 140%;
  text-transform: uppercase;
 font-family: "Roboto Condensed","Open Sans",Arial,sans-serif;	  
}
h2, p.h2, .h2 {
	font-size: 1.6em;
	color: #A42626;
	font-weight: normal;
	margin-left: 0px;
	padding: 0px;
	margin-bottom: 40px;
	line-height: 140%;
}
h2 {
 text-align: center;
}
h3, p.h3, .h3 {
	color: #777; 
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
 font-family: "Roboto Condensed","Open Sans",Arial,sans-serif;		
}
h4, p.h4, .h4 {
    color: #777;
	font-size: 1.2em;
}
h5, p.h5, .h5 {
	font-size: 1.1em;
	padding: 0px;
	color: #C3C3C3;
}
.kek {
	color: #0099CC;
}
.piros {
	color: #B82B2A;
}
.progress {
 display: none;
}
a:link {
 font-family: "Roboto Condensed","Open Sans",Arial,sans-serif;	
	background-color: transparent;
	color: #A42626;    
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	outline: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease; 	
}
a:visited {
	color: #A42626;
}
a:hover {
	background-color: transparent;
	color: #D62626;
}
a.nagyobb { 
	border: 2px solid #999;
	background:  #333;
	color: #fff;	
	text-decoration: none;
	font-style: normal;
	margin: 6px 0;
	padding: 2px 8px;
	display: inline-block;
	clear: both;
	border-radius: 4px;
}
a:hover.nagyobb {
	background-color: #222;
	color: #fff;
} 
#torzs {
	padding: 0 30px 20px 30px;
	background: #111; 
}
.box {
  background: transparent;
}
#balsav {
 margin-top: 40px;
 margin-bottom: 40px;
}
#fooldaktual {
		padding: 20px 0;
}
#fooldaktual .img-container {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
 border-radius: 50%;
 border: 8px solid #CC9AFE
}
#fooldaktual img {
 vertical-align: middle;
 border-radius: 50%;
}
#fooldaktual h2 {
 text-align: center;
 font-size: 2.0em;
 text-transform: uppercase;
 margin-bottom: 40px;
 padding: 10px 30px;
 color: #CC9AFE; 
 border-bottom: 4px solid #CC9AFE; 
 display: inline-block;
}
#fooldaktual .h2, #kiemelthir .h2 {
 font-size: 2em;
}
.matchheight.bk {
  margin-bottom: 20px; 
}
#fooldaktual .matchheight.bk {
  margin-bottom: 0;
}
.matchheight.bk .box {
	background: #444;
	height: 100%;
 border-bottom: 4px solid #666;	
} 
.matchheight .sarga {
	background: #444;
	padding: 0;
	height: 100%;
	text-align: left;
}
.matchheight .sarga div.padding {
  padding: 10px 20px 20px 20px;
}
.matchheight.bk h2, .matchheight.bk h3, .matchheight.bk h4, .matchheight.bk .sarga h5  {
	color: #C3C3C3;;
}
a.sarga img {
	margin: auto;	
}
#kiemelthir {
 padding-top: 40px;
 padding-bottom: 40px;
    background-color:#CC9AFE;
  background-image: url(../img/bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
	background-size: cover; 	
 color: #fff;
 text-align: center; 
}
#kiemelthir > .line {

}
#kiemelthir .fooldaktual .h2 {
 text-align: center;
 color: #fff;  
}
#kiemelthir h5 {
 margin-bottom: 10px;
 color: #fff;
}
#kiemelthir .h3 {
 color: #fff;
}
#kiemelthir.left {
 text-align: left;
}
#kiemelthir a:link,#kiemelthir a:visited {
 color: #fff;
 background: #CC9AFE;
}
#kiemelthir a:hover {
 background: #2EAEDD;
}
#kiemelthir img {
 vertical-align: middle;
}
#kiemelthir .blacktrans {
 background: #000;
 background: rgba(0,0,0, 0.6);
 margin-top: 0;
 padding: 12px;
}
#kiemelthir a .blacktrans * {
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
#kiemelthir a:hover .blacktrans * {
 color: #2EAEDD;
}
#kiemelthir a.nagyobb {
 text-align: center;
 float: none;
 padding: 10px;
}
footer {
	display: block;
	color: #EFEFEF;
	background: #2A2A2A;
	float: left;
	padding: 10px;
	width: 100%;
	position: relative;
	z-index: 10;
}
footer li {
float: left;
}
footer a {
	font-weight: bold;
}
footer ul {
	margin: 20px auto;
}
footer ul li {
	float: left;
	margin-right: 40px;
}
footer ul li ul li {
	clear: both;
	margin-bottom: 4px;
}
footer ul li a:link, footer ul li a:visited {
	font-size: 1em;
	color: #EFEFEF;
}
footer ul li a:hover {
	color: #A42626;
}

footer img {
 margin: auto;
}
.ikonok {
 text-align: center;
}
.ikonok img {
 display: inline;
}
.webok {
 float: right;
 margin-right: 50px;
}
#print_adatok {
	display: none;
	clear: both;
}
.kiem {
	background-color: #7EB100;
	padding: 10px;
	font-size: 1.6em;
	margin-bottom: 20px;
}
.kiemelt {
	display: block;
	position: relative;
	background-color: transparent;
	line-height: 160%;
	margin-bottom: 16px;
	clear: both;
	font-size: 1.2em;
}
.kiemelt > div {
  border: 1px solid #CCCCCC; 
	padding: 10px;
	margin-bottom: 16px;
}
.kiemelt div div {
  border: 0; 
	padding: 0;
	margin-bottom: 0;
}
a.kiem {
	color: #34495E;
	background-color: #E4E6E9;
	padding: 6px;
	border-left: 12px solid #2EAEDD;
	display: block;
	font-size: 1.2em;
	line-height: 160%;
	margin: -10px;
	margin-bottom: 14px;
}
.kiemelt a.kiem:hover {
	background-color: #F0F2F5;
}
.kiemelt h4, .kiemelt p.h4 {
	color: #34495E;
	background-color: #E4E6E9;
	padding: 6px;
	border-left: 12px solid #2EAEDD;
	margin: -10px;
	margin-bottom: 14px;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 160%;
}
.kiemelt img {
	display: block;
	margin: auto;
  width: 400px;	
}
.kiemelt form {
	margin: 0;
	padding: 0;
}
.foto {
	max-width: 40%;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	float: right;
	/*border: 4px solid #76BFEA;
*/
}
progress {
	width: 1px;
	height: 16px;
	display: none;
	max-width: 100%;
	background-color: #99ffcc;
}
img {
	border: 0;
	max-width: 100%;
	height: auto;
}
#print {
	text-align: right;
	margin-right: 10px;
}
.rovid_leir { 
	margin-bottom: 16px;
	background: #444;
	padding: 10px 20px;
}  
.szoveges {
	margin: 0;
}
.szoveges p {
	padding: 0px;
	margin: 0px;
}
.szoveges ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0;
}
.szoveges ol {
	margin-top: 0px;
	margin-bottom: 0px;
}
.szoveges ul li, .szoveges ol li {
	line-height: 140%;
	margin: 10px 0;
}
.szoveges td {
	font-size: 1.0em;
}
.gszoveges {
	margin: 0;
	font-size: 1.1em;
	line-height: 140%;
}
.portfolio {
 font-size: 1.0em;
 text-align: center;
}
 .portfolio .h5 {
	margin: 14px 0;  
}
.portfolio .belso {
 background: #444;
 padding: 30px 10px 130px 10px;
}
.portfolio img {
 margin: auto;
	max-width: 200px;
	max-height: 200px; 
 margin-top: -100px;
 /*background-color: rgba(0,0,0, 0.4); */
 border: 6px solid #A42626;
 border-radius: 50%;
 width: auto;
}
.szoveges img {
	height: auto;
}
header {
position: relative;
width: 100%;
z-index: 800;
}
#head {
/* padding: 8px 14px 0 14px;
background: rgb(255,255,255);
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(236,220,244,1) 40%, rgba(222,189,249,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(236,220,244,1) 40%,rgba(222,189,249,1) 100%);
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(236,220,244,1) 40%,rgba(222,189,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#debdf9',GradientType=1 ); */
position: relative; 
top: 0;
left: 0;
right: 0;
z-index: 600;
background: #0C1923;
}
#meanmenu {
 position: absolute;
top: 50px;
left: 0;
right: 0;
} 
#logo2 a {
 display: none;
} 
#logo2 img {
 height: 40px;
 max-height: 40px;
}              
#logo2 a h3 {
 text-align: center;
 color: #A42626;
 font-size: 1.6em;
 font-weight: bold;
 text-transform: uppercase;
 font-weight: normal; 
 line-height: 120%; 
 padding: 0;
 margin: 0;
}
#head h3 {

}
#head h4 {
 margin-top: 0;
 color: #CC9AFE;
 font-size: 1.4em;
 font-weight: bold;
}
#lang {
 position: relative;
	text-align: right;
	margin-top: 4px;
}
#lang img {
	height: auto;
	display: inline;
}
#linkek .icon-sli-phone, #linkek .icon-sli-envelope {
 color: #A42626;
 font-weight: bold;
 font-size: 1.2em;  
}
#linkek .icon-sli-envelope {
 margin-left: 4px;
 margin-right: 4px;  
}
#linkek a {
 color: #ddd;
}
#linkek img {
 max-height: 25px;
 max-width: 36px;
}
#linkek .icon-facebook {
 display: block;
 float: right;
 color: #fff;
 background: #0F5597;
 margin-right: 6px;
 text-align: center;
 padding-top: 2px;
 font-size: 22px;
 height: 36px;
 width: 40px;
 border: 3px solid #fff;
 border-radius: 3px;
}
#logo {

}
#logo img {

} 
 .fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { 
 width: 100% !important;
 top: 0;
 left: 0;
 margin-bottom: 10px;
 }
#gmap_canvas {
 width: 100% !important;
 top: 0;
 left: 0;
 margin-top: 20px; 
 margin-bottom: 20px;
 height: 300px;
}   
@media \0screen {
img {
	width: auto;
/* for ie 8 */
}
}
.artablazat {
	width: 100%;
	max-width: 100%;
	background-color: #4AA0C7;
	border: 2px solid #4AA0C7;
	text-align: center;
	vertical-align: middle;
	border-collapse: separate;
	border-spacing: 2px;
}
.artablazat tbody td {
	background-color: #F3F3F3;
	font-size: 90.01%;
	width: auto;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	border: 0;
}
.artablazat thead {
	background-color: #DDDDE2;
	font-size: 92.01%;
	font-weight: bold;
}
.artablazat thead td {
	text-align: center;
	vertical-align: middle;
	padding: 4px;
}
.artablazat tfoot {
	background-color: #DDDDE2;
	font-size: 91.01%;
	font-weight: bold;
	padding: 4px;
}
.balbanner {
	margin-bottom: 10px;
	background: white;
	text-align: center;
}
.jobbbanner {
	margin-bottom: 10px;
	background: white;
	text-align: center;
}
.balbanner img, .balbanner div, .jobbbanner img, .jobbbanner div {
	margin-top: 12px;
	background: white;
}
.balbanner img {
  max-width: 176px;
  margin: auto;
}
 .jobbbanner img {
  max-width: 176px;
  margin: auto;
}
.lb-dataContainer {
  background: #000;
}
.lb-dataContainer a {
 color: #87ABCB;
} 
.masonry {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.masonry .item {
	width: 100%;
	margin: 10px;
	padding-top: 10px;
	border-top: 10px solid #F1C40F;	
}

.masonry .item img {

}
.masonry .item h4 {
 margin: 6px 0;
 line-height: 120%;
 color: #F39C12;
 text-transform: uppercase;
 font-size: 98%;
}
masonry .item h4:hover {
	color: #F1C40F;
}
.masonry .item a.nagyobb {
	font-weight: normal;
	padding: 4px;
	font-size: 1em;
}
.item2 {
	width: 130px;
	float: left;
	margin: 5px;
}
.tabs {
 margin-bottom: 0;      
}
.tabs a {
 font-size: 1.0em;
}
.tabs a.tab-label {
 background: #E4E4E4;
 color: #444; 
}
.tabs a:hover.tab-label {
 background: #A42626;
 color: #fff;
}
.tabs a.active-btn {
 background: #A42626;
 color: #fff;
} 
.tab-item {
 background: transparent;
}
.tab-content {
   margin-top: 0;           
}
.customform {
 background: #444;
 padding: 20px;
}
.customform button {
 background: #222;
 font-weight: bold;
 text-transform: uppercase; 
} 
.customform button:hover {
 background: #777;
}
.customform textarea {
 height: 224px;
}
.customform fieldset {
 padding: 30px;
 border-color: #888;
}
.customform img { display: inline; }
input#f_date_c, input#f_date_b {
float: left;
width: 80%;
}
.hibauzenet {
 color: #FF3300;
 font-weight: bold;
 font-size: 1.1em;
 text-align: center;
 margin-bottom: 10px;
 text-transform: uppercase; 
}
.hibauzenet.zold {
 color: #00CC00;
}
	#menu-icon {	
	text-align: center;
	display: none;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	line-height: 140%;
	color: #444;
	right: 10px;
	position: absolute;
	margin: auto;
	margin-top: -54px;
	z-index: 120;
	text-transform: uppercase;
	}
#menu-icon i {
 color: #444;
}	
	#menu-icon img {
 max-width: 20px;
 max-height: 20px;
	margin-left: 6px;
	display: inline;
	}
.doboz {
 padding-bottom: 20px;
 margin-bottom: 20px;
}
.doboz h3 {
 background: #444;
 color: #fff;
 padding: 6px 10px;
}
.pagination {
	height: 2.25em;
	margin: 1.125em 0
}
.pagination ul {
	display: inline-block;
	padding: 0;
	margin-bottom: 0;
	margin-left: 0;
	border-left: 1px solid #ddd;	
	-webkit-border-radius: .1875em;
	-moz-border-radius: .1875em;
	border-radius: .1875em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05)
}
.pagination li {
	display: inline
}
.pagination a {
	float: left;
	padding: 0 0.625em;
	line-height: 1.75em;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
	background: #333;
}
.pagination a {
 color: #fff;
}
.pagination a:hover {
	background: #222;
 	color: #A42626;		
}
.pagination .active a {
	background: #222;
 	color: #A42626;	
	cursor: default
}
@media only screen and (max-width: 1360px) {
.carousel-text {
  padding: 10px;
  width: 70%;
}
.carousel-text h3 {
 font-size: 2.0em;
}
.carousel-text h4 {
 font-size: 1.3em;
}
}	
@media only screen and (max-width: 991px) {
body {
 padding-top: 0;
}
.mean-container figure {
 display: none;
}
#logo {
 display: none;
}
#logo2 a {
 display: block;
}
h1, p.h1, .h1 {
 font-size: 1.8em;
}
h2, p.h2, .h2 {
	font-size: 1.4em;
}
#center {
 	float: none; 
	position: relative;
	display: block;
}
#center > ul {
	float: none;
	position: relative;
}
#right {
 	float: none; 
	position: relative;
	display: block;
}
#right > ul {
	float: none;
	position: relative;
}
#nav.sf-menu  {
	position: relative;
}
#nav a {
 color: #444;
}
.sf-menu li, .sf-menu ul li {
	float: none; 
}
.sf-menu ul {
	display: block;
	min-width: 100%;
	max-width: 100%;
}
.sf-menu li a, .sf-menu ul a {
	padding: .90em 1em;
 background: #fff;
 color: #444;	
}
.sf-menu ul li a {
 background: #fff;
 color: #444;
}
.top.nav  ul{
 position: relative;
}
#top-nav .nav-logo {
 display: block;
}
#menu-icon {
 display: block;
}
.section-wrapper {
	margin-top: 0px;
	padding-top: 0px;
}
.section-wrapper:first-child .section {
	padding-top: 80px;
}
#sbutton {
 bottom: 30px;
}
.carousel-text {
  padding: 10px;
  width: 70%;
}
.carousel-text h3 {
 font-size: 1.6em;
}
.carousel-text h4 {
 font-size: 1.2em;
}
.carousel-text a:link, .carousel-text a:visited {
 padding: 6px;
 margin-bottom: 0;
}
.caption {
 line-height: 140%; 
 font-size: 1.2em; 
} 
.gover i {
 font-size: 1.4em;
 margin-left: -12px;
 margin-top: -10px;	
}
.sticky {
 position: relative;
}
.stickyh {
 padding-top: 0;
}
#lang {
 position: relative;
 top: 2px;
 right: 0;
 margin: auto;
 margin-bottom: 10px;
 float: none;
 text-align: center;
}
#linkek {
 text-align: center;
 margin-top: 0;
 padding: 6px;
 margin-left: 0; 
} 	
}

@media only screen and (max-width: 768px) {
#torzs {
	padding: 0 10px 20px 10px;
}

h1, p.h1, .h1 {
 font-size: 1.6em;
}
h2, p.h2, .h2 {
	font-size: 1.5em;
}
h3, p.h3, .h3 {
	font-size: 1.3em;
}
.albummenu li a {
  padding-top: 0;
  padding-bottom: 0;
}
.ikonok {
 margin: 0px 0 10px 0;
 text-align: left;
}
nav {
line-height: 1;
} 
.webok {
 float: left;
}	  
}

@media only screen and (max-width: 639px) { 
.foto {
 width: 100%;
 max-width: 100%;
}
 h1, p.h1, .h1 {
 font-size: 1.5em;

.carousel-text {

}
.carousel-text h3 {
 font-size: 1.3em;
 padding: 0;
}
.carousel-text h4 {
 font-size: 1.1em;
 padding: 0;
}
.carousel-text .desc {
 font-size: 1.1em;
 padding: 0;
}
.carousel-text a:link, .carousel-text a:visited {
 padding: 4px auto;
}
}	 

@media only screen and (max-width: 479px) {
#torzs {
	padding: 0 0px 20px 0px;
}
#kozepso .section .box.doboz {
 padding: 20px 20px 30px 20px;
 border-radius: 4px;
}
 h1, p.h1, .h1 {
 font-size: 1.4em;
}
.carousel-text {

}
.carousel-text h3 {
 font-size: 1.3em;
}
.carousel-text h4 {
 font-size: 1.2em;
}
.carousel-text .desc {
 font-size: 1em;
 padding: 0;
}
.caption {
 padding: 0; 
 line-height: 120%; 
 font-size: 1.1em; 
}
/*h1 {
font-size: 1.2em;
}

h3 {
font-size: 1.1em;
}
 #head h3 {
 font-size: 1.2em;
}
 #head h4 {
 font-size: 1em;
}
}
@media only screen and (max-width: 390px) {
#linkek {

}
#logo2 {
 margin-top: -14px;
}
}