/*-----------------*/
/*     COLORS      */
/*-----------------*/
@media screen and (min-width: 1920px) {
   html body #screen-wrap, html body #menuBar {
        max-width: 100vw !important;
    }
}
.content-header a {
	text-decoration: none;
}
#km-username {
	padding: 0 12px !important;
}
html #banner-overlay #banner-buttons {
	display: none;
}
.usermenu > a {
	font-weight: 600;
}
 .km-red {
    color: #ef3f3f;
}
/*TYSK LOGINBOKS FIX*/
#DE #km-log-in:hover #km-login-options {
    width: 175px;
    
}


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

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

.km-bg-blue,
.content-header > span::after {
	background-color: #477190;
}

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

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

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

#topmenu .km-login-color {
	background-color: #224F72;
}

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

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

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

@media screen and (max-width: 769px) {
	body #topmenu #topmenu-responsive {
		background-color: #477190;
	}
}
@media screen and (min-width: 770px) {
	a.menu[href="#"] {
  pointer-events: none;
}

}






/*-----------------*/
/*     BANNER      */
/*-----------------*/
#banner {
	position: relative;
	float: left;
	width: 100%;
	height: 80vh;
	padding-top: 60px;
}
#banner:after {
	content:"";
	background: rgb(255,255,255, 0);
	background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	width: 100%;
	height: 10vh;
	position: absolute;
	bottom: 0;
	left: 0;
}
#banner #bannertext {
	text-align: center;
}
#banner #bannertext h2 {
	color: #fff;
	font-size: 6em;
	text-shadow: 2px 2px 2px rgba(100,100,100,0.75);
}
#banner #bannertext p {
	color: #fff;
	font-size: 2em;
	text-shadow: 1px 1px 1px rgba(100,100,100,0.75);
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 769px) {
	
	#banner #bannertext h2 {
		color: #fff;
		font-size: 1.6em;
		line-height: 2em;
		text-shadow: 2px 2px 2px rgba(100,100,100,0.75);
	}
	#banner #bannertext p {
		color: #fff;
		font-size: 1.1em;
		text-shadow: 1px 1px 1px rgba(100,100,100,0.75);
		margin: 0;
		padding: 0;
	}
}
#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;
}

#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-slider .slick-slide span {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;

	background-position: top center;
	background-size: cover;
}

#banner-overlay {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 50%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

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


#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: 200px;
	margin: 0px auto !important;
}

#banner-overlay #banner-h2 {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	color: white;
	margin: 10px 0px;
	font-size: 40px;
	text-transform: uppercase;
}

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

#banner-overlay #banner-opret {
	position: relative;
	float: left;
	width: auto;
	height: 50px;
	line-height: 50px;
	padding: 0px 25px;
	padding-right: 75px;
	color: white;
	text-decoration: none;
	margin: 0px 7px;
	font-weight: 600;
	text-transform: uppercase;
	transition: all 0.2s linear;
}

#banner-overlay #banner-opret::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;
}

#banner-overlay #banner-facebook {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 0px 7px;
	transition: all 0.2s linear;
}


#banner-overlay #banner-facebook i {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	color: white;
	text-align: center;
}
/*-----------------*/
/*  ABNNER ARROW   */
/*-----------------*/

/* icon: https://fortawesome.github.io/Font-Awesome/icons/ */
/* Animation: https://daneden.github.io/animate.css/ */

body{
  background: #263238;
}

.arrow-container{
  width: 75px;
  height: 75px;
  margin: 0 auto;
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
	display: none;
}

.arrow-1{
  width: 75px;
  height: 75px;

  border-radius: 50%;
  position: absolute;
}

.arrow-2{
    width: 45px;
    height: 45px;

  border-radius: 50%;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
  display: table;
	transition: all 0.2s linear; 
	cursor: pointer;
}

.arrow-2:before{
  width: 37px;
    height: 37px;
  content: "";
  border: 2px solid;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
	transition: all 0.2s linear; 
}
.arrow-2:hover:before {
	border-color: #fff !important;
}
.arrow-2:hover .far {
	color: #fff !important;
}
.arrow-2 i.far{
  font-size: 24px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
	transition: all 0.2s linear; 
}
.arrow-2:hover + .arrow-1 {
	display:none !important;
}
/* Custom Animate.css */

.animated.hinge {
  -webkit-animation: zoomIn 2s infinite;
          animation: zoomIn 2s infinite;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }
  
  100% {
    opacity: 0;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }
  
  100% {
    opacity: 0;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}








/*-----------------*/
/*     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: fixed;
	top: 0px;
}

.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 .level4 > li .menu {
	padding: 0px 35px 0 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:last-child::after {
	content: none !important;
}
body #topmenu .level1 > li:hover::after {
	background-color: rgba(255, 255, 255, 0);
}

body #topmenu .level2 > li:hover ul.showleft {
    left: auto;
    right: 100%;
}
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;
}

html body .topmn > .level1 > li .popout:after {
	/*
    position: relative;
    float: right;
    */
    margin-left: 5px;
    font-size: 12px !important;
}
/*
html body .topmn .level2 > li .popout:after {
   float: none !important;
   margin-left: 10px !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;
	position: fixed;
}

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 i {
	float: right;
    vertical-align: middle;
    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;
}

a.level4 > i.fa-chevron-double-right {
	position: absolute;
    right: 10px;
}




/*USERMENU*/
#usermenu:focus-within {
	visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

#usermenu {
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
}
#ctl00_panelAnonymousTemplate, #ctl00_panelLoggedOnTemplate {
	display: inline;
	margin-right: -2px;
	top: 100%;
}
@media screen and (min-width: 770px) {
	#km-fam-member-active {
		cursor: pointer;
	}
	#km-fam-member-active ul {
		width: 100% !important;
    	left: 0 !important; 
	}
	#km-fam-member-active:hover ul {
		width: 100% !important;
    	left: -100% !important;
	}
	#km-fam-member-active ul li {
		height: 40px;
		line-height: 40px;
		background-color: #fff;
	}
	html body #menu #km-fam-member-active ul li a {
		color: #000;
		text-decoration: none;
		transition: 0.2s linear all;
		border-bottom: 0px solid transparent !important 
	}
	#menu #ctl00_panelAnonymousTemplate li #usermenu {
		background-color: #fff;
		width: 350px;
		padding: 0px 20px 20px 20px;
		margin-left: -251px;
	}
	#menu li.usermenu {
		float: right;
	}
	#ctl00_panelLoggedOnTemplate #usermenu {	
		margin-left: -81px;
	}
}
#ctl00_panelAnonymousTemplate .km-usermenu-input {
    outline: 0;
    background: #f2f2f2;
    width: 100%;
    border: 0;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
	max-width: 400px;
	text-indent: 46px;
}
#ctl00_panelAnonymousTemplate .linkboks-input i {
	position: absolute;
	font-size: 1.4em;
	height: 46px;
	line-height: 46px;
	width: 46px;
	color: #fff;
	text-align: center;
}
#menu li.usermenu {
	padding-top: 0;
}


#usermenu .km-login-btn {
    display: inline-block;
    color: #fff;
    height: 46px;
    width: 46px;
    position: absolute;
    text-align: center;
    line-height: 46px;
    margin-left: -46px;
    cursor: pointer;
	transition: all 0.2s linear;
}
#usermenu .km-login-btn i {
    position: relative;
}
html body #menu #ctl00_lnkFacebookLogin {
    background-color: #4267b2;
    display: inline-block;
    color: #fff;
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 0.7em !important;
    cursor: pointer;
    float: right;
    margin-top: -3px;
	width: auto !important;
	text-decoration: none;
	transition: all 0.2s linear;
}
#ctl00_lnkFacebookLogin i {
	margin-right: 5px;
}
#ctl00_lnkFacebookLogin:hover {
    background-color: #3b5998;
}
#km-remme {
	float: left;
	height: 26px;
	color: #fff;
    line-height: 26px;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 0.7em;
    cursor: pointer;
	margin-top: -3px;
}

#km-remme input:checked + .fa-square:after {
	content: "\f00c";
    display: block;
    color: #fff;
    position: absolute;
    margin-top: -11px;
    margin-left: 2px;
    font-weight: 400;
    font-size: 0.9em;
}
#ctl00_chkKeepmeSignIN {
	visibility: hidden;
	opacity: 0;
	height: 0;
	width: 0;
	position: absolute;
}
#ctl00_lnkCreateprofile {
	float: left;
    height: 26px;
    color: #fff;
    line-height: 26px;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 0.9em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
	transition: all 0.2s linear;
}
#ctl00_lnkCreateprofile i {
	margin-right: 5px;
}
#km-um-sep {
	height: 1px;
	width: 100%;
	margin: 20px 0;
	float: left;
}
#km-um-forgot {
    color: #000;
    text-decoration: none;
    float: right;
    width: auto !important;
    margin-top: 20px;
    font-size: 0.8em;
} 
#ctl00_panelLoggedOnTemplate #usermenu li {
	width: 100%;
	display: block;
	white-space: nowrap;
}
#ctl00_panelLoggedOnTemplate #usermenu li:hover > a {
	background-color: rgba(0, 0, 0, 0.2) !important;
}
#ctl00_panelLoggedOnTemplate #usermenu {
	width: auto;
	background-color: #fff;
}
#ctl00_panelLoggedOnTemplate #usermenu .menu {
	color: #000;
}
#ctl00_panelLoggedOnTemplate #km-username {
	color: #fff !important;
}
#ctl00_cntrlRoleSelection_panLnkAdmin {
    float: left;
    width: 100%;
}
#ctl00_cntrlRoleSelection_panLnkAdmin a {
	background-color: #0063a6;
	color: #fff;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	width: 100%;
	text-indent: 40px;
	display: block;
	font-weight: 600;
	transition: all 0.2s linear;
}
#ctl00_cntrlRoleSelection_panLnkAdmin a:hover {
	background-color: #005893;
}
#ctl00_cntrlRoleSelection_panLnkAdmin a:before {
	content: "";
	position: absolute;
	height: 40px;
	width: 30px;
	background-image: url(../images/alogo.png);
	background-repeat: no-repeat;
	background-position: center left;
	left: 10px;
	text-indent: 0;
}
#ctl00_cntrlRoleSelection_panLnkAdmin hr {
	display: none;
}
#usermenu .km-family-members a {
	text-decoration: none;
	color: 000;
	border-bottom: 3px solid transparent;
	transition: all 0.2s linear;
}
#usermenu .km-family-members a:hover {
	background-color: rgba(0,0,0,0.1);
}

/*-----------------*/
/*   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: 25px 0px;
}

.content-header {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 10px 0px;
	margin: 5px 0px;
}

.content-header > span {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
}

.content-header > span::after {
	position: absolute;
	content: '';
	bottom: -4px;
	left: 0px;
	width: 100%;
	height: 4px;
	background-color: #477190;
}






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






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

#news-content {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.news-item {

}

#news-bar:not(.even) #news-content .news-item:nth-child(1) {
	position: relative;
	float: left;
	width: 100%;
	height: 630px;
	padding: 15px 0px;
	margin: 0;
	border: none;
	border-bottom: 1px solid rgb(240, 240, 240);
}

.news-item {
	position: relative;
	float: left;
	width: 50%;
	height: 400px;
}

.news-item:nth-child(even) {
	margin: 15px 0px;
	padding-right: 15px;
	border: none;
}

.news-item:nth-child(odd) {
	margin: 15px 0px;
	padding-left: 15px;
	border: none;
	border-left: 1px solid rgb(240, 240, 240);
}
#news-bar.even .news-item {
	position: relative;
	float: left;
	width: 50%;
	height: 400px;
}

#news-bar.even .news-item:nth-child(odd) {
	margin: 15px 0px;
	padding-right: 15px;
	border: none;
}

#news-bar.even .news-item:nth-child(even) {
	margin: 15px 0px;
	padding-left: 15px;
	border: none;
	border-left: 1px solid rgb(240, 240, 240);
}
#news-bar:not(.even) .news-item:nth-child(1) .news-image {
	position: relative;
	float: left;
	width: 100%;
	height: 400px;
}

.news-item .news-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;
}

.news-item .news-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;
}

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

.news-item .news-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;
}



#news-bar:not(.even) .news-item:nth-child(1) {
	height: 450px !important;
	padding: 0px !important;
}

#news-bar:not(.even) .news-item:nth-child(1) .news-teaser {
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 100%;
	height: auto;
	min-height: 80px;
	color: white !important;
	padding: 15px;
	padding-right: 30% !important;
	margin: 0px !important;
}

#news-bar:not(.even) .news-item:nth-child(1) .news-button {
	position: absolute;
	bottom: 15px !important;
	right: 15px !important;
	width: 25% !important;
}

.news-item:nth-child(2) .news-button, .news-item:nth-child(3) .news-button {
	width: 50% !important;
}
#news-bar.even .news-item .news-button {
	width: 50% !important;
}
.news-item .news-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: 44px !important;
    font-weight: 900 !important;
    color: white;
    transition: all 0.2s linear;
}
.news-item .news-button:hover::after {
	right: -10px;
}













/*-----------------------*/
/*       FRAMES BAR      */
/*-----------------------*/
#frames-bar {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background-color: rgb(245, 245, 245);
	padding: 50px 0px;
}

#frames-bar .container {
	position: relative;
	height: auto;
}

#frames-bar .row {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

#frames-bar .row > div {
	height: 425px;
}

#frames-bar .row > div:nth-child(1) {
	height: auto !important;
}

#frames-bar .row > div > a {
	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;
}

#frames-bar .row > div > 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: 44px !important;
    font-weight: 900 !important;
    transition: all 0.2s linear;
}
#frames-bar .row > div > a:hover::after {
	right: -10px;
}


/* FACEBOOK */ 
#facebook {
	overflow: hidden;
	max-width: 500px;
}
#frames-bar #facebook #fbembed {
	padding: 0;
}
#facebook #fbembed #fbembedtop {
    margin-bottom: 5px;
}
#facebook #fbembedcontent {
	overflow-x: hidden; 
	overflow-y: auto;
}
#facebook #fbembed .col-sm-12 {
	padding: 0;
}
#facebook #fbembed .fb_iteminner {
	margin: 0;
}
#facebook #fbembed #fb_topcontent {
	overflow: hidden;
	width: 100%;
	height: 100px;	
}
#facebook #fbembed #fb_topcontent img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#facebook .fb_item {
	margin-bottom: 5px;
    display: inline-block;
}
#facebook #fbembedcontent {
	height: 320px;
}
#facebook-feed {
	position: relative;
	float: left;
	width: 100%; 
	height: 375px;
	background-color: rgb(240, 240, 240);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}



/* EVENTS */
#events-content {
	position: relative;
	float: left;
	width: 100%;
	height: 375px;
	background-color: rgb(245, 245, 245);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.5s linear;
}

.events-item {
	position: relative;
	float: left;
	width: 100%;
	height: 75px;
	padding: 5px 0px;
	padding-left: 70px;
	transition: all 0.2s linear;
}

html body form #screen-wrap .events-item:hover i, html body form #screen-wrap .events-item:hover span {
	color: white !important;
}

html body form #screen-wrap .events-item:hover .events-date {
	color: white !important;
}

html body form #screen-wrap .events-item:hover .events-header {
	color: white !important;
}

.events-item:nth-child(even) {
	background-color: rgba(150, 150, 150, 0.1);
}
.events-item .date {
    position: absolute;
    left: 0;
	top: 0;
    width: 70px;
    height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.events-item .date i {
	position: relative;
	font-size: 60px;
	transition: all 0.2s linear;
	
}
.events-item .date .datedisplay {
	position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 100%;
	transition: all 0.2s linear;

}
.events-item .date .day {
	    left: 0;
    position: absolute;
    width: 70px;
    text-align: center;
    top: 25px;
    font-size: 24px;
	transition: all 0.2s linear;

}
.events-item .date .month {
	left: 0;
    position: absolute;
    width: 70px;
    text-align: center;
    top: 46px;
    font-size: 12px;
    font-weight: 600;
	transition: all 0.2s linear;
}
.events-item .events-date {
	position: relative;
	float: left;
	width: 100%;
	height: 25px;
	line-height: 35px;
	padding: 0px 15px;
	padding-left: 0px;

	color: black;
	font-size: 13px;
	font-weight: bold;
	transition: all 0.2s linear;
}

.events-item .events-header {
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 35px;
	padding: 0px 15px;
	padding-left: 0px;

	font-size: 18px;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.2s linear;
}

/*-----------------------*/
/*        INSTAGRAM      */
/*-----------------------*/

#igembed {
	height: auto;
	background-color: #fff;
}
#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: 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;
	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 */
#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_item {
	padding-bottom: 20px;
}
#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;
	}
}

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

.calendar-item {
	position: relative;
	float: left;
	width: 100%;
	height: 75px;
	padding: 5px 0px;
	padding-left: 70px;
	transition: all 0.2s linear;
}

html body form #screen-wrap .calendar-item:hover i, html body form #screen-wrap .calendar-item:hover .datedisplay span {
	color: white !important;
}

html body form #screen-wrap .calendar-item:hover svg {
	color: white !important;
}


html body form #screen-wrap .calendar-item:hover .calendar-date {
	color: white !important;
}

html body form #screen-wrap .calendar-item:hover .calendar-header {
	color: white !important;
}


.calendar-item .date {
    position: absolute;
    left: 0;
	top: 0;
    width: 70px;
    height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.calendar-item i {
	position: relative;
	font-size: 60px;
	transition: all 0.2s linear;
	
}
.calendar-item .date .datedisplay {
	position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 100%;
	transition: all 0.2s linear;

}
.calendar-item .date .day {
	    left: 0;
    position: absolute;
    width: 70px;
    text-align: center;
    top: 25px;
    font-size: 24px;
	transition: all 0.2s linear;

}
.calendar-item .date .month {
	left: 0;
    position: absolute;
    width: 70px;
    text-align: center;
    top: 46px;
    font-size: 12px;
    font-weight: 600;
	transition: all 0.2s linear;
}



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

	line-height: 75px;
	text-align: center;

	color: black;
	font-size: 24px;
	transition: all 0.2s linear;
}

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

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

	color: black;
	font-size: 13px;
	font-weight: bold;
	transition: all 0.2s linear;
}

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

	font-size: 18px;
	color: #477190;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.2s linear;
}

















/*-----------------------*/
/*        SPONSORS       */
/*-----------------------*/
#sponsors {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background-color: white;
	padding: 25px 0px;
	transition: all 0.5s linear;
}

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


#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;
  margin: 7px 0px;
}

#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: 15px solid white;
	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: -25px;
	font-size: 14px;
	font-weight: bold;
	color: black;
}






/*-----------------------*/
/*        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%);
}






/*----------------*/
/*     FOOTER     */
/*----------------*/
body footer {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background-color: #477190;
}

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

footer #footer-top #footerClubName {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-top: 25px;

	font-size: 30px !important;
	color: white;
	text-transform: uppercase;
}

footer #footer-top #footerClubName::after {
	content: none !important;
}

footer #footer-bottom {
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	height: 60px;
	background-color: #224F72;
}

footer .row > div > h2 {
	font-size: 20px !important;
	color: white;
	text-transform: uppercase;
	margin-top: 25px;
}

footer .row > div > h2 > span {
	position: relative;
}

footer .row > div > h2 > span::after {
    position: absolute;
    content: '';
    bottom: -2px;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: white;
}

#footer-top > div > div > div:nth-child(2) {
	padding-right: 60px;
}

#footer-top > div > div > div:nth-child(3)::after {
	position: absolute;
    content: '';
    top: 30px;
    left: -30px;
    width: 0px;
    height: 100%;
    border-left: 2px solid;
}


footer .footer-box {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding: 5px 0px;
	padding-bottom: 30px;
}

footer .footer-box h1 {
	color: white;

}

footer .footer-box p {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	color: white;
	margin: 3px 0px;
}
#footer-email a {
	color: #fff;
	display: inline-block;
}
footer .link-box {
	position: relative;
	float: left;
	width: 25%;
	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: auto;
	height: 50px;
	line-height: 50px;
	left: -15px;

	color: white;
	text-decoration: none;
	padding: 0px 15px;
	padding-right: 75px;
	margin-top: 5px;
	transition: all 0.2s linear;
	z-index: 1000;
}

footer #google-maps-button:hover {
	/*background-color: transparent !important;*/
}

footer #google-maps-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: 24px !important;
    font-weight: 900 !important;
    color: white;
    transition: all 0.2s linear;
}


footer #klubmodul {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 60px;
	text-align: center;
	margin: 0px;
	z-index: 1000;
}

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









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













/* MOBILE DEVICES */
@media screen and (max-width: 769px) {
	body .home_link_responsive {
		width: 100% !important;
		height: 40px;
		text-align: left;
	}
	body #menu ul li ul {
		background-color: transparent !important;
	}

	html body #menuBar #menu .menu {
		font-size: 14px !important;
		color: white !important;
	}

	.home_link_responsive {
		border-right: none !important;
	}

	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-bottom: 0px !important;
	}

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

	#banner-overlay {
		width: 80%;
		max-width: 80%;
	}
	.content-header {
		text-indent: 10px;
	}
	.content-header > span {
		font-size: 24px !important;
		width: 100% !important;
	}

	.content-header > span::after {
		height: 2px !important;
	}

	html body .news-item {
		width: 100% !important;
		padding: 0px 10px !important;
		height: 400px !important;
		border-left: none !important;
	}

	html body .news-item .news-image {
		height: 200px !important;
	}

	html body .news-item .news-teaser {
	    position: relative !important;
	    float: left !important;
	    width: 100% !important;
	    height: 85px !important;
	    padding-top: 5px !important;
	    margin-bottom: 20px !important;
	    overflow: hidden !important;
	    background-color: transparent !important;
	}

	html body form #news-bar .news-item .news-button {
	    position: relative !important;
	    float: left !important;
	    width: 100% !important;
		text-align: left !important;
	    
		top: auto !important;
		bottom: auto !important;
		right: auto !important;

	}

	#frames-bar .container {
		position: relative;
		float: left;
		width: 100% !important;
	}

	#frames-bar .row {
		position: relative;
		float: left;
		width: 100% !important;
		margin: 0px;
	}

	#frames-bar .row > div {
		padding: 0px !important;
	}

	footer .footer-box {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	footer .row > div:last-child > .footer-box {
		border-bottom: none !important;
	}

	footer .footer-box, .footer-link, .social-link {
		text-align: center;
	}

	footer .footer-link a, footer .social-link a {
		float: none !important;
	}

	footer .social-link a i, footer .social-link a span {
		float: none !important;
	}

	footer #google-maps-button {
		width: 100% !important;
		left: 0px !important;
		float: none !important;
		display: inline-block !important;
		text-align: left !important;
	}

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

	html body footer #footer-top {
		padding-bottom: 125px !important;
	}

	html body footer #footer-bottom {
		bottom: 60px !important;
	}

	html body footer #footer-bottom, html body footer #footer-bottom .row > div {
		height: 60px !important;
	}

	html body footer #klubmodul {
		top: auto !important;
		bottom: -60px !important;
	}


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

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

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

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

	footer .footer-link a > i {
		font-size: 15px !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) {
	html body #main-content {
		min-height: 0 !important;
	}
	#usermenuwrap {
		display: none;
	}
}


@media (max-width: 769px) {
	#ctl00_valCustUkendt {
		color: Red;
		position: fixed;
		z-index: 10001;
		width: 100vw;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		top: 60px;
		height: 60px;
		background-color: #fff;
	}
	#usermenu a {
		margin-left: 0px !important;
		font-size: 16px !important;
	}
	#usermenuwrap {
		position: fixed;
		background-color: rgba(0,0,0,0.75);
		width: 100vw;
		height: 100vh;
		left: 0;
		top: 0;
		z-index: 10002;
		display: none;
	}
	#usermenutop {
		height: 60px;
		line-height: 60px;
		width: 100%;
		color: #fff;
		text-indent: 10px;
		font-size: 1.2em;
		font-weight: 600;
	}
	#usermenuclose {
		height: 60px;
		width: 60px;
		display: inline-block;
		float: right;
	}
	#usermenuclose i {  
		line-height: 60px;
		font-size: 1.7em;
	}
	.usermenutopicon {
		text-align: center;
		margin-top: -60px;
	}
	.usermenutopicon i {
		background-color: #fff;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		line-height: 75px;
		font-size: 2.3em;
		border: 5px solid #333;
	}
	#usermenu .km-login-btn i {
		display: none;
	}
	#km-remme {		
		position: relative;
		height: 36px;		
		padding: 10px 10px 0 10px;		
		margin-top: -3px;
		z-index: 10000;
		box-shadow: 0px 2px 2px 0px rgba(120,120,120,0.85);
		float: right;
	}
	#ctl00_panelAnonymousTemplate #usermenu {	
		padding: 15px;
		margin: 75px auto 0px auto;
		box-shadow: 0px 0px 10px 0px rgba(215,215,215,0.8);
		background-color: #fff !important;
		border-radius: 5px;
		display: block;
		width: 90vw;
		max-width: 425px;
	}
	#ctl00_panelAnonymousTemplate #km-um-sep {
		float: none;
	}
	.linkboks-input {
		position: relative;
		box-shadow: 0px 1px 5px 0px rgba(120,120,120,0.85);
		margin-bottom: 15px;
	}
	.linkboks-input input {
		margin: 0 !important;
	}
	html body #usermenu #ctl00_lnkFacebookLogin {
		background-color: #4267b2;
		display: inline-block;
		color: #fff;
		height: 46px;
		line-height: 46px !important;
		border-radius: 0px;
		padding: 0 0px;
		font-size: 0.9em;
		cursor: pointer;
		float: none;
		width: 100% !important;
		margin-top: 25px;
		text-align: center;
		text-indent: 0 !important;
		text-decoration: none;
		box-shadow: 0px 1px 5px 0px rgba(120,120,120,0.85);
		transition: all 0.2s linear;
	}
	html body #usermenu #ctl00_lnkCreateprofile {
		line-height: 46px !important;
		height: 46px !important;
		text-indent: 0 !important;
		float: none;
		display: block;
		box-shadow: 0px 1px 5px 0px rgba(120,120,120,0.85);
	}
	#usermenu .km-login-btn {
		display: inline-block;		
		width: 100%;		
		position: relative;	
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1.3em;
		line-height: 46px !important;
		text-indent: 0 !important;
		box-shadow: 0px 1px 5px 0px rgba(120,120,120,0.85);
	}
	#ctl00_valReqUsername, #ctl00_valReqPassword {
		display: none;
	}
	#top-logo {
		display: none;
	}
	#main-content {
		margin: 0 2vw;
		width: 96vw;
	}
	#main-content #ctl00_ContentPlaceHolderBody_lblPageContent {
		padding: 10px;
	}
	#sponsors {		
		padding: 0px;
	}
	#facebook {
		text-align: center;
		max-width: 769px;
	}
	#menu.topmn {
		margin-top: 0px;
	}
	body #menuBar #topmenu ul#menu {
		margin-right: 0px;
	}
	#menu ul.level1 > li:hover, #menu li.usermenu:hover {
		padding-bottom: 0px;
	}
	#sponsors .heroSlider-fixed {
		margin-top: 0px;
	}
	#km-um-forgot {
		float: none;
		display: block;
		text-align: right;
	}
	#usermenu {
		height: auto !important;
		position: relative !important;
		left: auto !important;
		right: auto !important;
		float: none !important;
		z-index: 10001 !important;
		padding: 0;
	}
	.km-menu-login-btn {
		text-indent: 5px !important;
	}
	.km-menu-login-btn i {
		margin-right: 5px !important;
	}
	.usermenu > a:after {
		content: "\f055";
		font-family: FontAwesome;
		float: right;
		margin-right: 10px;
	}
	#km-username {
		line-height: 45px !important;
		text-shadow: 0px 1px 2px rgba(0, 0, 0, 1) !important;
	}
	#usermenu > li > a > i {
		width: 25px;
		text-align: left;
	}
	.km-family-members > a {
		border-bottom: solid 1px rgba(0, 0, 0, 0.3) !important;
		border-top: solid 1px rgba(255, 255, 255, 0.15) !important;
		text-indent: 5px !important;
		color: #fff !important;
	}
	#ctl00_cntrlRoleSelection_lnkAdmin {
		text-indent: 45px !important;
	}
	#ctl00_cntrlRoleSelection_lnkAdmin:before {
		left: 20px !important;
	}
	#kmfamdrop {
		padding: 0;
	}
	.fa-user-plus:before {
		line-height: 40px !important;
	}
	#banner {
		padding-top: 0px !important;
	}
	#km-fam-member-active .fa-exchange-alt {
		float: right;
		line-height: 40px;
		margin-right: 10px;
	}
	#ctl00_panelLoggedOnTemplate .menu {
		text-indent: 5px !important;
	}
	#ctl00_panelLoggedOnTemplate #usermenu li {
		float: left;
	}
	#ctl00_cntrlRoleSelection_panLnkAdmin {
		padding-bottom: 70px;
	}
	
}



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