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


/* Multiple templates */

.multiple-templates { position: relative; width: 100%; }
.multiple-templates[data-template="form"]       {}
.multiple-templates[data-template="processing"] {}
.multiple-templates[data-template="succeeded"]  {}
.multiple-templates[data-template="failed"]     {}

.multiple-templates .template-item {
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	margin-top: 15px;
	transition:opacity .6s ease, margin-top 0.6s ease, visibility 0s ease .6s;
}

.multiple-templates .template-item[data-label="form"]       { position:relative; }
.multiple-templates .template-item[data-label="processing"],
.multiple-templates .template-item[data-label="succeeded"],
.multiple-templates .template-item[data-label="exists"],
.multiple-templates .template-item[data-label="failed"] {
	position:absolute;
	left: 0; top: 0; right: 0; bottom: 0;
}

.multiple-templates[data-template="form"]       .template-item[data-label="form"]       { visibility: visible; opacity:1; margin-top:0; pointer-events:all; transition:opacity .6s ease, margin-top 0.6s ease, visibility 0s ease 0s;}
.multiple-templates[data-template="processing"] .template-item[data-label="processing"] { visibility: visible; opacity:1; margin-top:0; pointer-events:all; transition:opacity .6s ease, margin-top 0.6s ease, visibility 0s ease 0s;}
.multiple-templates[data-template="succeeded"]  .template-item[data-label="succeeded"]  { visibility: visible; opacity:1; margin-top:0; pointer-events:all; transition:opacity .6s ease, margin-top 0.6s ease, visibility 0s ease 0s;}
.multiple-templates[data-template="exists"]     .template-item[data-label="exists"]     { visibility: visible; opacity:1; margin-top:0; pointer-events:all; transition:opacity .6s ease, margin-top 0.6s ease, visibility 0s ease 0s;}
.multiple-templates[data-template="failed"]     .template-item[data-label="failed"]     { visibility: visible; opacity:1; margin-top:0; pointer-events:all; transition:opacity .6s ease, margin-top 0.6s ease, visibility 0s ease 0s;}

@media screen and (min-width: 580px) and (max-width: 699px) { .multiple-templates[data-template="form"] .template-item { margin-bottom:80px; } }
@media screen and (min-width: 310px) and (max-width: 579px) { .multiple-templates[data-template="form"] .template-item { margin-bottom:80px; } }


.tpl-startpage h3 i,em { font-style: normal; }
.tpl-startpage h3 i  { 
	display: inline-block;
	position: relative;
	width:       30px;
	height:      30px;
	margin: 0 0 -30px 0;
	top: 3px;
}
.tpl-startpage h3 i:before {
	display: block;
	position: relative;
	width:       30px; 
	height:      30px;
	font-size:   30px;
	line-height: 30px;
	text-align: center;
}
.tpl-startpage h3 em { 
	display: inline-block;
	margin: 0 0 0 10px;
}

.multiple-templates[data-template="processing"] h3,
.multiple-templates[data-template="succeeded"] h3,
.multiple-templates[data-template="failed"] h3 { }

.multiple-templates[data-template="form"]       .template-item[data-label="form"]       i:before { content:""; }
.multiple-templates[data-template="processing"] .template-item[data-label="processing"] i:before { content:"\E9E7"; }
.multiple-templates[data-template="succeeded"]  .template-item[data-label="succeeded"]  i:before { content:"\EA4D"; }
.multiple-templates[data-template="exists"]     .template-item[data-label="exists"]     i:before { content:"\EA57"; }
.multiple-templates[data-template="failed"]     .template-item[data-label="failed"]     i:before { content:"\EA51"; }

.multiple-templates[data-template="processing"] .template-item[data-label="processing"] i:before {
	animation: processing 1s infinite;
	animation-timing-function:linear;
}
@keyframes processing {
	from { transform:rotate(0deg); }
	to   { transform:rotate(360deg); }
}

/* ERROR MESSAGES */
.multiple-templates[data-template="form"] .template-item[data-label="form"] .error-message { color:#D40000; }
.multiple-templates[data-template="form"] .template-item[data-label="form"]                                .error-message { display: none; }
.multiple-templates[data-template="form"] .template-item[data-label="form"] #contact-form[data-errors="1"] .error-message { display: block; }
.multiple-templates[data-template="form"] .template-item[data-label="form"] .error-message i { display: inline-block; position: relative; width: 25px; height: 25px; margin-bottom: -25px; font-size: 25px; line-height: 25px; }
.multiple-templates[data-template="form"] .template-item[data-label="form"] .error-message em { display: inline-block; margin-left: 10px; font-family: 'Lato'; font-size: 1.6rem; line-height: 25px; font-style: italic; }
.multiple-templates[data-template="form"] .template-item[data-label="form"] .error-message i:before { content:"\E900";}




.au-anim {}
.au-anim .questions {
	display: block;
	margin: 0; padding: 0;
}
.au-anim .questions li {
	display: block;
	margin: 10px 0 10px 0; 
	padding: 0;
	font-size: 2.5rem;
	line-height: 1.3;
}
.au-anim .questions li i {
	display: block;
	position: relative;
	text-align: center;
	font-size:      18px;
	width:          30px;
	height:         30px;
	margin-bottom: -30px;
	line-height:    30px;
	border-radius:  30px;
	color: #2275A9;
	color: #45318A;
	background-color: #45318A;
	color: #F5C41A;
}
.au-anim .questions li i:before { content:"\E912"; }
/*
.au-anim .questions li[data-label="lve"] i:before { content:"\EA46"; }
.au-anim .questions li[data-label="exc"] i:before { content:"\EA38"; }
.au-anim .questions li[data-label="fun"] i:before { content:"\E9FC"; }
.au-anim .questions li[data-label="cap"] i:before { content:"\E9F9"; }
.au-anim .questions li[data-label="new"] i:before { content:"\EA16"; }
*/

.au-anim .questions li em {
	display: block;
	position: relative;
	margin: 0 0 0 45px;
	font-style: normal;
}
.css.skn-1 .au-anim .answer p {
	margin: 15px 0 25px 0;
	font-size: 3.0rem;
	line-height: 1.3;
	font-weight: bold;
	color: #2275A9;
}

div[data-label="about-us"] p {
	font-size: 1.8rem;
	line-height: 1.4;
}










/*					*/
/* Typography 		*/
/*					*/







/*					*/
/* About-us 		*/
/*					*/

	div[data-label="Rolunk"] figure {
		background-size: cover;
		background-position: center center;
		min-height: 400px;
		margin-bottom: 25px;
	}
	div[data-label="Rolunk"] figure img {
		visibility: hidden;
		width: 100%;
		height: auto;
	}
	div[data-label="Rolunk"] .columns .column .mirror p {
		text-align: justify;
	}
	

/*					*/
/* Services 		*/
/*					*/


	.services {
		margin-block: 50px;
	}
	.services ul {
		column-count: 2;
		column-gap: 0;
		break-inside: avoid-column;
		margin: 0; padding: 0;
	}
	/* XXL */ @media screen and (min-width:1240px) and (max-width:9999px) { .services ul { column-count: 3; } }
	/*   M */ @media screen                        and (max-width: 859px) { .services ul { column-count: 1; } }
	
	.services ul li {
		list-style: none;
		margin: 0 15px 15px 0; 
		padding: 0;
		display: block;
		background-color: #EDEDED;
		border-radius: 10px;
		height: 100px;
	}
	.services ul li a {
		display: block;
		height: 100%;
		border-radius: inherit;
	}
	
	.services ul li i {
		display: block;
		position: relative;
		width:       100px;
		height:      100px;
		margin: 0 0 -100px 0;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.services ul li em {
		display: block;
		position: relative;
		margin: 0 0 0 100px;
		top: 50%;
		transform: translateY(-50%);
		font-style: normal;
		font-size: 1.6rem;
		line-height: 1.3;
		outline: 0px solid red;
	}

	.services ul li[data-label="professional-advice" ] i { background-image: url("../../images/elements/advice.svg"); }
	.services ul li[data-label="installation"        ] i { background-image: url("../../images/elements/installation.svg"); }
	.services ul li[data-label="spare-parts-stock"   ] i { background-image: url("../../images/elements/parts.svg"); }
	.services ul li[data-label="sale"                ] i { background-image: url("../../images/elements/sales.svg"); }
	.services ul li[data-label="educations-trainings"] i { background-image: url("../../images/elements/education.svg"); }
	.services ul li[data-label="warranty-repairs"    ] i { background-image: url("../../images/elements/warranty.svg"); }





/*						*/
/* Firms represented 	*/
/*						*/

	.firms {
		margin-top: 37px;
		margin-bottom:-37px;
	}
	.firms ul {
		margin:0;
		padding: 0;
	}
	.firms ul li {
		list-style: none;
		display: block;
		position: relative;
		margin: 0;
		padding: 75px 0 50px 0;
		margin-bottom: -75px;
		margin-bottom: 0;
		font-size: 0; line-height: 0;
		outline: 0px dotted red;
	}
	.firms ul li:before {
		content:"";
		display: block;
		position: absolute;
		left:   0; 
		right:  0;
		top:    -37.5px;
		bottom: -37.5px;
	}
	
	.firms ul li:nth-child(2n+1):before {
		background-color: #EDEDED;
		        clip-path: polygon( 0% 0%, 100% 75px,100% calc(100% - 75px), 0% 100%);
		-webkit-clip-path: polygon( 0% 0%, 100% 75px,100% calc(100% - 75px), 0% 100%);
	}
	.firms ul li:nth-child(2n+0):before {
		background-color: #FFFFFF;
		        clip-path: polygon( 0% 75px, 100% 0%,100% 100%, 0% calc(100% - 75px));
		-webkit-clip-path: polygon( 0% 75px, 100% 0%,100% 100%, 0% calc(100% - 75px));
	}
	
	.firms ul li figure {
		display: inline-block;
		position: relative;
		vertical-align: top;
		margin: 0;
		padding: 0;
		height: auto;
		width: 50%;
	}
	.firms ul li figure .product {
		position: relative;
		width: 100%;
		height: auto;
		background-position: top center;
	}
	.firms ul li figure .product img {
		width: 100%;
		height: auto;
	}
	
	.firms ul li figure .buttons {
		position: absolute;
		bottom: 0;
		left: 0; right: 0;
	} 
	.firms ul li figure .buttons a {
		display: inline-block;
		position: relative;
		left: 50%;
		transform: translate(-50%);
	}
	.firms ul li figure .buttons a i {}
	.firms ul li figure .buttons a em {}
	
	.firms ul li figcaption {
		display: inline-block;
		width: 50%;
	}
	.firms ul li figcaption .copies {
		display: block;
		position: relative;
		margin: 0 25px 0 0;
		padding: 0;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.firms ul li figcaption .copies h3 {
		text-indent: -1000em;
		width: 100%;
		display: block;
	}
	.firms ul li figcaption .copies p {
		text-align: justify;
	}
	.firms ul li figcaption .copies .logo {
		width: 100%;
		height: 50px;
		background-position: top left;
		background-repeat: no-repeat;
		margin: 0 0 30px 0;
	}


	.firms ul li[data-label="fedegari-group"] { }
	.firms ul li[data-label="skan"          ] { }
	.firms ul li[data-label="groninger"     ] { }
	.firms ul li[data-label="kaye"          ] { }

	.firms ul li[data-label="fedegari-group"] figure .product { top:-35px; max-height:300px; background-image:url("../../images/products/fedegari1.webp"); }
	.firms ul li[data-label="skan"          ] figure .product { top:-40px; max-height:290px; background-image:url("../../images/products/skan1.webp"); }
	.firms ul li[data-label="groninger"     ] figure .product { top:-40px; max-height:300px; background-image:url("../../images/products/groninger1.webp"); }
	.firms ul li[data-label="kaye"          ] figure .product { top:-15px; max-height:290px; background-image:url("../../images/products/kaye1.webp"); }

	/*
	.firms ul li[data-label="fedegari-group"] .copies .logo {               background-image:url("../../images/logo/full/fedegari-group-color-positive.svg"); }
	.firms ul li[data-label="skan"          ] .copies .logo {               background-image:url("../../images/logo/full/skan-color-positive.svg"); }
	.firms ul li[data-label="groninger"     ] .copies .logo { height: 70px; background-image:url("../../images/logo/full/groninger-color-positive.svg"); }
	.firms ul li[data-label="kaye"          ] .copies .logo {               background-image:url("../../images/logo/full/kaye-color-positive.svg"); }

	
	.firms ul li[data-label="fedegari-group"] .buttons { }
	.firms ul li[data-label="skan"          ] .buttons { bottom:-15%; }
	.firms ul li[data-label="groninger"     ] .buttons { }
	.firms ul li[data-label="kaye"          ] .buttons { bottom:  8%; }
	*/

	/* responsives */
	
	@media screen and (min-width: 0px) and (max-width: 959px) { 
		.firms ul li {
			display:flex;
			flex-direction: column-reverse;
			height: auto;
			padding: 37px 0 75px 0;
		}
		.firms ul li figure .product {
			top: 0!important;
		}
		.firms ul li figure,
		.firms ul li figcaption {
			display: block;
			width: 100%;
			top: 0!important;
		}
		.firms ul li figcaption .copies {
			margin-inline: 35px;
		}
		.firms ul li figure .buttons {
			position: relative;
		}
		
		.firms ul li:nth-child(2n+1):before {
					clip-path: polygon( 0% 0%, 100% 50px,100% calc(100% - 50px), 0% 100%);
			-webkit-clip-path: polygon( 0% 0%, 100% 50px,100% calc(100% - 50px), 0% 100%);
		}
		.firms ul li:nth-child(2n+0):before {
					clip-path: polygon( 0% 50px, 100% 0%,100% 100%, 0% calc(100% - 50px));
			-webkit-clip-path: polygon( 0% 50px, 100% 0%,100% 100%, 0% calc(100% - 50px));
		}
		
		.firms ul > li:nth-child(1) .copies { top: 0%; transform:translateY(0%); }
		.firms ul > li:nth-child(2) .copies { top: 0%; transform:translateY(0%); } 
		.firms ul > li:nth-child(3) .copies { top: 0%; transform:translateY(0%); } 
		.firms ul > li:nth-child(4) .copies { top: 0%; transform:translateY(0%); } 
		
		.firms ul > li:nth-child(1) figure {}
		.firms ul > li:nth-child(2) figure {} 
		.firms ul > li:nth-child(3) figure {} 
		.firms ul > li:nth-child(4) figure {} 
		
		.firms ul li .copies .logo {
			background-position: center top;
		}
	}
	
	


/*						*/
/* Contact us 			*/
/*						*/

	div[data-label="Kapcsolat"] {}
	
	/* XXL */ @media screen and (min-width:1240px) and (max-width:9999px) {  }
	/*   M */ @media screen                        and (max-width: 859px) {
		div[data-label="Kapcsolat"] .columns {
			display: flex;
			flex-direction: column-reverse;
		}
		div[data-label="Kapcsolat"] .columns .column {
			height: auto;
		}
		div[data-label="Kapcsolat"] .columns .column:nth-child(1) p {
			height: auto;
		}
	}
	
	
	
	/*				*/
	/* Contact map 	*/
	/*				*/
	
		#contact-map {
			width: 100%;
			min-height: 400px;
			filter: brightness(1.02) contrast(1.02);
		}
		
	/*					*/
	/* Contact form 	*/
	/*					*/
	
		#contact-form {
			width: calc(100% - 60px);
			max-width: 700px;
			margin: 0 0 25px 0;
		}
		#contact-form p.error-message {}
		#contact-form p.error-message i {}
		#contact-form p.error-message em {}

		#contact-form input,
		#contact-form textarea {
			display: block;
			width: calc(100% - 22px);
			outline: none;
			margin: 0 0 20px 0;
			padding: 10px 10px 10px 10px;
			border-radius: 2px;
			border: 1px solid var(--brand_lightgray);
			background-color: #F9F9F9;
			font-family: Lato-Light;
			font-size: 1.6rem;
			line-height: 1.1;
			color: var(--brand_darkgray);
		}
		#contact-form ::placeholder {
			opacity: 0.5;
		}
		#contact-form input[type="submit"] { display: none; }
		#contact-form .buttons a {}
		#contact-form .buttons a i {}
		#contact-form .buttons a em {}
		#contact-form .buttons a em:before {}

	/*					*/
	/* Contact info 	*/
	/*					*/

		#contact-infos {}
		#contact-infos ul {
			margin: 0; padding: 0;
		}
		#contact-infos ul li {
			display: block;
			list-style: none;
			margin: 0 0 15px 0;  
			padding: 0;
		}
		#contact-infos ul li i,
		#contact-infos ul li em {
			font-family: Lato-Light;
			font-style: normal;
			font-size: 1.5rem;
			line-height: 1.5;
		}
		#contact-infos ul li i {}
		#contact-infos ul li em {}

	/*					*/
	/* Contact us now 	*/
	/*					*/
	
		#contact-us-now {
			position: relative;
			width: 100%;
			height: 380px;
		}
		#contact-us-now figure {
			position: relative;
			width: 100%;
			height: 380px;
			background-image: url("../../images/background/contact-us.main.jpg");
			background-size: 100%;
			background-position: center center;
			background-repeat: no-repeat;
		}
		#contact-us-now figure:before,
		#contact-us-now figure:after {
			display: block;
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			width: 100%;
			background-size: 100%;
			background-repeat: repeat-x;
			z-index: -1;
		}
		#contact-us-now figure:before {
			background-image: url("../../images/background/contact-us.left.jpg");
			left: -90%;
		}
		#contact-us-now figure:after {
			background-image: url("../../images/background/contact-us.right.jpg");
			right: -90%;
		}
		#contact-us-now figure figcaption {
			position: relative;
			left: 50%;
			width: 50%;
			top: 50%;
			transform: translateY(-50%);
		}
		#contact-us-now figure figcaption h3 {
			font-size: 4.0rem;
			line-height: 1.2;
			color: var(--brand_darkgray);
		}
		#contact-us-now figure figcaption p {
			font-size: 2.0rem;
			line-height: 1.5;
			color: var(--brand_darkestgray);
			word-break: unset;
			word-wrap: unset;
			overflow-wrap: unset;
			hyphens: unset;-webkit-hyphens: unset; -moz-hyphens: unset; -ms-hyphens: unset;
		}
		@media screen and (min-width:   0px) and (max-width: 859px)
		{
			#contact-us-now {
				height: auto;
			}
			#contact-us-now figure { 
				background-size: cover;
				background-position: center top; 
				margin: 0 -15px 0 -15px;
				padding: 0 15px 0 0;
				width: calc(100% + 15px);
			}
			#contact-us-now figure figcaption h3 { font-size: 2.0rem; }
			#contact-us-now figure figcaption p { font-size: 1.3rem; }
		}