/* NORMAL COLORS */
.moremenu.gold-menu  ul.level4{
    position: relative !important;
    filter: alpha(opacity=100) !important;
    visibility: visible !important;
    opacity: 1 !important;
    left: 0 !important;
    padding-left: 20px !important;
}
.km-txt-blue {
	color: #477190;
}

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

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

.km-hover-blue:hover {
	background-color: #477190 !important;
}


/* LIGHT COLORS */
.km-txt-blue-light {
	color: #779db9;
}
.km-bg-blue-light {
	background-color: #779db9;
}
.km-border-blue-light {
	border-color: #779db9 !important;
}
body #menu ul li ul {
	z-index: 2;
}

body #menu ul li:hover ul {
	z-index: 3;
}


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

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


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





/* FADE COLORS */
.km-bg-blue-fade {
    background-color: rgba(71,113,144, 0.2) !important;
}

.km-bg-blue-fade-dark {
    background-color: rgba(71,113,144, 0.8) !important;
}




/* PATTERNS COLORS */
.km-pattern-blue::after {
	background-color: #477190 !important;
}

.km-pattern-blue-light::after {
	background-color: #477190 !important;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.km-pattern-blue-gradient::before {
	background: -moz-linear-gradient(to right, #ffffff, transparent) !important;
	background: -webkit-linear-gradient(to right, #ffffff, transparent) !important;
	background: linear-gradient(to right, #ffffff, transparent) !important;
}

.km-pattern-blue-gradient::after {
	background-color: #224F72 !important;
}

.km-pattern-blue-gradient-light::before {
	background: -moz-linear-gradient(to right, #ffffff, transparent) !important;
	background: -webkit-linear-gradient(to right, #ffffff, transparent) !important;
	background: linear-gradient(to right, #ffffff, transparent) !important;
}

.km-pattern-blue-gradient-light::after {
	background-color: #477190 !important;
	opacity: 0.30;
	filter: alpha(opacity=30);
}


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











html body.front, html body.front #aspnetForm, body.front #DK, body.front #screen-wrap, body.front #screen-content, #fullpage {
	position: relative;
	float: left;
	width: 100% !important;
	height: 100% !important;
}
html,html body, html body #aspnetForm, #DK, #screen-wrap, #screen-content, #fullpage {
	position: relative;
	float: left;
	width: 100% !important;
	min-height: 100% !important;
}

#screen-content {
	background-color: white;
}

#fullpage {
	position: relative;
	float: left;
	width: 100%;
	max-height: none;
	transition: all 1s linear;
	opacity: 1;
    filter: alpha(opacity=100);
}
#body.gallery #fullpage {
	height: initial !important;
}
#body.gallery #screen-wrap, #body.gallery #screen-content {
	overflow: visible;
}
.fp-section {
	position: relative;
	float: left;
	width: 100%;
	padding-top: 60px !important;
}

.fp-tableCell {
	position: relative;
	float: left;
	width: 100%;
}

#add-section {
	position: relative;
	float: left;
	width: 100%;
	height: 0px;
	overflow: hidden;
}

/*
#fullpage-buttons {
	position: fixed;
	top: 50%;
	right: 0px;
	width: 50px;
	height: 100px;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 100000000;
	transition: all 0.4s linear;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2) !important;
}

#fullpage-buttons > div {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	transition: all 0.2s linear;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

#fullpage-buttons > div:first-child {
	border-bottom: none !important;
}

#fullpage-buttons > div:hover {
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 1;
    filter: alpha(opacity=100);
}

#fullpage-buttons > div > i {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	color: white;
}
*/

#fp-nav {
	position: fixed;
	top: 50%;
	right: 0px;
	width: 40px;
	height: auto;

	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
	z-index: 100000000;
	transition: all 0.4s linear;
}

#fp-nav ul {
	position: relative;
	float: left;
	width: 40px;
	height: auto;
	list-style: none;
	padding: 0px !important;
	margin: 0px !important;
}

#fp-nav li {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	list-style: none;
	padding: 0px !important;
}

#fp-nav li > a, #fp-nav li > a > span {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	overflow: hidden;
}

#fp-nav li > a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	z-index: 100000;
}

#fp-nav li:first-child > a {
	border-top-left-radius: 5px;
}

#fp-nav li:last-child > a {
	border: none !important;
	border-bottom-left-radius: 5px;
}

#fp-nav li > a > span > i {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;

	color: white;
	font-size: 14px;
	transition: all 0.2s linear;
}

#fp-nav li:first-child > a > span > i {
	font-size: 16px !important;
}

#fp-nav li:hover > a > span > i {
	/*font-size: 18px;*/
}


#fp-nav li > a > span {
	transition: all 0.2s linear;
}

#fp-nav li:hover > a > span {
	background-color: rgba(255, 255, 255, 0.2);
}

#fp-nav li > .fp-tooltip {
	position: absolute;
	top: 0px;
	left: 5px;
	width: auto;
	height: 39px;
	line-height: 39px;

	color: white;
	padding: 0px 15px;
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 14px !important;

	text-align: right;
	overflow: hidden;
	transition: all 0.2s linear;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	z-index: 10000;
}

#fp-nav li:last-child > .fp-tooltip {
	height: 40px !important;
	line-height: 40px !important;
}

#fp-nav li:hover > .fp-tooltip {
	animation-name: nav-hover;
	animation-duration: 0.2s;
	animation-fill-mode: forwards;

	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow: hidden;
}


#fp-nav:hover {
	/*box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2) !important;*/
}

@keyframes nav-hover {
    0% {
    	-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-o-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
    }
    100% {
    	-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
    }
}


#fp-nav li > a.active > span {
	background-color: rgba(255, 255, 255, 0.2);
}




/*
#fp-nav li > a > span {
	position: relative;
	float: left;
	margin: 0px auto;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 1px;
	transition: all 0.2s linear;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
}

#fp-nav li > a > span:hover {
	background-color: white !important;
}

#fp-nav li > a.active > span {
	width: 14px;
	height: 14px;
	margin: 0px;
	border: 2px solid rgba(255, 255, 255, 1);
}
*/


/*
html body form #screen-wrap #screen-content #fp-nav li > a > span {
	position: relative;
	float: left;
	margin: 0px auto;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 1px;
	transition: all 0.2s linear;
	border: 2px solid;
}

html body form #screen-wrap #screen-content  #fp-nav ul li > a:not(.active):not(:hover) > span {
	background-color: transparent !important;
}

html body form #screen-wrap #screen-content #fp-nav li > a.active > span {
	width: 14px;
	height: 14px;
	margin: 0px;
}

html body form #screen-wrap #screen-content #fp-nav li > a.active + div {
	width: 100px !important;
	text-decoration: underline !important;
}

html body form #screen-wrap #screen-content #fp-nav li > div {
	position: absolute;
	top: 0px;
	right: 100%;
	width: 0px;
	height: 100%;
	font-size: 12px;
	margin-right: 5px;
	text-align: right;
	overflow: hidden;
	transition: all 0.4s linear;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 22px;
}

html body form #screen-wrap #screen-content #fp-nav .no-bg li > div {
	color: white !important;
}

html body form #screen-wrap #screen-content #fp-nav li:hover > div {
	width: 100px;
}
*/


html body .container {
	width: 100%;
	padding: 0px 100px;
}



.home_link_responsive {
	transition: all 0.2s linear;
}

#txtTopMenuSearch {
    height: 30px;
    margin: 15px 10px !important;
}
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.25);
}

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 form #screen-wrap #screen-content .no-bg {
	background-color: rgba(0,0,0,0.15) !important;
	box-shadow: none !important;
}

html body #menuBar {
	background-color: rgba(0, 0, 0, 0);
	z-index: 10000;
	transition: all 0.2s linear;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

html body #menuBar .container {
	/*background-color: rgba(0, 0, 0, 0.1);*/
}

html body form #screen-wrap #screen-content .no-bg .container {
	background-color: rgba(0, 0, 0, 0.0) !important;
}

/*
body #topmenu .level1 > li > .menu, body #topmenu .home_link_responsive {
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
*/

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

body #topmenu .fa-home:before {
	line-height: 60px;
}

html body form #screen-wrap #screen-content #topmenu .level1 > li > .menu, html body form #screen-wrap #screen-content #topmenu .home_link_responsive {
	background-color: transparent !important;
}

html body form #screen-wrap #screen-content #topmenu .level1 > li:hover > .menu, html body form #screen-wrap #screen-content #topmenu .home_link_responsive:hover {
	background-color: transparent !important;
}

html body form #screen-wrap #screen-content .no-bg #topmenu .level1 > li > .menu, html body form #screen-wrap #screen-content .no-bg #topmenu .home_link_responsive {
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

html body form #screen-wrap #screen-content .no-bg #topmenu .level1 > li > .menu, html body form #screen-wrap #screen-content .no-bg #topmenu .home_link_responsive {
	border: none !important;
	background-color: transparent !important;
}



body #topmenu .level1 > li > .menu::before, body #topmenu .home_link_responsive::before {
	position: absolute;
	content: '';
	bottom: 10px;
	left: 50%;
	width: 0%;
	height: 3px;
	background-color: white;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: all 0.2s linear;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

body #topmenu .level1 > li:hover > .menu::before, body #topmenu .home_link_responsive:hover::before {
	width: 100% !important;
}

html body form #screen-wrap #screen-content .no-bg #topmenu .level1 > li:hover > .menu, html body form #screen-wrap #screen-content .no-bg #topmenu .home_link_responsive:hover {
	background-color: transparent !important;
}

body #topmenu ul li ul li:hover > .menu {
    color: white !important;
}

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

#kmlogin a {
	margin-right: 10px !important;
}

#kmlogin a i {
	color: black;
}

#km-log-in #km-login-input .btnwrap > span i {
	color: black !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;
}





html body #menuBar #topmenu .gold-menu .gold-normal {
	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;
}

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 a > i {
	float: right;
    vertical-align: middle;
    line-height: 40px;
	    position: absolute;
    right: 3px;
}
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;
}

































#banner {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	padding-top: 0px !important;
	z-index: 2000;
}

#banner .container, #banner .row, #banner .row > div {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

#banner .heroSlider-fixed {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

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

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

	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#banner-overlay {
	position: absolute;
	top: auto;
	bottom: 100px;
	left: 0px;
	width: 100%;
	height: auto;
	display: block;
	pointer-events: none;
	padding: 0px 100px;
	/*
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	*/
}
#banner .prev, #banner .next {
	display: none !important;
}
#banner-overlay div {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

#banner-overlay div > img {
	position: relative;
	float: left;
	width: auto;
	height: 125px;
	margin-right: 50px;
	display: none;
}

#banner-overlay div > h2 {
	position: relative;
	float: left;
	width: auto;
	height: auto;

	color: white;
	font-size: 150px;
	line-height: 125px;
	font-weight: 400;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
	text-transform: capitalize;
}

#banner-overlay div > p {
	position: relative;
	float: left;
	width: 100%;
	height: auto;

	color: white;
	font-size: 40px;
	line-height: 40px;
	font-weight: 300;
	margin: 0px;
	margin-top: 25px;
	padding-left: 25px;
	display: none !important;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}







#main-content {
	height: auto !important;
	min-height: 100%;
}


.frontpage #main-content {
	padding-right: 50% !important;
}



#main-content {
	height: auto !important;
	z-index: 1000;
}

#main-content #indhold {
	z-index: 100000;
	margin-top:25px;
}

#main-content::before {
	position: absolute;
	content: '';
	top: 0px;
	left: 25%;
	width: 75%;
	height: 100%;
	z-index: 200;
}

#main-content::after {
	position: absolute;
	content: '';
	top: 0px;
	right: 0px;
	width: 75%;
	height: 100%;
	background-image: url(../images/patterns/1.png);
	background-size: 175px;
	background-repeat: repeat;
	background-position: left;
	z-index: 100;
}

.frontpage #main-content .container {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-right: 0px !important;

	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 400;
}

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
















#news, #news .container, #news .row {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}





#news::before {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 75%;
	height: 100%;

	background: -moz-linear-gradient(to right, transparent, #ffffff) !important;
    background: -webkit-linear-gradient(to right, transparent, #ffffff) !important;
    background: linear-gradient(to right, transparent, #ffffff) !important;
	z-index: 200;
}

#news::after {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 75%;
	height: 100%;
	background-image: url(../images/patterns/4.png);
	background-size: 175px;
	background-repeat: repeat;
	background-position: left;
	z-index: 100;
}

#news .row > div {
	position: relative;
	float: left;
	height: 100%;
	padding: 0px;
	z-index: 500;
}

#news .heroSlider-fixed {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	border-radius: 25%;
}

#news .row > div:nth-child(2) .heroSlider-fixed {
	max-width: 100%;
	max-width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#news #news-slider-images {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

    

#news .heroSlider-fixed::after {
	width: 60% !important;
	left: 20% !important;
}

#news .slider {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	border-radius: 25%;
	overflow: hidden;
}

#news .slick-list, #news .slick-track {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

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



#news .row > div:nth-child(1) {
	padding: 0px 100px;
	padding-left: 0px;
	float: right !important;
}

#news .row > div:nth-child(1) > h2 {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	z-index: 1000;
	text-align: center;

	font-size: 40px;
	margin: 15px 0px;
}

#news .row > div:nth-child(1) > h2::after {
	position: absolute;
	bottom: 22px;
	left: 0px;
	content: '';
	width: 100%;
	height: 0px;
	border-bottom: 3px solid;
	z-index: -2;
}

#news .row > div:nth-child(1) > h2 > span {
	display: inline-block;
	width: auto;
	height: 50px;
	line-height: 50px;
	background-color: white;
	padding: 0px 15px;
	z-index: 1;
}

#news .row > div:nth-child(1) .slick-slide {
	/*background-color: white;*/
}

#news .news-item {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	max-height: 80%;
	padding-left: 98px;
	border: none;
	border-left: 2px solid rgba(0, 0, 0, 0.1);
	overflow: hidden;

	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#news .news-date {
	position: absolute;
	top: 45px;
	left: 100px;
}

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

	font-size: 40px;
	margin-bottom: 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#news .news-teaser {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	max-height: 240px;
	overflow: hidden;
}

#news .news-button {
	position: relative;
	float: left;
	width: auto;
	height: 50px;
	margin-top: 15px;
}

#news .news-button > a {
	position: relative;
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;

	padding: 0px 25px;
	padding-right: 150px;
	text-align: left;
	color: white;
	text-decoration: none;
	transition: all 0.2s linear;
}

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

#news .news-button > a:hover::after {
	width: 40px;
}

#news .row > div:nth-child(2) {
	padding: 100px;
	float: left !important;
}
/*
#news .row > div:nth-child(2) .slider::before {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	top: 0px;
	right: 0px;

	border-top: 200px solid white;
    border-left: 200px solid transparent;
    z-index: 1000;
}

#news .row > div:nth-child(2) .slider::after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	bottom: 0px;
	left: 0px;

	border-bottom: 200px solid white;
    border-right: 200px solid transparent;
    z-index: 1000;
}

#news .row > div:nth-child(2) .slick-list::before {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	top: 0px;
	left: 0px;

	border-top: 200px solid white;
    border-right: 200px solid transparent;
    z-index: 1000;
}

#news .row > div:nth-child(2) .slick-list::after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	bottom: 0px;
	right: 0px;

	border-bottom: 200px solid white;
    border-left: 200px solid transparent;
    z-index: 1000;
}
*/

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

	background-image: url(../images/patterns/18.png);
	background-position: center center;
	background-size: 800px;
	background-repeat: repeat;
	z-index: 10;
}















#event, #event .container, #event .row {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	margin: 0px;
	z-index: 1000;
}

#event::before {
	position: absolute;
	content: '';
	top: 0px;
	left: 25%;
	width: 75%;
	height: 100%;
	z-index: 200;
}

#event::after {
	position: absolute;
	content: '';
	top: 0px;
	right: 0px;
	width: 75%;
	height: 100%;
	background-image: url(../images/patterns/5.png);
	background-size: 400px;
	background-repeat: repeat;
	background-position: left;
	z-index: 100;
}

#event .row > div {
	position: relative;
	float: left;
	height: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

/*
#event .row > div:nth-child(1) {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	padding: 0px;
}

#event .row > div:nth-child(1) h2 {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 100%;
	height: auto;
	z-index: 1000;

	font-size: 40px;
	color: rgba(0, 0, 0, 0.1);
	text-align: center;
}
*/

#event .row > div > h2 {
	position: absolute;
	top: -75px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	z-index: 1000;
	text-align: center;

	font-size: 40px;
}


#event .row > div > h2::after {
	position: absolute;
	bottom: 22px;
	left: 0px;
	content: '';
	width: 100%;
	height: 0px;
	border-bottom: 3px solid;
	z-index: -2;
}

#event .row > div > h2 > span {
	display: inline-block;
	width: auto;
	height: 50px;
	line-height: 50px;
	background-color: white;
	padding: 0px 15px;
	z-index: 1;
}


#event #event-content {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	max-height: 600px;
	padding-bottom: 65px;
	overflow: hidden;
}


#event-content .event-item {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	margin: 5px 0px;
	transition: all 0.2s linear;
}

#event-content .event-item:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.1);
}

#event-content .event-item i {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 22px;
	transition: all 0.2s linear;
}

#event-content .event-date {
	position: absolute;
	top: 0px;
	left: 50px;
	width: 150px;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
	transition: all 0.2s linear;
}

#event-content .event-header {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-right: 50px;
	padding-left: 200px;
	transition: all 0.2s linear;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#event-content .event-header::after {
	position: absolute;
	content:"\f105";
	font-family: "fontAwesome";
	top: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: inherit;
	font-size: 24px !important;
    font-weight: 900 !important;
	transition-duration: 0.2s !important;
}

#event-content .event-header:hover::after {
    width: 40px !important;
}

#event-content .event-item:hover .event-date, #event-content .event-item:hover .event-header, #event-content .event-item:hover i {
	color: white !important;
	cursor: pointer;
}

#event-content .event-item.active .event-date, #event-content .event-item.active .event-header, #event-content .event-item.active i {
	color: white !important;
}

#event-content .event-item:hover .event-header::after {
	color: white !important;
}

#event-content .event-item.active .event-header::after {
	color: white !important;
}


#events #event-slider {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

#event .heroSlider-fixed, #event .slick-slider, #event .slick-list, #event .slick-track {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

#event .slick-slide {
	position: relative;
	float: left;
	width: 100%;
	height: 600px;
	max-height: 100%;
	padding: 0px 15px;
	padding-top: 65px;
	padding-bottom: 100px;
}

#event .event-slider-image {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;

	background-image: url(../images/patterns/18.png);
	background-position: center center;
	background-size: 800px;
	background-repeat: repeat;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	z-index: 100;
}

#event .event-slider-header {
	position: absolute;
	top: -65px;
	left: 0px;
	width: 100%;
	height: 50px;
	line-height: 35px;
	font-size: 40px;
	z-index: 200;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#event .event-slider-date {
	position: absolute;
    top: -30px;
    padding-left: 0px;
    z-index: 200;
}

#event .event-slider-teaser {
	position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    max-height: 90%;
    overflow: hidden;
    color: white !important;
    padding: 15px 15px;
	padding-right: 250px;
    z-index: 200;
}

#event .event-slider-button {
	position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    text-align: right;
    z-index: 200;
}

#event .event-slider-button a {
	position: relative;
	display: inline-block;
	width: auto;
	height: 50px;
    line-height: 50px;
    padding: 0px 25px;
    padding-right: 150px;
    text-align: left;
    color: white;
    text-decoration: none;
    transition: all 0.2s linear;
}

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

#event .event-slider-button a:hover::after {
	width: 40px !important;
}

#event #events-button {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: left;
	padding: 0px 15px;

	color: white;
	text-decoration: none;
	transition: all 0.2s linear;
}

#event #events-button::after {
	position: absolute;
    content: "\f105";
    font-family: "fontAwesome";
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: white;
    font-size: 24px !important;
    font-weight: 900 !important;
    transition: all 0.2s linear;
}

#event #events-button:hover::after {
    width: 40px !important;
}


















#calendar, #calendar .container, #calendar .row {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	margin: 0px;
	z-index: 1000;
}

#calendar::before {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 75%;
	height: 100%;

	background: -moz-linear-gradient(to right, transparent, #ffffff) !important;
    background: -webkit-linear-gradient(to right, transparent, #ffffff) !important;
    background: linear-gradient(to right, transparent, #ffffff) !important;
	z-index: 200;
}

#calendar::after {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 75%;
	height: 100%;
	background-image: url(../images/patterns/11.png);
	background-size: 300px;
	background-repeat: repeat;
	background-position: left;
	z-index: 100;
}

#calendar .row > div {
	position: relative;
	float: left;
	height: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

/*
#calendar .row > div:nth-child(1) {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	padding: 0px;
}

#calendar .row > div:nth-child(1) h2 {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 100%;
	height: auto;
	z-index: 1000;

	font-size: 40px;
	color: rgba(0, 0, 0, 0.1);
	text-align: center;
}
*/

#calendar .row > div > h2 {
	position: absolute;
	top: -115px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	z-index: 1000;
	text-align: center;

	font-size: 40px;
	margin: 15px 0px;
}

#calendar .row > div > h2::after {
	position: absolute;
	bottom: 22px;
	left: 0px;
	content: '';
	width: 100%;
	height: 0px;
	border-bottom: 3px solid;
	z-index: -2;
}

#calendar .row > div > h2 > span {
	display: inline-block;
	width: auto;
	height: 50px;
	line-height: 50px;
	background-color: white;
	padding: 0px 15px;
	z-index: 1;
}

#calendar #calendar-content {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	max-height: 600px;
	padding-bottom: 65px;
	overflow: hidden;
}


#calendar-content .calendar-item {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	margin: 5px 0px;
	transition: all 0.2s linear;
}

#calendar-content .calendar-item.active .calendar-date, #calendar-content .calendar-item.active .calendar-header, #calendar-content .calendar-item.active svg, #calendar-content .calendar-item.active i {
	color: white !important;
}

#calendar-content .calendar-item.active .calendar-header::after {
	color: white !important;
}

#calendar-content .calendar-item:nth-child(even) {
	background-color: rgba(0, 0, 0, 0.1);
}

#calendar-content .calendar-item svg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	padding: 14px;
	font-size: 22px !important;
	transition: all 0.2s linear;
}

#calendar-content .calendar-item i {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 22px !important;
	transition: all 0.2s linear;
}

#calendar-content .calendar-date {
	position: absolute;
	top: 0px;
	left: 50px;
	width: 150px;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
	transition: all 0.2s linear;
}

#calendar-content .calendar-header {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-right: 50px;
	padding-left: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.2s linear;
}

#calendar-content .calendar-header::after {
	position: absolute;
	content:"\f105";
	font-family: "fontAwesome";
	top: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: inherit;
	font-size: 24px !important;
    font-weight: 900 !important;
	transition-duration: 0.2s !important;
}

#calendar-content .calendar-header:hover::after {
    width: 40px !important;
}

#calendar-content .calendar-item:hover .calendar-date, #calendar-content .calendar-item:hover .calendar-header, #calendar-content .calendar-item:hover svg, #calendar-content .calendar-item:hover i {
	color: white !important;
}


#calendar #calendar-cards {
	position: relative;
	float: left;
	width: 100%;
	height: 600px;
	max-height: 100%;
	padding: 5px;
	padding-top: 5px;
}

#calendar .calendar-card, #calendar .calendar-discard {
	position: absolute;
	display: block;
	max-width: 600px;
	width: 100%;
	height: 600px;
	max-height: 100%;
	margin: 0px auto;
	transition: all 0.4s linear !important;

	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#calendar .card-header {
	position: relative;
	float: left;
	width: 100%;
	height: 100px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	z-index: 1000;
}

#calendar .card-header::before {
	position: absolute;
	content: '';
	top: 20px;
	left: 30px;
	width: 20px;
	height: 20px;
	background-color: white;
	border-radius: 50%;
	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.6);
	z-index: 100;
}

#calendar .card-header::after {
	position: absolute;
	content: '';
	top: 20px;
	right: 30px;
	width: 20px;
	height: 20px;
	background-color: white;
	border-radius: 50%;
	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.6);
	z-index: 100;
}

#calendar .card-line {
	position: absolute;
	top: -30px;
	left: 35px;
	width: 10px;
	height: 60px;
	background-color: rgb(150, 150, 150);
	border-right: 5px solid rgb(200, 200, 200);
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	z-index: 200;
}

#calendar .card-line:nth-child(2) {
	right: 35px;
	left: auto;
}

#calendar .card-overlay {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50%;

	background-color: rgba(0, 0, 0, 0.05);
}

#calendar .card-month {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	line-height: 100px;

	color: white;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	text-transform: capitalize;
	z-index: 300;
}

#calendar .card-content {
	position: relative;
	float: left;
	width: 100%;
	height: 500px;

	border: 1px solid rgba(0, 0, 0, 0.05);
	border-top: none !important;
	padding: 15px;
	padding-top: 215px;
	padding-bottom: 50px;

	background-color: rgb(240, 240, 240);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	transition: all 0.2s linear !important;
	overflow: hidden;
}

#calendar .discard {
	opacity: 0;
	filter: alpha(opacity=0);
	box-shadow: none !important;
}

#calendar .discard .card-line {
	box-shadow: none !important;
}

#calendar .discard .card-content {
	transform-origin: top;
	transform: perspective(75vw) rotateX(90deg);

	-webkit-animation: flip 0.5s linear;
	animation: flip 0.5s linear;
	z-index: 10000000000000;
}

@-webkit-keyframes flip {
  0% {
  	transform-origin: top;
  	-webkit-transform: perspective(75vw) rotateX(0deg)
  }
  75% {
  	opacity: 1;
  	filter: alpha(opacity=100);
  }
  95% {
  	opacity: 0.5;
  	filter: alpha(opacity=50);
  }
  100% {
  	transform-origin: top;
  	-webkit-transform: perspective(100vw) rotateX(90deg);
  	opacity: 0;
  	filter: alpha(opacity=0);
  }
}

@keyframes flip {
  0% {
  	transform-origin: top;
  	transform: perspective(75vw) rotateX(0deg)
  }
  75% {
  	opacity: 1;
  	filter: alpha(opacity=100);
  }
  95% {
  	opacity: 0.5;
  	filter: alpha(opacity=50);
  }
  100% {
  	transform-origin: top;
  	transform: perspective(100vw) rotateX(90deg);
  	opacity: 0;
  	filter: alpha(opacity=0);
  }
}



#calendar .map-button {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	display: none !important;
}

#calendar .map-button i {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
}

#calendar .card-day {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200px;
	line-height: 185px;
	text-align: center;
	color: #333333;
	font-size: 200px;
	font-weight: bold;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}






#calendar .card-time {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	margin-top: 0px;
	padding-left: 30px;
	line-height: 20px;
}

#calendar .card-time > div {
	position: relative;
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;
	margin-right: 5px;
}

#calendar .card-time::after {
	position: absolute;
	content: "\f017";
	top: 0px;
	left: 0px;
	width: 30px;
	height: 50px;

	font-family: "fontAwesome";
	font-size: 26px;
	line-height: 50px;
	text-align: left;
}

#calendar .card-place {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	margin-top: 0px;
	padding-left: 30px;
	line-height: 50px;
}

#calendar .card-place::after {
	position: absolute;
	content: "\f041";
	top: 0px;
	left: 0px;
	width: 30px;
	height: 50px;

	font-family: "fontAwesome";
	font-size: 26px;
	line-height: 50px;
	text-align: left;
}


#calendar .card-description {
	position: relative;
	float: left;
	width: 100%;
	height: 100px;
	overflow: hidden;
}


#calendar .card-map {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	padding-bottom: 50px;
	transition: all 0.4s linear;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow: hidden;
	z-index: 1000;
}

#calendar .map-open {
	height: 100%;
	opacity: 1;
	filter: alpha(opacity=100);
}

#calendar .card-map iframe {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	transition: all 0.2s linear;
	overflow: hidden;
}



#calendar .card-button {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;

	font-weight: bold;
	background-color: rgb(235, 235, 235);
	cursor: pointer;
	color: #333333;
	text-decoration: none;
	transition: all 0.2s linear;
	overflow: hidden;
	z-index: 100000;
}

#calendar .card-button:hover {
	background-color: rgb(230, 230, 230);
}


#calendar #calendar-button {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: left;
	padding: 0px 15px;

	color: white;
	text-decoration: none;
	transition: all 0.2s linear;
}

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

#calendar #calendar-button:hover::after {
    width: 40px !important;
}

/*-----------------------*/
/*        INSTAGRAM      */
/*-----------------------*/
#igembed:after {
position: absolute;
	content: '';
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/patterns/4.png);
	background-size: 175px;
	background-repeat: repeat;
	background-position: left;
	z-index: 1;
}
#igembed .fp-tableCell {
	z-index: 10000;
}
#igembed > div > div > div > div:nth-child(1) > h2 {
	height: 80px;
	line-height: 80px;
}
#igembed {
	height: 100%;
	background-color: #fff;
	z-index: 1000;
}
#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 #ig-slider {
	width: 100%;
	height: calc(100vh - 160px);

}
#igembed .slick-list, #igembed .slick-track {
	height: 100%;
}
#igembed .slick-slide {
	width: 100%;
	height: 100%;
	
	
	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: contain;
}

#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;
	width: 100%;
	text-decoration: none;
	padding: 20px;
	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 */
#social-media .container {
	padding: 0 30px;
}
#social-media.fbembed .row > div {
    padding: 20px 15px;
}
#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;
	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;
}
#fbembed #fb_topcontent > img {
	width: 100%;
	height: auto;
}
#fbembed #fbembedcontent {

}

#fbembed .fb_iteminner {
	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;
	width: 100%;
	float: left;
}
#fbembed .fb_img img {
	width: 100%;
	height: auto;
}
#fbembed .fb_mimg {
	width: 100%;
	height: 300px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
#fbembed .fb_mimg > * {
	flex: 1 1 140px;
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #fff;
}
#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) {
	html body #social-media {
		height: auto;
	}
	#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;
	}
	#fbembed #fb_arrows {
		float: left;
		position: relative;
		top: 10px;
		height: 25px;
		width: 100%;
		max-width: 500px;
	}
	#fbembed #fb_arrows i {
		font-size: 2em;
		position: relative;
		bottom: 0;
	}
	#fbembed #fb_arrows .fbnext {
		float: right;
	}
}
@media (min-width: 770px) and (max-height: 850px) {
	#fbembed #fb_topcontent {
		max-width: 350px;
	}
}
@media (min-width: 770px) and (max-width: 1520px) {
	#fbembed .fb_iteminner {
		display: flex;
    	flex-flow: row wrap;
		    max-height: 61vh;
    overflow: auto;
	}
	#fbembed .fb_top, #fbembed .fb_bottom {
		flex: 0 0 100%;
	}
	#fbembed .fb_post, #fbembed .fb_img, #fbembed .fb_vid, #fbembed .fb_event {
		display: flex;
		flex: 1;
    	flex-flow: column nowrap;
	}
	#fbembed .fb_img {
		margin-top: 0px;
		margin-left: 20px;
	}
}
/* GALLERYEMBED */
#gallery {
	float: left;
}
#gallery div {
	height: 100%;
	padding: 0;
} 
#galembed a {
	display: block;
	height: 100%;
    width: 100%;
	background-size: cover;
	background-position: center center;
	transition: 0.2s all linear;
    background-color: #fff;
}
#galembed.contain a {
    background-size: contain;
    background-repeat: no-repeat;
}

#galembed {
	    position: relative;
    float: left;
    width: 100%;
    height: auto;
}
#galembed .slick-list .slick-track .slick-slide {
	float: left;
	position: relative;
	min-height: 1px;
	height: 100%;
}
#galembed .slick-list .slick-track .slick-slide div {
    height: 100%;
}
#galembed .slick-list .slick-track {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
#galembed .slick-list {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
#galembed.rows .slick-list {
    height: 100%;
}
@media (max-width: 769px) {
	html body#body .km-pattern-blue-gradient-light > div {
		background-color: #fff !important;
	}
	#gallery {
		margin: 50px 0;
		height: 50vh;
		width: 100%;
	}
}

/* HOLD I DAG */
.hid_lokal {
	margin-bottom: 25px;
}
.hid_left, .hid_info {
	display: inline-block;
}
.hid_left {
	width: 140px;
}
.hid_info > span {
	display: block;
}
.hid_hold {
    display: flex;
	margin-bottom:10px;
}
.hid_farve {
	width: 10px;
    height: 10px;
    border-radius: 10px;
    margin-right: 10px;
    display: inline-block;
}
.hid_time, .hid_navn  {
    font-size: 1.1em;
    font-weight: 700;
}
.hid_pool {
    font-size: 0.9em;
    font-style: italic;
}

#social-media, #social-media .container, #social-media .row {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}

#social-media {
	background-image: url(../images/social.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


#social-media .row > div {
	position: relative;
	float: left;
	height: 100%;
	padding: 100px 15px;
}

#social-media #facebook-feed {
	position: relative;
	float: right;
	width: 100%;
	max-width: 500px;
	height: 100%;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 770px) {
	a.menu[href="#"] {
  pointer-events: none;
}

	#social-media #facebook-feed {

	margin-right: 70px;
}
}
#social-media #instagram-feed {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}






























html footer {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}
html footer .container {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0px !important;
	margin: 0px !important;
}
footer .footer-box #footer-email a {
    display: inline;
    text-decoration: none;
    margin: 0px;
	color: #fff;
}
footer .footer-box #footer-email a:hover {
    text-decoration: underline;
}
@media screen and (max-width: 769px) {
html footer .row {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0px !important;
	margin: 0px !important;
}
	html footer .row > div {
	position: relative;
	float: left;
	height: 100%;
	padding: 0px;
}
}
@media screen and (min-width: 770px) {
html footer .row {
	position: relative;
	float: left;
	width: 100%;
	display: flex;
	padding: 0px !important;
	margin: 0px !important;
}
	html footer .row > div {
	position: relative;
	float: left;

	padding: 0px;
}
}


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

html footer #footer-info {
	padding: 0px 0px;
	padding-top: 60px;
	padding-bottom: 120px;
}

html footer #footer-info .footer-center  {
	position: relative;
	float: left;
	top: 0px;
	height: auto;
}

html footer #footer-info .footer-box {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

html footer #footer-info .footer-box:nth-child(1) {
	margin-bottom: 30px !important;
}

html footer #footer-info .footer-box:nth-child(1)::after {
	position: absolute;
	content: '';
	bottom: -15px;
	left: 50px;
	width: 75%;
	height: 0px;
	border-bottom: 1px solid white;
}

html footer #footer-info .footer-header {
	position: relative;
	float: left;
	left: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 50px;
	color: white;
	padding: 0px;
	margin-bottom: 25px;
	text-transform: capitalize;
}

html footer #footer-info .footer-header > span {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-transform: capitalize;
}

html footer #footer-info h2 {
	position: relative;
	float: left;
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 20px;
	color: white;
	margin-bottom: 5px;
}

html footer #footer-info p {
	position: relative;
	float: left;
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	color: white;
}

html footer #footer-info p > i {
	position: relative;
	float: left;
	width: 15px;
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	text-align: right;
}

html footer #footer-info p > span {
	position: relative;
	float: left;
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	margin-left: 7px;
}

html footer #footer-info .link-box {
	position: relative;
	float: left;
	width: auto;
	margin-right: 15px;

}

#footer-info > div > div {
	padding-left: 50px;
}


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;
}

html footer #google-maps {
	padding-top: 60px;
	padding-bottom: 120px;
	padding-left: 98px;
}

html footer #google-maps .footer-box {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	margin: 0px;
	border-left: 2px solid rgba(0, 0, 0, 0.05);
}

html footer #google-maps .footer-box iframe {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
}

/*
html footer #google-maps .footer-box::after {
	position: absolute;
	content: '';
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
	background-color: rgba(0, 0, 0, 0.1);
}
*/




footer #klubmodul {
	position: absolute;
	top: auto;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
	/*background-color: rgba(0, 0, 0, 0.1);*/
	text-align: center;
}

footer #klubmodul a {
	display: inline-block;
	margin-top: 15px;
}



















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

#loader {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: white;
	transition: all 0.4s linear;
	z-index: 100000000000;
}

#loader > div {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	transition: all 0.2s linear;
	border: none !important;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#loader > div > span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;

	font-size: 15px;
	font-weight: bold;
}


#loader > div::after {
	position: absolute;
	content: '';
	width: 100px;
	height: 100px;
	left: -15px;
	top: -15px;

	border-radius: 50%;
	border: 15px solid;
	border-bottom-color: #f3f3f3 !important;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	transition: all 0.2s linear;
	z-index: 200000000000;
}

#loader #loader-name {
	position: absolute;
	bottom: -75px;
	left: 50%;
	width:100vw;
	text-align:center;
	display:block;
	white-space:nowrap;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);

	font-size: 40px;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}



@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media screen and (max-width: 1050px) {
	#fullpage {
		overflow-y: auto !important;
	}
}


/* MOBILE DEVICES */
@media screen and (max-width: 769px) {

	#fullpage {
		overflow-y: auto !important;
	}

	#topmenu .fa-home:before {
		line-height: 40px !important;
	}

	body #topmenu .level1 > li > .menu::before, body #topmenu .home_link_responsive::before {
		content: none;
	}

	html body form #topmenu li > .menu, html body form #topmenu .home_link_responsive {
		text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
		color: white;
	}

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

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

	body #topmenu .menu, body #topmenu .home_link_responsive {
		position: relative;
	}

	.topmn .level1 .popout:after {
		position: absolute;
		top: 0px;
		right: 0px;
		width: auto;
		height: 40px;
		line-height: 40px;
		text-align: center;
		float: none;
		font-size: 14px !important;
		margin: 0px;
		margin-right: 15px;
	}

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


	#fp-nav{
		display: none !important;
	}

	html body .container {
		padding: 15px !important;
	}

	html body .fp-tooltip {
		display: none !important;
	}

	html body #banner {
		height: 300px !important;
	}

	html body #banner .container {
		padding: 0px !important;
	}

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

	#banner-overlay {
		padding: 15px !important;
		bottom: 25px !important;
	}

	#banner-overlay div > h2 {
		width: 100%;
		text-align: center;
		font-size: 40px !important;
		line-height: 40px !important;
	}

	#banner-overlay div > p {
		width: 100%;
		text-align: center;
		font-size: 25px !important;
		line-height: 25px !important;
		display: none !important;
	}








	html body .frontpage #main-content {
		padding: 0px !important;
	}

	html body .frontpage #main-content .container {
		padding: 15px !important;
	}

	html body #main-content {
		position: relative;
		float: left;
		width: 100%;
		height: auto !important;
		min-height: auto !important;
		padding: 75px 0px !important;
		padding-top: 50px !important;
	}

	html body .frontpage #main-content .container {
		padding-right: 15px !important;
		padding-bottom: 250px !important;
		top: 0px !important;
    	transform: translate(0%) !important;
	}

	html body .frontpage #main-content #sponsors {
		top: auto !important;
		bottom: 50px !important;
		right: 0px !important;
		width: 100%;
		height: 150px;
		padding: 0px !important;
	}

	html body #main-content::before {
		position: absolute;
		content: '';
		top: 0px;
		left: 0%;
		width: 100%;
		height: 100%;
		z-index: 200;
	}

	html body #main-content::after {
		position: absolute;
		content: none !important;
		top: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
	}

	html body #main-content > .container::after {
		position: absolute;
		content: '';
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 75px;
		background: -moz-linear-gradient(to top, #ffffff, transparent) !important;
		background: -webkit-linear-gradient(to top, #ffffff, transparent) !important;
		background: linear-gradient(to top, #ffffff, transparent) !important;
		z-index: 1000;
	}



	html body .content-header {
		height: auto;
	}


















	#news {
		padding: 50px 0px;
		padding-bottom: 0px;
	}

	#news, #news .container, #news .row {
		height: auto !important;
	}

	#news::before {
		position: absolute;
		content: none;
		top: 0px;
		left: 0px;
		width: 100%;
	}

	#news::after {
		position: absolute;
		content: none;
		top: 0px;
		left: 0px;
		width: 100%;
	}

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

	#news .news-item {
		padding: 0px !important;
		border: none !important;
		height: auto !important;
		top: auto !important;
		transform: none !important;
	}

	#news .news-date {
    	top: 40px;
    	left: 0px;
    	width: 100%;
    	text-align: center;
	}

	#news .news-header, #news .news-teaser {
    	text-align: center;
	}

	#news .news-date {
		margin-top: 50px;
		text-align: left;
	}

	#news .news-header {
		margin-top: 50px;
		margin-bottom: 0px !important;
		text-align: left;
		font-size: 26px !important;
	}

	#news .news-teaser {
		text-align: left;
		padding-top: 300px;
		max-height: 400px !important;
	}

	#news .news-button, #news .news-button > a {
		width: 100%;
	}

	#news .row > div:nth-child(1) {
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		padding: 0px;
		padding-top: 0px !important;
		padding-bottom: 30px !important;
	}

	#news .row > div:nth-child(1) > h2 {
		position: absolute;
		top: -35px;
		left: 0px;
		width: 100%;
		height: 50px;
		margin: 0px !important;
	}

	#news .row > div:nth-child(1) .heroSlider-fixed {
		height: auto !important;
		border-radius: 0px !important;
	}

	#news .slider {
		border-radius: 0px !important;
	}

	#news .row > div:nth-child(2) {
		position: absolute;
		top: 125px;
		left: 0px;
		width: 100%;
		height: 250px;
		padding: 0px;
	}

	#news .row > div:nth-child(2) .heroSlider-fixed {
		position: relative;
		float: left;
		width: 100%;
		height: 100% !important;
		top: auto !important;
		transform: none !important;
	}








	#event {
		padding: 100px 0px;
		padding-bottom: 0px;
	}

	#event::after {
		content: none !important;
	}

	#event, #event .container, #event .row {
		height: auto !important;
	}

	#event .row > div {
		padding: 15px 0px !important;
	}

	#event .row > div:nth-child(1) {
		display: none !important;
	}

	#event .slick-slide {
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 15px !important;
		height: auto !important;
	}

	#event .event-slider-teaser {
		padding: 15px !important;
	}

	#event .event-slider-button {
		width: 100%;
		bottom: -75px;
	}

	#event .event-slider-button a {
		position: relative;
		float: left;
		width: 100%;
		height: 50px;
	}

	#event .event-slider-header {
		font-size: 26px !important;
	}






	#calendar {
		padding: 100px 0px;
		padding-bottom: 50px;
	}

	#calendar::after {
		content:  none !important;
	}

	#calendar, #calendar .container, #calendar .row {
		height: auto !important;
	}

	html body #calendar .row > div:nth-child(1) {
		display: none !important;
	}

	html body #calendar .row > div {
		padding: 0px !important;
		height: auto !important;
		margin-bottom: 15px;
	}



	#social-media {
		padding: 50px 0px;
		
	}

	#social-media .row {
		margin: 0px !important;
	}

	#social-media .row > div {
		padding: 0px !important;
	}

	#social-media #facebook-feed {
		margin: 0px auto !important;
		min-height: 500px;
	}




	#footer {
		padding-top: 25px;
		margin: 0px !important;
		height: auto !important;
	}

	html footer .row > div {
		padding: 0px !important;
		height: auto !important;
	}

	html footer #footer-info .footer-center {
		position: relative;
		float: left;
		top: auto;
		left: auto;
		width: 100%;
		height: 100%;
		transform: none !important;
	}

	html footer #footer-info .footer-box:nth-child(2) {
		margin-bottom: 15px;
	}

	html footer #footer-info .link-box {
		width: 100% !important;
	}

	html footer .container {
		padding: 0px !important;
	}

	html footer #google-maps {
		
		padding: 0px 15px !important;
		padding-bottom: 60px !important;
		margin-bottom: 15px !important;
	}

	html footer #google-maps .footer-box {
		padding: 0px !important;
		margin: 0px !important;
		border: none !important;
	}

	html footer #footer-info h2 {
		text-align: left;
	}

	html footer #footer-info .footer-header {
		left: auto;
	}

	footer #klubmodul {
		padding: 0px !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;
	}
}

@media screen and (min-width: 770px) {
	body #topmenu #topmenu-responsive {
		background-color: transparent !important;
	}

	#news .row > div:nth-child(1) > h2, #event .row > div > h2, #calendar .row > div > h2 {
		display: none !important;
	}
	body #topmenu {
		padding-right: 95px;
	}
}

/* SMALL DEVICES */
@media screen and (max-width: 1025px) {
	.frontpage #main-content {
		padding-right: 25% !important;
	}
}

/* MEDIUM DEVICES */
@media screen and (max-width: 1367px) {
	html body #menuBar .container {
		padding: 0px !important;
	}

	html body #social-media #facebook-feed {
		display: block !important;
		margin: 0px auto !important;
		float: none !important;
	}

	#event .row > div {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}

	#calendar #calendar-cards {
		padding-top: 0px !important;
	}

	#event .event-slider-teaser {
		padding: 15px !important;
		padding-bottom: 65px !important;
	}

	#event .event-slider-button, #event .event-slider-button a {
		width: 100%;
	}

	#event .event-slider-button {
		bottom: 0px !important;
	}

	#event-content .event-item {
		margin: 1px 0px !important;
	}








	#calendar .row > div {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}

	#calendar .card-line {
		top: -10px !important;
		height: 40px !important;
	}

	#calendar .card-day {
	    height: 150px !important;
	    line-height: 150px !important;
	    font-size: 150px !important;
	}

	#calendar .card-content {
		padding-top: 165px !important;
		height: 400px !important;
	}

	#calendar .card-description {
		height: 60px !important;
	}

	#social-media .row > div {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}

	footer .shadow::after {
		width: 80% !important;
		left: 10% !important;
	}

	#calendar-content .calendar-item {
		margin: 1px 0px !important;
	}

	html footer #footer-info .link-box {
		margin-right: 25px;
	}
}

@media screen and (min-width: 1367px) {
	html footer #footer-info .link-box {
		margin-right: 25px !important;
	}
}

/* LARGE DEVICES */
@media screen and (max-width: 1500px) {

}






















#sponsors {
	position: absolute;
	top: 0px;
	right: -85%;
	width: 200px;
	height: 100%;
	max-height:  100vh;
	padding-top: 60px !important;
	padding-bottom: 60px !important;
    z-index: 100000;
}


#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;
  background-color: transparent;
}


#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: 200px;
	height: auto;
	padding: 7px 0px;
}

#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;
}






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