:root {
    --brand-color-1: #6EC1E4;
    --brand-color-1-hover: #000;
    --brand-color-1-text: #ffffff;
    --brand-color-2: #61CE70;
    --brand-color-2-hover: #000;
    --brand-color-2-text: #ffffff;
    --brand-color-3: #000;
    --brand-color-3-hover: #000;
    --brand-color-3-text: #1993ff;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;    
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
}
h3{
	font-weight:700;
}
h5{
	color:var(--brand-color-3-text);
}
h6{
    font-weight:700;
}
p {
    margin-bottom: 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}
.fModuleTitle h3{
    font-weight:700;
    color: var(--brand-color-2);
    font-size: 1.2rem;
    margin-top: 0;
    text-transform: uppercase;
    text-align: center;
}
.fModuleTitle h3 span{
    color:var(--brand-color-1);
    font-size:2rem;
}

#nav-up {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99999;
    font-size: 18px;
    background-color: var(--brand-color-1);
    color: white;
    cursor: pointer;
    width: 48px;
    outline: none;
    border-width: 1px;
    border-style: solid;
    border-color: var(--brand-color-1);
    border-image: initial;
    padding: 10px 5px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgb(37 34 25);
    visibility: visible !important;
}
#nav-up:hover {
    background-color: rgb(255, 255, 255);
    color: var(--brand-color-1);
}

a.fButton,
a.f-button,
.fForm .buttons input{
    position: relative;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    color: #000;
    font-weight: 600;
    text-align: center;
    background-color: var(--brand-color-1);
    overflow: hidden;
    border-radius: 25px;
    position: relative;
    transition: all 300ms ease;
    display: inline-block;
    border: 3px solid var(--brand-color-1);
}
a.fButton:hover, .fForm .buttons input:hover {
	color: var(--brand-color-3);
	background: #fff;
}
.fForm .buttons input{
	width:1000%;
	max-width:280px;
	margin: 0 auto;
}


/* Header */
.fHeader > .container{
	max-width: 100%;
}
header.fHeader {
    /* position: absolute; */
    width: 100%;
    display: block;
    z-index: 9999;
    background: #ffffff00;
    transition:0.3s ease-in-out;
}
header.fHeader.active {
    position: fixed;
    background: var(--brand-color-1);
    box-shadow: 0px 0px 10px #0c0c0c2e;
    transition:0.3s ease-in-out;
}
.fHeader-logo img{
    max-height: 55px;
    margin:10px;
    /* background: var(--brand-color-1); */
    border-radius: 5px;
    padding: 5px;
}
.fHeader .main-menu {
    background: transparent !important;
    justify-content: right;
    transition: 0.3s all;
}
body.is-home .fHeader .fHeader-logo{
	opacity:0;
	transition: 0.3s all;
}
body.is-home .fHeader.active .fHeader-logo{
	opacity:1;
}
.main-menu nav{
    height:100%;
}
.main-menu nav ul.fMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}
.main-menu nav > ul > li {
    display: flex;
    align-items: stretch;
    position: relative;
}
.main-menu nav a {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 0.2rem 1.5rem;
    /* text-transform: uppercase; */
    letter-spacing: normal;
    transition: 0.3s all;
}
header.fHeader.active .main-menu nav a{
    color: var(--brand-color-1-text);
}
.main-menu  .fMenu > li > a {
    position: relative !important;
    padding: 0!important;
    margin-left: 8px;margin-right: 8px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: -0.5px;
}
.main-menu ul li a::before {
    content: '';
    height: 1px;
    width: 0;
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--brand-color-2);
}
.main-menu ul li a:hover {
    /* color: var(--brand-color-1); */
}
.main-menu ul li ul li a:hover {
    color: #ffffff;
}

.main-menu ul li a:hover::before {
    width: 100%;
}
/* submenu */
.main-menu nav > ul > li > ul {
    position: absolute;
    transition: all 0.2s ease-in-out;
    padding-top: 10px;
    top: 100%;
    margin-top: -1rem;
    opacity:0;
    text-align: left;
}
.main-menu nav > ul > li > ul:before,
.main-menu nav > ul > li > ul:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0 0 0.5rem;
	border-color: transparent transparent transparent var(--brand-color-2);
	left: 1.5rem;
	top: 3px;
	display: block;
	content: "";
	position: absolute;
}
.main-menu nav > ul > li > ul:before	{
	border-width: 0 0 0.5rem 0.5rem;
	border-color: transparent transparent var(--brand-color-2) transparent;
	top: 3px;
	left: 1rem;
}
.main-menu nav > ul > li > ul li a {
    color: var(--brand-color-1-text) !important;
    font-size: 0.8rem;
    background: var(--brand-color-2);
    border-bottom: 1px solid #ffffff45;
    padding: 0.75rem;
    display:none;
}
.main-menu nav > ul > li:hover > ul li a{
	display: block;
}
.main-menu nav > ul > li > ul li a:hover {
    color: #fff!important;
    background: #1173ba !important;
}
.main-menu nav > ul > li:hover > ul{
	visibility: visible;
	opacity: 1;
	transition: all 0.4s ease-in-out;
	display: block;
	z-index:9999;
	margin-top: -2px;
	width: 200px;
}
.main-menu nav > ul > li > ul li a::before{
	display:none;
}
.navbar-toggle{
	background: var(--brand-color-3);
}
nav.collapse.show ul.fMenu{
	background: var(--brand-color-3);
	width:fit-content;
	min-width: 300px;
	position: absolute;
}
nav.collapse.show > ul > li:hover > ul{
    transition: all 0.4s ease-in-out;
    margin-top: -1rem;
	width: unset;
}
nav.collapse.show > ul > li > ul:before,
nav.collapse.show > ul > li > ul:after{
	display:none;
}
nav.collapse.show ul.fMenu a{
	background:none;
	border:none;
}
nav.collapse > ul > li > ul li a{
	font-style:italic;
}
nav.collapse > ul > li > ul li a:hover{
	background: none !important;
}


.has-list ul,
.has-list ol{
    margin: 1em 0;
    padding: 0 0 0 1em;
}
.has-list ol li, 
.has-list ul li {
    margin: 0.5em 0 0.5em 20px;
    list-style:unset;
}


/* Form */
.f-table td {
	padding: 0.5rem;
	/* border-bottom: 1px solid #efefef; */
}
.f-table tr:hover td {
	/* background: #efefef; */
}
.f-table td.highlight {
	background: #efefef;
}
.f-table tr:hover td.highlight {
	background: #ddd;
}
.f-table thead td,
.f-table thead tr:hover td,
table.f-table th {
	background: var(--brand-color-1);
	color: #fff;
}
.f-table thead td.highlight,
.f-table thead tr:hover td.highlight {
	background: var(--brand-color-1h);
}
.f-table h3 {
	margin: 0;
}
form.fForm .hint,
form.fForm .error,
form.fForm .form-item-option {
	margin-left: 0;
}
form.fForm .form-heading {
	margin: 1.5rem 0 1rem 0;
	border-bottom: 1px solid var(--brand-color-2);
	color: var(--brand-color-2);
	font-size: 1.25rem;
}
form.fForm fieldset {
	border: 1px solid var(--brand-color-2);
	padding: 10px;
	border-radius: 15px;
	background: #000;
}
form.fForm fieldset legend {
	padding: 0.5rem 0;
	font-size: 1.25rem;
	color: var(--brand-color-2);
	border-bottom: 1px solid var(--brand-color-2);
	margin-bottom: 1rem;
}
.user-register-group label {
	font-weight: bold;
}
.fForm p, .fForm .form-item {
    padding-top: 0;
    padding-bottom: 1rem;
}
.fForm label {
    width: 100%;
    text-align: left;
    display: block;
    padding-top: 0;
}
.fForm input, .fForm select, .fForm textarea {
    padding: 0.5rem;
    width: 100%;
}
.fForm .buttons {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
}
.fForm .form-heading,
.fForm .buttons{
	width:100%;
	clear:both;
}
.form-item {
    padding-left: 15px;
    padding-right: 15px;
}
.fForm input[type=checkbox]{
	margin-right:10px;
}




.title-center.fModule .fModuleTitle{
	text-align:center;
}

/* programmeNav */
.programmeNav{
	margin-top:2rem;
}
.programmeNav .fMenu {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    border-bottom: 3px solid var(--brand-color-3);
    text-align: center;
    justify-content: center;
    margin: 0;
    align-items: stretch;
}
.programmeNav .fMenu li {
	margin: 0 !important;
    display: inline-block;
}
.programmeNav a {
    padding: 0.5rem 1rem;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: var(--brand-color-3);
}
.programmeNav big {
    font-weight: bold;
    display: block;
    background: var(--brand-color-3);
    height: 2rem;
    width: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    color: #fff;
}
.programmeNav li.selected a {
	color: #fff;
	background: var(--brand-color-3);
}
.programmeNav li.selected a big {
	background: #fff;
	color: var(--brand-color-3);
}


/***************************************************************************
                        RESPONSIVE MEDIA QUERY
****************************************************************************/
/*md*/
@media (max-width: 991px) {
    html {
        font-size: 14px;
    }
    .fBanner:before{
        height: 130px;
    }
}

/*sm*/
@media (max-width: 767px) {
    html {
        font-size: 13px;
    }
    .fBanner:before{
        height: 100px;
    }
	.shortcut-nav .fMenu a .menu-item-text > span{
		font-size:30px;
		margin-left: 8px;
		width: 100%;
	}
	.shortcut-nav .fMenu a .menu-item-text{
		display: flex;
		padding: 1rem;
		transition: 0.3s ease-in-out;
		margin:0.2rem;
		height:100%;
		justify-content: center;
		flex-wrap: wrap;
	}
	#fMatter .fModule{
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	#fModule-37604 .fModuleTitle{
		display:none;
	}
	#fModule-37603{
		padding-bottom: 0 !important;
		margin-bottom: -10px;
	}
	#fModule-37604{
		padding-top: 0 !important;
	}
}

/*xs*/
@media (max-width: 575px) {
    html {
        font-size: 13px;
    }
    .fBanner:before{
        height: 75px;
    }
	.fboxlisting{
		margin-bottom: 4rem;
		margin-top: 0 !important;
	}
}

#fContent{
/* 	max-width:700px; */
	margin:0 auto;
	position: relative;
	z-index: 9;
	margin-bottom: 4rem;
}

.event-top-logo{
	margin:30px auto;
	max-width:450px;
	margin-top: 60px;
}
.event-highlight,
.event-highlight p,
.event-highlight-items p{
	font-weight:600;
}
.event-highlight-items p{
	color:var(--brand-color-2);
	opacity: 1;
	z-index: 999;
	position: relative;
}

.bg-event-logo {
    opacity: 0.5;
    position: absolute;
    left: 50%;
    bottom: -12%;
    transform: translateX(-50%);
    width: 70%;
    height: auto;
}
.event-logo-img{
	text-align:center;
}
.event-logo-img img{
	width: 100%;
	max-width:400px;
}
.dj-img{
	text-align:right;
}
.dj-img img{
	width: 100%;
	max-width:350px;
}

.summary-container{
	padding:10px;
	border:1px solid var(--brand-color-2);
	border-radius:15px;
	background: #000;
}
.summary-container{
	margin-bottom:25px;
}
.summary-container-header {
    color: var(--brand-color-3-text);
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 5px;
}
.summary-container .title{
	color: var(--brand-color-2);
	margin-top:10px;
	font-weight:600;
}
.fForm .hint{
	color: var(--brand-color-2);
}
.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #4e4e4e;
    width: 80%;
    max-height: 500px;
    padding: 1rem;
    -webkit-box-shadow: 0px 0px 17px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 17px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 17px -4px rgba(0, 0, 0, 0.75);
    overflow: visible;
    border: 1px solid var(--brand-color-2);
    z-index: 999;
    border-radius: 15px;
    transition: 0.6s all;
    overflow: auto !important;
}



/***--FAQ--***/
.OpenCloseToggle {
    border-top: 1px solid #ddd;
}
.OpenCloseToggle .f-list-item {
    margin: 0;
    margin-top: -1px;
    transition: 0.5s all;
    position: relative;
}
.OpenCloseToggle .f-list-item {
    z-index: 2;
}
.OpenCloseToggle .f-list-item.closed {
    z-index: 1;
}
.OpenCloseToggle .f-list-item:hover {
    z-index: 3;
}
.OpenCloseToggle .f-list-item-container {
    padding: 1rem;
    display: block;
    height: 100%;
    transition: 0.5s all;
    background: #000;
    border: 1px solid #ddd;
}
.OpenCloseToggle .f-list-item .f-list-item-container {
    border: 1px solid var(--brand-color-1-text);
}
.OpenCloseToggle .f-list-item.closed .f-list-item-container {
    border: 1px solid var(--brand-color-2);
}
.OpenCloseToggle .f-list-item-title {
    font-weight: bold;
    font-family: 'Poppins';
    font-size: 1rem;
    cursor: pointer;
    padding-right: 3rem;
    color: #fff;
    width: 90%;
    padding: 0;
}
.OpenCloseToggle .f-list-item-title:after, .OpenCloseToggle .f-list-item-title:before {
    position: absolute;
    right: 2rem;
    width: 1rem;
    height: 2px;
    content: "";
    background: var(--brand-color-2);
    display: block;
    transition: 0.5s all;
    top: 1.75rem;
}
.OpenCloseToggle .closed .f-list-item-title:before {
    transform: rotate(90deg);
}
.OpenCloseToggle .f-list-item-teaser-content {
    padding-top: 1rem;
}

.OpenCloseToggle .f-list-item-teaser-content, .OpenCloseToggle .f-list-item-teaser-content p {
    font-size: 1rem;
    color: var(--brand-color-1-text);
}
.OpenCloseToggle .f-list-item:hover .f-list-item-container {
    box-shadow: 0 0 1rem rgb(0 0 0 / 20%);
    background: #000;
}
.OpenCloseToggle ul li,
.OpenCloseToggle ol li{
    list-style:initial;
    margin: 0.5em 0 0.5em 20px;
}
.OpenCloseToggle ul,
.OpenCloseToggle ol{
    padding: 0 0 0 1em;
}
.app-menu{
	padding:0 40px;
}
.app-menu li{
	text-align:center;
	margin-bottom: 20px;
}
.app-menu li a{
	background: var(--brand-color-2);
	border-radius: 15px;
	padding: 10px;
	text-align:center;
	text-transform:uppercase;
	font-size: 1.2rem;
	font-weight:800;
	width:100%;
	display: block;
}

h1#heading{
	text-align:center;
	font-weight:800;
	font-size:2rem;
	text-transform:uppercase;
}
.agenda{
	background:#000;
	border:1px solid var(--brand-color-2);
	border-radius:15px;
	margin-bottom: 15px;
}
.agenda .fModuleTitle h3{
/* 	text-align:left; */
}
.agenda{
	font-size:1.2rem;
	font-weight:500;
}
.agenda tr{
	/* border-bottom:1px solid var(--brand-color-2); */
}
.agenda td{
	/* border-right:1px solid var(--brand-color-2); */
	padding: 10px 5px;
	font-size: 14px;
}
.agenda td:last-child{
	border-right:0;
}
.agenda tr:last-child{
	border:0;
}

.map img{
	border-radius:15px;
}

.activities .fModuleTitle h3{
	margin-bottom:0;
}
.activities .f-media-image {
	position:relative;
}
.activities .f-media-image img{
	border-radius:15px;
	filter: brightness(0.5);
}
.activities .f-media-text p{
	font-size:0.8rem;
	color: var(--brand-color-2);
	line-height: 1;
}
.activities .f-media-text{
	margin-top:10px;
}
.activities .fModuleTitle{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}
.fModule.End {
    margin: auto -19px;
}


#fFooter .bg-event-logo{
	bottom: -10%;
	position: fixed;
}
#fFooter .bg-event-logo img{
	opacity:0.5;
}