@charset "utf-8";
:focus { outline: none; }
input[type=text]:focus,
input[type=password]:focus, textarea:focus { outline: 0 none; }
body, html { height: 100%; min-height: 100%; font-weight: normal; font-style:normal; }
input, textarea, select { -webkit-appearance: none; }
input, textarea, select { -webkit-border-radius: 0; border-radius: 0; }
body, nav, ul, li, a {margin:0;padding:0;}
html, html a {
    -webkit-font-smoothing: antialiased !important;
	-webkit-text-size-adjust: none;
	scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
}
body {
	background-color: rgba(255, 255, 255, 1);
	font-family: "Comfortaa", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	color: rgba(0, 0, 0, 1);
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	}
strong {
	font-weight: 700;
	}

#header, #header-00, #header-logo, #menu-button, #menu-part-01, #menu-part-02, #menu-part-03, 

#navilang, #navilang > a.navi-link, .menu-links, .menu-links a, #socail_icon, #socail_icon_img_f, #socail_icon_img_i, #socail_icon_img_l, 

#section-div-40, #section-div-60, 

#section-h00, #section-h00-00, #section-h00-number, 
#section-h01, #section-h01-00, #section-h01-01, #section-h01-01-01, #section-h01-01-01-text, #section-h01-02-top, #section-h01-02, #section-h01-02-01, #section-h01-02-01-text, #section-h01-01-title, #section-h01-01-kontakt, #section-h01-02-01-circle, #section-h01-02-01-circle-01, #section-h01-02-01-circle-02, #section-h01-02-01-circle-03, #section-h01-02-title, #section-h01-02-link, 
.class-h01 a:link, .class-h01 a:visited, .class-h01 a:active, .class-h01 a:hover, 
#section-h02, #section-h02-00, #section-h02-01, #section-h02-01-kontakt, #section-h02-01-link, #section-h07, #section-h07-00, #section-h07-l01, #section-h07-l02, #section-h07-l02, #section-h07-image, #section-h07-link, 
.class-h03 a:link, .class-h03 a:visited, .class-h03 a:active, .class-h03 a:hover, 
#section-h03, #section-h03-00, #section-h03-01, #section-h03-01-title, #section-h03-01-title-mobile, #section-h03-01-link, 
#section-h05, #section-h05-00, #section-h05-01, #section-h05-01-kontakt, #section-h05-02-top, #section-h05-02, #section-h05-02-01, #section-h05-02-01-text, #section-h05-02-title, #section-h05-03, #section-h05-03-01, #section-h05-03-01-logos, 
#section-h06, #section-h06-00, #section-h06-01, #section-h06-01-kontakt, #section-h06-02-top, #section-h06-02, #section-h06-02-01, #section-h06-02-01-text, #section-h06-02-title, 
.class-h02 a:link, .class-h02 a:visited, .class-h02 a:active, .class-h02 a:hover, 

#section-s00, #section-s00-top, #section-s00-00, #section-s00-mobile, #section-s00-00-mobile, 
#section-s01, #section-s01-00, #section-s01-01, #section-s01-01-01, #section-s01-01-01-text, #section-s01-01-title, #section-s01-01-kontakt, 
#section-s01-01-kontakt-page, #section-s01-01-01-text-page, 
#section-s02, #section-s02-00, #section-s02-01, #section-s02-01-text, 

#section-s03, #section-s03-00, #section-s03-mobile, #section-s03-00-mobile, #section-s03-yes, #section-s03-no, #section-s03-text, #section-s03-link, 
.class-s01 a:link, .class-s01 a:visited, .class-s01 a:active, .class-s01 a:hover, 
.class-s02 a:link, .class-s02 a:visited, .class-s02 a:active, .class-s02 a:hover, 
#section-u00, #section-u00-top, #section-u00-00, #section-u00-mobile, #section-u00-00-mobile, #section-u00-number, #section-u00-link, 
.class-u01 a:link, .class-u01 a:visited, .class-u01 a:active, .class-u01 a:hover, 
#section-u01, #section-u01-00, #section-u01-title, #section-u01-text, 
#section-u02, #section-u02-00, #section-u02-yes, #section-u02-no, #section-u02-title, #section-u02-text, #section-u02-image, #section-u02-link, 
.class-u02 a:link, .class-u02 a:visited, .class-u02 a:active, .class-u02 a:hover, 

#section-e00, #section-e00-top, #section-e00-00, #section-e00-number, #section-e00-mobile, #section-e00-00-mobile, 
#section-e01, #section-e01-00, #section-e01-title, 
.class-e01 a:link, .class-e01 a:visited, .class-e01 a:active, .class-e01 a:hover, 
.class-e02 a:link, .class-e02 a:visited, .class-e02 a:active, .class-e02 a:hover, 
.class-e03 a:link, .class-e03 a:visited, .class-e03 a:active, .class-e03 a:hover, 
.class-e04 a:link, .class-e04 a:visited, .class-e04 a:active, .class-e04 a:hover, 
#section-e02, #section-e02-00, #section-e02-00-holder, #section-e02-l01, #section-e02-l02, #section-e02-image, #section-e02-link, #section-e02-text, 
#section-p00, #section-p00-top, #section-p00-00, #section-p00-00-mobile, #section-p01-00, #section-p00-number, #section-p00-mobile, #section-p01-00-mobile, 
#section-p01, #section-p01-00, #section-p01-title, #section-p01-link, 
#section-p02, #section-p02-00, #section-p02-title, #section-p02-title-under, #section-p02-text, 
.class-p01 a:link, .class-p01 a:visited, .class-p01 a:active, .class-p01 a:hover, 
.class-p02 a:link, .class-p02 a:visited, .class-p02 a:active, .class-p02 a:hover, 
#section-p03, #section-p03-00, #section-p03-mobile, #section-p03-00-mobile, #section-p03-group, #section-p03-l01, #section-p03-l02, #section-p03-p01, #section-p03-p02, 
#section-beaworld-first, #section-beaworld-second, 
#section-p01-line, #section-p02-line, #section-l01-line, .linkdodaneffect, 

#footer, #footer-00, #footer-text, #footer-01, #footer-01-01, #footer-esif, #footer-eu, #footer-hamag, img {
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}


#header, #header-00, #socail_icon, #socail_icon_img_f, #socail_icon_img_i, #socail_icon_img_l, 

#section-div-40, #section-div-60, 

#section-h00, #section-h00-00, #section-h00-number, 
#section-h01, #section-h01-00, #section-h01-01, #section-h01-01-01, #section-h01-01-01-text, #section-h01-02-top, #section-h01-02, #section-h01-02-01, #section-h01-02-01-text, #section-h01-01-title, #section-h01-01-kontakt, #section-h01-02-01-circle, #section-h01-02-01-circle-01, #section-h01-02-01-circle-02, #section-h01-02-01-circle-03, #section-h01-02-title, #section-h01-02-link, 
#section-h02, #section-h02-00, #section-h02-01, #section-h02-01-kontakt, #section-h02-01-link, #section-h07, #section-h07-00, #section-h07-l01, #section-h07-l02, #section-h07-l02, #section-h07-image, #section-h07-link, 
#section-h03, #section-h03-00, #section-h03-01, #section-h03-01-title, #section-h03-01-title-mobile, #section-h03-01-link, 
#section-h05, #section-h05-00, #section-h05-01, #section-h05-01-kontakt, #section-h05-02-top, #section-h05-02, #section-h05-02-01, #section-h05-02-01-text, #section-h05-02-title, #section-h05-03, #section-h05-03-01, #section-h05-03-01-logos, 
#section-h06, #section-h06-00, #section-h06-01, #section-h06-01-kontakt, #section-h06-02-top, #section-h06-02, #section-h06-02-01, #section-h06-02-01-text, #section-h06-02-title, 

#section-s00, #section-s00-top, #section-s00-00, #section-s00-mobile, #section-s00-00-mobile, 
#section-s01, #section-s01-00, #section-s01-01, #section-s01-01-01, #section-s01-01-01-text, #section-s01-01-title, #section-s01-01-kontakt, 
#section-s01-01-kontakt-page, #section-s01-01-01-text-page, 
#section-s02, #section-s02-00, #section-s02-01, #section-s02-01-text, 

#section-s03, #section-s03-00, #section-s03-mobile, #section-s03-00-mobile, #section-s03-yes, #section-s03-no, #section-s03-text, #section-s03-link, 
#section-u00, #section-u00-top, #section-u00-00, #section-u00-mobile, #section-u00-00-mobile, #section-u00-number, #section-u00-link, 
#section-u01, #section-u01-00, #section-u01-title, #section-u01-text, 
#section-u02, #section-u02-00, #section-u02-yes, #section-u02-no, #section-u02-title, #section-u02-text, #section-u02-image, #section-u02-link, 

#section-e00, #section-e00-top, #section-e00-00, #section-e00-number, #section-e00-mobile, #section-e00-00-mobile, 
#section-e01, #section-e01-00, #section-e01-title, 
#section-e02, #section-e02-00, #section-e02-00-holder, #section-e02-l01, #section-e02-l02, #section-e02-image, #section-e02-link, #section-e02-text, 
#section-p00, #section-p00-top, #section-p00-00, #section-p00-00-mobile, #section-p01-00, #section-p00-number, #section-p00-mobile, #section-p01-00-mobile, 
#section-p01, #section-p01-00, #section-p01-title, #section-p01-link, 
#section-p02, #section-p02-00, #section-p02-title, #section-p02-title-under, #section-p02-text, 
#section-p03, #section-p03-00, #section-p03-mobile, #section-p03-00-mobile, #section-p03-group, #section-p03-l01, #section-p03-l02, #section-p03-p01, #section-p03-p02, 
#section-beaworld-first, #section-beaworld-second, 
#section-p01-line, #section-p02-line, #section-l01-line, 

#footer, #footer-00, #footer-text, #footer-01, #footer-01-01, #footer-esif, #footer-eu, #footer-hamag { 
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	z-index: 1;
	}

#section-div-40 {
	height: 36px;
	background-color: rgba(255, 255, 255, 1);
	display: block;
	}
#section-div-60 {
	height: 54px;
	background-color: rgba(255, 255, 255, 1);
	display: block;
	}

.linkdodaneffect {
	cursor: pointer;
	color: rgba(0, 0, 0, 1);
	}
.linkdodaneffect:hover {
	cursor: pointer;
	color: rgba(0, 85, 255, 1);
	}

/* ---------- ---------- ---------- madprops.hr :: 2026-06-01 :: header  ---------- ---------- ---------- */

#header {
	position: fixed;
	height: 140px;
	background-color: rgba(255, 255, 255, 0);
	z-index: 2;
	}
#header-00 {
	height: 140px;
	}
#header-logo {
	position: fixed;
	width: 170px;
	height: 100px;
	left: 36px;
	top: 36px;
	z-index: 3;
	mix-blend-mode: normal;
	}
#menu-button {
	position: fixed;
	width: 8px;
	height: 40px;
	top: 36px; 
	right: 36px; 
	display: block;
	cursor: pointer;
	z-index: 3;
	mix-blend-mode: normal;
	}	
#menu-button-mobile {
	position: absolute;
	width: 8px;
	height: 40px;
	top: 36px; 
	right: 36px; 
	display: none;
	cursor: pointer;
	}
#menu-part-01, #menu-part-02, #menu-part-03 {
	height: 8px;
	width: 8px;
	right: 0px;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
	}
#menu-part-01 {
	top: 0px;
	}
#menu-part-02 {
	top: 16px;
	}	
#menu-part-03 {
	top: 32px;
	}	

.hamburger {
	
}

.menu {
	position: fixed;
  	top: 0;
  	right: 0;
  	width: 0;
  	height: 0;
  	background-color: rgba(0, 85, 255, 0.75);
  	overflow: hidden;
  	z-index: 99;
	}
#close-btn {
   	position: absolute;
   	top: 36px;
   	right: 36px;
	width: 40px;
	height: 40px;
   	cursor: pointer;
	opacity: 0;
  	transform: translateY(20px);
}
.menu-links {
	height: 100%;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: left;
	margin-left: 36px;
  	gap: 1rem;
  	opacity: 0;
}
.menu-links a {
	font-family: "Comfortaa", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	color: rgba(255, 255, 255, 1);
	font-size: 28px;
	line-height: 34px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
}
.menu-links a:hover {
	color: rgba(255, 215, 0, 1);
}

#navilang {
	position: absolute;
	width: auto;
	height: auto;
	top: 36px;
	left: 36px;
	font-family: "Comfortaa", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	opacity: 0;
  	transform: translateY(20px);
	}
#navilang > a.navi-link {
	margin-left: 0px;
	margin-right: 18px;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	display: inline-block;
	}
#navilang > a.navi-link.active {
	font-weight: 700;
	color: rgba(255, 215, 0, 1);
	}
#navilang > a.navi-link:hover {
	color: rgba(255, 215, 0, 1);
	}
#navilang > a.navi-link:active {
	color: rgba(255, 215, 0, 1);
	}

#socail_icon {
	position: absolute;
	width: 120px;
	height: 30px;
	left: 30px;
	bottom: 20px;
	}
#socail_icon_img_f, #socail_icon_img_i, #socail_icon_img_l {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	margin-left: 0px;
	margin-right: 10px;
	float: left;
	}
#socail_icon_imgk_f, #socail_icon_imgk_i, #socail_icon_imgk_l {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 45px 45px;
	width: 45px;
	height: 45px;
	margin-left: 0px;
	margin-right: 10px;
	float: left;
	}
#socail_icon_img_f {
	/*background-image: url("img/face-y.png");*/
	}
#socail_icon_img_i {
	/*background-image: url("img/insta-y.png");*/
	}
#socail_icon_img_l {
	/*background-image: url("img/lkd-y.png");*/
	}
.img-logo, .img-social, .img-madprops {
	width: auto;
	height: auto;
	border: none;
	opacity: 1;
	}
.img-logo {
	height: 100px;
	}
.img-social {
	height: 30px;
	}
.imgk-social {
	height: 45px;
	}
.img-social:hover {
	opacity: 1;
	}
.img-madprops {
	height: 130px;
	}

/* ---------- ---------- ---------- madprops.hr :: 2026-06-01 :: section-h00 / h01 / h02 / h03 / h05 / h06 ---------- ---------- ---------- */

#section-h00 {
	width: 100%;
	height: 100%;
	}
#section-h00-00 {
	width: 100%;
	height: 100%;
	
    object-fit:cover;
    /* Start hidden in center */
    clip-path:circle(0% at 50% 50%);
	-webkit-clip-path:circle(0% at 50% 50%);
    /*transform:scale(0);*/
	
	will-change:clip-path;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
	}
#video-bg {    
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	object-fit: cover; /* key line */
	transform: translateZ(0);
	will-change: transform;
	}
#section-h00-number {
	position: absolute;
	width: 1200px;
	height: 90px;
	left: 54px;
	bottom: 70px;
	z-index: 10;
	text-align: left;
	}
.sentence {
	position: absolute;
	width: 1200px;
	height: 90px;
	left: 54px;
	bottom: 70px;
	z-index: 10;
  	}
.sentence {
	opacity: 0;
	mix-blend-mode: normal;
	}
.s1, .s2, .s3 {
	color: rgba(255, 255, 255, 1);
	font-weight: 700;
	font-size: 40px;
	line-height: 80px;
	text-align: left;
	text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
	}
.s3 {
	font-size: 70px;
	line-height: 80px;
	}
.word {
	display: inline-block;
	white-space: nowrap;
	}
.char {
	display: inline-block;
	}
.blend-diff {
	mix-blend-mode: difference;
	}
#blackCircle, #blueCircle, #yellowCircle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 135px;
	height: 135px;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(0);
	transform-origin: center center;
	opacity: 0;
	}
#blackCircle {
	background-color: rgba(0, 0, 0, 1);
}

#blueCircle {
	background-color: rgba(0, 85, 255, 1);
}

#yellowCircle {
	background-color: rgba(255, 215, 0, 1);
}
/*
@media (min-aspect-ratio: 16/9) {
	#video-bg {
		width: 110%;
		height: auto;
		}
}
@media (max-aspect-ratio: 16/9) {
	#video-bg {
		width: auto;
		height: 110%;
		}
}
*/
#section-h01 {
	background-color: white;
	}
#section-h01, #section-h01-00 {
	width: 100%;
	}
#section-h01-01, #section-h01-02 {
	width: auto;
	margin-left: 36px;
	margin-right: 36px;
	}
#section-h01-01-01, #section-h01-02-01 {
	width: 50%;
	margin-top: 54px;
	margin-right: 0px;
	margin-bottom: 36px;
	text-align: left;
	float: right;
	}
#section-h01-02-01 {
	margin-top: 36px;
	margin-bottom: 54px;
	}
#section-h01-01-01-text, #section-h01-02-01-text {
	width: 600px;
	margin-left: 0px;
	text-align: left;
	float: left;
	opacity: 1;
	transform: scale(1);
	}
#section-h01-02-top {
	background-color: rgba(255, 215, 0, 1);
	width: 100%;
	}
#section-h01-01-kontakt, #section-h01-02-title, #section-h01-02-link {
	position: absolute;
	width: auto;
	height: auto;
	left: 0px;
	bottom: 36px;
	}
#section-h01-01-title {
	position: absolute;
	width: 540px;
	height: auto;
	left: 0px;
	top: 54px;
	margin-top: auto;
	margin-left: auto;
	}
#section-h01-01-kontakt {
	position: absolute;
	width: auto;
	height: auto;
	left: 0px;
	bottom: 36px;
	margin-top: auto;
	margin-left: auto;
	}
#section-h01-02-link {
	right: 0px;
	bottom: 36px;
	}
#section-h01-02-01-circle {
	width: 600px;
	margin-top: 54px;
	margin-left: 0px;
	float: left;
	}
#section-h01-02-01-circle-01 {
	background-color: rgba(0, 85, 255, 1);
	width: 124px;
  	height: 124px;
	border-radius: 50%;
	margin-right: 36px;
	margin-bottom: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	text-align: center;
	padding: 8px;
	box-sizing: border-box;
	float: left;
	}

#section-h02, #section-h02-00 {
	width: 100%;
	}
#section-h02-01 {
	width: auto;
	min-height: 140px;
	margin-top: 0px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 0px;
	}
 #section-h02-01-kontakt {
	position: absolute;
	width: auto;
	height: auto;
	left: 0px;
	bottom: 54px;
	float: left;
	margin-top: auto;
	margin-left: auto;
	}
#section-h02-01-link {
	position: absolute;
	width: auto;
	height: auto;
	right: 0px;
	bottom: 0px;
	}

#section-h07 {
	width: 100%;
	}
#section-h07-00 {
	width: auto;
	height: auto;
	margin-top: 0px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 0px;
	}
#section-h07-l01, #section-h07-l02  {
	width: 450px;
	height: 300px;
	margin-right: 8px;
	margin-bottom: 0px;
	text-align: left;
	float: left;
	border-radius: 8px;
	}
#section-h07-l02 {
	margin-right: 8px;
	}
#section-h07-image {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 450px 300px;
	width: 450px;
	height: 300px;
	float: left;
	}
#section-h07-link {
	position: absolute;
	width: auto;
	height: auto;
	right: 20px;
	bottom: 18px;
	text-align: right;
	z-index: 10;
	}

#section-h03 {
	width: 100%;
	}
#section-h03-00 {
	width: auto;
	margin-top: 0px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 0px;
	}
#section-h03-01 {
	min-height: 280px;
	margin-left: 0px;
	float: left;
	}
 #section-h03-01-title {
	position: absolute;
	width: auto;
	height: auto;
	left: 0px;
	bottom: 60px;
	display: block;
	}
 #section-h03-01-title-mobile {
	position: absolute;
	width: auto;
	height: auto;
	left: 0px;
	bottom: 60px;
	display: none;
	}
#section-h03-01-link {
	position: absolute;
	width: auto;
	height: auto;
	right: 0px;
	bottom: 54px;
	}

#section-h05, #section-h05-00 {
	width: 100%;
	}
#section-h05-01 {
	width: auto;
	min-height: 140px;
	margin-top: 0px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 0px;
	}
 #section-h05-01-kontakt {
	position: absolute;
	width: auto;
	height: auto;
	left: 0px;
	bottom: 54px;
	float: left;
	margin-top: auto;
	margin-left: auto;
	}
#section-h05-02-top {
	background-color: rgba(255, 215, 0, 1);
	width: 100%;
	}
#section-h05-02 {
	width: auto;
	margin-left: 36px;
	margin-right: 36px;
	}
#section-h05-02-01 {
	width: 50%;
	margin-top: 54px;
	margin-right: 0px;
	margin-bottom: 54px;
	text-align: left;
	float: right;
	}
#section-h05-02-01-text {
	width: 580px;
	margin-top: 70px;
	margin-left: 0px;
	text-align: left;
	float: left;
	opacity: 1;
	transform: scale(1);
	}
#section-h05-02-title {
	position: absolute;
	width: auto;
	height: auto;
	top: auto;
	left: 0px;
	bottom: 36px;
	}
#section-h05-03 {
	width: auto;
	margin-left: 36px;
	margin-right: 36px;
	}
#section-h05-03-01 {
	width: auto;
	margin-bottom: 36px;
	}
#section-h05-03-01-logos {
	width: 14%;
	height: auto;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 0px;
	float: left;
	}

#section-h06, #section-h06-00 {
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	}
#section-h06-01 {
	width: auto;
	min-height: 140px;
	margin-top: 0px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 0px;
	}
 #section-h06-01-kontakt {
	position: absolute;
	width: auto;
	height: auto;
	left: 0px;
	bottom: 54px;
	float: left;
	margin-top: auto;
	margin-left: auto;
	}
#section-h06-02-top {
	background-color: rgba(0, 85, 255, 1);
	width: 100%;
	}
#section-h06-02 {
	width: auto;
	margin-left: 36px;
	margin-right: 36px;
	}
#section-h06-02-01 {
	width: 50%;
	margin-top: 54px;
	margin-right: 0px;
	margin-bottom: 54px;
	text-align: left;
	float: right;
	}
#section-h06-02-01-text {
	width: 500px;
	margin-left: 0px;
	float: left;
	}
#section-h06-02-title {
	position: absolute;
	width: auto;
	height: auto;
	left: 0px;
	bottom: 54px;
	}

.col-h01 {
	text-align: left;
	vertical-align: top;
	}
.col-h02 {
	height: 18px;
	}
.col-h03 {
	text-align: center;
	vertical-align: top;
	}
.col-h04 {
	text-align: right;
	vertical-align: middle;
	}
.col-h05 {
	text-align: right;
	vertical-align: middle;
	width: 36px;
	}

.text-h01, .text-h02, .text-h03 {
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	}
.text-h01 {
	font-weight: 700;
	}
.text-h02 {
	color: rgba(0, 0, 0, 1);
	}
.text-h04 {
	font-weight: 300;
	font-size: 28px;
	line-height: 32px;
	}
.text-h05 {
	font-weight: 700;
	font-size: 26px;
	line-height: 32px;
	text-align: center;
	}
.text-h06 {
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	}
.text-h07 {
	color: rgba(0, 85, 255, 1);
	font-weight: 700;
	font-size: 70px;
	line-height: 80px;
	}
.text-h08 {
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
	line-height: 24px;
	}
.text-h09 {
	color: rgba(255, 215, 0, 1);
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	}
.text-h010 {
	color: rgba(255, 255, 255, 1);
	font-weight: 700;
	font-size: 70px;
	line-height: 80px;
	}
.text-h011 {
	color: rgba(0, 85, 255, 1);
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	}

.class-h01 a:link, .class-h01 a:visited, .class-h01 a:active, .class-h01 a:hover, 
.class-h02 a:link, .class-h02 a:visited, .class-h02 a:active, .class-h02 a:hover, 
.class-h03 a:link, .class-h03 a:visited, .class-h03 a:active, .class-h03 a:hover {
	font-family: "Comfortaa", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	color: rgba(0, 85, 255, 1);
	font-size: 18px;
	line-height: 24px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	}
.class-h01 a:hover {
	color: rgba(0, 0, 0, 1);
	}
.class-h02 a:link, .class-h02 a:visited, .class-h02 a:active, .class-h02 a:hover {
	color: rgba(255, 255, 255, 1);
	line-height: 24px;
	text-align: left;
	text-transform: none;
	}
.class-h02 a:hover {
	color: rgba(255, 215, 0, 1);
	}
.class-h03 a:link, .class-h03 a:visited, .class-h03 a:active, .class-h03 a:hover {
	color: rgba(0, 0, 0, 1);
	line-height: 28px;
	text-align: left;
	text-transform: none;
	}
.class-h03 a:hover {
	color: rgba(0, 85, 255, 1);
	}

/* ---------- ---------- ---------- madprops.hr :: 2026-06-01 :: section-s00 / s01 / s02 ---------- ---------- ---------- */

#section-s00 {
	position: fixed;
	margin-top: 0px;
	display: block;
	}
#section-s00-top {
	margin-top: 0px;
	height: 540px;
	display: block;
	}
#section-s00-00 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 540px;
	display: block;
	
    object-fit:cover;
    /* Start hidden in center */
    clip-path:circle(0% at 50% 50%);
    transform:scale(0);
	}
#section-s00-mobile {
	margin-top: 0px;
	display: none;
	}
#section-s00-00-mobile {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 540px;
	display: none;
	
    object-fit:cover;
    /* Start hidden in center */
    clip-path:circle(0% at 50% 50%);
    transform:scale(0);
	}

#section-s01, #section-s01-00 {
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	}
#section-s01-01 {
	width: auto;
	margin-left: 36px;
	margin-right: 36px;
	}
#section-s01-01-01 {
	width: 50%;
	margin-top: 18px;
	margin-left: auto;
	margin-right: 0px;
	margin-bottom: 54px;
	text-align: left;
	float: right;
	}
#section-s01-01-01-text, #section-s01-01-01-text-page {
	width: 580px;
	margin-left: 0px;
	text-align: left;
	float: left;
	opacity: 1;
	transform: scale(1);
	}
#section-s01-01-01-text-page {
	opacity: 0;
	transform: scale(0);
	}
#section-s01-01-title {
	position: absolute;
	width: 540px;
	height: auto;
	left: 0px;
	top: 18px;
	margin-top: auto;
	margin-left: auto;
	float: none;
	opacity: 1;
	}
#section-s01-01-kontakt, #section-s01-01-kontakt-page {
	position: absolute;
	width: auto;
	height: auto;
	left: 0px;
	bottom: 54px;
	margin-top: auto;
	margin-left: auto;
	float: left;
	opacity: 1;
	}
#section-s01-01-kontakt-page {
	opacity: 0;
	}
#section-s01-01-01-text, #section-s01-01-01-text-page, #section-s01-01-title, #section-s01-01-kontakt, #section-s01-01-kontakt-page {
	transform-style: preserve-3d;
  	backface-visibility: hidden;
  	display: inline-block;
  	will-change: transform, opacity;
	}

#section-s02 {
	width: 100%;
	background-color: rgba(0, 85, 255, 1);
	}
#section-s02-00 {
	width: auto;
	margin-top: 0px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 0px;
	}
#section-s02-01 {
	width: 50%;
	min-height: 280px;
	margin-right: 0px;
	text-align: left;
	float: right;
	}
#section-s02-01-text {
	position: absolute;
	width: auto;
	height: auto;
	left: 0px;
	bottom: 54px;
	}

#section-s03 {
	width: 100%;
	display: block;
	background-color: rgba(255, 255, 255, 1);
	}
#section-s03-00 {
	width: auto;
	height: auto;
	margin-top: 36px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 36px;
	display: block;
	}
#section-s03-mobile {
	width: 100%;
	display: none;
	background-color: rgba(255, 255, 255, 1);
	}
#section-s03-00-mobile {
	width: auto;
	height: auto;
	margin-top: 36px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 36px;
	display: none;
	}
#section-s03-yes {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: auto;
	border-bottom: 1px solid rgba(0, 0, 0, 1);
	cursor: pointer;
	margin-bottom: 0px;
	}
#section-s03-no {
	height: auto;
	}
#section-s03-text {
	width: auto;
	height: auto;
	margin-top: 36px;
	margin-left: 36px;
	margin-bottom: 36px;
	float: left;
	}
#section-s03-link {
	position: absolute;
	width: auto;
	height: auto;
	right: 36px;
	bottom: 36px;
	text-align: right;
	z-index: 10;
	}

.col-s01 {
	text-align: left;
	vertical-align: top;
	}
.col-s02 {
	text-align: right;
	vertical-align: top;
	}
.col-s03 {
	text-align: right;
	vertical-align: top;
	width: 26px;
	}

.text-s01 {
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	}
.text-s02 {
	color: rgba(255, 255, 255, 1);
	font-weight: 700;
	font-size: 70px;
	line-height: 80px;
	}
.text-s03 {
	font-weight: 300;
	font-size: 28px;
	line-height: 32px;
	}
.text-s04 {
	color: rgba(0, 85, 255, 1);
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	text-shadow: 4px 4px 8px rgba(0, 0, 0, 0);
	}
.text-s05 {
	color: rgba(0, 0, 0, 1);
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	text-shadow: 4px 4px 8px rgba(0, 0, 0, 0);
	}
.text-s06 {
	color: rgba(0, 85, 255, 1);
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	}
.class-s01 a:link, .class-s01 a:visited, .class-s01 a:active, .class-s01 a:hover {
	font-family: "Comfortaa", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	color: rgba(0, 85, 255, 1);
	font-size: 30px;
	line-height: 40px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	text-shadow: 4px 4px 8px rgba(0, 0, 0, 0);
	}
.class-s01 a:hover {
	color: rgba(0, 0, 0, 1);
	}
.class-s02 a:link, .class-s02 a:visited, .class-s02 a:active, .class-s02 a:hover {
	font-family: "Comfortaa", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: rgba(0, 0, 0, 1);
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	text-shadow: 4px 4px 8px rgba(0, 0, 0, 0);
	}
.class-s02 a:hover {
	color: rgba(0, 85, 255, 1);
	}

/* ---------- ---------- ---------- madprops.hr :: 2026-06-01 :: section-u00 / u01 / u02  ---------- ---------- ---------- */

#section-u00 {
	position: fixed;
	margin-top: 0px;
	display: block;
	}
#section-u00-top {
	margin-top: 0px;
	height: 540px;
	display: block;
	}
#section-u00-00 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 540px;
	display: block;
	
    object-fit:cover;
    /* Start hidden in center */
    clip-path:circle(0% at 50% 50%);
    transform:scale(0);
	}
#section-u00-mobile {
	margin-top: 0px;
	display: none;
	}
#section-u00-00-mobile {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 540px;
	display: none;
	
    object-fit:cover;
    /* Start hidden in center */
    clip-path:circle(0% at 50% 50%);
    transform:scale(0);
	}
#section-u00-number {
	position: absolute;
	width: auto;
	height: auto;
	left: 36px;
	bottom: 36px;
	}
#section-u00-link {
	position: absolute;
	width: auto;
	right: 36px;
	bottom: 36px;
	text-align: right;
	}

#section-u01 {
	width: 100%;
	border-bottom: 0px solid rgba(0, 0, 0, 1);
	background-color: rgba(255, 255, 255, 1);
	}
#section-u01-00 {
	width: auto;
	margin-top: 54px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 54px;
	}
#section-u01-title {
	width: 620px;
	margin-left: 0px;
	text-align: left;
	float: left;
	opacity: 0;
	}
#section-u01-text {
	width: 540px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: 0px;
	text-align: left;
	float: right;
	opacity: 0;
	transform: scale(0);
	}
#section-u01-title, #section-u01-text {
	transform-style: preserve-3d;
  	backface-visibility: hidden;
  	display: inline-block;
  	will-change: transform, opacity;
	}
#section-l01-line {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid rgba(0, 0, 0, 1);
	background-color: rgba(255, 255, 255, 1);
	opacity: 1;
	transform: scale(0);
	}

#section-u02 {
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	}
#section-u02-00 {
	width: auto;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	opacity: 0;
	}
#section-u02-yes {
	height: 468px;
	border-bottom: 1px solid rgba(0, 0, 0, 1);
	}
#section-u02-no {
	height: 468px;
	}
#section-u02-title, #section-u02-text, #section-u02-image {
	position: absolute;
	width: 620px;
	height: auto;
	margin-top: auto;
	margin-left: auto;
	float: none;
	}
#section-u02-title {
	top: 54px;
	left: 36px;
	margin-top: auto;
	}
#section-u02-text {
	left: 36px;
	bottom: 54px;
	margin-top: auto;
	}
#section-u02-image {
	width: 540px;
	height: 360px;
	top: 54px;
	right: 36px;
	border-radius: 8px;
	margin-top: auto;
	margin-bottom: auto;
	}
#section-u02-image:hover {
	transform: scale(0.95);
	}
#section-u02-link {
	position: absolute;
	width: auto;
	height: auto;
	right: 18px;
	bottom: 18px;
	text-align: right;
	z-index: 10;
	}

.col-u01 {
	text-align: right;
	vertical-align: middle;
	}
.col-u02 {
	text-align: right;
	vertical-align: middle;
	width: 36px;
	}
.col-u03 {
	text-align: left;
	vertical-align: top;
	}
.col-u04 {
	height: 18px;
	}
.col-u05 {
	text-align: left;
	vertical-align: top;
	}
.col-u06 {
	text-align: right;
	vertical-align: top;
	}
.col-u07 {
	text-align: right;
	vertical-align: top;
	width: 26px;
	}

.text-u00 {
	color: rgba(255, 255, 255, 1);
	font-weight: 700;
	font-size: 80px;
	line-height: 80px;
	}
.text-u01 {
	color: rgba(0, 85, 255, 1);
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	text-transform: uppercase;
	}
.text-u02 {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	}
.text-u03 {
	font-size: 18px;
	line-height: 24px;
	}
.text-u04 {
	color: rgba(0, 85, 255, 1);
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	}
.text-u05 {
	color: rgba(0, 0, 0, 1);
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	}
.text-u06 {
	font-size: 18px;
	line-height: 22px;
	}
.class-u01 a:link, .class-u01 a:visited, .class-u01 a:active, .class-u01 a:hover, 
.class-u02 a:link, .class-u02 a:visited, .class-u02 a:active, .class-u02 a:hover {
	font-family: "Comfortaa", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	color: rgba(255, 255, 255, 1);
	font-size: 22px;
	line-height: 24px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	}
.class-u02 a:link, .class-u02 a:visited, .class-u02 a:active, .class-u02 a:hover {
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	}
.class-u01 a:hover {
	color: rgba(255, 215, 0, 1);
	}

/* ---------- ---------- ---------- madprops.hr :: 2026-06-01 :: section-e00 / e01 / e02 ---------- ---------- ---------- */

#section-e00 {
	position: fixed;
	margin-top: 0px;
	display: block;
	}
#section-e00-top {
	margin-top: 0px;
	height: 540px;
	display: block;
	}
#section-e00-00 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 540px;
	display: block;
	
    object-fit:cover;
    /* Start hidden in center */
    clip-path:circle(0% at 50% 50%);
    transform:scale(0);
	}
#section-e00-mobile {
	margin-top: 0px;
	display: none;
	}
#section-e00-00-mobile {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 540px;
	display: none;
	
    object-fit:cover;
    /* Start hidden in center */
    clip-path:circle(0% at 50% 50%);
    transform:scale(0);
	}

#section-e01 {
	width: 100%;
	border-bottom: 0px solid rgba(0, 0, 0, 1);
	background-color: rgba(255, 255, 255, 1);
	}
#section-e01-00 {
	width: auto;
	height: auto;
	margin-top: 36px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 36px;
	}
#section-e01-title {
	width: 100%;
	height: auto;
	text-align: left;
	opacity: 0;
	}

#section-e02 {
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	}
#section-e02-00 {
	width: auto;
	margin-top: 0px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 36px;
	opacity: 0;
	}
#section-e02-00-holder {
	width: auto;
	}
#section-e02-l01, #section-e02-l02 {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 18px;
	text-align: left;
	float: left;
	}
#section-e02-l02 {
	margin-right: 0%;
	}
#section-e02-image {
	width: 100%;
	height: auto;
	float: left;
	border-radius: 8px;
	}
#section-e02-image:hover {
	transform: scale(0.95);
	}
#section-e02-link {
	position: absolute;
	width: auto;
	height: auto;
	right: 36px;
	bottom: 36px;
	text-align: right;
	z-index: 10;
	}
#section-e02-text {
	width: 100%;
	height: auto;
	margin-top: 18px;
	float: left;
	}

.col-e01 {
	text-align: left;
	vertical-align: middle;
	}
.col-e02 {
	text-align: left;
	vertical-align: middle;
	}
.col-e03 {
	height: 5px;
	}
.col-e04 {
	text-align: right;
	vertical-align: top;
	}
.col-e05 {
	text-align: right;
	vertical-align: top;
	width: 26px;
	}

.text-e01 {
	font-weight: 300;
	font-size: 22px;
	line-height: 24px;
	}
.text-e02 {
	font-size: 18px;
	line-height: 24px;
	}
.class-e01 a:link, .class-e01 a:visited, .class-e01 a:active, .class-e01 a:hover, 
.class-e02 a:link, .class-e02 a:visited, .class-e02 a:active, .class-e02 a:hover, 
.class-e04 a:link, .class-e04 a:visited, .class-e04 a:active, .class-e04 a:hover {
	font-family: "Comfortaa", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: rgba(0, 0, 0, 1);
	font-size: 16px;
	line-height: 18px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	}
.class-e02 a:link, .class-e02 a:visited, .class-e02 a:active, .class-e02 a:hover {
	color: rgba(0, 85, 255, 1);
	}
.class-e04 a:link, .class-e04 a:visited, .class-e04 a:active, .class-e04 a:hover {
	color: rgba(255, 255, 255, 1);
	}
.class-e01 a:hover {
	color: rgba(0, 85, 255, 1);
	}
.class-e02 a:hover {
	color: rgba(0, 0, 0, 1);
	}
.class-e04 a:hover {
	color: rgba(255, 215, 0, 1);
	}
.class-e03 a:link, .class-e03 a:visited, .class-e03 a:active, .class-e03 a:hover {
	font-family: "Comfortaa", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	color: rgba(0, 85, 255, 1);
	font-size: 22px;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	outline: none;
	}
.class-e03 a:hover {
	color: rgba(0, 0, 0, 1);
	}

/* ---------- ---------- ---------- madprops.hr :: 2026-06-01 :: section-p00 / p01 / p02 / p03  ---------- ---------- ---------- */

#section-p00 {
	position: fixed;
	margin-top: 0px;
	display: block;
	}
#section-p00-top {
	margin-top: 0px;
	height: 540px;
	display: block;
	}
#section-p00-00 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 540px;
	display: block;
	
    object-fit:cover;
    /* Start hidden in center */
    clip-path:circle(0% at 50% 50%);
    transform:scale(0);
	}
#section-p00-mobile {
	margin-top: 0px;
	display: none;
	}
#section-p00-00-mobile {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 540px;
	display: none;
	
    object-fit:cover;
    /* Start hidden in center */
    clip-path:circle(0% at 50% 50%);
    transform:scale(0);
	}

#section-p01 {
	width: 100%;
	border-bottom: 0px solid rgba(0, 0, 0, 1);
	background-color: rgba(255, 255, 255, 1);
	}
#section-p01-00 {
	width: auto;
	height: 90px;
	margin-top: 0px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 0px;
	}
#section-p01-title {
	width: 48%;
	margin-top: 36px;
	margin-left: 0px;
	text-align: left;
	float: left;
	opacity: 0;
	}
#section-p01-link {
	width: 48%;
	margin-top: 36px;
	margin-right: 0px;
	text-align: right;
	float: right;
	opacity: 0;
	}

#section-p02 {
	width: 100%;
	border-bottom: 0px solid rgba(0, 0, 0, 1);
	background-color: rgba(255, 255, 255, 1);
	}
#section-p02-00 {
	width: auto;
	margin-top: 36px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 36px;
	}
#section-p02-title {
	width: 48%;
	margin-left: 0px;
	text-align: left;
	float: left;
	opacity: 0;
	transform: scale(0);
	}
#section-p02-title-under {
	width: 80%;
	margin-left: 0px;
	text-align: left;
	float: left;
	}
#section-p02-text {
	width: 48%;
	margin-top: 0px;
	margin-right: 0px;
	text-align: left;
	float: right;
	opacity: 0;
	transform: scale(0);
	}
#section-p01-line, #section-p02-line, #section-p02-title, #section-p02-text {
	transform-style: preserve-3d;
  	backface-visibility: hidden;
  	display: inline-block;
  	will-change: transform, opacity;
}

#section-p01-line, #section-p02-line {
	width: 100%;
	height: 1px;
	border-bottom: 1px solid rgba(0, 0, 0, 1);
	background-color: rgba(255, 255, 255, 1);
	opacity: 1;
	transform: scale(0);
	}

#section-p03 {
	width: 100%;
	display: block;
	background-color: rgba(255, 255, 255, 1);
	opacity: 0;
	}
#section-p03-00 {
	width: auto;
	margin-top: 54px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 36px;
	display: block;
	}
#section-p03-mobile {
	width: 100%;
	display: none;
	}
#section-p03-00-mobile {
	width: auto;
	margin-top: 54px;
	margin-left: 36px;
	margin-right: 36px;
	margin-bottom: 36px;
	display: none;
	}
#section-p03-group {
	width: 100%;
	margin-bottom: 4%;
	text-align: left;
	float: left;
	}
#section-p03-l01, #section-p03-l02 {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
	text-align: left;
	float: left;
	border-radius: 8px;
	}
#section-p03-l02 {
	margin-right: 0%;
	}
#section-p03-p01, #section-p03-p02 {
	width: 30%;
	margin-right: 5%;
	margin-bottom: 4%;
	text-align: left;
	float: left;
	border-radius: 8px;
	}
#section-p03-p02 {
	margin-right: 0%;
	}

.col-p01, .col-p02 {
	text-align: left;
	vertical-align: middle;
	}
.col-p02 {
	text-align: right;
	}
.col-p03 {
	text-align: right;
	vertical-align: middle;
	width: 36px;
	}
.col-p04 {
	text-align: left;
	vertical-align: top;
	}
.col-p05 {
	height: 18px;
	}

.text-p01 {
	color: rgba(0, 85, 255, 1);
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	text-align: left;
	}
.text-p02 {
	font-size: 24px;
	line-height: 24px;
	text-align: left;
	}
.text-p03 {
	text-align: left;
	}
.text-p04 {
	font-weight: 700px;
	font-size: 24px;
	line-height: 24px;
	}
.text-p05 {
	font-weight: 300;
	font-size: 22px;
	line-height: 24px;
	text-transform: uppercase;
	text-align: left;
	}

.class-p01 a:link, .class-p01 a:visited, .class-p01 a:active, .class-p01 a:hover, 
.class-p02 a:link, .class-p02 a:visited, .class-p02 a:active, .class-p02 a:hover {
	font-family: "Comfortaa", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	color: rgba(0, 0, 0, 1);
	font-size: 22px;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	}
.class-p02 a:link, .class-p02 a:visited, .class-p02 a:active, .class-p02 a:hover {
	text-align: right;
	}
.class-p01 a:hover, .class-p02 a:hover {
	color: rgba(0, 85, 255, 1);
	}

#section-beaworld-first, #section-beaworld-second {
	position: absolute;
	background-image: url("img/3rd_place.png");
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	z-index: 10;
	}
#section-beaworld-first {
	position: absolute;
	background-size: 140px 140px; 
	width: 140px;
	height: 140px;
	margin-top: auto;
	margin-left: auto;
	top: 90px;
	left: 540px;
	display: block;
	float: none;
	}
#section-beaworld-second {
	position: absolute;
	background-size: 120px 120px; 
	width: 120px;
	height: 120px;
	margin-top: auto;
	margin-left: auto;
	right: 0px;
	bottom: 0px;
	display: block;
	float: none;
	}

/* ---------- ---------- ---------- madprops.hr :: 2026-06-01 :: footer  ---------- ---------- ---------- */

#footer {
	background-color: rgba(255, 255, 255, 1);
	}
#footer-00 {
	width: auto;
	margin-top: 54px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 54px;
	}
#footer-text {
	
	}
#footer-01 {
	border-top: 0px solid rgba(0, 0, 0, 1);
	}
#footer-01-01 {
	width: 484px;
	margin-top: 0px;
	margin-bottom: 36px;
	}
#footer-esif, #footer-eu, #footer-hamag {
	width: 140px;
	heigh: 70px;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
	}
#footer-eu {
	width: 84px;
	}

/* ---------- ---------- ---------- madprops.hr :: 2026-06-01 :: table  ---------- ---------- ---------- */

.tblWidth {
	width: 100%;
	border-spacing: 0px;
	}
.col-001 {
	text-align: center;
	vertical-align: top;
	}
.col-002 {
	height: 18px;
	}

.text-f01 {
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	}
.text-f02 {
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	}
.text-f03 {
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	}

.img-logo, .img-close, .img-clients, .img-project-001, .img-vidi, .img-arrow-01, .img-arrow-02, .img-project-01, .img-project-01, .img-fond {
	width: auto;
	height: auto;
	border: none;
	border-radius: 8px;
	opacity: 1;
	}
.img-logo {
	height: 100px;
	}
.img-close {
	height: 40px;
	}
.img-clients {
	width: 100%;
  	height: auto;
	}
.img-project-001 {
	width: auto;
	height: 360px;
	}
.img-vidi {
	height: 18px;
	}
.img-arrow-01 {
	height: 24px;
	}
.img-arrow-02 {
	height: 26px;
	}
.img-project-01 {
	width: 100%;
  	height: auto;
	}
.img-fond {
	height: 70px;
	}

/* ---------- ---------- ---------- madprops.hr :: 2026-06-01 :: GSAP  ---------- ---------- ---------- */

.line-wrapper {
	overflow: hidden;
	}
.line {
	display: block;
	}
#section-h01-02-title, #section-h03-01-title, #section-s02-01-text, #section-h05-02-title, #section-h06-02-title {
  	will-change: transform, opacity;
	}
.logosici {
  	transform-origin: center center;
  	will-change: transform, opacity;
	}
	
.wrapper {
	width: 100%;
	height: 300px;
	display: flex;
	align-items: center;
	}
.container {
 	width: 100%;
  	height: 300px;
  	/* border: 1px solid tomato; */
  	overflow: hidden;
	}
.cards {
	display: flex;
	gap: 8px;
  	/* border: 2px solid fuchsia; */
  	padding: 0px;
	}
.card {
  	height: 100%;
  	overflow: hidden;
  	/* border: 1px solid teal; */
  	flex: 0 0 450px;
	}
#empty {
	width: 36px;
	height: 90px;
  	flex: 0 0 36px;
	}
.class-s01.active a {
	color: rgba(255, 255, 255, 1);
	}
.class-s01.active a:hover {
	/*color: rgba(255, 215, 0, 1);*/
	color: rgba(255, 255, 255, 1);
	}
.class-s02.active a {
	color: rgba(255, 255, 255, 1);
	}
.class-s02.active a:hover {
	/*color: rgba(255, 215, 0, 1);*/
	color: rgba(255, 255, 255, 1);
	}
.hover_bg_1, .hover_bg_2, .hover_bg_3, .hover_bg_4 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
  	inset: 0;
  	opacity: 0;
}
.projektosi {
  	transform-origin: center center;
  	will-change: transform, opacity;
	}

/* ---------- ---------- ---------- madprops.hr :: 2026-06-01 :: error, notification  ---------- ---------- ---------- */

.col-er01 {
	text-align: left;
	vertical-align: top;
	}
.text-er01 {
	color: rgba(255, 89, 0, 1);
	font-size: 22px;
	line-height: 24px;
	text-align: left;
	}

/* ---------- ---------- ---------- madprops.hr :: 2026-06-01 :: animation  ---------- ---------- ---------- */

/* Loader */
#loader{
    position:fixed;
    inset:0;
    background:#fff;
    z-index:9999;
    overflow:hidden;
    animation:hide .5s linear 7s forwards;
}

.circle{
    position:absolute;
    left:50%;
    top:50%;
    width:200vmax;
    height:200vmax;
    border-radius:50%;
    transform:translate(-50%,-50%) scale(0);
}

.yellow{
    background:#ffd400;
    animation:grow 2s cubic-bezier(.16,1,.3,1) 1s forwards;
}

.blue{
    background:#0066ff;
    animation:grow 2s cubic-bezier(.16,1,.3,1) 3s forwards;
}

.black{
    background:#000;
    animation:grow 2s cubic-bezier(.16,1,.3,1) 5s forwards;
}

@keyframes grow {
    0% {
        transform: translate(-50%, -50%) scale(0);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes hide{
    to{
        opacity:0;
        visibility:hidden;
    }
}