.maps-link {
	opacity: 0 !important;
	visibility: hidden !important;
}
#link-bar > div > div > div {
	display: none;
}
.btn-start-inline-edit, .btn-end-inline-edit {
    top: 70px !important;
}
#menu li > ul {
	z-index: 1001 !important;
}
#menu li:hover > ul {
	z-index: 1002 !important;
}
/*-----------------*/
/*     COLORS      */
/*-----------------*/

/* NORMAL COLORS */
.km-txt-blue {
	color: #477190;
}

.km-bg-blue {
	background-color: #477190;
}

.km-hover-blue:hover {
	background-color: #477190 !important;
}
.km-border-blue {
	border-color: #477190;
}
.km-border-blue::before, .km-border-blue::after {
	border-color: inherit !important;
}


.km-bg-blue-gradient {
	background: -moz-linear-gradient(to bottom, #779db9, #477190);
    background: -webkit-linear-gradient(to bottom, #779db9, #477190);
    background: linear-gradient(to bottom, #779db9, #477190);
}


.km-txt-blue-light {
	color: #779db9;
}

.km-bg-blue-light {
	background-color: #779db9;
}
.km-border-blue-light {
	border-color: #779db9 !important;
}

.km-border-blue-light::before, .km-border-blue-light::after {
	border-color: inherit !important;
}

.km-hover-blue-light:hover {
	background-color: #779db9 !important;
}





/* DARK COLORS */
.km-txt-blue-dark {
	color: #224F72;
}

.km-bg-blue-dark,
.km-hover-blue-dark:hover,
#topmenu .home_link_responsive,
#topmenu .km-login-color {
	background-color: #224F72 !important;
}

.km-border-blue-dark {
	border-color: #224F72;
}

.km-border-blue-dark::before, .km-border-blue-dark::after {
	border-color: inherit !important;
}


html body form .txt-white {
	color: white !important;
}


/* MENUBAR COLORS */
body #topmenu li:hover > .menu, body #topmenu .home_link_responsive:hover {
	color: white !important;
}

body #topmenu ul li ul li:hover > .menu {
	color: white !important;
}
@media screen and (max-width: 600px) {
	#footerClubName {
		min-width: 50vw;
	}
}
@media screen and (max-width: 769px) {
	html body #screen-wrap #screen-content {
		padding-top: 60px;
		margin-top: 0px;
	}
html body .home_link_responsive {
    position: relative;
    height: 40px;
    width: 100% !important;
    text-align: left;
}
	html body #txtTopMenuSearch {
		float: none;
		    margin: 3px 5px 3px 18px !important;
	}
	body #topmenu #topmenu-responsive {
		background-color: #477190;
	}
	html footer {
		text-align: left;
	}
}
@media screen and (min-width: 770px) {
	a.menu[href="#"] {
  pointer-events: none;
}

	ul.level2 {
		pointer-events: none;
	}
	ul.level1 > li:hover ul.level2, .usermenu > ul.level2 {
		pointer-events: all;
	}
	ul.level2.mmd.gold-mega {
		overflow-x: hidden;
	}
	ul.level2.mmd:not(.gold-mega) ul.level3 {
		left:-100% !important;
		right: 100%;
		margin-left: -100%;
		max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
	}
	ul.level2.mmd ul.level4 {
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    filter: alpha(opacity=100);
    left: 10px !important;
}
	
}







/*-----------------*/
/*    HTML/BODY    */
/*-----------------*/
html #body {
	padding-top: 0px !important;
}









/*-----------------*/
/*     MENUBAR     */
/*-----------------*/
#txtTopMenuSearch {
    height: 30px;
    margin: 15px 10px !important;
}
.hasLink {
	cursor: pointer !important;
}
#menu li ul.gold-five {
	max-height: 60vh;
	overflow-y: auto;
}
#menu li ul.gold-five ul.level3 .menu {
    line-height: 25px;
    text-align: left;
}
html body #menuBar #topmenu ul.gold-five ul.level3 i {
   
    line-height: 25px !important;
}
body #menuBar {
	position: absolute;
	top: 150px;
}

.home_link_responsive {
	transition: all 0.2s linear;
}


body #topmenu li .menu {
	font-size: 15px !important;
}

body #topmenu .level1 > li .menu {
	padding: 0px 10px !important;
}

body #topmenu .level1 > li::after {
	position: absolute;
	content: '';
	top: 15px;
	right: 0px;
	height: 30px;
	width: 1px;
	background-color: rgba(255, 255, 255, 0.25);
	transition: all 0.2s linear;
}

body #topmenu .level1 > li:hover::after {
	background-color: rgba(255, 255, 255, 0);
}

body #topmenu .level1 > li:last-child::after {
	content: none !important;
}




body .topmn .popout:after {
	/*
    position: relative;
    float: right;
    */
    margin-left: 5px;
    font-size: 10px !important;
}
	




html body#body #menuBar #topmenu .gold-normal.zero, html body#body #menuBar #topmenu .gold-mega.zero {
	left: 0 !important;
	-webkit-transform: translateX(0%) !important;
    -moz-transform: translateX(0%) !important;
    -o-transform: translateX(0%) !important;
    -ms-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
}

html body #menuBar #topmenu .gold-menu .gold-normal {
	position: absolute !important;
	top: 100% !important;
	left: 50% !important;
	-webkit-transform: translateX(-50%) !important;
	-moz-transform: translateX(-50%) !important;
	-o-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
	display: flex;
	flex-wrap: wrap;
}

html body #menuBar #topmenu .gold-menu .gold-normal > li {
	position: relative;
	float: left;
	width: 250px !important;
	height: auto;

	padding: 0px 5px;
	/*border-right: 1px solid rgb(230, 230, 230) !important;*/
}










html body #menuBar #topmenu .gold-menu .gold-mega {
	position: fixed !important;
	display: flex;
	flex-wrap: wrap;
	max-height: calc(100vh - 60px);
}

html body #menuBar #topmenu .gold-menu .gold-mega > li {
	position: relative;
	float: left;
	width: 25%;
	height: auto;

	border: none !important;

	padding: 0px 5px;
	/*border-right: 1px solid rgb(230, 230, 230) !important;*/
}




html body #menuBar #topmenu .gold-normal > li > a, html body #menuBar #topmenu .gold-mega > li > a {
	border: none !important;
	font-weight: bold;
	color: inherit !important;
	margin-bottom: 5px !important;
	padding: 0px 10px !important;
}

html body #menuBar #topmenu .gold-normal > li:hover > a, html body #menuBar #topmenu .gold-mega > li:hover > a {
	background-color: transparent !important;
	cursor: default !important;
	color: inherit !important;
}

html body #menuBar #topmenu .gold-normal > li > a::after, html body #menuBar #topmenu .gold-mega > li > a::after {
	position: absolute;
	content: '' !important;
	bottom: 0px;
	left: 0%;
	width: 100%;
	border-bottom: 2px solid black;
	border-color: inherit !important;
	margin: 0px !important;
}

html body #menuBar #topmenu .gold-normal > li > ul, html body #menuBar #topmenu .gold-mega > li > ul {
	position: relative;
	float: left;
	width: 100% !important;
	height: auto !important;

	top: 0px;
	left: 0px;
    box-shadow: none;
}

html body #menuBar #topmenu .gold-menu:hover .gold-normal > li > ul, html body #menuBar #topmenu .gold-menu:hover .gold-mega > li > ul {
	visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
html body #menuBar #topmenu .gold-menu .gold-mega ul.level3 i.fa-chevron-double-right {
    right: 5px;
    vertical-align: middle;
    position: absolute;
    line-height: 40px;
}
html body #menuBar #topmenu .gold-menu .gold-mega ul.level3 a:hover i {
	display: inline-block !important;
}
html body #menuBar #topmenu .gold-menu .gold-mega .hasLink {
	cursor: pointer;
}
html body #menuBar #topmenu .gold-menu .gold-mega .hasLink i {
	float: right;
    vertical-align: middle;
    line-height: 40px;
}





/*-----------------*/
/*   HOLD I DAG    */
/*-----------------*/
#holdidag.hide {
	position: absolute;
    top: 0;
}
#holdidag {
	padding: 25px 0px;
}
#holdidag .km-bg-blue  {
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0px 15px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    text-align: left;
    font-size: 18px;
    letter-spacing: 1px;
    transition: all 0.2s linear;
}
#holdidag #hid_search {
	position: absolute;
    right: 8px;
    top: 8px;
}
#holdidag #hid_search input  {
    border: 1px solid #aaa;
    background-color: rgba(255,255,255,0.90);
    box-shadow: none;
    padding: 8px;
}
#holdidag #hid_search #hid_searchbtn {
    margin-left: 10px;
    cursor: pointer;
}
#holdidag #holdidagcontent {
    position: relative;
    float: left;
    width: 100%;
    background-color: rgb(245, 245, 245);
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
    transition: all 0.5s linear;
	overflow-x: hidden;
	overflow-y: auto;
}
#holdidag .hid_hall {
    line-height: 40px;
    padding: 0 10px;
    font-weight: 700;
    font-size: 1.2em;
	border-bottom: 1px solid #888;
}
#holdidag .hid_hall i {
	margin-right: 10px;
}
#holdidag .hid_lokal {
	margin-top: 20px;
}
#holdidag .hid_left, #holdidag .hid_info {
	display: inline-block;
}
#holdidag .hid_left {
	width: 130px;
    display: flex;
	flex-shrink: 0;
    align-items: center;
}
#holdidag .hid_info > span {
	display: block;
}
#holdidag .hid_holdwrap .hid_hold:nth-child(odd) {
	background-color: #fff;
}
#holdidag .hid_hold {
    display: flex;
	padding: 10px 7px;
	color: #333;
    text-decoration: none;
	transition: all 0.2s linear;
}
#holdidag .hid_hold:hover {
	color: #fff;
}
#holdidag .hid_farve {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    margin-right: 10px;
    display: inline-block;
}
#holdidag .hid_time, .hid_navn  {
    font-size: 0.9em;
    font-weight: 700;
}
#holdidag .teamtitle:not(:empty) + .teamnr {
   display: none !important;
}
#holdidag .hid_pool {
    font-size: 0.9em;
    font-style: italic;
}









/*-----------------*/
/*     CONTENT     */
/*-----------------*/

#main-content #indhold {
	min-height: 0px;
	padding: 75px 0px;
}


.content-h2 {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px;
	font-size: 30px;
}





#top-bar {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background-color: white;
}

#top-bar .row > div {
	height: 150px;
	margin-bottom: 60px;
}

#top-bar #logo {
	position: relative;
	float: left;
	width: auto;
	height: 100px;
	margin-top: 25px;
}

#top-bar #logo img {
	position: relative;
    float: left;
    width: auto;
    max-height: 100%;
    height: auto;
    max-width: 100%;
}
















/*-----------------*/
/*     BANNER      */
/*-----------------*/
#banner {
	position: relative;
	float: left;
	width: 100%;
	height: 400px;
	z-index: 1000;
}


#banner::after {
	position: absolute;
    content: '';
    bottom: 0px;
    left: 0px;
    border-bottom: 75px solid;
    border-left: 100vw solid transparent;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    z-index: 1000;
}


#banner > .container {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0px;
}


#banner .row {
	position: relative;
	height: 100%;
	margin: 0px;
}

#banner .row > div {
	position: relative;
	height: 100%;
	padding: 0px;
}

#banner .heroSlider-fixed {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0px !important;
}

#banner .prev, #banner .next {
	display: block !important;
	top: 50% !important;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#banner .prev {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0px;
}

#banner .next {
	position: absolute;
	right: 0px;
	width: 50px;
	height: 50px;
}

#banner .prev > span, #banner .next > span {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 50px !important;
	transition: all 0.2s linear;
}

#banner .prev:hover > span, #banner .next:hover > span {
	opacity: 0.5 !important;
	filter: alpha(opacity=50) !important;
}
#banner-slider {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

#banner-slider .slick-list {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

#banner-slider .slick-track {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

#banner-slider .slick-slide {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;

	background-position: center center;
	background-size: cover;
}
#banner .slick-slide > * {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	display: block;
}
#banner-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

#banner-overlay .container {
	height: 100%;
}

#banner-overlay .row {
	height: 100%;
}

#banner-overlay .row > div {
	height: 100%;
}

#banner-overlay div > h2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: auto;

	color: white;
	font-size: 150px;
	text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.6);
	opacity: 0.1;
	filter: opacity(10);

	-ms-transform: rotate(-2.1deg);
    -webkit-transform: rotate(-2.1deg);
    transform: rotate(-2.1deg);
    padding-bottom: 15px;
    text-transform: uppercase;
}

/*
#banner-overlay #banner-logo {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

#banner-overlay #banner-logo img {
	display: block;
	width: auto;
	height: auto;
	max-height: 150px;
	margin: 0px auto !important;
}


#banner-overlay #banner-buttons {
	display: table;
	width: auto;
	height: auto;
	margin: 0px auto;
	margin-top: 15px;
}

#banner-overlay #banner-buttons > a {
	position: relative;
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;
	padding: 0px 50px;
	color: white;
	text-decoration: none;
	margin: 0px 7px;
	text-transform: uppercase;
	transition: all 0.2s linear;
}
*/






#link-bar {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 25px 0px;
}

#link-bar .row > div {

}

#link-bar .link-box {
	position: relative;
	display: table;
	margin: 0px auto;
	width: auto;
}

#link-bar .link-box:hover > div > i {
	-ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


#link-bar .link-box > div {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 0%;
	background-color: transparent;
	border: 2px dashed rgb(255, 255, 255);
	/*box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3);*/
}

#link-bar .link-box > div > i {
	position: relative;
	float: left;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 20px;
	color: white;
	/*
	border-radius: 50%;
	border: 2px dashed rgb(71, 113, 144);
	*/
	transition: all 0.6s linear;
}

#link-bar .link-box > span {
	position: relative;
	float: left;
	width: auto;
	height: 50px;
	line-height: 35px;
	font-size: 30px;
	color: white;
	margin-left: 15px;
}

#link-bar .link-box > p {
	position: absolute;
	top: 30px;
	left: 66px;
	width: 100%;
	height: auto;

	font-size: 14px;
	color: white;
	margin: 0px;
}









/*----------------*/
/*   TEAM SLIDER  */
/*----------------*/
#teams-bar {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 25px 0px;
	background-color: white;
	transition: all 0.5s linear;
	max-height: 9999px;
}

#teams-content {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}
.teams-item {
	position: relative;
	float: left;
	height: 400px;
	margin: 0 15px;
}


.teams-item .teams-image {
	position: relative;
	float: left;
	width: 100%;
	height: 200px;

	background-image: url(../images/patterns/13.png);
	background-position: center center;
	background-size: 200px;
	background-repeat: repeat;
}

.teams-item .teams-header {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;

	font-size: 30px;
	color: #477190;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.teams-item .teams-teaser {
	position: relative;
	float: left;
	width: 100%;
	height: 85px;
	padding-top: 5px;
	margin-bottom: 20px;
	overflow: hidden;
}

.teams-item .teams-button {
	position: relative;
	float: right;
	width: auto;
	height: 50px;
	line-height: 50px;
	color: white;
	text-decoration: none;
	padding: 0px 25px;
	padding-right: 75px;
	transition: all 0.2s linear;
}


.teams-item .teams-button::after {
    position: absolute;
    content: "\f105";
    font-family: "fontAwesome";
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 34px !important;
    font-weight: 900 !important;
    color: white;
    transition: all 0.2s linear;
}
.teams-item .teams-button:hover::after {
	right: -10px;
}

@media (max-width: 480px) {
	#teams-content .teams-header {
		padding: 0 10px;
		font-size: 20px;
	}
	#teams-content .teams-item {
		width: 100vw !important;
		margin: 0;
	}
	#teams-content .teams-teaser {
		padding: 5px 10px;
	}
}









#sliders {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background-color: rgb(245, 245, 245);
	padding: 100px 0px;
	padding-bottom: 150px;
	overflow: hidden;
	transition: all 0.2s linear;
}

#sliders::before {
	position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    border-top: 100px solid rgb(255, 255, 255);
    border-left: 100vw solid transparent;
}

#sliders::after {
	position: absolute;
    content: '';
    bottom: 0px;
    left: 0px;
    border-bottom: 100px solid rgb(255, 255, 255);
    border-right: 100vw solid transparent;
}
	
#news-bar {
	position: relative;
	float: left;
	width: 100%;
	height: 330px;
	padding: 15px 0px;
}

#news-bar .row {
	position: relative;
}

#news-bar .row > div:nth-child(1) {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 300px;
	padding-right: 50%;
	z-index: 100;
}

#news-bar .row > div:nth-child(1) .heroSlider-fixed {
	padding-right: 100px;
	height: 300px;
	overflow: hidden;
}

#news-bar .row > div:nth-child(1) .heroSlider-fixed::after {
	position: absolute;
	content: '';
	border-bottom: 300px solid white;
	border-right: 100px solid transparent;
	right: 0px;
	top: 0px;
	z-index: -1;
}

#news-bar .navigation-bar {
	position: absolute;
	bottom: 0px;
	left: -15px;
	width: 100%;
	height: 50px;
	z-index: 0;
}

#news-bar .navigation-bar span {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	z-index: 100;
}

#news-bar .navigation-bar span::after {
	position: absolute;
    content: '';
    border-bottom: 50px solid;
    border-right: 16px solid transparent;

    border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;

    right: -16px;
    top: 0px;
    z-index: -1;
    border-color: inherit;
}

#news-bar .slick-list {
	height: 300px;
}


#news-bar .row > div:nth-child(2) {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 300px;
	padding-left: 25%;
	z-index: 10;
}


#news-header {
	position: absolute;
	top: 15px;
	left: 15px;
	width: auto;
	height: auto;

	font-size: 18px;
	font-weight: bold;
	border-left: 15px solid white;
	border-right: 15px solid white;
	background-color: white;
	z-index: 1000;
}

#news-header span {
	position: relative;
	float: left;
	width: auto;
	font-size: 18px;
}

#news-header a {
	position: relative;
	float: left;
	width: auto;
	height: 20px;
	line-height: 20px;
	
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 5px;

	opacity: 0.5;
	filter: opacity(50);
	transition: all 0.2s linear;
}

#news-header a:hover {
	opacity: 1;
	filter: opacity(100);
	text-decoration: underline;
}


#news-bar .news-item {
	position: relative;
	float: left;
	width: 100%;
	height: 250px;
	padding: 50px 0px;

	background-color: white;
	z-index: 100;
}

#news-bar .news-date {
	position: absolute;
	top: 15px;
	right: 15px;
	width: auto;
	height: auto;

	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: underline;
}

#news-bar .news-header {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;

	padding: 0px 15px;
	padding-left: 50px;
	font-size: 30px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

#news-bar .news-teaser {
	position: relative;
	float: left;
	width: 100%;
	height: 100px;

	padding: 0px 15px;
	padding-left: 50px;
	color: black;
	overflow: hidden;
	text-align: left;
}

#news-bar .news-button {
	position: absolute;
	bottom: -50px;
	left: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: left;
	margin-top: 0px;
	padding: 0px 65px;
	color: white;
	overflow: hidden;
	text-decoration: none;
	z-index: 10000;
	transition: all 0.2s linear;
}

/*
#news-bar .news-button:hover {
	background-color: rgba(0, 0, 0, 0.25) !important;
}
*/

#news-bar .news-image {
	position: relative;
	float: left;
	width: 100%;
	height: 300px;

	background-image:url(../images/patterns/2.png);
	background-position: center center;
	background-size: 200px;
	background-repeat: repeat;
}
#news-bar .news-image[pos="center"] {
	background-position: center center !important;
}
#news-bar .news-image[pos="top"] {
	background-position: top center !important;
}
#news-bar .news-image[pos="bund"], #news-bar .news-image[pos="bottom"] {
	background-position: bottom center !important;
}
#news-bar .prev {
	position: absolute;
	top: auto !important;
	bottom: 0px !important;
	left: 0px !important;
	width: 50px;
	height: 50px;
	top: auto !important;
	bottom: 15px;
	left: 115px;
	z-index: 1000;
}

#news-bar .prev span {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: white;
	font-size: 18px;
	transition: all 0.2s linear;
}

#news-bar .next {
	position: absolute;
	top: auto !important;
	bottom: 0px !important;
	right: 15px !important;
	width: 50px;
	height: 50px;
	top: auto !important;
	bottom: 15px;
	right: 15px;
	z-index: 1000;
}

#news-bar .next span {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: white;
	font-size: 18px;
	transition: all 0.2s linear;
}

#news-bar .prev:hover span, #news-bar .next:hover span {
	/*color: rgba(255, 255, 255, 0.5) !important;*/
}

/*-----------------------*/
/*        GALLERY        */
/*-----------------------*/


#galembed img {
	height: 350px;
	width: auto;
}
#galembed a {
	position: relative;
}
#galembed a:hover:before {
	opacity: 1;
}
#galembed a:before {
	content: attr(data-togal);
	transition: 0.2s all linear;
	font-size: 1.1em;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	line-height: 350px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px rgb(100 100 100 / 75%);
}
#galembed {
	position: relative;
	float: left;
}
#galembed::before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    border-top: 45px solid rgb(40, 40, 40);
    border-right: 100vw solid transparent;
    pointer-events: none;
	z-index: 1;
}
#galembed::after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 0px;
    border-top: 45px solid transparent;
    border-right: 100vw solid rgb(40, 40, 40);
    pointer-events: none;
}
#galembed + footer::before {
	display: none !important;
}
/*-----------------------*/
/*        INSTAGRAM      */
/*-----------------------*/
#igembed + footer:before {
	display: none;
}
#igembed::after {
    position: absolute;
    content: '';
    height: 0;
    bottom: 0px;
    padding: 0;
    left: 0px;
    border-bottom: 65px solid rgb(40, 40, 40);
    border-left: 100vw solid transparent;
}
#igembed > div.row > div::before {
    position: absolute;
    content: '';
    height: 0;
    top: 0px;
    padding: 0;
    left: 0px;
    border-top: 65px solid rgb(255,255,255);
    border-right: 100vw solid transparent;
    z-index: 10001;
}
@media screen and (max-width: 769px) {
	#igembed::after {

    border-bottom: 45px solid rgb(40, 40, 40);

}
#igembed > div.row > div::before {

    border-top: 45px solid rgb(255,255,255);

}
	}
#igembed {
	height: auto;
	position: relative;
	float: left;
	width: 100%;
	background-color: #fff;
}
#igembed h2 span {
    position: relative; 
    float: left;
    width: auto;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
}
#igembed .slick-slide {
   opacity: .3;
   transition: opacity 2s ease-in-out;
}
#igembed .slick-current {
   opacity: 1;
   transition: opacity 2s ease-in-out;
}
#igembed .slick-active{
   opacity: 1;
   transition: opacity 2s ease-in-out;
}
#igembed .heroSlider-fixed {
        position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0px !important;
}
#igembed .row, #igembed .row > div {
	height: 100%;
}
#igembed > .row, #igembed > .row > div {
	height: 100%;
	max-height: 50vh;
}
#igembed #ig-slider {
	width: 100%;
	height: 50vh;

}
#igembed .slick-list, #igembed .slick-track {
	height: 100%;
}
#igembed .slick-slide {
	width: 100%;
	height: 100%;
	background-color: #fff;
	
	
	text-decoration: none;
	
}
#igembed .slick-slide a {
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
}
#igembed .slick-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#igembed .insta-header  {
    display: inline-block;
    color: #293948;
    height: 40px;
	line-height: 0.6em;
    font-size: 1.6em;
    font-weight: 700;
    text-decoration: none;
    text-indent: 20px; 
    text-transform: uppercase;
    
}
#igembed .fa-play {
	color: #fff;
	font-size: 2em;
	 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	transition: all 0.2s linear;
	text-decoration: none;
}
#igembed .ig_info {
	position: absolute;
	overflow: auto;
	width: 100%;
	text-decoration: none;
	padding: 60px 20px;
	max-height:100%;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s linear;
}
#igembed .slick-slide:hover .ig_info {
	visibility: visible;
	opacity: 1;
}
#igembed .slick-slide:hover .fa-play {
	font-size: 2.5em;
}
#igembed .ig_info span {
	color: #fff;
	font-size: 0.8em;
	font-style: italic;
}
#igembed .ig_info p {
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}
@media screen and (max-width: 769px) {
 #igembed {
	 margin-top:40px;
	}
}
@media screen and (max-width: 500px) {
 #igembed {
	 margin-top:40px;
	}
	#igembed .heroSlider-fixed {
		height: 350px;
	}
	#igembed #igembed-slider {
		height: 350px;
		border-left: 15px solid #fff;
		border-right: 15px solid #fff;
	}
}




/*Facebook embed */
#frames-bar #fbembed {
	height: auto;
	padding: 25px 0 50px 0;
}
#fbembed #fbembedtop {
	width: 100%;
	float: left;
	margin-bottom: 30px;
	display: flex;
}

#fbembed #fbembedtop #fb_pageinfo {
    position: absolute;
    top: 10px;
    left: 10px;
}
#fbembed #fbembedtop #fb_pageinfo #fb_logo, #fbembed #fbembedtop #fb_pageinfo > div {
	float: left;
}

#fbembed #fbembedtop #fb_pageinfo > div {
    margin-left: 10px;
}
#fbembed #fbembedtop #fb_pageinfo > div > a {
	color: #fff;
	text-decoration: none;
}
#fbembed #fbembedtop #fb_pageinfo > div > a:hover {
	text-decoration: underline;
}
#fbembed #fbembedtop #fb_pageinfo > div #fb_likes {
    font-size: 0.9em;
	line-height: 1.7em;
    color: #fff;
    text-shadow: 0 2px 4px rgb(0 0 0 / 90%);
}
#fbembed #fbembedtop #fb_pageinfo > div h2 {
    font-size: 1.5em;
	line-height: 0.8em;
    color: #fff;
    text-shadow: 0 2px 4px rgb(0 0 0 / 90%);
}
#fbembed #fbembedtop iframe {
    border: none;
    overflow: hidden;
    position: absolute;
    left: 10px;
    bottom: 10px;
}
#fbembed #fb_topcontent {
    position: relative;
    float: left;
    max-width: 500px;
    max-height: 190px;
    overflow: hidden;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
}
#fbembed #fb_arrows {
	float: left;
}
#fbembed #fb_arrows span {
	cursor: pointer;
}
#fbembed #fb_arrows span.slick-disabled {
	cursor:default;
}
#fbembed #fb_arrows .fbprev {
	margin-left: 0.5em;;
}
#fbembed #fb_arrows .fbnext {
	margin-left: 2.5em;
}
#fbembed #fb_arrows i {
	font-size: 2em;
	position: absolute;
	bottom: 0;
}
#fbembed #fb_arrows .slick-disabled {
	opacity: 0.25;
}
#frames-bar #fb_topcontent > img {
    width: auto;
    max-height: 190px;
    height: auto;
    max-width: 500px;
}
#fbembed #fbembedcontent {

}
#fbembed .fb_iteminner {
	float: left;
	box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
	margin: 0 15px;
	padding: 10px;
	background-color: #fff;
}
#fbembed .fb_top {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
#fbembed .fb_top img {
	display: inline-block;
	float: left;
}
#fbembed .fb_top > div {
	float: left;
	margin-left: 10px;
}
#fbembed .fb_top > div > div {
	font-size: 0.8em;
	color: #808080;
}
#fbembed .fb_top a {
	text-decoration: none;
	color: #000;
	font-weight: 600;
}
#fbembed .fb_post {
	font-size: 0.9em;
	float: left;
}
#fbembed .fb_post > span:nth-child(2) {
	display: none;
}

#fbembed .fb_post .fbless, #fbembed .fb_post .fbmore {
    font-size: 0.8em;
    text-decoration: none;
}
#fbembed .fb_img {
	margin-top: 5px;
	float: left;
}
#fbembed .fb_img img {
	width: 100%;
	height: auto;
}
#fbembed .fb_vid {
	margin-top: 5px;
	float: left;
}

#fbembed .fb_event {
	float: left;
	margin-bottom: 5px;
    padding-bottom: 5px;
	width: 100%;
	border-bottom: 1px solid #808080;
}
#fbembed .fb_evname {
	font-size: 1.3em;
	font-weight: 600;
	margin-bottom: 5px;	
}
#fbembed .fb_evdate {
    font-size: 0.9em;
    color: #808080;
}
#fbembed .fb_evdate i {
	margin-right: 5px;
}
#fbembed .fb_count {
	padding: 7px 6px;
    margin-top: 10px;
    background-color: #e5e5e5;
    display: inline-block;
    float: left;
}
#fbembed .fb_count > span {
	float: left;
	margin: 0 6px;
	font-size: 0.8em;
}
#fbembed .fb_count > span i {
    margin-right: 5px;
    font-size: 1.3em;
    color: #fff;
    text-shadow: 0px 0px 1px #000;
	float: left;
}
#fbembed .fb_count > span i.fa-comment-alt {
	font-size: 1.2em;
	margin-top: 1px;
}
#fbembed .fb_count > span > span {
	float: left;
	margin-top: -1px;
}
#fbembed .fb_links {
	position: relative;
	float: right;
	font-size: 0.8em;
	margin-top: 20px;
}
#fbembed .fb_links > a {
	margin-right: 15px;
	color: #4267B2;
	text-decoration: none;
}
#fbembed .fb_links > a:hover {
	text-decoration: underline;
}
#fbembed .fb_share .fb_options {
    visibility: hidden;
    opacity: 0;
    transition: 0.2s all linear 0.2s;
    background-color: #888;
    position: absolute;

    right: 0px;
    margin-top: -25px;
    padding: 6px 4px;
}
#fbembed .fb_share:hover .fb_options {
	visibility: visible;
	opacity: 1;
	transition: 0.2s all linear;
	
}
#fbembed .fb_share .fb_options a {
	margin: 0 3px;
}
#fbembed .fb_share .fb_options a i {
	color: #fff;
	font-size: 1.1em;
	margin: 0 3px;
}
#fbembed .fb_share .fb_options a:hover i.fa-facebook-square {
	color: #4267B2;
}
#fbembed .fb_share .fb_options a:hover i.fa-twitter {
	color:#1DA1F2;
}
#fbembed .fb_share .fb_options a:hover i.fa-linkedin {
	color:#2867B2;
}
#fbembed .fb_share .fb_options a:hover i.fa-envelope {
	color: #EA4335;
}
@media screen and (max-width: 769px) {
	#fbembed .fb_share .fb_options {   
		width: 250px;
		background-color: #e5e5e5;
		padding: 19px 4px;
		text-align: center;
		margin-top: -70px;
	}
	#fbembed .fb_share .fb_options a {
		margin: 0 13px;
		font-size: 2em;
	}
	#fbembed .fb_share .fb_options a i.fa-facebook-square {
	color: #4267B2;
	}
	#fbembed .fb_share .fb_options a i.fa-twitter {
		color:#1DA1F2;
	}
	#fbembed .fb_share .fb_options a i.fa-linkedin {
		color:#2867B2;
	}
	#fbembed .fb_share .fb_options a i.fa-envelope {
		color: #EA4335;
	}
}





#event-bar {
	position: relative;
	float: left;
	width: 100%;
	height: 330px;
	padding: 15px 0px;
}

#event-bar .row {
	position: relative;
}

#event-bar .row > div:nth-child(2) {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 300px;
	padding-left: 50%;
	z-index: 100;
}

#event-bar .row > div:nth-child(2) .heroSlider-fixed {
	padding-left: 110px;
	height: 300px;
}

#event-bar .row > div:nth-child(2) .heroSlider-fixed::after {
	position: absolute;
	content: '';
	border-top: 300px solid white;
	border-left: 100px solid transparent;
	left: 10px;
	top: 0px;
	z-index: -1;
}

#event-bar .navigation-bar {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	padding-left: 109px;
	z-index: 0;
}

#event-bar .navigation-bar span {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	z-index: 0;
}

#event-bar .navigation-bar span::after {
	position: absolute;
    content: '';
    border-top: 50px solid;
    border-left: 16px solid transparent;

    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;

    left: -16px;
    top: 0px;
    z-index: -1;
    border-color: inherit;
}

#event-bar .slick-list {
	height: 300px;
}


#event-bar .row > div:nth-child(1) {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 300px;
	padding-right: 25%;
	z-index: 10;
}

#event-header {
	position: absolute;
	top: 15px;
	left: 50%;
	width: auto;
	height: auto;

	font-size: 18px;
	font-weight: bold;
	border-left: 15px solid white;
	border-right: 15px solid white;
	background-color: white;
	z-index: 1000;
	margin-left: 25px;
}

#event-header span {
	position: relative;
	float: left;
	width: auto;
	font-size: 18px;
}

#event-header a {
	position: relative;
	float: left;
	width: auto;
	height: 20px;
	line-height: 20px;
	
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 3px;
	margin-left: 5px;

	opacity: 0.5;
	filter: opacity(50);
	transition: all 0.2s linear;
}

#event-header a:hover {
	opacity: 1;
	filter: opacity(100);
	text-decoration: underline;
}

#event-bar .event-item {
	position: relative;
	float: left;
	width: 100%;
	height: 250px;
	padding: 50px 0px;

	background-color: white;
	z-index: 100;
}

#event-bar .event-date {
	position: absolute;
	top: 15px;
	right: 15px;
	width: auto;
	height: auto;

	font-size: 14px;
	font-weight: bold;
	color: black;
	text-decoration: underline;
}

#event-bar .event-header {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;

	padding: 0px 15px;
	padding-right: 50px;
	font-size: 30px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
	/*margin-top: 50px;*/
}

#event-bar .event-teaser {
	position: relative;
	float: left;
	width: 100%;
	height: 140px;

	padding: 0px 15px;
	padding-right: 50px;
	
	overflow: hidden;
	
}

#event-bar .event-button {
	position: absolute;
	bottom: -50px;
	right: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: right;
	margin: 0px auto;
	padding: 0px 65px;
	color: white;
	text-decoration: none;
	overflow: hidden;
	transition: all 0.2s linear;
}


#event-bar .event-image {
	position: relative;
	float: left;
	width: 100%;
	height: 300px;

	background-image:url(../images/patterns/2.png);
	background-position: center center;
	background-size: 200px;
	background-repeat: repeat;

}

#event-bar .prev {
	position: absolute;
	top: auto !important;
	bottom: 0px !important;
	left: 110px !important;
	width: 50px;
	height: 50px;
	top: auto !important;
	bottom: 15px;
	left: 115px;
	z-index: 1000;
}

#event-bar .prev span {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: white;
	font-size: 18px;
	transition: all 0.2s linear;
}

#event-bar .next {
	position: absolute;
	top: auto !important;
	bottom: 0px !important;
	right: 0px !important;
	width: 50px;
	height: 50px;
	top: auto !important;
	bottom: 15px;
	right: 15px;
	z-index: 1000;
}

#event-bar .next span {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: white;
	font-size: 18px;
	transition: all 0.2s linear;
}

#event-bar .prev:hover span, #event-bar .next:hover span {
	/*color: rgba(255, 255, 255, 0.5) !important;*/
}



















#frames-bar {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 50px 0px;
	background-color: white;
}

#frames-bar h2 {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px;
	font-size: 30px;
}

#frames-bar h2 span {
	position: relative;
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;
	font-size: 30px;
}

#frames-bar h2 a {
	position: relative;
	float: left;
	width: auto;
	height: 30px;
	line-height: 30px;
	
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 12px;
	margin-left: 5px;

	opacity: 0.5;
	filter: opacity(50);
	transition: all 0.2s linear;
}

#frames-bar h2 a:hover {
	opacity: 1;
	filter: opacity(100);
	text-decoration: underline;
}

/* FACEBOOK */
#facebook-feed {
	position: relative;
	float: left;
	max-width: 500px;
	width: 100%;
	height: 545px;
	background-color: rgb(245, 245, 245);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}



/* CALENDAR */
#calendar-content {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	max-height: 600px;
	overflow: hidden;
	background-color: rgb(245, 245, 245);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.5s linear;
}

.calendar-item {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	padding-right: 50px;
	padding-left: 50px;
	margin-bottom: 5px;
	transition: width 0.2s linear;
}

.calendar-item:last-child {
	margin-bottom: 0px !important;
}

/*
.calendar-item::before {
	position: absolute;
	content: '';
	top: 0px;
	right: 0px;
	width: 50px;
	height: 0px;
	border-left: 15px solid transparent;
    border-bottom: 25px solid white;
    border-top: 25px solid white;
    transition: width 0.2s linear;
    z-index: 10;
}

.calendar-item::after {
	position: absolute;
	content:"\f105";
	font-family: "fontAwesome";
	top: 0px;
	right: 0px;
	width: 45px;
	height: 0px;
	border-left: 15px solid transparent;
    border-bottom: 25px solid #101010;
    border-top: 25px solid #101010;
    z-index: 10;

    text-align: center;
	color: white;
	line-height: 0px;
	font-size: 28px;
	transition: width 0.2s linear;
}

.calendar-item:hover::before {
	width: 100px;
}

.calendar-item:hover::after {
	content: '';
	width: 95px;
}

*/


/*
.calendar-item:hover .calendar-date {
	color: white !important;
}

.calendar-item:hover .calendar-header {
	color: white !important;
}

.calendar-item:nth-child(even) {
	background-color: rgba(150, 150, 150, 0.1);
}
*/

.calendar-item svg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px !important;
	height: 50px !important;
	padding: 14px;

	color: white;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	transition: all 0.2s linear;
}

.calendar-item i {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	text-align: center;

	color: white;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	transition: all 0.2s linear;
}

.calendar-item .calendar-date {
	position: relative;
	float: left;
	width: 100%;
	height: 25px;
	line-height: 35px;
	padding: 0px 15px;
	padding-left: 0px !important;

	color: white;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	transition: all 0.2s linear;
}

.calendar-item .calendar-header {
	position: relative;
	float: left;
	width: 100%;
	height: 25px;
	line-height: 15px;
	padding: 0px 15px;
	padding-left: 0px !important;

	font-size: 18px;
	color: white;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
	transition: all 0.2s linear;
}

.calendar-item .calendar-button {
	position: absolute;
	top: 0px;
	right: 0px;
	width: auto;
	height: 50px;
}

.calendar-item .calendar-button::before {
	position: absolute;
	content: '';
	top: 0px;
	right: 5px;
	width: 100%;
	height: 0px;
	border-left: 15px solid transparent;
    border-bottom: 25px solid white;
    border-top: 25px solid white;
    transition: width 0.2s linear;
    z-index: 10;
}

.calendar-item .calendar-button::after {
	position: absolute;
	content:"";
	top: 0px;
	right: 0px;
	width: 100%;
	height: 0px;
	border-left: 15px solid transparent;
    border-bottom: 25px solid #101010;
    border-top: 25px solid #101010;
    z-index: 10;

    text-align: center;
	color: white;
	line-height: 0px;
	font-size: 28px;
	transition: width 0.2s linear;
}

.calendar-item .calendar-button > i {
	position: relative;
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;


	padding: 0px 15px;
	font-size: 30px;
	color: white;
	transition: all 0.4s linear;

	z-index: 1000;
}

.calendar-item .calendar-button > span {
	position: relative;
	float: left;
	width: 150px;
	max-width: 0px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;


	padding: 0px 0px;
	font-size: 16px;
	color: white;
	transition: all 0.4s linear;

	z-index: 1000;
}


.calendar-item:hover .calendar-button > span {
	max-width: 150px;
}












/*------SPONSORER------*/

#sponsors::before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    border-top: 75px solid rgb(255, 255, 255);
    border-right: 100vw solid transparent;
}
/*
#sponsors::after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 0px;
    border-bottom: 75px solid #101010;
    border-left: 100vw solid transparent;
}
*/
#sponsors {
	position: relative;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 125px 0px 75px 0;
    background-color: rgb(235, 235, 235);
}

#sponsors h2 {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px;
	font-size: 30px;
}

#sponsors .container {
	position: relative;
	height: auto;
}

#sponsors .row {
	position: relative;
	height: auto;
}

#sponsors .row > div {
	position: relative;
	height: auto;
}

#sponsors .heroSlider-fixed {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0px !important;
}

#sponsors .prev, #sponsors .next {
	display: none !important;
}

#sponsor-slider {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}


#sponsor-slider .slick-list {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}

#sponsor-slider .slick-list .slick-track {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}

#sponsor-slider .slick-list .slick-track .slick-slide {
  position: relative;
  float: left;
  width: 100%;
  height: 200px;
  padding: 25px;
}

#sponsor-slider a {
	position: relative;
	float: left;
	top: 0%;
	left: 0%;

	width: 100%;
	height: 100%;
	display: inline-block;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;

	border: 25px solid rgb(235, 235, 235);
	transition: all 0.2s linear;
}

#sponsor-slider a:hover {
	transform: scale(1.1);
	z-index: 100;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}

#sponsor-slider a:hover:after {
	position: absolute;
	content: "BESØG SIDE";
	width: 100%;
	height: auto;
	text-align: center;
	z-index: 1000;

	bottom: -20px;
	font-size: 14px;
	font-weight: bold;
	color: black;
}










/*----------------*/
/*     FOOTER     */
/*----------------*/

body footer {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background-color: rgb(40, 40, 40);
	padding: 100px 0px 25px 0;
	padding-top: 150px;
}

body footer::before {
	position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    border-top: 65px solid rgb(235, 235, 235);
    border-right: 100vw solid transparent;
	pointer-events: none;
}

footer #footer-top {
	position: absolute;
	width: 100%;
	height: 50px;
	left: 0;
	top: 100px;
	/*background-color: rgb(35, 35, 35);*/
}

footer .row {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

footer .footer-box {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 0px 0px;
}
body footer #footer-email a {
	color: #fff;
}
footer > .container > .row > div:first-child .footer-box {
	padding-left: 200px;
}

footer #footer-logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	height: auto;
	filter: brightness(0) invert(1);
}


footer #footer-logo img {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 25px;
}

footer .footer-box h2 {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 25px 0px;

	color: white;
	text-align: left;
}

footer .footer-box h2 > span {
	position: relative;
	float: left;
	width: auto;
	height: 25px;
	line-height: 25px;

	color: white;
	text-align: left;
}

footer .footer-box h2 > a {
	position: relative;
	float: left;
	width: auto;
	height: 25px;
	line-height: 20px;

	color: white;
	text-align: left;

	font-size: 14px;
	margin-left: 5px;
	color: rgba(255, 255, 255, 0.5);
    transition: all 0.2s linear;
}

footer .footer-box h2 > a:hover {
	color: rgba(255, 255, 255, 1);
}

footer .footer-box .footer-header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin: 0px;
}

footer .footer-box .footer-header span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: 50px;
	line-height: 50px;
	padding: 0px 15px;
	font-size: 30px;
	background-color: rgba(40, 40, 40, 1);
	margin: 0px;
}

/*
footer .footer-box .footer-header span {
	font-size: 30px;
    line-height: 50px;
    color: white;
    display: inline-block;
    margin-bottom: 15px;
    background-color: rgb(30, 30, 30);
	position:relative;
	padding:0 15px;
	margin-left:-15px;
}
*/
footer .footer-box .footer-header span:before {
	content: ' ';
    position: absolute;
    left: -15px;
    top: 0;
    width: 0;
    height: 0;
    border-right: 15px solid rgba(40, 40, 40, 1);
    border-top: 50px solid transparent;
}

footer .footer-box .footer-header span:after {
	content: ' ';
    position: absolute;
    right: -15px;
    top: 0;
    width: 0;
    height: 0;
	border-left: 15px solid rgba(40, 40, 40, 1);
    border-bottom: 50px solid transparent;
}

footer .footer-box p {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	color: white;
	margin: 3px 0px;
}

footer .footer-box p > i {
	position: relative;
	float: left;
	width: 20px !important;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	color: white;
	text-align: right;
}

footer .footer-box p > span {
	position: relative;
	float: left;
	width: auto;
	height: 20px;
	line-height: 20px;
}
footer .footer-box p > #footer-phone {
	float: none;
}

footer #footer-bottom {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

footer #footer-bottom .row > div {
	position: relative;
	float: left;
	width: 100%;
	height: 60px;
}

footer .link-box {
	position: relative;
	float: left;
	width: 33.333%;
	height: auto;
}


footer #footer-links {
	/*height: 80px !important;*/
	overflow: hidden !important;
}

footer .footer-link {
	position: relative;
	float: left;
	width: 250px;
	height: auto !important;
}

footer .footer-link a {
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
	line-height: 20px;

	color: white;
	text-decoration: none;
	margin: 3px 0px;
}

footer .footer-link a:hover > span {
	text-decoration: underline;
	color: rgba(255, 255, 255, 1);
}

footer .footer-link a:hover > i, footer .footer-link a:hover > svg {
	color: rgba(255, 255, 255, 1);
}

footer .footer-link a > i {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px !important;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	color: rgba(255, 255, 255, 1);
	text-align: right;
	transition: all 0.2s linear;
}

footer .footer-link a > svg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px !important;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	color: rgba(255, 255, 255, 1);
	text-align: right;
	transition: all 0.2s linear;
}

footer .footer-link a > span {
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
	padding-left: 25px;
	line-height: 20px;
	color: rgba(255, 255, 255, 1);
	transition: all 0.2s linear;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize !important;
}

footer .footer-link a:hover {
	text-decoration: underline;
}

footer .social-link {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

footer .social-link a:hover span {
	text-decoration: underline;
}

footer .social-link a {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	color: white;
	text-decoration: none;
	margin: 3px 0px;
}

footer .social-link a i {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	color: white;
	text-decoration: none;
	line-height: 20px;
	margin-right: 10px;
}

footer .social-link a span {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	color: white;
	text-decoration: none;
	line-height: 20px;
}

/*
footer #google-maps-button {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;

	color: white;
	text-decoration: none;
	padding: 0px 50px;
	margin-top: 0px;
	transition: all 0.2s linear;
}
*/


footer #klubmodul {
	position: absolute;
	top: auto;
	top: 0px;
	left: 0px;
	right: auto;
	width: 100%;
	height: 75px;
	text-align: center;
}

footer #klubmodul a {
	position: relative;
	top: 30px;
}

footer #klubmodul a img {
	width: auto;
	height: auto;
}












/*--------Google Map-------*/

#google-maps::before {
    position: absolute;
    content: '';
    top: 0px;
    border-top: 75px solid rgb(40, 40, 40);
    border-left: 100vw solid transparent;
	pointer-events: none;
}

#google-maps {
	position: relative;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0;
}








































.hide, .hide:before, .hide:after {
	overflow: hidden !important;
	max-height: 0px !important;
	opacity: 0 !important;
    filter: alpha(opacity=0) !important;
    padding: 0px !important;
    margin: 0px !important;
}














/* MOBILE DEVICES */
@media screen and (max-width: 769px) {
	html body #top-bar .row > div {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		text-align: center;
	}

	#logo {
		float: none !important;
		display: inline-block !important;
	}
	html body form #topmenu .home_link_responsive {
		z-index: 1001;
	}
	html body form #topmenu li > .menu, html body form #topmenu .home_link_responsive {
		text-shadow: 0px 1px 2px rgba(0, 0, 0, 1) !important;
		color: white !important;
	}

	html body #menu ul li ul {
		background-color: transparent !important;
	}

	#banner {
		margin-top: 0px !important;
		height: 300px !important;
	}

	#banner .prev, #banner .next {
		display: none !important;
	}

	#link-bar .link-box {
		position: relative !important;
		float: left !important;
		width: 100% !important;

		padding: 0px 25px;
		margin: 15px 0px;
	}

	#link-bar .link-box > p {
		left: 90px !important;
	}


	#news-bar {
		height: auto !important; 
	}

	#news-bar .row > div {
		position: relative !important;
		float: left !important;
		width: 100% !important;
		height: auto !important;
		padding: 0px 15px !important;
	}

	#news-bar .row > div:nth-child(1) {
		padding: 0px 15px !important;
		padding-top: 150px !important;
		z-index: 100;
	}

	#news-bar .row > div:nth-child(2) {
		position: absolute !important;
		top: 0px !important;
		left: 0px !important;
		height: 150px !important;
		z-index: 1000;
	}

	#news-header {
		top: 160px !important;
	}

	#news-bar .slick-list {
		height: auto !important;
		overflow: visible !important;
	}

	#news-bar .news-image {
		height: 150px !important;
	}

	#news-bar .row > div:nth-child(1) .heroSlider-fixed {
		padding: 0px !important;
	}

	#news-bar .row > div:nth-child(1) .heroSlider-fixed::after {
		content: none !important;
	}

	#news-bar .navigation-bar {
		left: 0px !important;
	}

	#news-bar .navigation-bar span ::after{
		content: none !important;
	}

	#news-bar .news-header {
		padding: 0px 15px !important;
		text-align: center;
	}

	#news-bar .news-teaser {
		padding: 0px 15px !important;
		text-align: center;
	}

	#news-bar .news-button {
		width: 100% !important;
		text-align: center;
		left: 0px !important;
	}




	#event-bar {
		height: auto !important; 
	}

	#event-bar .row > div {
		position: relative !important;
		float: left !important;
		width: 100% !important;
		height: auto !important;
		padding: 0px 15px !important;
	}

	#event-bar .row > div:nth-child(1) {
		position: absolute !important;
		top: 0px !important;
		left: 0px !important;
		height: 150px !important;
	}

	#event-bar .row > div:nth-child(2) {
		padding-top: 150px !important;
	}

	#event-bar .slick-list {
		height: auto !important;
		overflow: visible !important;
	}

	#event-bar .event-image {
		height: 150px !important;
	}

	#event-bar .row > div:nth-child(2) .heroSlider-fixed {
		padding: 0px !important;
	}

	#event-bar .row > div:nth-child(2) .heroSlider-fixed::after {
		content: none !important;
	}

	#event-bar .row > div:nth-child(2) .heroSlider-fixed {
		overflow: hidden !important;
	}

	#event-header {
		position: absolute;
		top: 160px !important;
		right: auto !important;
		left: 15px !important;
		margin: 0px !important;
	}

	#event-bar .event-header {
		padding: 0px 15px !important;
		text-align: center;
	}

	#event-bar .event-teaser {
		padding: 0px 15px !important;
		text-align: center;
	}

	#event-bar .navigation-bar {
		padding: 0px !important;
		width: 100% !important;
	}

	#event-bar .navigation-bar span::after {
		content: none !important;
	}

	#event-bar .event-button {
		right: auto !important;
		left: auto !important;
		width: 100% !important;
		text-align: center !important;
	}



	#facebook, #calendar {
		margin: 15px 0px;
	}


	html body footer #footer-logo {
		display: none !important;
	}

	footer .footer-box h2 {
		margin: 0px !important;
		margin-top: 15px !important;
	}

	footer .footer-box .footer-header {
		margin: 0px !important;
	}

	footer .footer-box .footer-header span {
		padding: 0px 5px !important;
		left: -7px !important;
	}

	html body footer > .container > .row > div:first-child .footer-box {
		padding-left: 0px !important;
	}



	footer .row > div {
		padding: 0px 30px !important;
	}

	footer .footer-box p {
		line-height: 20px !important;
	}

	footer .footer-link {
		width: 50% !important;
		padding: 0px 0px !important;
	}

	footer .footer-link a > span {
		text-align: left !important;
		font-size: 15px !important;
	}

	footer .footer-link a > i {
		font-size: 15px !important;
	}

	footer #klubmodul {
		padding-top: 0px !important;
	}




	body #topmenu .level1 > li .menu {
		padding: 0px !important;
	}

	body #topmenu .level1 > li::after {
		content: none !important;
	}




	html body #topmenu .topmn .menu {
		font-size: 14px !important;
	}

	html body .topmn .popout:after {
	    font-size: 14px !important;
	}
}

/* DESKTOP DEVICES */
@media screen and (min-width: 770px) {
	#event-bar .row > div:nth-child(1) {
    padding-right: 35%;
}
	#topmenu {
		padding-right: 95px;
	}
	#news-bar .row > div:nth-child(2) {  
    padding-left: 36%;
}
}
@media screen and (min-width: 990px) {
	#event-bar .row > div:nth-child(1) {
    padding-right: 38%;
}
		#news-bar .row > div:nth-child(2) {  
    padding-left: 39%;
}
}
@media screen and (min-width: 1200px) {
	#event-bar .row > div:nth-child(1) {
    padding-right: 40%;
}
	#news-bar .row > div:nth-child(2) {  
    padding-left: 41%;
}
}









html body #screen-wrap {
	overflow: hidden;
}