@media screen and (max-width: 992px){
	body .radbtn {
		font-size: 0.8em;
	}
} 
@media screen and (max-width: 769px){
	#km-teamenrollmentshow .km-ico {
		width: 100% !important;
	}
	#indhold iframe {
		max-width: 100%;
	}	
	.mhide {
			display: none;
		}
	.km-team-name-details {
		display: block;
	}
	.km-team-name-details strong {
		display: none;
	}
	/*PHONE SELECTS*/
	#DcHclasspicks {
		display: block !important;
	}
	#DcHclasspicks > div {
    padding-left: 10px;
    padding-top: 10px;
    float: left;
    width: 100%;
}
	#DcHclasspicks > div > div {
		font-size: 0.9em;
    display: inline-block;
		position: relative;
    color: #000;
    border-radius: 4px;
   overflow: hidden;
    margin-top: 7px;
		border-color: rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 30%), inset 0 1px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 0 1px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgb(0 0 0 / 30%), inset 0 1px 0 rgb(0 0 0 / 10%);
	}
	#DcHclasspicks > div > div > span {
		background-color: rgba(127,127,127,0.2);
		display: inline-block;
		 padding: 2px 5px;
		color: #000;
	}
	
	#DcHclasspicks > div > div:before {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
		    border-radius: 4px;
    background: transparent;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
    background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
    background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
    background: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
    transition: ease-in-out 0.2s all;
}
	
	
	#DcHclasspicks > div > span {
		font-weight: 600;
		text-decoration: underline;
	}
	.select-container select {
		font-family: inherit !important;
		-webkit-appearance: none;
		-webkit-appearance: none;
		border-radius: 0;
		background-color: rgba(127,127,127,0.2);
		border: 0px;
		padding: 10px;
		width: 100%;
		outline: 0;
		height: 35px;
		color: #000;
		font-weight: 600;
		    letter-spacing: 0.1em;
	}
	.select-container {position:relative; display: inline;padding: 0 10px !important;}
.select-container:after {content:""; width:0; height:0; position:absolute; pointer-events: none;}
.select-container:after {
        border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 15px;
    right: 18px;
    border-top: 8px solid black;
    opacity: 0.5;
}
	.icoleft {
		padding-left: 50px !important;
		text-align: left !important;
	}
	.indrow .col-xs-12 {
		margin-bottom: 10px;
	}
	/* ProfileEventEnrollment */
	#km-eventenrollment div.km-card-header.km-bg-blue.h1 {
		padding-bottom: 50px;
		position: relative;
	}
	
	#km-eventenrollment div.km-card-header.km-bg-blue.h1 .km-header-right {
    position: absolute;
    right: 10px;
    bottom: 0;
}
	/* ProfileEventEnrollment END */
	body#body .km-card-header {	
	height:auto;
        float: left;
            width: 100%;

	}
	body#body .km-card-header-txt {
		float:none;
		white-space:normal;

	}
	#km-payment-completed .km-ico {
		width: 100% !important;
	}
	/* profileMaintainBooking */

	#km-book-show-price, #km-book-show-history {
		background-color: #00a637;
		float: left;
		width: 100%;
		margin-top: 10px;
	}
	#km-profilemaintainbooking > div.km-fullcard > div > div.km-card-header.km-bg-blue.h1 > div > span {
		display: none;
	}
	#bookinginfo tbody td {
    padding: 5px 3px 5px 3px;
}
	
	/* profileMaintainBooking END */
	.remlogitem {
		display: inline-block;
    position: relative;
    width: 100%;
	}
	.retable {
    table-layout: auto;

}
	/*table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 3px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+'; 
    background-color: #31b131;
}*/
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}
	body#body #indhold{
		padding: 0 !important;
	}
	body#body .row {
		margin: 0 !important;
	}
	/* GENERAL */
	.km-alt-bar {
		height:80px !important;
	}
	.km-alt-bar > div:last-child, .km-alt-bar > div:nth-child(2) {
		display: block;
    width: 100%;
    float: none !important;
    margin-left: 0;
		text-align: center;
	}
	.km-alt-bar > div:first-child {
		position: absolute;
		top: 50%;
    margin-top: -11px;
	}
	.km-alt-bar > div:first-child i {
		font-size: 22px;
    height: 22px;
	}
	.km-tilmeld-btn {

	height:50px !important;

}
	#ctl00_ContentPlaceHolderBody_lblPageContent {

    padding: 0 10px;
}
	body .radbtn {
		font-size: 1em;
	}
	body .container, body .col-xs-12 {
		padding: 0;
	}
	
body .tilmeldalt {
		height: auto;
}
body .tilmeldalt .fa-chevron-right {  
    height: 40px;   
}
	.mblock {
			display: block;
		}
/*Remember to login*/	
	#km-remember-to-log-in .km-header-right input {
		width: 100% !important;
		margin-bottom: 10px;
	}
	#km-remember-to-log-in .km-card-header-txt {
		font-size: 0.9em;
	}
	#km-remember-to-log-in {
		height: auto !important;
        float: left;
        padding-bottom: 10px;
	}
	#km-fblogin {
		float: right;
	}
	#km-headerloginknap {
		margin-top: 5px;
	}
/*teamoverviewplan*/


#km-teamoverviewsubscriptions .team-item-wrapper:nth-child(5n) {
    margin-right: 1% !important;
}
#km-teamoverviewplan, #km-teamoverviewsubscriptions {
 	
 	width: 100%;
 	display: flex !important;
	float: none !important;
 	flex-direction: column;
 	flex-wrap: wrap;
  	margin: auto;
 	overflow-x: auto;
 	overflow-y: hidden;
 	padding-right: 20px;
 	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

#km-teamoverviewplan .km-cardcol, #km-teamoverviewsubscriptions .team-item-wrapper {
  	-webkit-overflow-scrolling: touch;
  	border: 0px !important;
	width: 98%;
	
 	display: flex;
  	flex-direction: column;
  	justify-content:flex-start; 
  	overflow: hidden;
  	scroll-snap-align: center;
}
#km-teamoverviewplanwrapper .team-item-wrapper, #km-teamoverviewsubscriptions .team-item-wrapper {
	max-width: 100% !important;
}
#km-teamoverviewsubscriptions .team-item-wrapper {
	width: 96% !important;
}
.km-filter, #team-age-search .filtertop {
     width: 100% !important;
}
#mfiltersw {
	display:none;
	 position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10001;
    padding: 80px 20px 20px 20px;
    background-color: rgba(0,0,0,0.75);
}
#mfilters {
	background-color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
	webkit-box-shadow: 2px 2px 5px rgba(255,255,255,0.5);
    -moz-box-shadow: 2px 2px 5px rgba(255,255,255,0.5);
    box-shadow: 2px 2px 5px rgba(255,255,255,0.5);
}
#ctl00_ContentPlaceHolderBody_panelLocations .filterchoices {
    width: 100% !important;
}
#mfilterclose {
	display: block;
	font-size: 2em;
    text-align: right;
}
	
#mfilterclose {   
        border: 1px solid rgba(0,0,0,0.4);
    text-transform: uppercase;
    padding: 2px 5px;

    border-color: rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 0 1px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 0 1px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.3), inset 0 1px 0 rgba(0,0,0,0.1);

    text-decoration: none !important;
    display: inline-block !important;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: right;
    text-align: center;
    width: auto;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#mfilterclose:before {
	content: "";
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	left:0;
	background: transparent;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
    background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
    background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
    background: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
	transition: ease-in-out 0.2s all;
	
}	
	#filtersearch {
		display: block !important;
		margin-bottom: 10px;
	}
	#filtersearch .filtertop {
		display: inline-block !important;
		width: auto !important;
		text-indent: 5px !important
	}
	
/*ALT SIDER*/
.km-cardrow {
	display: block !important;
}
.km-cardcol {
	padding: 10px 0 !important;
	border-left: 0px !important;
	width: 100%;
	flex: none !important;
}
.km-cardcol:first-child {
	border-bottom: 1px solid #000;
}
	.km-ev0-afmeld {
		margin-left: 0 !important;
	}
    	/* ProfileEnrollmentShow.aspx */
.km-eventenrollmentoverview .km-header-right {  
    display: block;
    width: 100%;
	padding-left: 15px;
	font-size: 0.85em;
}
body #km-profileenrollmentshow .km-eventenrollmentoverview > .km-subhead {
		height: 80px;
	}
.km-eventenrollmentoverview div.km-card-header.km-bg-blue-fade.km-card-open.km-activate.km-subhead > span {
    display: block;
    overflow: hidden;
    height: 40px;
    text-overflow: ellipsis;
    /* width: 201px; */
    white-space: nowrap;
}
	.km-eventenrollmentoverview .km-subhead-open > div, .km-eventenrollmentoverview .km-price-info, .km-eventenrollmentoverview .km-deadline {
		width: 100% !important;
	}
	
	/* Activity.aspx */
#kalender > .km-card-header {
	height:100px !important;
	text-align: center;
}
#kalender .km-header-right {
    float: none;
    margin-left: -10px;
    display: block;	
}
#kalender > #mscroll > table {
	min-width:800px;
}
#kalender .km-ico:before{
	display:none;
}
#kalender #mscroll {
	overflow-y:scroll;
	width: 100%;
}
#kalender #mscroll .km-colorlink {  
    margin-left: 0px;
}
#kalender .km-span-cal-event small {
	margin-left:10px;
	display: inline-block;
    word-break: break-word;
}
@media screen and (max-width: 550px){
	#arrowAnim {
	width: 200px;
    height: 20px;
    position: absolute;
    display: flex; 
    right: 0;
    margin-top: -10000px;
    justify-content: center;
    align-items: center;
	
}
.arrow {
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-color: black transparent transparent black;
  transform: rotate(135deg);
}
.arrowSliding {
  position: absolute;
  -webkit-animation: slide 4s linear infinite; 
          animation: slide 4s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 1s; 
    animation-delay: 1s;
}
.delay2 {
  -webkit-animation-delay: 2s; 
    animation-delay: 2s;
}
.delay3 {
  -webkit-animation-delay: 3s; 
    animation-delay: 3s;
}
@-webkit-keyframes slide {
    0% { opacity:0; transform: translateX(0px); }	
   20% { opacity:1; transform: translateX(20px); }	
   80% { opacity:1; transform: translateX(60px); }	
  100% { opacity:0; transform: translateX(80px); }	
}
@keyframes slide {
    0% { opacity:0; transform: translateX(0px); }	
   20% { opacity:1; transform: translateX(20px); }	
   80% { opacity:1; transform: translateX(60px); }	
  100% { opacity:0; transform: translateX(80px); }	
}
}
	html body #ctl00_ContentPlaceHolderBody_lblPageContent a {
		    word-break:break-word;
	}
	body #ctl00_ContentPlaceHolderBody_panWaitinglistFull {
		font-size:0.95em !important;
	}
	body.loginopen {
		position:fixed;
	}
	
html body #indhold img{
		max-width:100%;
		height:auto;
	display: block;
	margin: 0 auto;
		}
	/* BookingShowParticipants */
#km-bookingshowparticipants .km-tilmeldte{
	width:100% !important;

}
#km-bookingshowparticipants .km-time, #km-bookingshowparticipants .km-place{

	width:100% !important;
}

	/* Cookie */
#kmcml #kmcmcard {
	width: 100% !important;
    max-width: 800px !important;
	margin: 60px auto 0 auto;
	    overflow-y: scroll;
    max-height: 100vh;
	
}
	
	/* EventOverview */
	/*TeamEnrollment*/
	#km-teamenrollment .km-prev-price {
		width: 100%;
	}
/*ProfileMaintainEnrollment*/
body .radright {
    position: relative;
    right: auto;
    font-size: 1em;
}
	#ctl00_ContentPlaceHolderBody_txtTeamAdminMessage::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  white-space:pre-line;  
  position:relative;

  
}
#ctl00_ContentPlaceHolderBody_txtTeamAdminMessage::-moz-placeholder { /* Firefox 19+ */
     white-space:pre-line;  
  position:relative;

}
#ctl00_ContentPlaceHolderBody_txtTeamAdminMessage:-ms-input-placeholder { /* IE 10+ */
    white-space:pre-line;  
  position:relative;

}
#ctl00_ContentPlaceHolderBody_txtTeamAdminMessage:-moz-placeholder { /* Firefox 18- */
     white-space:pre-line;  
  position:relative;

}
	@media screen and (max-width: 410px){
		#ctl00_ContentPlaceHolderBody_lblLinkTextPay .km-rem-terms {
			font-size: 0.8em;
		}
	}
	#km-profilemaintainenrollment .ratebetaling .km-rate, #km-profilemaintainenrollment .ratebetaling .km-duedate, #km-profilemaintainenrollment .km-duedate {
		width: 100%;
	}
	#ctl00_ContentPlaceHolderBody_txtTeamAdminMessage, .km-comment-wrapper textarea#ctl00_ContentPlaceHolderBody_txtTeamAdminMessage {
		height: 42px !important;
		width: 100% !important;
	}
	/* ProfileEventEnrollment */
	
	.km-ekstra-price-item select {
		display:block;
		
	}
	#km-event-fields-wrapper .km-title {
		display:none;
	}
	body #km-eventenrollment .km-tilmeldte {
		width:100%;
	}
	#km-eventenrollment .km-header-right #fshare span {
		font-size:0;
	}
	#km-eventenrollment .km-card-header {
		height:100px;
	}
	#km-eventenrollment .km-card-header-txt {
		width:100%;
	}
	/* Forum */
	table#km-forum-table tbody tr td {
		padding-left: 8px;
	}
	
	/* Market */
	div.no-lemon__search {
		left: 50% !important;
	}
	
	 li.no-lemon__menu-l1-item-wrap {
		 width:65% !important;
	 }
	 
	 a.no-lemon__category {
		 margin: 15px 0 0 0 !important;
		 width: 100% !important;
	 }
	
	/* Newsarchive */
	#newsArchive_leftcol .NewsItem {
		width: 92% !important;
		float: none !important;
		margin-left: 2%;
	}
	
	
	/* profileMaintainBooking */
	#km-search {
		left: 0% !important;
	}
	
	#bookinginfo_wrapper {
		overflow-x: auto;
	}
	
	
	/* ProfilePlaygroundReRentalList.aspx */
	#ctl00_ContentPlaceHolderBody_panelReport {
		overflow-x: auto;
	}
	
	/* RentalOverview.aspx */ 

	
	/* Rentoverview.aspx */
	#ctl00_ContentPlaceHolderBody_divCalendarForAllRentalItems {
		overflow-x: auto;
	}
		
	
	/* ShopOverview.aspx */
	#km-shopoverview .km-tilmeld {
		max-width: 93%;
	}
	
	/* SubscriptionOverview.aspx */
	#km-subscriptionoverview span.km-teasertxt {
		display: block;
		height: 20px;
		margin-top: -20px;
	}
	
	#km-subscriptionoverview .km-tilmeld-btn {
		max-width: 93% !important;
	}
		
	/* TeamOverview.aspx */
#km-teamoverview-top > div.km-card-inner.km-card-bg > div.km-guide.km-ico > div > div {
	padding-left:45px;
}
	#km-teamoverview-top .km-ico-inner {
		padding-left:0;
	}
	#km-teamoverview #seasondates {
		float: initial;
		margin-right: initial;
		display: block;
	}
body #km-quicklinks div {
    width: 100%;
}
	/* visheste.aspx*/
	body #km-vishest .km-horse-left, body #km-vishest .km-horse-right {
		width:100%;
		margin:0;
	}
	body #km-vishest .km-horse-right {
	
    position: relative;
    left: 0;
    padding: 10px 0px;

	transition:0.3s all linear;
	}
	body #km-vishest .km-horse-right-closed {
	height:0;
	padding:0;
	}
	body #km-vishest .km-fullcard .km-more-horse {
    margin: -40px 0 0 0;
	display:block;
}
#km-vishest .km-close-horse {
	position: absolute;
    right: 15px;
    margin-top: 10px;
    font-size: 1.5em;
	display:none;
}
/* visinstrukalt.aspx*/
	body #km-visinstrukalt .km-instrukalt-left, body #km-visinstrukalt .km-instrukalt-right {
		width:100%;
		margin:0;
	}
	body #km-visinstrukalt .km-instrukalt-right {
	 position: relative;
    left: 0;
    padding: 10px 0px;

	transition:0.3s all linear;
	}
	body #km-visinstrukalt .km-instrukalt-right-closed {
	height:0;
	padding:0;
	}
	body #km-visinstrukalt .km-fullcard .km-more-instrukalt {
    margin: -40px 0 0 0;
	display:block;
}
#km-visinstrukalt .km-close-instrukalt {
	position: absolute;
    right: 15px;
    margin-top: 10px;
    font-size: 1.5em;
	display:none;
}		

	/* visbestyr.aspx */
	#km-visbestyr.km-instruk-decs-read-more {
		max-width: 100% !important; 
	}
	
	/* visinstruk.aspx */
	#km-visinstruk .km-instruk-decs-read-more {
		max-width: 100% !important;
	}
	
	#km-visinstruk .km-instruk-teams-wrapper {
		max-width: 95% !important;
	}
	
	div#km-totop-fill.km-bg-blue {
		max-height: 40px;
	}
	
	/* visluk.aspx */
	#km-visluk .h3 {
		font-size:1.3em !important;
		text-align:left;
	}
	#km-visluk .km-teaser {
 	display: none;
 }
	
	body #topmenufixed .fa-home:before{
	line-height:40px;	
}
	
	#body .topmn > ul > li {
    float: none !important;
}
	footer {
		text-align:center;
		line-height:40px;
	}
	footer .col-lg-12 {
		padding:5px 15px;
	}
	.home_link_responsive {
		line-height:40px;
		height:40px;
		width:100% !important;
		    border-bottom: solid 1px #171717;
			text-align:left;
			text-indent:10px;
	}

	body #topmenufixed .fa-home:before {
		line-height:40px;
	}		
	#topmenu #menu .level2 a {
		text-indent:30px;
		background-image:url(../images/responsivebg.png);
	}
	#topmenu #menu .level3 a {
		text-indent:40px;
		background-image:url(../images/responsivebg.png);
	}
	#topmenu #menu .level4 a {
		text-indent:50px;
		background-image:url(../images/responsivebg.png);
	}
	#topmenu #menu .level5 a {
		text-indent:60px;
		background-image:url(../images/responsivebg.png);
	}
	#topmenu #menu .level6 a {
		text-indent:70px;
		background-image:url(../images/responsivebg.png);
	}
	#topmenu #menu .level7 a {
		text-indent:80px;
		background-image:url(../images/responsivebg.png);
	}
	.topmn ul {
		padding-left:0px;
	}
	#topmenu .topmn .menu {
		padding:0;
	}
	.topmn .level1 .popout:after {
	content: "\f055";
    font-family: FontAwesome;
	float:right;
	margin-right:10px;
	}
	
	.topmn .level1 .active:after {
	content: "\f056";
	}
.topmn .level2 .popout:after {
	content: "\f055";
    font-family: FontAwesome;
	float:right;
	right:10px;
	}
	.topmn .level2 .active:after {
	content: "\f056";

	}
/* CLUB TEST v1 */
html{
	overflow-x:hidden;
}
#klubmodul {
	float: none;
    margin-top: 12px;
    position: relative;
    line-height: 1em;
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 0.7em;
    text-align: center;
    left: 0;
    z-index: 2;
    margin-right: 5px;
	padding-top:60px;
    right: 0;
}
#body{
	width:100vw;
	transition:ease-out 0.4s;
	background-color:#fff;
	}

#km-profilemaintenance .km-field-wrapper{
		width:55% !important;
	}
		a#klubmodul{
			position:relative;
			bottom: -70px;
    padding-bottom: 20px;
		}
	.arrow-button{
	 content:"\f103";
	 color:white;
	 font-family: 'FontAwesome';
	 float:right;
	 height:60px;
	 line-height:60px !important;
	 position:relative;
	 width:0%;	
	 display:block;
	 text-indent:0 !important;
	 right:0%;
	 font-size:1.5em;
	}
	.arrow-button .fa{
		line-height:60px;

	}
	#shadow-box{
	display:none;
	background-color:rgba(50, 50, 50, 0.45);
	width:100%;
	float:right;
	height:100%;
	transition: ease 0.4s;
	position:fixed;
	right:0px;
	top:60px;
	}
	#shadow-box.after{
	display:block;

	}
	#shadow-box.shrink.after{
		top:40px;
	}
	
	#km-profilemaintenance .km-field-wrapper{
		width:100% !important;
		
	}
	
	#topmenu{position:fixed;
	z-index:999;
	background-color:transparent;
	top:60px;
	width:100%;
	left:-100%;
	}
	
		
	
	#topmenu-responsive{
		top:0px;
		position:relative;
		overflow-y:scroll;
		overflow-x:hidden;
		height:100vh;
		display:block;
		padding-bottom:60px;	
		width:80%;
		left:-80%;
		transition:ease-out 0.4s;
		background-color:#474b50;
		z-index:999999999;
	
	
	
}

#topmenu-responsive.after{
	top:0px;
	left:0%;
	transition:ease-out 0.4s;
	animation-name:shadow;
	anitmation-duration: 2s;
	padding-bottom: 200px;
	
}
	
html.after{
	overflow:hidden;
}
	
		
	#menu{
		left:-40px;
		top:0px;
		margin:0;
		list-style-type:none;
		width:100%;
		background-color:rgb(71, 75, 80);
		position:relative;
		display:block;
	}
	#menu li{
		border-bottom: solid 1px #171717;
		border-top:solid 1px #727272;	
		}
	

	#menu li a{
		margin-left:0px !important;
		font-size:16px !important;	
	}
	
	#menu li ul{
		list-style-type:none;
		display:none;
		background-color:#5c6b7d;
	}
	
	#menu li ul li ul{
		background-color:#7a7979;
		border-bottom: solid 1px #171717;
		border-top:solid 1px #727272;
	}
	
	#menu li ul:focus{
		display:block;
	}
	
	.hasdrop{
	width:100% !important;
}
	.hasdrop a{width:73%;
	}

	
	.hasdrop ul{
		padding-left:0 !important;
		text-indent: 10px;
	}
	.hasdrop ul li ul{
		text-indent:20px;
	}
	#menucon{
		width:100% !important;
		position:relative;
		left:-6px;
		text-indent:10px;
		top:0px !important;
		animation-name:responsive;
		display:block !important;
	
		
		
		}

		
	
.StaticMenuStyle a{
		width: 100% !important;}
		
	
#menu-mobile.shrink {
  height: 40px;
  transition:ease 0.4s;
}

#menu-mobile{
	display:block;
	left:0;
    width: 100%;
    background:#53d5ff no-repeat left 10px center;
    position: fixed;
    top: 0 !important;
    float: left;
	height:60px;
	z-index:999;
}

.show_left{
	display:none;
}

#banner{
		width:100%;
		position:relative;
		margin-top:60px;
}
			
	#banner img{
		width:100%;
		
		margin:0;}
	#indhold{
		width:100%;}
	#footer{
		width:100%;
		
		position:relative;
		bottom:0;
		margin:0;
	}
	
	#wrapper{
		width:100%;;
		margin-bottom:-63px;
		
	}
	#usermenu{
		height:0px;
		position:fixed;
		left:0px;
		right:0px;
		float:right;
		z-index:9999 !important;
	}
	#content{
		top:60px;
		width:100%;
	}
	
	/*nyt responsive *//*
		#km-visinstruk{
		width:100%;
	}
	.km-card{
	width:100% !important;


}
.km-instruk-teams{
		width:40%;
	}
	.km-fullcard{
		max-width:768px;
	}
	#km-headerpwd, #km-headerlogin{
		width:40% !important;
	}
	#ctl00_ContentPlaceHolderBody_panelTimeLocationInstructorWaitinglist .km-ico{
		width:50% !important;
	}
	#km-profilemaintainenrollment .km-time{
		width:60% !important;
	}
	.km-comment-wrapper textarea{
		width:90% !important;
}
	.h1{
		font-size: 1em !important;
		
	}
	.h1, a.h1{
		color:#ffba53 !important;
	}
		*/



/* ---------- END ---------- */
		/*menu animation */
#nav-icon3 span{
	top:20px;
	display:block;
	background-color:#fff;
	width:40px;
	height:6px;
	position:absolute;
	z-index:9999999;
	left:10px;
	box-shadow:#333 0px 1px 0px;
	transition:ease 0.2s;
}
	html body #nav-icon3 span {
		height: 2px !important;
	}
#nav-icon3.open span{
	box-shadow: 0 0 0;
}
#nav-icon3.shrink span{
	width:30px;
	height:4px;
}
#nav-icon3.open span{
	background-color:#e4413f;
}
#nav-icon3 span:nth-child(1) {
 
  	top:13px;
}
#nav-icon3.shrink span:nth-child(1){
	top:6px;
}
#nav-icon3.shrink span:nth-child(2),#nav-icon3.shrink span:nth-child(3){
	top:16px;
}
#nav-icon3.shrink span:nth-child(4){
	top:26px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 25px;
}

#nav-icon3 span:nth-child(4) {
  top: 37px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;

}
/* ---- */

#footer{
	margin-top:30px;
}
/* top menu */
.create_profile_link{
	display:none !important;
	
}
.menu.create_profile_link_responsive{
    text-align: center;
	font-size: 28px !important;
    position: absolute;
    float:right;
	right:60px;
    width: 60px !important;
    height: 60px;
	z-index:99999;
	display:block !important;
	border-left:1px solid;
	
	
}
.menu.create_profile_link_responsive.shrink{
	height:40px !important; 
	transition:ease 0.4s;
}
#leftmenu a:last-child{
	padding-bottom:60px;
	border-bottom:none;
}
#usermenu.shrink i:before{
	line-height:40px !important;
	transition:ease 0.4s;
	font-size:24px;
	
	
}

.fa-user-plus:before{
	line-height:65px;
	transition:ease 0.4s;
	
}

.fa-sign-in:before{
	line-height:45px;
	transition:ease 0.4s;
}
.show_hide{
	display:none;

}
.show_hide_responsive{
	font-size:2em !important;
	color:#fff;
	width:60px !important;
	height:60px;
	float:right;
	text-align:center;
	z-index:99999;
	display:block;
	border-left:1px solid;
	
}

.show_hide_responsive.shrink{
	height:40px !important;
	transition:ease 0.4s;
}
#topmenu-responsive.shrink{
	top:40px;
}
.show_hide2.shrink{
	height:40px;
	line-height:40px;
}
#loginbox2.shrink{
	top:40px;
}
/* burger menu */ 		
#menu li a{
	width:100%;
	line-height:40px !important;
	text-indent:20px;
}

#km-remember-to-log-in .fa-user, #km-remember-to-log-in .fa-unlock-alt{
	line-height:47px !important;
}
.arrow-button{
	position:relative;
}
.arrow-button .fa{
	line-height:40px; !important;
	text-indent: -40px;
}



#menucon a{
	height:40px;
	line-height:40px;
	background-color:#474b50;
	width:100% !important;
	color:white !important;
	font-size:16px;
	border-bottom: solid 1px #171717;
	border-top:solid 1px #727272;
	text-indent:27px;
	
}

/*visluk.aspx*/
#km-visluk .h3 {
	font-size:1.8em !important;
}
.km-visluk-desc, #km-visluk .h3 {
	border-bottom:2px solid #666!important;
	width:100% !important;
	text-align:center;
}
.km-visluk-date{
	width:100% !important;
	max-width:100% !important;
	text-indent:0;
	font-size:12px;
	text-align:center;
}
/*CARDS */


.km-card-inner{
	margin:20px 10px !important;
}
#km-visinstruk{
	width:100%;
}

.km-card{
	width:100% !important;
	max-width:768px !important;
	overflow:hidden;

}
#km-headerloginknap i{
	line-height:40px !important;
}
#km-teamenrollment .km-card .km-time{
	width:100% !important;
}

.km-instruk-teams{
	width:40%;
}
	
.km-fullcard{
	max-width:768px;
}
	
#km-headerpwd, #km-headerlogin{
	width:40% !important;
}
.km-comment-wrapper textarea{
	width:90% !important;
}


.km-instruk-teams{
	width:20%;}
#km-profilemaintainenrollment .km-time{
	width:100% !important;
}
#km-eventenrollment .km-time{
	width:75% !important;
}
#km-eventenrollment .km-deadline{
	width:75% !important;
}
#km-eventoverview .km-card .km-deadline{
	width:75% !important;
}
	
	
#ctl00_ContentPlaceHolderBody_panelTimeLocationInstructorWaitinglist .km-ico{
	width:50% !important;
}
ctl00_ContentPlaceHolderBody_repEvent_ctl01_panelShowParticipants .km-participants.km-open-in-card.km-bico.km-bg-blue-fade.fullwidth{
	width:95%;
}
	
.km-title.km-blue::before{
	display:block;
}
a.tilmeld.km-tilmeld.fullwidth.km-bg-yellow{
	height:50px !important;
}


.km-ekstra-price-item, .km-ekstra-field-item{
	width:88%;
}
#km-forum #km-create-thred{
	width:100% !important;
}

#km-easysignup .km-field-wrapper{
	width:100% !important;
}
#body #km-profilemaintainenrollment #ctl00_ContentPlaceHolderBody_panelLocationAndTimeAndInstructor .km-user {
	width:100%;
}
	}
@media screen and (max-width: 420px){
	#kalender .km-card-header.km-bg-blue.h1 {
		font-size: 0.9em;
	}
}
	@media screen and (min-width:321px) and (max-width: 530px){
/* afstemning */ 
#form{
	font-size: 10px !important;
	width:65% !important;
}
/* CLUB TEST V1 */

km-totop{right:0px;}
	#banner{
		width:100%;
		min-width:321px;
		}
			
	
	#indhold{
		width:100%;}

	
	#wrapper{
		width:100%;;
		margin-bottom:-63px;
		overflow:hidden;
		z-index:99;
		
	}
	#wrapper.after{
		left:70%;
		transition:ease-out;
		overflow:hidden !important;
			
	}
	#logininfo{
		width:100%;
	}
    #footer{
		width:100%;;
		position:relative;
		bottom:0;
		margin:0;
		margin-top:30px;
	}

/*login-box */ 
	#loginbox, #loginbox2{
		max-width: 100%;
	}
	#ctl00_txtUsername{
		width:80%;
	}
	#ctl00_txtPassword{
		width:80%;
	}
	#ctl00_ImgLogin{
		width:100px;
		 
	}
	#ctl00_ContentPlaceHolderBody_panelExtraFields.km-there-can-be-only-one{
		width:100% !important;
	}
	#loginbox #logininfo a, #loginbox #logininfo span{
		width:100px;
		
	}
	#loginbottom{
		width:0;
	}
	/*Opret profil*/

	#km-profilemaintenance .km-field-wrapper > .km-ekstra-field-item > .h3, #km-profilemaintainrental .km-ekstra-field-item > .h3{
		font-size: 12px;
	}
	.km-ekstra-price-item, .km-ekstra-field-item{
		width:100% !important;		
	}

	#km-profilemaintenance .km-field-wrapper{
		width:51% !important;
	}
	.km-guide{
		font-size:15px;
	}
	/*login-box */ 
	#loginbox, #loginbox2{
		max-width:530px;
		min-width:321px;
		width:100%;
	}/*
	#ctl00_txtUsername{
		width:182px;
	}
	#ctl00_txtPassword{
		width:182px;
	}
	*/
	#ctl00_ImgLogin{
		width:150px;
		left:311px;
		position:relative;
		
	}
	#loginbox #logininfo a, #loginbox #logininfo span{
		width:150px;
	}
	
	/*Opret profil*/
	
	#km-profilemaintenance .km-field-wrapper > .km-ekstra-field-item > .h3, #km-profilemaintainrental .km-ekstra-field-item > .h3{
		font-size: 12px;
	}
	.km-ekstra-price-item, .km-ekstra-field-item{
		width:75%;
	}
	#km-profilemaintenance .km-field-wrapper{
		width:100% !important;
	}
	/* til nyt responive *//*
	#km-visinstruk{
		width:100%;
	}
	.km-card{
	width:100% !important;
	}
	.km-instruk-teams{
		width:40%;
	}
	.km-fullcard{
		max-width:530px;
	}
	.km-card-header-txt{
		font-size:16px;
	}
	
	.km-comment-wrapper textarea{
		width:90% !important;
		font-size:8px !important;
	}

*/

/* -------- END ----------- */
/* Afstemning */
/* GENERAL*/
		.mhide {
			display: none;
		}
		
		.km-tilmeld-btn {
			height: auto !important;
		}
/* CARDS */

.km-ekstra-field-item.km-bg-blue-fade.km-item-full-row{
	width:80% !important;
}
#km-forum #km-create-thred{
	width:100% !important;
}
/* Activity.aspx */


#kalender .km-ico span{
	line-height:15px !important;
}

#ctl00_ContentPlaceHolderBody_repEvent_ctl02_panelShowParticipants{
	width:93% !important;
}
.km-instruk-decs-read-more.km-bico km-bg-blue-fade.km-open-in-card.fullwidth{
	width:93% !important;
}
#kalender #km-cal-agenda table{
	font-size:10px;
}
#kalender #km-cal-agenda table .km-ico-inner{
	padding:0 !important;
}
#km-visinstruk{
	width:100%;
}
.km-card{
	width:100% !important;
	max-width:500px !important;
	min-width:250px !important;
}




.km-card .km-shop-img{
	width:250px !important;
}
	
.km-instruk-teams{
	width:40%;
}

.km-fullcard{
	max-width:530px !important;
	min-width:321px !important;
	width:100% !important;
}

#ctl00_ContentPlaceHolderBody_txtEmail{
	width:50%;
}
#ctl00_ContentPlaceHolderBody_lblUsername{
	width:75% !important;;
}
#ctl00_ContentPlaceHolderBody_panelExtraPrices, #ctl00_ContentPlaceHolderBody_panelExtraFields{
	width:100% !important;
}
#ctl00_ContentPlaceHolderBody_repEvent_ctl01_panelShowParticipants{width:95% !important;
}

#km-headerpwd, #km-headerlogin{
	font-size:11px !important;
}
#bookinginfo_wrapper #km-search{
	left:7%;
}
.km-comment-wrapper textarea{
	width:90% !important;
	font-size:8px !important;
}
#km-eventenrollment .km-time{
	width:75% !important;
}
#km-eventenrollment .km-deadline{
	width:75% !important;
}
.km-comment-wrapper textarea{
	width:90% !important;
	font-size:0.8em !important;
	right:30px;
	top:10px;
}
.km-ekstra-price-item, .km-ekstra-field-item{
	margin: 3px 0 !important;
}


.h3{
	font-size: 1.1em !important;
}
.km-visluk-desc.km-monospace{
	border-bottom:2px solid #666!important;
	width:100% !important;
}
#km-visluk .km-date-ico, .km-visluk-date{
	width:100% !important;
}
#km-profilemaintainbooking #bookinginfo{
	font-size: 8px;

	}
#km-profilemaintainbooking #km-quicklinks div{
	width:100% !important;	
}
#ctl00_ContentPlaceHolderBody_panelEventFullyBooked span{
	font-size:12px !important;
}
#km-search:before{
	margin-top:6px !important;
	}
	
#ctl00_ContentPlaceHolderBody_panelNotOK{
	font-size:10px;
}
#km-eventenrollmentshow .km-time{
	width:100% !important;
}
#ctl00_ContentPlaceHolderBody_SubmitButton {
	font-size:1em !important;
}
#body #km-teamenrollment .km-card .km-card-inner {
    height: 600px;
}
	}

	@media screen and (max-width: 320px){
		
		.km-eventenrollmentoverview .km-header-right {

    font-size: 0.65em;
}
	
		
/* CLUB TEST V1 */ 
km-totop{right:0px;}
	.txtFelt, .txtFeltNumber, .datepicker, .dataTables_filter input{
		height:20px !important;
	}
	#banner{
		max-width:320px;
		}
			
	#banner img{
		max-width:320px;}
	#indhold{
		max-width:320px;}
	#footer{
		max-width:320px;
		font-size:10px;
		position:relative;
		bottom:0px;
		margin-top:30px;
	}
	.km-ekstra-price-item, .km-ekstra-field-item{
		width:100% !important;
		min-height:30px !important;

	}
	
	#wrapper{
		max-width:320px;
	}
	

	/*login-box */ 
	#loginbox, #loginbox2{
		width:100%;
	}
/*	#ctl00_txtUsername{
		width:150px;
	}
	#ctl00_txtPassword{
		width:150px;
	}*/
	#ctl00_ImgLogin{
		width:100%;

	}
/*	#loginbox #logininfo a, #loginbox #logininfo span{
		width:100px;
	}*/
	
	/*Opret profil*/
	
	#km-profilemaintenance .km-field-wrapper > .km-ekstra-field-item > .h3, #km-profilemaintainrental .km-ekstra-field-item > .h3{

		font-size: 12px;
	}

	#km-profilemaintenance .km-field-wrapper{
		width:100% !important;
	}
	.km-guide{
		font-size:12px;
	}
	

	/*style til alle *//*
	
	#km-visinstruk{
		width:100%;
	}
	.km-card{
	width:100% !important;
}
	.km-instruk-teams{
		width:40%;
	}
	.km-fullcard{
		max-width:320px;
	}
	#km-headerpwd, #km-headerlogin{
		width:40%;
	}*/



/* ------- END ----------*/
#km-eventenrollmentshow .km-time{
width:100% !important;
}
.km-ekstra-field-item .txtFelt, .km-ekstra-price-item .txtFelt{
	width:70% !important;
}
#km-glemtlogin .km-title:before{
	right:0px !important;
}
#km-forum #km-create-thred{
	width:100% !important;
}
#ctl00_ContentPlaceHolderBody_SubmitButton{
	font-size:12px !important;
}
#ctl00_ContentPlaceHolderBody_panelNotOK{
	font-size:10px;
}
#ctl00_ContentPlaceHolderBody_panelExtraPrices, #ctl00_ContentPlaceHolderBody_panelExtraFields{
	width:100%  !important;
}
#km-forum-table{
	font-size:12px !important;
}
.h1.km-stop.km-card-header.km-bg-red{
	font-size:11px !important;
}
#km-headerpwd, #km-headerlogin{
	font-size:11px !important;
}
.km-header-right{
	font-size:12px;
}
#ctl00_ContentPlaceHolderBody_lblEventName{
	font-size:12px;
}
#km-profilemaintainbooking #bookinginfo{
	font-size: 8px;

	}
#km-profilemaintainbooking #km-quicklinks div{
	width:100% !important;	
}
#km-visinstruk{
		width:100%;
}
.km-instruk-decs-read-more{
	max-width: 250px;
    width: 100%;
}
.km-card{
	width:100% !important;
	max-width:320px !important;
	min-width:200px !important;
}

.km-card .km-shop-img{
	width:250px !important;
	}

.km-instruk-teams{
	width:40%;
}
#ctl00_ContentPlaceHolderBody_repEvent_ctl01_panelShowParticipants{width:95% !important;
}	
.km-fullcard{
	max-width:320px;
}
#km-headerpwd, #km-headerlogin{
	width:40%;
}
.km-comment-wrapper textarea{
	width:90% !important;
	font-size:8px !important;
	right:30px;
}
#km-eventenrollment .km-time{
	width:75% !important;
}
#km-eventenrollment .km-deadline{
	width:75% !important;
}
a.tilmeld.km-tilmeld.fullwidth.km-bg-yellow{
	height:50px !important;
}
a.tilmeld.km-tilmeld.fullwidth.km-bg-yellow{
	height:50px !important;
	width:95% !important;
}
.h1, a.h1{
	color:#ffba53 !important;
	font-size: 0.9em !important;
	font-weight:300 !important;	
}
.h3{
	font-size: 0.9em !important;
	

}

	}
.nav-mobile {
	display: block;
}
nav {
	width: 100%;
	padding: 90px 0 15px;
}
nav ul {
	display: none;
}
nav ul li {
	float: none;
}
nav ul li a {
	padding: 15px;
	line-height: 20px;
}
nav ul li ul li a {
	padding-left: 30px;
}
.nav-dropdown {
	position: static;
}
#nav-toggle {
	position: absolute;
	left: 18px;
	top: 22px;
	cursor: pointer;
	padding: 10px 35px 16px 0px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 5px;
	width: 35px;
	background: #333;
	position: absolute;
	display: block;
	content: '';
	transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
	top: -10px;
}
#nav-toggle span:after {
	bottom: -10px;
}
#nav-toggle. span {
	background-color: transparent;
}
#nav-toggle. span:before, #nav-toggle. span:after {
	top: 0;
}
#nav-toggle. span:before {
	transform: rotate(45deg);
}
#nav-toggle. span:after {
	transform: rotate(-45deg);
}
article {
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px;
}
 .nav-mobile-login {
 display: block;
}
@media screen and (min-width:320px) and (max-width: 550px){
	.km-samae {
		font-size: 0.5em !important;
	}
}