:root {
--black:#333;
--white:white;
--light-grey:#f7f7f7;
--mid-grey:#ccc;
--dark-grey:#666;
/*
--menu_y_padding:23px;
--menu_x_padding:23px;
*/
--submenu_y_padding:10px;
--submenu_x_padding:10px;
--header-height:150px;
--sticky-header-height:60px;
--menu-items-padding-x:10px;
--menu-items-padding-y:3px;
--menu-sticky-items-padding-x:15px;
--menu-sticky-items-padding-y:15px;
--slides-menu-base-height:120px;
	--bs-gutter-x: 2rem;
	
	
	--bg-linear-gradient: linear-gradient(190deg, var(--light-brand-color) 30%, var(--brand-color) 60%);
	
	
	--bg-e-to-f:linear-gradient(

rgba(var(--brand-color-f-r),var(--brand-color-f-g), var(--brand-color-f-b), 1) 0%,
rgba(var(--brand-color-e-r),var(--brand-color-e-g), var(--brand-color-e-b), 1) 100%);
color: var(--black);
	
	
	--scaler:1.3rem;

	--base-scale: calc(100vw / 75);

	/* FOUNDATION — bodyFontSize, menuFontSize, subMenuFontSize now set in index.php from template params */

	--h1-font-size: calc(var(--bodyFontSize) * 2.3);
	--h2-font-size: calc(var(--bodyFontSize) * 1.8);
	--h3-font-size: calc(var(--bodyFontSize) * 1.5);
	--h4-font-size: calc(var(--bodyFontSize) * 1.3);
	--h5-font-size: calc(var(--bodyFontSize) * 1.1);
	

	/* font-sizes system — rem multiples of --bodyFontSize, consistent wherever applied */
	--fs60:  calc(var(--bodyFontSize) * 0.6);
	--fs80:  calc(var(--bodyFontSize) * 0.8);
	--fs90:  calc(var(--bodyFontSize) * 0.9);
	--fs120: calc(var(--bodyFontSize) * 1.2);
	--fs130: calc(var(--bodyFontSize) * 1.3);
	--fs140: calc(var(--bodyFontSize) * 1.4);
	--fs160: calc(var(--bodyFontSize) * 1.6);
	--fs180: calc(var(--bodyFontSize) * 1.8);
	--fs200: calc(var(--bodyFontSize) * 3.0);

	
/*	Raduises*/
	--bs-border-radius: 1rem!important;
}

html, body {
	overflow-x: hidden; }
body {
	font-size: var(--bodyFontSize);
line-height: 1.5;
-webkit-font-smoothing: antialiased;
	
color:var(--black);
	
}




.fs60  { font-size: var(--fs60); }  
.fs80  { font-size: var(--fs80); }
.fs90  { font-size: var(--fs90); }
.fs120 { font-size: var(--fs120); }
.fs130 { font-size: var(--fs130); }
.fs140 { font-size: var(--fs140); }
.fs160 { font-size: var(--fs160); }
.fs180 { font-size: var(--fs180); }
.fs200 { font-size: var(--fs200); }



.article_img img {background: white;}
	


a {cursor: pointer;}

*:focus {
  outline: none;
}

*:focus-visible {
  outline: 2px dotted var(--light-brand-color);
}


h1,h2,h3,h4 {font-weight: 800;}


h1 { font-size: var(--h1-font-size); }
#page-title h1 {font-size: calc(var(--h1-font-size) * 1.2)}
h2 { font-size: var(--h2-font-size); }
h3 { font-size: var(--h3-font-size); }
h4 { font-size: var(--h4-font-size); }
h5 { font-size: var(--h5-font-size); }

.fw200 { font-weight: 200;}
.fw300 { font-weight: 300;}
.fw400 { font-weight: 400;}
.fw500 { font-weight: 500;}
.fw600 { font-weight: 600;}
.fw700 { font-weight: 700;}
.fw800 { font-weight: 800;}
.fw900 { font-weight: 900;}


/*#header + #content {padding-top: var(--header-height);}*/
#page-title {padding-block-end: calc( 0.5 * var(--header-height));
        padding-block-start: var(--header-height); 
}
#page-title h1.long_title { font-size:var(--h1-font-size-long-title);}

#page-title {position: relative;}

#page-title::before{ animation: blurToClear .7s ease forwards;}

#page-title > div:first-of-type {
	margin-block-start:50px;
	animation: addMarginTop .7s ease forwards; 
}


#splide .splide__slide .shadow-on-active { 
		transform: scale(0.95);
transform-origin: center;}
#splide .is-active .shadow-on-active { 
	transform: scale(0.98);
	transform-origin: center;
	box-shadow:0 0 10px -5px rgba(0, 0, 0, 0.5);}

strong, .strong { font-weight: 800;}

.small, small {
    font-size: .75em;
}
.fs-reset { font-size: var(--bodyFontSize);}

.pb-extra { padding-bottom: 6rem!important;}
.mb-extra { margin-bottom: 6rem!important;}

.full-width {width:100%;}

.rounded-1, .rounded {border-radius: 1rem!important; }
.rounded-2 {border-radius: 1rem!important; }
.rounded-3 {border-radius: 1rem!important; }
.rounded-4 {border-radius: 2rem!important; }
.rounded-5 {border-radius: 2rem!important; }
.rounded-6 {border-radius: 2rem!important; }
.rounded-7 { }
.rounded-8 {border-radius: 2rem!important; }
.rounded-9 {border-radius: 2rem!important; }
.rounded-10 {border-radius: 2rem!important; }

.border-right-rounded {border-inline-start: 4px solid var(--brand-color);}

.square {
aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: top;
	overflow: hidden;
}
.o-hidden {overflow: hidden;}
.p-relative { position: relative!important;}
.p-absolute { position: absolute!important;}

.h100 { height: 100%;}
.w100 { width: 100%!important;}
.w80 { width: 80%!important;}
.w60 { width: 60%!important;}
.w50 { width: 50%!important;}

.lh1, .lh-1 {line-height: 1;}
.lh13, .lh-1-3 { line-height: 1.3;}
.lh2 {line-height: 2;}
.vh100 { height: calc(100vh - var(--header-height));}
.fw800{font-weight: 800;}
.fw500{font-weight: 500!important;}
.fw300{font-weight: 300!important;}

.backdropBlurFull {backdrop-filter: blur(50px); }
.backdropBlur {backdrop-filter: blur(10px);}

.light_to_brand_radial_gradient, #cf_1, #cf_2 {
background: rgb(255,147,19);
background: radial-gradient(circle, rgba(var(--light-brand-color-r),var(--light-brand-color-g),var(--light-brand-color-b),1) 10%, rgba(var(--brand-color-r),var(--brand-color-g),var(--brand-color-b),1) 50%);
	background-position: 0 -200px;	
}



/* forms */
#cf_1, #cf_2 {
	position: relative;
	padding-block: 100px;
}



#cf_1 .cf-form-wrap {position: relative; margin: auto;}
#cf_1 a, #cf_2 a {color: white; font-weight: 700;}
#cf_1 .form_header_text::before {content: url("../../../images/layout_images/check_star.svg");position: absolute; top: 10px; right: -100px; width: 80px;}
#cf_1 .cf-fields::after {content: url("../../../images/layout_images/paper_plane.svg");position: absolute; bottom: 0px; left: -100px; width: 60px;}



@media (min-width: 576px) { #cf_1 form:first-child {position: relative; max-width: 500px; margin: auto;} }

.sm-form-control, .form-control, .inputbox, .cf-input:not([type="checkbox"]) {
    
    width: 100%;
    padding-block: 15px;
	padding-inline: 15px;
	border-radius: 3rem;
	border: 0 none;
	
	-webkit-box-shadow: inset 3px 3px 6px -5px rgba(0,0,0,0.5); 
	box-shadow: inset 3px 4px 6px -5px rgba(0,0,0,0.5);
	
	margin-bottom: 15px;
	color: var(--black);
	background: #F1F1F1;
}

.button, .button_yellow,.button_white {
	position: relative;
	display: inline-block;
	padding-block: 10px;
	padding-inline: 1.5rem;
	border-radius: 3rem;
	border: 0 none;
	margin-bottom: 15px;
	font-weight: 800;
/*	background: var(--light-brand-color);*/
	text-align: center;
	color: var(--black)!important;
	-webkit-box-shadow:  3px 3px 6px -5px rgba(0,0,0,0.5); 
	box-shadow:  3px 4px 20px -10px rgba(0,0,0,0.5);
	background: var(--bg-linear-gradient);
/*	    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);*/
width: auto;

}
.button span {color: var(--black)}
/*
.button:has(svg) { padding-inline-end: 0px; }


.button svg { width: 50px; }
*/


.button-small {font-size: var(--fs80); padding-block: 7px;
	padding-inline: 15px;}




.button_white {background: white;}

.button_close, .btn-close {    background: white;
    padding: 10px;
        aspect-ratio: 1 / 1;
    /* border: 3px solid; */
    border-radius: 40px;
    top: -20px;
    position: relative;
    right: -20px;
    display: flex;
    align-self: start;
    align-items: center;
    justify-content: center;}

.button_close::after {url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");}
/*

.button_arrow { display: inline-flex;align-items: center;justify-content: center; }
.arrow-container { height: 25px; aspect-ratio:1/1; margin-inline-start:20px;}
*/


.button_yellow:after,.button:after{ background-color: #fff;}


.button:hover, .button_yellow:hover{
	    text-shadow: none;
}


.button-black, .button_dark {color: white; background: var(--dark-brand-color);}
.button-black:hover, .button_dark:hover {color: var(--light-brand-color)!important;}


.button {
  overflow: hidden;
  position: relative;
  transition: 0.9s transform linear;
  will-change: transform;
  z-index: 0;
}
.button::after {
  border-radius: 50rem!important;
  content: '';
  display: block;
  height: 100px;
  width: 100px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-55%, 35%) rotate(0deg);
  transform-origin: bottom left;
/*  transition: 0.3s transform linear;*/
/*  will-change: transform;*/
  z-index: -1;
		box-shadow:  0px 0px 3px 3px var(--light-brand-color), 0px 0px 15px 4px rgba(255,255,255,0.9);
transition: all 0.2s ease-in-out;
}
.button:hover::after, .button.active::after {
/*  transform: translate(-20%, 200%) scale(5);*/
/*	  transform-origin: bottom left;*/
	box-shadow:  0px 0px 25px 10px var(--light-brand-color), 0px 0px 40px 200px rgba(255,255,255,0.9);
transition: all 0.2s ease-in-out;
	background: var(--brand-color);
}
.button:hover, .button.active {
/*	transition: box-shadow 0.3s ease-in-out;*/
/*  will-change: transform;*/
/*box-shadow:  5px 5px 10px -5px rgba(0,0,0,0.5), inset 2px 0px 5px 2px var(--brand-color-d);*/
/*	outline: 2px solid var(--brand-color);*/
/*	box-shadow:  5px 5px 10px -5px rgba(0,0,0,0.5);*/
	}

.button.active { text-shadow: none;}
/* end forms */

#page-title .button::after {transform: translate(-75%, 45%) rotate(0deg)}
#page-title .button svg circle {fill:#fff;}
#page-title .button:hover svg circle {fill:var(--brand-color)}


.button-nohover, .button-nohover::after, .button-nohover:hover {box-shadow:none;}
.button-nohover::after { display: none;}
.active > a.type-alias {text-decoration: none;}


.bg_gray, .bg_grey { background-color: #efefef;}

.bg_white_to_gray {background: linear-gradient(
		rgba(var(--header-bg-r),var(--header-bg-g), var(--header-bg-b), 0.5) 0%,
		rgba(var(--header-bg-r),var(--header-bg-g), var(--header-bg-b), 0) 100%)
}

.bg_gray_to_white {background: linear-gradient(
	
		rgba(var(--header-bg-r),var(--header-bg-g), var(--header-bg-b), 0) -10%,
rgba(var(--header-bg-r),var(--header-bg-g), var(--header-bg-b), 0.5) 150%);
color: var(--black);
}
.bg_linear-gradient { background: var(--bg-linear-gradient);}

.bg_e_to_f, .headers_bg {
/*	background: var(--bg-e-to-f);*/
	background: radial-gradient( circle at 0% 100%,
		
/*	rgba(var(--light-brand-color-r), var(--light-brand-color-g), var(--light-brand-color-b), 1) 1%,*/
		
/*	rgba(var(--brand-color-r), var(--brand-color-g), var(--brand-color-b), 1) 4%,	*/
		
	var(--brand-color-d), 50%,
	
	rgba(var(--dark-brand-color-r), var(--dark-brand-color-g), var(--dark-brand-color-b), 1) 80%);
}




@keyframes colorChange {
  0% { color: var(--black); } 
  100% { color: var(--dark-brand-color); } 
}

.text-color-change.animate {
  animation: colorChange 1s .5s forwards;
}


::placeholder{ color: var(--black)!important;}
a { text-decoration: none; color: var(--brand-color-d); cursor: pointer; } 
a:hover:not(#page-title a) {color: var(--dark-brand-color) } 

:is(h1, h2, h3, h4, h5) a, .button {
    color: var(--black);
}


a img {
border:none
}

img { max-width: 100%;height: auto;}


.bg_brand-color {
background:var(--brand-color)
}

.bg_dark-brand-color {
background:var(--dark-brand-color)
}

.bg_light-brand-color {
background:var(--light-brand-color)
}

.bg_brand-color-d {
background:var(--brand-color-d)
}

.bg_brand-color-e {
background:var(--brand-color-e);
}
.bg_brand-color-e > *:not(input):not(select):not(.text-brand-color-e) {
	color: white;
}

.bg_brand-color-e .bg_white > * {
	color:var(--brand-color-e)!important;
}


.bg_brand-color-f {
background:var(--brand-color-f)
}

.text-brand-color {
color:var(--brand-color)
}
.text-light-brand-color {
color:var(--light-brand-color)
}
.text-dark-brand-color {
color:var(--dark-brand-color)
}
.text-brand-color-d {
color:var(--brand-color-d)
}
.text-brand-color-e {
color:var(--brand-color-e)
}
.text-brand-color-f {
color:var(--brand-color-f)
}


.bg_white {
background:var(--white);
color:var(--black);

}
.bg_black {
background:var(--black);
color:#fff;
}




.text-white *, .text-white {
color:#fff
}

.text-black *, .text-black {
color:var(--black)
}


.z1 {z-index: 1;position: relative;}

#content { position: relative;}



@keyframes addMarginTop {
  0% { margin-block-start:0px; } 
  100% { margin-block-start:50px; } 
}

.text-color-change.animate {
  animation: colorChange 1s .5s forwards;
}


.image-overlay {
    position: absolute;
	z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	width: 100%;
	height: 100%;
	background: var(--dark-brand-color);
/*	background: -webkit-linear-gradient(45deg, #012454 15%, #00b3ff 100%);*/
	opacity: 0.7;

	
/*	background: radial-gradient(circle, rgba(var(--light-brand-color-r),var(--light-brand-color-g),var(--light-brand-color-b),0.4) 10%, rgba(var(--brand-color-r),var(--brand-color-g),var(--brand-color-b),0.4) 50%);*/

}

#footer a:hover {color: var(--brand-color); }
#footer {background-color: var(--footer-bg-color);}
#footer *:not(i):not(input) {color:var(--footer-text-color);}
#footer .button svg {fill:var(--footer-bg-color);}



.megamenu-article-list a {border-bottom: 2px dotted var(--brand-color-d); display: block;}
ul.megamenu-article-list  {border-top: 2px dotted var(--brand-color-d); display: block; margin-bottom: 10px;}
.megamenu-article-list a:hover {font-weight: 800; color:  var(--light-brand-color)}

#footer li:has(.hide_on_footer) {
display: none!important;
}

#header li:has(.hide_on_header) {
display: none!important;
}


.blog_item .blog_item_image img {
width:100%
}

.rtl {
direction:rtl!important
}

.ltr {
direction:ltr!important
}


.img_100 {
width:100%;
height:auto
}

/* Dynamic Grid Layout */
.dynamic-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(var(--grid-cols, 1), minmax(0, 1fr));
}




.even_odd:nth-child(odd) {background: #efefef; }
hr {clear: both; display: block;border: none;
    border-block-end: 5px solid var(--brand-color);opacity: 1;}

#logo img {width: 100%; height: auto; 
/*	filter: drop-shadow(1px 1px 2px rgb(var(--dark-brand-color-r) var(--dark-brand-color-g) var(--dark-brand-color-b) / 0.6));*/
}

/* Transitions*/
a,
.container,
#cookie-notification,
#top-search a,
#top-search form,
.scalein,
polygon,
#header,
#header.sticky-header,
#logo,#logo-sticky,
#logo.logo_big img,
#logo img,
.whatsapp_button,
.gallery-grid-item *, figure,
.slider_yt_video_wrapper iframe,	
#slide-links-list li a::after,
.splide__pagination__page,
#slide-links-list.sticky-submenu
,.button_phone, .button_phone *, .show, .splide__slide, .containerOflevel_1, .shadow-on-active, #mtbl_all *, .mtbl_container, .navbar .nav-item,
.button *
 {
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}

#header {height:var(--header-height);
position:relative;z-index:199;-webkit-backface-visibility: hidden;
}

.header_container {
height:100%
}

#header {position:fixed;
	top:0;left:0;width:100%;}

#header.sticky-header{
height:var(--sticky-header-height);
}
#header:hover {
    backdrop-filter: blur(20px);
}


#logo *, #logo-sticky * {line-height: 1;}

#logo_position img {width: auto; object-fit: contain;min-width: 80px; height: 100%!important;}

#logo_position {
	position:relative;
	display:flex;
	align-self:flex-start;
	width:100%;
	height: 100%;
	max-width: 200px;
	margin-inline-end: 30px; 

}


#logo {justify-content: start;}


#logo, #logo-sticky {
	display: flex;
	align-items: center;
    justify-content: start;
	opacity:1;
	position:absolute;
	bottom: 0;
	top:0;
z-index: 9;
	padding: 10px 0;
}





#logo-sticky img {
height:calc(var(--sticky-header-height) - 10px);
width: auto;
	max-width: 150px; /* just for a smoother sticky */
}


.sticky-header #logo { padding: 10px 0;}

.no-radius { border-radius: 0!important;}


.dropdown-toggle::after {content: none;}

.dropdown-menu::before{}
.dropdown-item:focus, .dropdown-item:hover {background: transparent;}




.flip-horizontal {
-webkit-transform:scaleX(-1);
transform:scaleX(-1)
}


button {
border:0;
background-color: transparent;
}


table p {
margin:0
}

#content ul {
padding-block:0;
	padding-inline-start:20px;
margin-bottom:20px
}



.pdf_popup {
width:100%;
height:700px
}



polygon.arrow-a {
fill:var(--light-grey)
}

polygon.arrow-b {
fill:var(--black)
}

polygon.arrow-c {
fill:var(--red)
}

.shadow {
-webkit-box-shadow:  0px 0px 30px -20px rgba(0,0,0,0.5)!important; 
	box-shadow:  0px 0px 30px -20px rgba(0,0,0,0.5)!important;
}
.shadow-small {
-webkit-box-shadow:  0px 0px 30px -20px rgba(0,0,0,0.5)!important; 
	box-shadow:  0px 0px 15px -5px rgba(0,0,0,0.5)!important;
}

.shadow-inset {
-webkit-box-shadow: inset 3px 3px 6px -5px rgba(0,0,0,0.5); 
	box-shadow: inset 3px 4px 6px -5px rgba(0,0,0,0.5);
}

a.shadow:hover {transform: scale(1.03);}

.text-shadow {text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3), 0px 5px 20px rgba(0, 0, 0, 0.3), 0px 10px 35px rgba(0, 0, 0, 0.3);}
.breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item.active {color: unset;}

.scalein {
-webkit-transform:scale(1);
transform:scale(1)
}

.scalein:hover {
-webkit-transform:scale(1.01);
transform:scale(1.01)
}

.blur-onload {
  animation: blurToClear 3.5s ease forwards;
}


@keyframes blurToClear {
  from {
    filter: blur(20px);
  }
  to {
    filter: blur(0);
  }
}


[class^="icon-"]:before, [class*=" icon-"]:before, [class*=" icon-"] svg {
  font-style: normal;
	width: 24px; height: 24px;
}



.article_date {
display:block;
color:var(--brand-color);
font-size:var(--fs80);
margin-top:10px
}



.a-only-seperator {
opacity:.5
}


.pagination .page-link { text-decoration: none;}

.page-item:first-child .page-link {border-bottom-right-radius: 30px;border-top-right-radius: 30px;}
.page-item:last-child .page-link {border-bottom-left-radius: 30px;border-top-left-radius: 30px;}


.pdf-button-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}


.nowrap {
white-space:nowrap
}


#cookie-notification.dark {
background-color:rgba(0,0,0,0.85);
color:var(--white)
}

#cookie-notification a {
color:var(--brand-color)
}

.controls {
display:flex;
flex-direction:column
}

#searchForm label {
padding:5px 0
}

#searchForm hr {
margin:10px 0!important
}

.highlight {
border-bottom:1px dotted #666
}

.search-results .line {
margin:20px 0
}


.statement_menu li:not(:last-child)::after {
content:'/';
padding:0 4px;
opacity:.5
}



.grecaptcha-badge {
transform: scale(.5);
    transform-origin: right;
}


@media (min-width: 992px) {

.columns-2 {column-count: 2;}
.maxw60 { max-width: 60%!important;}

	
}

@media (max-width: 991px) {

.columns-2 {column-count: 1;}


}

/* Tablet Portrait */
@media (max-width: 768px) {
:root {
	--scaler: 1.2rem;
}
		.w50, .w60, .w80 { width: 100%!important;}
		#cf_1 .form_header_text::before, #cf_1 .cf-fields::after {content: none;display: none;}

	.fs-scaler {font-size: var(--scaler);}
	.dynamic-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}

/* Mobile */
@media (max-width: 575px) {
:root {
--base-scale: calc(100vw / 50); 
}

.fs60, .fs80, .fs90 {
	font-size: max(0.85rem, var(--fs90)); 
}
.text-center .breadcrumb {justify-content: center;}
	
		#cf_1 form:first-child {     max-width: 90%;margin: auto; }
	:root {
	--scaler:1rem;
	}
		.fs-scaler {font-size: var(--scaler);}
}