@import "predef.less";

@lignova: #f07d2c;
@color1: #167da8;
@color2: #105165;
@color3: #ff9448;
@color4: #a34c0f;

.gray {
	background-color:#eeeeee;
}

body {
	font-family:L_TTF055;
	font-size:15px;
	line-height:24px;
	color:#555555;
}
a {
	color:@lignova;
	text-decoration:none;
	font-weight:normal;
	&:hover {
		text-decoration:none;
	}
}
a, a:focus, a:visited, a:hover {
	outline:none;
}
a:focus, a:hover {
    color: @color4;
}
b {
	font-family:L_TTF056;
	font-weight:normal;
}
h1 {
	margin-top:0;
	font-size:36px;
	line-height:56px;
	margin-bottom:20px;
	color:@color1;
}
h2 {
	margin-top:0;
	font-size:26px;
	margin-bottom:10px;
	line-height:38px;
	color:@lignova;
}
h2 strong {font-size: 32px;}
h3 {
	margin-top:0;
	color:@lignova;
}
header {
	position:fixed;
	height:56px;
	width:100%;
	background-color:#ffffff;
	z-index:999;
	top:-96px;
	left:0;
}
.inner-head {
padding-top:36px;
}
.head-wrap, .head-wrap .container {
position:relative;
}
.head-mask {
position:relative;
padding-top:94px;
}
.head-mask img {
    pointer-events: none;
}
.head-mask-inner {
padding-top:44px;
pointer-events: none;
}

.head-mask img {
position:absolute;
bottom:0;
left:0;
width:100%;
z-index: 101;
}
#slideshow {
	position:relative;
	width:100%;
}
.slidemask {
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	width:100%;
}
.slidemask img {
	width:100% !important;
	max-width:none !important;
}

#slideshow img {width: 100%;}
section {
padding:36px 0;
}
#pre {
height:56px;
}
.pad {
padding-bottom:25px;
}
.toleft {
	float:left;
	margin-right:15px;
}
.toright {
	float:right;
	margin-left:15px;
}
.imgwrap {
	padding:10px;
	background-color:#eeeeee;
	position:relative;
}
.imgwrap img {
	position:relative;
	z-index:2;
}
.side-item .imgwrap {
margin-bottom:15px;
}
.imglabel {
	position:absolute;
	z-index:3;
	bottom:0;
	right:-5px;
	background-color:@color1;
	color:#ffffff;
	padding:5px;
	font-size:12px;
	line-height:18px;
	text-align:center;
	transform:rotate(-10deg);
}
.imglabel span {
	display:block;
	font-size:18px;
}
.main-item {
	padding:15px;
	border:solid 1px #dddddd;
	margin-bottom:15px;
}
.side-item {
	padding:15px;
	background-color:@color1;
	margin-bottom:15px;
}
.side-item, .side-item * {
	color:#ffffff;
}
.side-item .imgwrap {
	background-color:#ffffff;
}
a.readmore {
	display:block;
	text-align:center;
	text-transform:uppercase;
	padding:5px;
	.fading();
	border:solid 1px @lignova;
	color:@lignova;
	&:hover{
		background-color:@lignova;
		color:#ffffff;
	}
	&::after {
		content:"\00a0\00bb";
	}
}
.side-item a.readmore {
	border:solid 1px #ffffff;
	color:#ffffff;
	&:hover{
		background-color:#ffffff;
		color:@color4;
	}
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}
ul.bullet {
	list-style:square;
	list-style-position:inside;
	margin-bottom:32px;
}
ul li a {
	font-family:L_TTF055;
	font-weight:normal;
}
ul.menu {
float:left;
}
ul.menu > li {
	float:left;
	position:relative;
}
header ul.menu li a {
	display:block;
	cursor:pointer;
	.fading();
	.unselectable;
}
header ul.menu > li > a {
	height:56px;
	padding:17px 20px 0 20px;
	background-position:0 96px;
	background-repeat:repeat-x;
	background-color:#ffffff;
	.gradient(#ffffff, #dddddd);
	color:@color1;
	&:hover {
		background-position:0 0;
	}
	&.active {

	}
}
header ul.submenu {
	display:none;
}
header ul.submenu li a {
	background-color:@color1;
	color:#ffffff;
	padding: 18px 20px;
	border-top:solid 1px #ffffff;
	white-space:nowrap;
	text-shadow:0 -1px darken(@color1, 10%);
	&:hover {
		background-color:lighten(@color1, 10%);
		text-shadow:0 -1px darken(@color1, 10%);
	}
}
ul.langmenu {
float:right;
padding-top:32px;
}
ul.langmenu li,
ul.langmenu li a {
color:#000000;
font-size:12px;
line-height:17px;
}
ul.langmenu li a::before {
content:"\00bb\00a0";
}
ul.langmenu li a:hover {
text-decoration:underline;
}
.sp-logo {
width:78px;
height:78px;
margin-bottom:10px;
background-color:#ffffff;
border:solid 1px #dddddd;
display:inline-block;
margin-left: 5px;
}
.sp-logo img, .sp-logo a {
    display: block;
}
.slogan {
padding-left:15px;
}
footer * {
color:#ffffff;
}
footer {
background-color:@color1;
padding:56px 0;
.clearfix;
}
footer ul.menu * {
font-size:12px;
line-height:18px;
margin:0 5px;
text-align:left;
}
footer ul.menu ul.submenu {
position:static;
display:block !important;
}
footer ul.menu li a:hover {
color:@color2;
}

footer a {
    font-size: 12px;
}
footer a:hover {
    color:@color2;
}

footer ul.menu ul.submenu li a {
text-shadow:none;
padding:0;
background:none;
border:none;
}
.impressum {
    float: left;
    margin-left: 10px;
    font-size: 15px;
    line-height: 16px;
}
.copyright {
float:right;
}
#up {
display:none;
position:fixed;
z-index:9999;
bottom:30px;
right:72px;
width:56px;
height:56px;
background-color:@color3;
.fading();
cursor:pointer;
padding-top:19px;
&:hover {
background-color:@color2;
}
&::before {
content:"";
display:block;
width: 0;
height: 0;
margin-left:auto;
margin-right:auto;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-bottom: 12px solid white;
}
}
section.triad {
padding-top:16px;
}
section.triad .container {
position:relative;
}
.triad a {
display:block;
font-family:L_TTF055;
text-align:center;
}
.triad a img {
display:inline-block;
margin-bottom:36px;
}
.triad a span {
display:block;
color:#cccccc;
}
.triad a span.triad-title-small {
font-size:30px;
margin-bottom:20px;
}
.triad a span.triad-title-large {
font-size:42px;
margin-bottom:30px;
}
.triad a span.triad-text {
color:#aaaaaa;
padding:0 24px;
}
.timeline {
}



.timeline-group {
	position:relative;
	border-radius:15px;
	padding:15px 92px 0 92px;
	border:solid 1px #dddddd;
	margin-bottom:5px;
}
.timeline-group-label {
	font-size:18px;
	position:absolute;
	transform:rotate(-90deg);
	left:-46px;
	top:48%;
}
.timeline-item {
	padding-bottom:10px;
	text-align:center;
	&::after {
		content:"";
		display:block;
		width: 0;
		height: 0;
		margin-left:auto;
		margin-right:auto;
		border-left: 16px solid transparent;
		border-right: 16px solid transparent;
		border-top: 12px solid @lignova;
	}
}
.timeline-label {
	border:solid 1px #555555;
	padding:10px 20px;
	border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	width:60%;
	text-align:center;
	font-size:16px;
	line-height:24px;
	cursor:pointer;
	box-shadow:0 0 0 #dddddd;
	.fading();
	&:hover {
		background-color:#eeeeee;
		box-shadow:10px 10px 5px #dddddd;
	}
}
.timeline-biglabel {
	background-color:@lignova;
	padding:5px 32px;
	margin-bottom:15px;
	border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	color:#ffffff;
	text-shadow:-1px -1px darken(@lignova, 10%);
	font-family:L_TTF056;
	font-size:22px;
	line-height:40px;
	text-align:center;
	.fading();
	cursor:pointer;
	&:hover {
		background-color: darken(@lignova, 10%);
	}
}
.timeline-help {
	display:none;
	font-size:13px;
	line-height:20px;
	padding-top:15px;
	text-align:left;
}
.timeline-help * {
	text-align:left;
}
.timeline-help ul {
	margin-bottom:10px;
}
.timeline-group:last-child .timeline-item:last-child::after {
display:none;
}


@media( min-width: 992px ) {
 .sp-wrap { text-align: right; }
}


@media (max-width:767px) {
header {
	position:static;
	height:auto;
}
ul.langmenu {
padding-top:12px;
}
ul.langmenu li,
ul.langmenu li a {
font-size:18px;
line-height:46px;
}
.head-wrap {
height:auto !important;
}
.head-main {
padding:56px 0;
text-align:center;
}
.head-main > * {
display:inline-block;
}
.toleft, .toright {
float:none;
clear:both;
}
.logo-wrap {
width:220px;
}
.head-txt .slogan {
width:240px;
}
section.triad {
padding-top:56px;
}
section.triad .container {
text-align:center;
}
.sp-wrap {
    margin-bottom:56px;
}


ul.menu {
	display:none;
        width: 100%;
}
ul.menu li a {
	border-radius:5px;
}
ul.menu > li {
	float:none;
	margin-bottom:10px;
}
ul.menu li a {
	height:60px;
	padding:15px 20px 0 20px;
	font-size:20px;
}
#menu-toggle {
	float:right;
	width:42px;
	height:56px;
	padding-top:24px;
	margin-bottom:56px;
	margin-right:32px;
	margin-left:auto;
	cursor:pointer;
	&::after {
		content:"";
		display:block;
		margin-top:26px;
		margin-bottom:26px;
		width:48px;
		height:4px;
		border-radius:2px;
		background-color: @color1;
		box-shadow:
		0 8px 0 @color1,
		0 16px 0 @color1,
		0 -8px 0 @color1,
		0 -16px 0 @color1;
	}
}
.timeline-group {
	padding:5px 5px 0 5px;
}
.timeline-label {
	width:auto;
}
.timeline-biglabel {
	width:auto;
}
.timeline-group-label {
	position:static;
	top:auto;
	transform:none;
	margin-bottom:15px;
}
.imgwrap {
margin-bottom:15px;
}
.triad a {
margin-bottom:36px;
}
}
@media (min-width:768px) {
ul.menu {
	display:block !important;
}
header ul.menu {
float:left;
}
ul.submenu {
	position:absolute;
	top:56px;
}
.head-main {
	position:absolute;
	z-index:100;
	white-space:nowrap;
}
.head-main > * {
display:inline-block;
}
footer ul.menu {
float:left;
}

}
@media (min-width:768px) and (max-width:991px) {
header {

}
header ul.menu > li > a {
	padding-left:10px;
	padding-right:10px;
}
.head-main {
	left:30px;
	bottom:-66px;
}
.logo-wrap {
	width:120px;
}
.logo-small {
	padding-top:30px;
}
.slogan {
width:180px;
}
.imgwrap {
margin-bottom:15px;
}
.triad a span.triad-title-small {
font-size:32px;
line-height:40px;
margin-bottom:0;
}
.triad a span.triad-title-large {
font-size:32px;
line-height:40px;
}
}
@media (min-width:992px) and (max-width:1199px) {
header ul.menu > li > a {
	padding-left:20px;
	padding-right:20px;
}
.head-main {
	left:30px;
	bottom:-60px;
}
.logo-wrap {
	width:140px;
}
.logo-small {
	padding-top:24px;
}
.slogan {
width:240px;
}
}
@media (min-width:1200px) {
.head-main {
	left:30px;
	bottom:-50px;
}
.logo-wrap {
	width:160px;
}
.logo-small {
padding-top:18px;
}
.slogan {
width:260px;
}
.timeline {
width:80%;
margin-left:auto;
margin-right:auto;
}
}

#page_content {padding-bottom: 0 !important;}
#page_content img {padding: 10px; background-color: #eee;  max-width: 100%;}
#page_content h2 {margin-bottom: 20px;}
#page_content ul {list-style: square; list-style-position: inside; margin-bottom: 32px;}
#page_content .side-item img {padding: 0;}
#page_content table tr td {padding-right: 5px;}
#page_content_akcio img {max-width: 100%; height: auto !important; padding: 10px !important; background-color: #fff; margin: 0; }
#partnerek h2 {color: @lignova;}

@media (max-width:470px) {
    #page_content img {display: block; margin: 0 auto; float: none !important;}
    h1 {font-size: 24px; margin-bottom: 10px; line-height: 36px;}
    h2 {font-size: 24px;}
}

.newscontent img {margin-bottom: 20px;}
@media (max-width:650px) {
    .newscontent img {display: block; margin: 20px auto; float: none !important; height: auto !important;}
}
@media (min-width: 768px) and (max-width:991px) {
    .newscontent img {float: left !important;}
}

.newscontent hr {clear: both;}

.newsbox, .newsbox-details, .gallerygroup {margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ddd;}
.gallerygroup2 {margin-bottom: 20px; text-align: center;}
.pagination-centered {text-align: center;}
textarea {resize: none;}

#head_img { position: absolute; right: 0; z-index: 110; margin-top: -10px; }

#page_content table img { max-width: 100%; height: auto !important; border: solid 1px #ddd; padding: 0; margin-bottom: 15px; }
#page_content table tr td:nth-child(2) { padding-left: 30px; }

.google-map {

}
.google-map #map-canvas {
    height: 500px;
}

.sp-logo img {padding: 0 !important;}
.sp-text {
font-size: 11px;
width: 76px;
text-align: center;
margin-top: -24px;
pointer-events: none;
}

.triad img {height: 110px !important; width: 110px !important;}

a#homeico1:hover span { color: @color1; }
#homeico1imghover { display: none; }
a#homeico1:hover #homeico1imghover { display: inline-block; }
a#homeico1:hover #homeico1img { display: none; }

a#homeico2:hover span { color: @color1; }
#homeico2imghover { display: none; }
a#homeico2:hover #homeico2imghover { display: inline-block; }
a#homeico2:hover #homeico2img { display: none; }

a#homeico3:hover span { color: @color1; }
#homeico3imghover { display: none; }
a#homeico3:hover #homeico3imghover { display: inline-block; }
a#homeico3:hover #homeico3img { display: none; }

.flip_gallery canvas {width: 100% !important;}

#alaprajzi_otletek {padding-top: 0;}
#hirdetes {margin-bottom: 36px;}

#btnsubmit { width: 100%; max-width: 300px; }
.error-message {color: #f00;}

#jflip img {visibility: hidden;}