@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700,300);
@import url('normalize.css');
@import url('fonts.css');
@import url('font-awesome.min.css');
@import url('magnific-popup.css');
@import url('swiper.css');
@import url('scss/new18.css');

h3.OpeningHoursSubHeadline {
	font-size: 0.9em;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

body {
    margin: 0;
    padding: 0;
    font: 18px 'Titillium Web', Arial, Helvetica, sans-serif;
    color: #20201f;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

    body.aalborginred .event:hover .date *,
    body.aalborginred div#menu ul li > a:hover,
    body.aalborginred div#menu ul li.current > a,
    body.aalborginred div#menu ul li.parenttocurrent > a,
    body.aalborginred a:hover,
    body.aalborginred #banner #openhoursGlobal .OpeningHoursToday,
    body.aalborginred .eventDetails .gold,
    body.aalborginred .event .tofrom,
    body.aalborginred .event .date:hover *,
    body.aalborginred #banner #openhoursGlobal .OpeningHoursToday {
        color: #de0000 !important;
    }

	body.aalborginred .knap3,
	body.aalborginred .knap2,
	body.aalborginred .knap,
	body.aalborginred div[id$=prefooter],
	body.aalborginred #society_filters input[type=submit],
	body.aalborginred .messagebox,
	body.aalborginred .activityboxes .button,
	body.aalborginred .event .date {
		background: #de0000 !important;
	}

        body.aalborginred .event:hover .date,
        body.aalborginred .event .date:hover {
            background: none !important;
            border-color: #de0000 !important;
        }

    body.aalborginred #menutoggle {
        background: url(images/air_menutoggle_bg.png) center center no-repeat;
    }

    body.aalborginred div#footer:before {
        background: url(images/air_footer_logo.png) center center no-repeat;
    }

    body.aalborginred div#footer #ultimize a,
    body.aalborginred div#footer .ultimize a {
        background: url(images/air_ultimize.png) center center no-repeat;
    }

    body.aalborginred #banner li:after,
    /*body.aalborginred #banner .video:after,*/
    body.aalborginred #banner .banner:after {
        content: '';
        background: url(images/air_overlay_logo.png) bottom right no-repeat;
        background-size: contain;
    }

/*.tablewrap {
    max-width: 100%;
    overflow: auto;
}

.tablewrap table {
    width: 100%;
    min-width: 1240px;
}

    table tbody {
        width: 100%;
    }

    table tr {
        display: -ms-flexbox;
        display: flex;
    }

    table th,
    table td {
        flex: 1;
    }*/


.ui-dialog {
    z-index: 201;
    width: 90% !important;
    max-width: 1140px;
    left: 50% !important;
    top: 10%;
    margin-top: 100px;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: rgba(0,0,0,.5);
}

.ui-dialog-titlebar {
    text-align: right;
}

    .ui-dialog-titlebar .ui-button {
        background: none;
        border: none;
        color: #fff;
        text-shadow: 0 0 10px 0 rgba(0,0,0,1);
        font-size: .9em;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
        outline: none;
    }

        .ui-dialog-titlebar .ui-button:hover {
            color: #fdc71a;
        }

.membermodal {
    background: #fff;
    position: absolute;
    padding: 30px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
}

    .membermodal .vipmemberview {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .membermodal .info {
        width: calc(66%);
        padding: 0 40px;
    }

    .membermodal .name {
        font-weight: bold;
        font-size: 2em;
        margin: 0;
    }

    .membermodal .description {
        border-bottom: 1px solid #8a8a8a;
    }

    .membermodal .addinfo ul {
        list-style-type: none;
        margin: 0;
        padding: 20px 0;
    }

    .membermodal .addinfo label {
        width: 120px;
        display: inline-block;
        vertical-align: top;
        color: #aaa;
    }


.divider {
    height: 200px;
}

.whitebox {
    background: #fff;
}





.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    -ms-zoom: 1;
    zoom: 1;
}

.wrapper {
    max-width: 1240px;
    margin: 0 auto;
}


body.frontpage .content-full .wrapper td {
    vertical-align: top;
}



h2.header {
    text-transform: uppercase;
    font-weight: bold;
}


body .mailchimp {
    margin: 20px 0;
    background: none;
    border: none;
    max-width: none;
    padding: 0;
}

.mailchimp .formrow,
.mailchimp input,
.mailchimp label {
    display: inline-block !important;
}

    .mailchimp input[type=submit] {
        border: none !important;
        background: #fdc71a !important;
        font-weight: normal;
        font-size: 1em;
        margin-left: 15px;
        height: 44px;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

        .mailchimp input[type=submit]:hover {
            background: #d9ab18 !important;
        }

    .mailchimp input[type=text] {
        padding: 7px;
    }

.mailchimp .formtitle {
    display: none !important;
}

.mailchimp div.success {
    background: #f8f0d4 !important;
    border: 1px solid #eadaa2;
    color: #d9ab18 !important;
}




.welcome {
    /*margin-bottom: 50px;*/
    padding: 75px 0;
}

    .welcome .leftimage,
    .welcome .rightimage {
        width: calc(25% - 20px);
        float: left;
        height: 100%;
        overflow: hidden;
    }

        .welcome .leftimage img,
        .welcome .rightimage img {
            min-height: 100%;
            max-width: 500px;
        }

    .welcome .leftimage {
        margin-right: 10px;
    }

        .welcome .leftimage img {
            float: right;
        }

    .welcome .rightimage {
        margin-left: 10px;
        float: right;
    }

        .welcome .rightimage img {
            float: left;
        }

    .welcome .text {
        float: left;
        padding: 0 20px;
    }

        .welcome .text.half {
            width: 75%;
        }

        .welcome .text.third {
            width: 50%;
        }


.activityboxes {
    padding: 50px 0;
}

    .activityboxes ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .activityboxes li {
        width: calc(33.33% - 10px);
        margin-right: 20px;
        background: #8a8a8a;
        color: #fff;
        position: relative;
        text-shadow: 0 0 15px rgba(0,0,0,.5);
    }

        .activityboxes li:last-child {
            margin-right: 0;
        }

        .activityboxes li > img {
            visibility: hidden;
            /*width: 100%;*/
        }


        .activityboxes li.bg {
            position: relative;
        }


            .activityboxes li.bg:after {
                content: '';
                background: rgba(0,0,0,.12);
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .activityboxes li.bg.nooverlay:after {
                display: none;
            }

    .activityboxes .knap,
    .activityboxes .knap2,
    .activityboxes .knap3 {
        font-size: 1em;
        /*position: absolute;
		bottom: 30px;
		left: 50%;
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);*/
    }

    .activityboxes .text {
        /*position: absolute;*/
        width: 100%;
        /*height: 100%;*/
        padding: 20px;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 1;
        position: absolute;
        text-align: center;
        font-weight: bold;
        font-size: 1.5em;
        min-height: 50%;
    }

    .activityboxes .button {
        background: #fdc71a;
        color: #fff;
        text-shadow: none;
        padding: 8px 16px;
        display: inline-block;
        border-radius: 5px;
        margin-top: 1em;
        font-size: .9em;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
        z-index: 1;
        border: 1px solid #fff;
    }

        .activityboxes .button:hover {
            background: #d9ab18;
        }


.employees {
}

    .employees ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .employees li {
        float: left;
        width: calc(33% - 20px);
        margin: 10px 20px 60px 0;
    }

    .employees .name {
        margin: 10px 0;
    }

    .employees .description > p:first-child {
        margin-top: 0;
    }

    .employees a {
        color: #d9ab18;
    }

        .employees a:hover {
            color: #fdc71a;
        }


.specialOH {
    width: calc(66.6%);
    float: left;
}

    .specialOH .shop {
        width: calc(50% - 30px);
        /*margin: 15px 0;*/
        float: left;
        padding: 0 20px;
    }

        .specialOH .shop li {
            padding: 5px 10px;
        }

            .specialOH .shop li:nth-child(2n+1) {
                background: #eee;
            }

    .specialOH label {
        width: 50%;
        display: inline-block;
    }

    .specialOH .name {
        margin: 0;
        font-size: 1.7em;
    }

.acOpenHours {
    width: calc(33.3% - 40px);
    margin-right: 40px;
    float: left;
}

    .acOpenHours table {
        width: 100%;
    }

    .acOpenHours td,
    .specialOH td {
        padding: 5px 10px;
    }

        .acOpenHours td:nth-child(2n+1) {
            width: 50%;
        }



    .acOpenHours tr:nth-child(2n+1) td,
    .specialOH table tr:nth-child(2n+1) td {
        background: #eee;
    }

    .acOpenHours .OpeningHoursHeadline,
    .acOpenHours .OpeningHoursButtonContainer,
    .specialOH .OpeningHoursHeadline {
        margin: 0;
    }

.allshops > div {
    float: left;
    width: calc(50% - 40px);
    margin-right: 40px;
}

.allshops table {
    width: 100%;
}

#openinghours_page {
    padding: 20px;
}

    #openinghours_page .OpeningHoursButtonContainer {
        text-align: center;
    }

    #openinghours_page button {
        /*display: none;*/
        border: 2px solid #eee;
        border-radius: 5px;
        padding: 5px 10px;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
        background: transparent;
    }

        #openinghours_page button:hover {
            background: #d9ab18;
            color: #fff;
            border: 2px solid transparent;
        }

    #openinghours_page ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #openinghours_page .headline {
        text-align: center;
        margin: 20px 0 0 0;
    }

    #openinghours_page .OpeningHoursHeadline {
        font-size: 1.7em;
    }

    #openinghours_page .closed > * {
        visibility: hidden;
    }


#menutoggle {
    position: absolute;
    background: url(images/menutoggle_bg.png) center center no-repeat;
    display: block;
    /*width: 55px;
	height: 55px;*/
    width: 70px;
    height: 75px;
    background-size: cover;
    top: 20px;
    right: 0;
    color: #fff;
    font-size: 3em;
    text-align: center;
}

    #menutoggle:after {
        content: '\f0c9';
        font-family: FontAwesome;
        font-size: .6em;
        /*content: '+';
		font-family: Arial;*/
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    #menutoggle.active:after {
        /*-moz-transform: translate(-50%,-50%) rotate(-45deg);
		-ms-transform: translate(-50%,-50%) rotate(-45deg);
		-o-transform: translate(-50%,-50%) rotate(-45deg);
		-webkit-transform: translate(-50%,-50%) rotate(-45deg);
		transform: translate(-50%,-50%) rotate(-45deg);*/
        content: '\f00d';
        font-family: FontAwesome;
    }
/*#menutoggle i {
	font-family: Arial;
	display: block;
	height: 100%;
	color: #fff;
	font-size: 2em;
	font-weight: 100;
}*/



/*Events Start*/

.events {
    background: #fff;
    padding: 50px 20px 50px 10px;
    width: 70%;
    position: relative;
    float: left;
}

.welcomecontent {
    width: 30%;
    float: left;
    padding: 2px 10px 0 5px;
    margin: 50px 0;
    position: relative;
}

    .welcomecontent > *:first-child {
        margin: 0;
    }

    .welcomecontent .knap {
        font-weight: bold;
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.cycle-carousel-wrap {
    width: 100%;
}
/* #region EVENTS */

.eventOverview {
    background: #f9f9f9;
}

.eventDetails {
    /*width: 50%;
    float: left;*/
    padding: 30px;
    background: #f9f9f9;
    height: 100%;
    padding-top: 30px;
    /*height: 548px;*/
    overflow-y: auto;
    overflow-x: hidden;
}


    .eventDetails h2 {
        color: #101010;
        text-transform: uppercase;
        margin: 0;
        float: left;
        width: calc(100% - 50px);
        text-align: left;
        font-weight: bold;
        font-size: 1.1em;
        margin-bottom: 10px;
    }

    .eventDetails .month,
    .eventDetails .day,
    .eventDetails .time,
    .eventDetails .shortdate {
        font-weight: bold;
        text-transform: uppercase;
        font-size: .8em;
        margin-right: 10px;
    }

    .eventDetails .tofrom {
        margin-top: -10px;
    }

    .eventDetails .shortdate {
        background: #fdc71a;
        color: #fff;
        padding: 5px 7px;
        border-radius: 50%;
        font-size: 1em;
        width: 37px;
        display: inline-block;
        text-align: center;
    }

    .eventDetails .gold {
        color: #d9ab18;
        font-weight: bold;
        /*font-size: 1.5em;*/
        margin-right: 10px;
    }

    .eventDetails .bold {
        font-weight: bold;
        text-transform: uppercase;
        font-size: .8em;
    }

form.red .eventDetails .shortdate {
    background: #fdc71a;
}

.eventDetails .datewrap {
    float: left;
    width: 100%;
    text-align: left;
}




.eventDetails p strong {
    color: #525252;
}

.eventDetails a {
    background: #fdc71a;
    border-radius: 5px;
    padding: 5px 20px;
    color: #ffffff;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

	.eventDetails a:hover {
		text-decoration: none;
		color: #fff;
		background: #d9ab18;
	}


form.red .eventDetails a:hover {
    background: #d9ab18;
}

.eventDetails .teaser {
    float: left;
    font-size: .8em;
    min-height: 20px;
    /*margin: 15px 0;*/
    width: 100%;
}


.event {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    width: 100%;
    padding: 10px 20px 10px 20px;
}

    .event[data-expired=true] {
        opacity: .5;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

        .event[data-expired=true]:hover {
            opacity: 1;
        }

    .event > h2 {
        float: left;
        width: calc(100% - 80px);
        margin: 17px 0 0 15px;
    }

    .event .title {
        font-size: 1.1em;
        font-weight: bold;
        text-transform: uppercase;
    }

    .event .datewrap2 {
        float: left;
        width: calc(100% - 100px);
        margin-left: 15px;
        margin-top: -7px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: .8em;
        color: #aaa;
    }

    .event:hover .date {
        background: transparent;
        border: 3px solid #fdc71a;
    }

    .event .date {
        float: left;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #fdc71a;
        margin-top: 15px;
        text-align: center;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        border: 3px solid transparent;
    }

    .event .month {
        font-size: 15px;
        text-transform: uppercase;
        color: #fff;
        margin-top: 2px;
        display: block;
    }

    .event .shortdate {
        font-size: 30px;
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        line-height: 10px;
        padding-left: 1px;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }

    .event .tofrom {
        /*margin: -5px 0 0 15px;*/
        display: block;
        /*float: left;*/
        padding: 0;
        font-size: .9em;
        color: #d9ab18;
        font-weight: bold;
    }

.selectedEvent {
    color: #101010 !important;
}

.event:hover .shortdate {
    /*background: transparent;
	border: 2px solid #fdc71a;*/
    color: #fdc71a;
}

form.red .event:hover .shortdate {
    /*background: transparent;
	border: 2px solid #fdc71a;*/
    color: #d9ab18;
}

.event:hover .month {
    color: #fdc71a;
}

.event h3 {
    text-align: left;
    font-size: 20px;
    padding: 28px 40px 0 77px;
    margin: 0;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    color: #8a8a8a;
}

.event:hover h3 {
    color: #101010;
}

.event p {
    text-align: left;
    color: #8a8a8a;
    padding: 8px 40px 0 77px;
    margin: 0;
}

#prevEvent, #nextEvent {
    width: 45px;
    height: 45px;
    cursor: pointer;
    z-index: 999;
    position: absolute;
    /*bottom: -44px;*/
    border-radius: 50%;
    background-size: contain;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: url(images/icon_arrow_small.png);
    background-repeat: no-repeat;
    background-position-y: top;
    background-size: cover;
    display: none;
}

    #prevEvent:hover, #nextEvent:hover {
        background-color: rgba(183, 183, 183, 0.3);
    }

#prevEvent {
    right: 14px;
    position: absolute;
    bottom: 14px;
}


#nextEvent {
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(180deg);
    right: 65px;
    position: absolute;
    bottom: 14px;
}



.events .slideshow {
    width: 50%;
    float: right;
    padding: 0 0 0 26px;
}

.eventsslide {
    height: 100% !important;
    background: #f9f9f9;
    padding-bottom: 50px;
    padding-top: 25px;
}

    .eventsslide:before {
        content: '';
        height: 30px;
        width: 110%;
        position: absolute;
        bottom: 10px;
        left: 50%;
        right: 0;
        box-shadow: inset 0 -30px 30px #f9f9f9;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1;
    }

    .eventsslide:after {
        content: '';
        display: block;
        width: 100%;
        height: 50px;
        background: #f9f9f9;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .eventsslide .event {
        display: none;
        /*height: 250px;*/
    }


    .eventsslide.loaded .event {
        margin-top: 0;
    }


.details {
    display: none;
}

/* #endregion EVENTS */


#socialfootermenu {
    /*display: none;*/
    margin-bottom: 1em;
}

    #socialfootermenu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    #socialfootermenu li {
        display: inline-block;
        margin: 0 5px;
    }

    #socialfootermenu a {
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

        #socialfootermenu a:hover {
            opacity: .6;
        }

    #socialfootermenu img {
        border-radius: 10px;
    }

#socialmenu {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 102;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    #socialmenu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #socialmenu li {
        margin-bottom: 5px;
    }

    #socialmenu a {
        display: block;
        background: #000;
    }

        #socialmenu a:hover img {
            opacity: .7;
        }

    #socialmenu img {
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

.fields span label{
    margin-left:5px;
}
.calendarproduct > h1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2em;
    margin-top: 20px;
    margin-bottom: 0;
}

.calendarproduct .topimage {
    max-height: 500px;
    overflow: hidden;
}

.calendarproduct .tidspunkt,
.calendarproduct .dato {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 10px;
    color: #d9ab18;
    font-weight: bold;
    display: inline-block;
}



@-moz-keyframes shake {


    50% {
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        margin-top: 100px;
    }

    90% {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes shake {


    50% {
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        margin-top: 100px;
    }

    90% {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes shake {


    50% {
        -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        margin-top: 100px;
    }

    90% {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

#banner {
    /*margin: 0 0 25px 0;*/
    position: relative;
    border-top: 1px solid transparent;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

    #banner .appteaser {
        position: absolute;
        bottom: 30px;
        background: url(images/app_bg.png) center center no-repeat;
        background-size: contain;
        /*min-height: 275px;*/
        max-width: 200px;
        min-height: 250px;
        z-index: 102;
    }

        #banner .appteaser a {
            display: block;
        }

            #banner .appteaser a:hover .hand {
                -moz-transform: rotate(-10deg);
                -ms-transform: rotate(-10deg);
                -o-transform: rotate(-10deg);
                -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg);
                margin-top: 75px;
            }

                #banner .appteaser a:hover .hand.shake {
                    -moz-animation: none;
                    -o-animation: none;
                    -webkit-animation: none;
                    animation: none;
                }

        #banner .appteaser .hand {
            margin-top: 85px;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            -webkit-transition: all .2s;
            transition: all .2s;
            left: -35px;
            position: relative;
        }

            #banner .appteaser .hand.shake {
                -moz-animation: shake .4s both infinite;
                -o-animation: shake .4s both infinite;
                -webkit-animation: shake .4s both infinite;
                animation: shake .4s both infinite;
            }


    #banner .video {
        overflow: hidden;
        /*max-height: 80vh;*/
    }

    #banner video {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: auto;
        vertical-align: middle;
    }

        #banner video + img {
            display: none;
        }

    #banner .video ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #banner .video li {
        width: 100%;
        /*display: none;*/
    }


    #banner .slideshow {
    }

        #banner .slideshow ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        #banner .slideshow li {
            display: none;
        }

        #banner .slideshow li,
        #banner .slideshow img {
            width: 100%;
        }

    #banner .banner img {
        width: 100%;
    }

    #banner .banner.half {
        max-height: 640px;
        overflow: hidden;
    }


    #banner #openhoursGlobal {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        background: rgba(0,0,0,.4);
        color: #fff;
        font-size: 1.6em;
        font-weight: 600;
        z-index: 99;
    }

    /* Til n�r at �bningstiderne d�kker for tekst i videoen */
    #banner #openhoursGlobal {
        position: relative !important;
        background: #000 !important;
    }
        /**/

        #banner #openhoursGlobal .wrapper {
            padding: 20px;
        }

            #banner #openhoursGlobal .wrapper * {
                cursor: pointer;
            }

        #banner #openhoursGlobal label {
            text-transform: uppercase;
            color: #fff;
        }

        #banner #openhoursGlobal .OpeningHoursToday {
            display: inline-block;
            color: #fdc71a;
            margin: 0 10px;
            text-transform: uppercase;
        }

        #banner #openhoursGlobal .small {
            color: #fff;
            font-size: .6em;
            /*float: right;
			line-height: 64px;*/
            display: block;
        }

        #banner #openhoursGlobal a:hover {
            color: #fdc71a;
        }


    #banner li:after,
    /*#banner .video:after,*/
    #banner .banner:after {
        content: '';
        background: url(images/overlay_logo.png) bottom right no-repeat;
        position: absolute;
        /*bottom: 0;*/
        bottom: 100px;
        right: 5%;
        display: block;
        width: 600px;
        height: 640px;
        opacity: .35;
        z-index: 99;
    }

    #banner li:after {
        
		    width: 26vw;
        
		    height: 26vw;
        background-size: contain;
        opacity: .2;
    }


    #banner .slideshow a {
        display: block;
    }

div[id$=prefooter] {
    /*background: #fab20b;*/
    background: #fdc71a;
    height: 90px;
    margin-top: 50px;
}

.messagebox {
    background: #fdc71a;
    /*background: #fdc71a;*/
    color: #fff;
    padding: .5em;
    text-align: center;
    /*margin-bottom: 10px;*/
    font-size: 2.2em;
    font-weight: 600;
}

    /*.messagebox > * {
        margin-top: 20px;
    }*/

    .messagebox h1,
    .messagebox h2,
    .messagebox h3 {
        font-weight: 600;
    }


.partners img {
    border: 1px solid #ccc;
    margin: 10px 0;
}


.knap3,
.knap2,
.knap {
    background: #fdc71a;
    color: #ffffff;
    font-size: 1.2em;
    padding: 12px 50px;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: uppercase;
    border-radius: 5px;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border: 2px solid #fff;
}


    .knap:hover {
        color: #fff;
        background: #d9ab18;
    }

    .knap:active {
        background: #a88413;
    }

.knap2 {
    background: #3fae66;
    color: #fff;
}

    .knap2:hover {
        color: #fff;
        background: #199344;
    }

    .knap2:active {
        background: #0d7933;
    }

.knap3 {
    background: #fdc71a;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 8px 50px;
    margin-top: 5px;
}

    .knap3:hover {
        background: #fff;
        color: #fdc71a;
    }


.galleryfront {
    padding-top: 10px;
    background: #fff;
    padding-bottom: 20px;
}

    .galleryfront ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .galleryfront li {
        float: left;
        width: calc(20% - 6px);
        margin-right: 5px;
        margin-bottom: 5px;
    }


        .galleryfront li:first-child,
        .galleryfront li:nth-child(6n) {
            margin-left: 5px;
        }

    .galleryfront img {
        width: 100%;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    .galleryfront a {
        display: block;
        background: #000;
    }

        .galleryfront a:hover img {
            opacity: .7;
        }

    .galleryfront > div {
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .galleryfront > div > video,
        .galleryfront > div > a,
        .galleryfront > div > div {
            width: calc(20%) !important;
            height: calc(20vw - 4px) !important;
            display: inline-block;
            vertical-align: middle;
            overflow: hidden;
        }

            .galleryfront > div > a[style*="background-image"] {
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
            }

                .galleryfront > div > a[style*="background-image"] img {
                    visibility: hidden;
                }

    .galleryfront video {
        -o-object-fit: cover;
        object-fit: cover;
    }

    .galleryfront .vjs-poster {
        display: none;
    }


/*Denne l�sning pga. en bug i instagram modulet*/
body .galleryfront > div > * {
    display: none;
}

    body .galleryfront > div > *:nth-child(1),
    body .galleryfront > div > *:nth-child(2),
    body .galleryfront > div > *:nth-child(3),
    body .galleryfront > div > *:nth-child(4),
    body .galleryfront > div > *:nth-child(5),
    body .galleryfront > div > *:nth-child(6),
    body .galleryfront > div > *:nth-child(7),
    body .galleryfront > div > *:nth-child(8),
    body .galleryfront > div > *:nth-child(9),
    body .galleryfront > div > *:nth-child(10),
    body .galleryfront > div > *:nth-child(11),
    body .galleryfront > div > *:nth-child(12),
    body .galleryfront > div > *:nth-child(13),
    body .galleryfront > div > *:nth-child(14),
    body .galleryfront > div > *:nth-child(15) {
        display: inline-block;
    }
/**/

table.info {
    background: #efefef;
    margin: 30px 0;
}

    table.info > tbody > tr > td {
        padding: 35px 50px;
    }

    table.info h1,
    table.info h2,
    table.info h3 {
        margin-top: 0;
        font-weight: normal;
    }

    table.info .knap {
        margin: 7px;
    }

table.text {
    float: left;
    width: 50% !important;
}

    table.text > tbody > tr > td {
        /*padding: 20px;*/
    }

table.text2 td {
    padding: 5px 0;
}

table.live {
    /*float: right;
	width: 50% !important;*/
    min-width: 722px;
    float: right;
}

    table.live td {
        /*padding: 20px;*/
    }

    table.live iframe {
        background: url(images/preloader.gif) top center no-repeat;
    }

table.banner td {
    padding-top: 50px;
    border-top: 1px solid #ccc;
}

table.banner img {
    min-width: 100%;
}

div#page {
}

div#top {
    position: fixed;
    padding: 20px;
    width: 100%;
    z-index: 999999;
}

    div#top .wrapper {
        position: relative;
    }

div#logo {
    float: left;
    max-width: 75px;
    display: none;
}

div#menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgba(0,0,0,.5);
    display: none;
}

    div#menu .wrapper {
        position: relative;
    }

    div#menu .toggle {
        display: none;
        position: absolute;
        top: 0;
        right: -20px;
    }

        div#menu .toggle:after {
            content: '\f067';
            font-family: FontAwesome;
        }

        div#menu .toggle.active:after {
            content: '\f00d';
            font-family: FontAwesome;
        }

        div#menu .toggle:hover {
            color: #d9ab18;
        }

    div#menu .wrapper > ul {
        margin: 130px 0 0 50px;
        padding: 0;
        list-style: none;
        right: -100px;
        opacity: 0;
        position: absolute;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

    div#menu.open {
        display: block;
    }

        div#menu.open ul.show {
            right: 0;
            opacity: 1;
        }

    div#menu .wrapper > ul > li {
        /*float: left;*/
        position: relative;
    }

    div#menu ul li > a {
        display: block;
        height: 38px;
        padding: 0 8px;
        font-weight: bold;
        font-size: 1em;
        *line-height: 38px; /* IE7 fix */
        text-transform: uppercase;
        color: #fff;
    }

        div#menu ul li > a > span {
            display: table-cell;
            height: 38px;
            vertical-align: middle;
            float: right;
        }

        div#menu ul li > a:hover,
        /*div#menu ul li:hover > a,*/
        div#menu ul li.current > a,
        div#menu ul li.parenttocurrent > a {
            text-decoration: none;
            color: #d9ab18;
        }

    /* #####################
   DROPDOWN SETUP - ONLY USE IF NESCESSARY
   ##################### */
    /* 2nd level */


    div#menu ul li ul {
        list-style-type: none;
        padding: 0;
        font-size: .9em;
        /*display: none;*/
        margin-right: 25px;
    }

        div#menu ul li ul a {
            padding: 0;
        }

/*div#menu ul li ul
	{
		position: absolute;
		top: 38px;
		left: 0;
		z-index: 999;
		width: 150px;
	}

		div#menu ul li ul li
		{
			position: relative;
		}

			div#menu ul li ul li a
			{
				background: #9f9f9f;
			}

			div#menu ul li ul li > a:hover,
			div#menu ul li ul li:hover > a,
			div#menu ul li ul li.current > a,
			div#menu ul li ul li.parenttocurrent > a
			{
			}*/
/* 3rd level */
/*div#menu ul li ul li ul
			{
				top: 0;
				left: 150px;
			}

				div#menu ul li ul li ul li > a
				{
				}*/
/* #####################
   DROPDOWN SETUP - ONLY USE IF NESCESSARY
   ##################### */


#society_filters {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 30px 0;
    margin-bottom: 50px;
}

    #society_filters label {
        margin-right: 100px;
    }

    #society_filters input[type=text],
    #society_filters select,
    #society_filters a {
        border: none;
        background: #eeeeee;
        display: inline-block;
        padding: 10px 25px;
        color: #000;
        border-radius: 5px;
        margin: 0 15px;
    }

        #society_filters a.active {
            background: #d9ab18;
            color: #fff;
        }

    #society_filters input[type=text] {
        border-radius: 5px 0 0 5px;
        margin: 0 0 0 10px;
    }

    #society_filters input[type=submit] {
        border-radius: 0 5px 5px 0;
        background: #fdc71a;
        color: #fff;
        border: none;
        padding: 10px;
        margin-left: -2px;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
    }

        #society_filters input[type=submit]:hover {
            background: #d9ab18;
            /*color: #fff;*/
        }

    #society_filters select {
        -webkit-appearance: none;
        background: url(images/arrow.png) 95% center no-repeat #eee;
    }

    #society_filters ::-webkit-input-placeholder {
        color: #000;
    }

    #society_filters :-moz-placeholder { /* Firefox 18- */
        color: #000;
    }

    #society_filters ::-moz-placeholder { /* Firefox 19+ */
        color: #000;
    }

    #society_filters :-ms-input-placeholder {
        color: #000;
    }


    #society_filters .giftcertificatetoggle {
        padding-left: 35px;
        position: relative;
    }

        #society_filters .giftcertificatetoggle:before {
            content: '\f096';
            font-family: FontAwesome;
            position: absolute;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            margin-top: 1px;
            left: 15px;
            font-size: 1em;
            color: #666;
        }

        #society_filters .giftcertificatetoggle.active:before {
            content: '\f046';
            color: #fff;
        }


body #society_pagedescription {
    border-bottom: none;
}

body #society_members {
    float: none;
    width: 100%;
    border: none;
    padding: 0;
    padding: 20px 0;
}

    body #society_members h3 {
        color: #000;
        text-transform: uppercase;
        margin: 0 0 10px 0;
        line-height: 1.4em;
        font-weight: 600;
        font-size: 1em;
    }

#society_members .category h2 {
    margin: 30px 0 10px 0;
}

#society_members .category:first-child h2 {
    margin: 0 0 10px 0;
}

#society_members a:hover h3 {
    color: #fdc71a;
}

#society_members .info {
    background: #fff6de;
    border-top: 7px solid #fdc71a;
    padding: 10px 50px;
    display: none;
    position: fixed;
    width: 100%;
    z-index: 99999;
    max-width: 500px;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.5);
    border-radius: 0 0 5px 5px;
}

    #society_members .info .address,
    #society_members .info .postalcity,
    #society_members .info .telephone {
        display: block;
        padding: 3px 0;
    }

    #society_members .info .close {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 2em;
        background: #fdc71a;
        color: #fff;
        width: 40px;
        height: 40px;
        display: block;
        text-align: center;
        line-height: 1em;
    }

        #society_members .info .close:hover {
            background: #d9ab18;
        }

#society_members .info-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background: rgba(0,0,0,.5);
    display: none;
}

#society_members .social {
    margin: 10px 0;
}

    #society_members .social a {
        display: inline-block;
        margin-right: 10px;
    }

        #society_members .social a:hover {
            /*opacity: .7;*/
        }

#society_members .society_members > ul {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

#society_members .society_members a > h3 {
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
    position: relative;
}

#society_members .society_members .giftcertificate a > h3:after {
    content: '\f00d';
    background: url(images/giftcertificate_icon.png) center center no-repeat;
    font-size: 1.2em;
    font-family: FontAwesome;
    margin-left: 10px;
    padding-bottom: 3px;
    color: transparent;
    background-size: contain;
}

/*#society_members .society_members .giftcertificate.active a h3:after,*/
#society_members .society_members .giftcertificate.active a h3 {
    color: #d9ab18;
}

body #society_members ul li {
    padding-bottom: 0;
}


#society_members .society_members.filtered .category {
    /*display: none;*/
}

div.container {
}

div.content {
    float: left;
    max-width: 660px;
    margin-top: 50px;
}

div.content-full {
    margin: 50px 0 100px 0;
    padding: 20px;
}

    div.content-full hr,
    div.content hr {
        border-top: 1px solid #ccc;
    }

    div.content td,
    div.content-full td {
        vertical-align: top;
    }

body.frontpage .content-full {
    /*margin: 50px 0 0 0;*/
    margin: 0;
    padding: 0;
}

div.sidebar {
    float: right;
    max-width: 200px;
}


div#footer {
    padding: 60px 20px;
    background: #000;
    color: #fff;
    /*margin-bottom: 25px;*/
    position: relative;
    /*overflow: hidden;*/
}

    div#footer:before {
        content: '';
        background: url(images/footer_logo.png) center center no-repeat;
        background-size: contain;
        position: absolute;
        top: 5%;
        left: 50%;
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        display: block;
        width: 250px;
        height: 260px;
        z-index: 0;
    }

    div#footer .wrapper {
        position: relative;
        z-index: 1;
    }


    div#footer a {
        color: #fff;
    }

        div#footer a:hover {
            color: #fdc71a;
        }

    div#footer #ultimize a,
    div#footer .ultimize a {
        background: url(images/ultimize.png) center center no-repeat;
    }


/* #####################
   HEADINGS, PARAGRAPH AND IMAGE - ONLY USE IF NESCESSARY
   ##################### */
h1, h2, h3 {
    margin-top: 0;
    font-weight: normal;
}

h1 {
}

h2 {
}

h3 {
    /*color: #fdc71a;*/
}

p {
}

iframe,
video {
    max-width: 100%;
    vertical-align: middle;
}

img {
    max-width: 100%;
    height: auto !important;
    vertical-align: middle;
}
/* #####################
   HEADINGS, PARAGRAPH AND IMAGE - ONLY USE IF NESCESSARY
   ##################### */


a {
    color: #fdc71a;
    text-decoration: none;
}

    a:hover {
        color: #d9ab18;
    }



/* #####################
   RESPONSIVE - ONLY USE IF NESCESSARY
   ##################### */




.apr2018 .calendarfront {
    margin: 2em 0;
}

    .apr2018 .calendarfront ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .apr2018 .calendarfront li {
        width: calc(33.33%);
        /*flex: 1;*/
        /*background: #f9f9f9;*/
        padding: 30px 10px;
        /*max-height: 525px;*/
    }

    .apr2018 .calendarfront .eventDetails {
        width: 100%;
    }

    .apr2018 .calendarfront .eventPromoImage {
        width: 100%;
        height: 100%;
        background-size: contain;
        /*background-size: cover;*/
        background-repeat: no-repeat;
        background-position: center top;
        opacity: 1;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        -webkit-transition: all .3s;
        transition: all .3s;
        overflow: hidden;
    }

        .apr2018 .calendarfront .eventPromoImage.hidden {
            opacity: 0;
        }

    .apr2018 .calendarfront .slideshow {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .apr2018 .calendarfront .slideshow,
    .apr2018 .calendarfront .eventPromoImage,
    .apr2018 .calendarfront .eventDetails {
        min-height: 485px;
    }

        .apr2018 .calendarfront .eventPromoImage img {
            /*visibility: hidden;*/
            /*width: 100%;*/
            /*width: auto !important;
            min-height: 100%;
            max-width: none;
            min-width: 500px;*/

            width: 100%;
            height: 100%;
            visibility: hidden;
        }

    .apr2018 .calendarfront .swiper-container {
        height: 100%;
    }




.calendarfront {
}
.calendarfront .calendar_entries {
}
.calendarfront .calendar_entries ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    .calendarfront .calendar_entries .calendar_entry {
        margin-bottom: 3em;
        transition: all .2s;
    }
        .calendarfront .calendar_entries .calendar_entry > a {
            display: -ms-flexbox;
            display: flex;
        }

        .calendarfront .calendar_entries .calendar_entry.past {
            opacity: .7;
        }
        .calendarfront .calendar_entries .calendar_entry.past:hover {
            opacity: 1;
        }

        .calendarfront .calendar_entries .date {
            display: block;
            font-size: .9em;
            color: #8a8a8a;
        }
    .calendarfront .calendar_entries .breaker {
        display: none;
    }
    .calendarfront .calendar_entries .title {
        font-size: 1.5em;
        font-weight: bold;
        color: #d9ab18;
    }

    .calendarfront .calendar_entries .teaser {
        margin: 0;
        color: rgba(0,0,0,1);
    }

    .calendarfront .calendar_entries .image {
        width: 25%;
        margin-right: 2em;
        vertical-align: top;
        display: inline-block;
    }

        .calendarfront .calendar_entries .image img {
            width: 100%;
        }

    .calendarfront .calendar_entries .meta {
        width: calc(75% - 2em);
        display: inline-block;
        vertical-align: top;
    }


.calendaritem {
}
.calendaritem .calendar_header{
    font-weight: bold;
    color: #fdc71a;
    margin: 0;
}
    .calendaritem .entry_info {
        font-size: .9em;
        color: #8a8a8a;
    }


.campaignwsidebar {
}

    .campaignwsidebar article > * {
        /*max-width: 66%;*/
    }

    .campaignwsidebar article img {
        display: inline-block;
    }

    .campaignwsidebar aside {
        width: calc(34% - 3em);
        background: #d9ab18;
        color: #fff;
        padding: 20px;
        border-radius: 5px;
        float: right;
        margin-left: 3em;
        display: inline;
        min-width: 400px;
        margin-bottom: 1em;
    }

    .campaignwsidebar h1,
    .campaignwsidebar h2,
    .campaignwsidebar h3,
    .campaignwsidebar h4,
    .campaignwsidebar h5,
    .campaignwsidebar h6,
    .campaignwsidebar p {
        margin-top: 0;
        margin-bottom: .5em;
    }

    .campaignwsidebar .gallery {
        margin: 3em auto 1em auto;
    }

        .campaignwsidebar .gallery ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: -ms-flexbox;
            display: flex;
        }

        .campaignwsidebar .gallery a {
            display: block;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
        }

        .campaignwsidebar .gallery li {
            width: calc(33.33%);
            padding: 5px;
            transition: all .2s;
        }

            .campaignwsidebar .gallery li:hover {
                opacity: .7;
            }

        .campaignwsidebar .gallery img {
            width: 100%;
            visibility: hidden;
        }


.mfp-content {
    max-width: 90% !important;
}

.mfp-title {
    font-weight: 100;
    font-family: arial;
    font-size: .8em;
    opacity: .8;
}

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
    /* overlay animate in */
    .mfp-fade.mfp-bg.mfp-ready {
        opacity: 0.8;
    }
    /* overlay animate out */
    .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
    }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.align-left .text {
    order: 0;
}

.align-right .text {
    order: 1;
}

.textblocks .image.col1-2.slideIn img {
    height: 100% !important;
    object-fit: cover;
    width: 100%;
    object-position: 37%;
}


@media only screen and (max-width: 900px) {

    .campaignwsidebar article {
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }

    .campaignwsidebar aside {
        float: none;
        display: block;
        max-width: none;
        min-width: 0;
        width: 100%;
        margin: 3em auto;
        border-radius: 0;
        order: 999;
    }
}


@media only screen and (max-width: 800px) {

    .apr2018 .calendarfront {
    }

        .apr2018 .calendarfront ul {
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
        }

        .apr2018 .calendarfront li {
            max-height: none;
            width: calc(100%);
            display: inline-block;
            vertical-align: top;
            padding: 10px;
        }

        .apr2018 .calendarfront .slideshow,
        .apr2018 .calendarfront .eventPromoImage,
        .apr2018 .calendarfront .eventDetails {
            min-height: 0;
        }

        .apr2018 .calendarfront .eventPromoImage {
            background-size: auto;
            max-height: 400px;
            background-color: #eee;
        }

        .apr2018 .calendarfront > ul > li {
            order: 1;
        }

            .apr2018 .calendarfront > ul > li:first-child {
                order: 2;
            }

            .apr2018 .calendarfront > ul > li:last-child {
                order: 0;
            }

        .eventsslide:before {
            bottom: 0;
        }


    .activityboxes ul {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        display: block;
        background: #eee;
    }

    .activityboxes li {
        width: calc(50%) !important;
        display: inline-block;
        vertical-align: top;
        max-width: 500px;
        margin: 0 auto !important;
    }

        .activityboxes li:last-child {
            display: block;
        }
}



@media only screen and (max-width: 700px) {

    .calendarfront .calendar_entries .calendar_entry > a {
        flex-direction: column;
    }

    .calendarfront .calendar_entries .calendar_entry .image,
    .calendarfront .calendar_entries .calendar_entry .meta {
        width: 100%;
    }

    .calendarfront .calendar_entries .calendar_entry .image img {
        max-width: 150px;
        margin-bottom: 1em;
    }

    

}

@media only screen and (max-width: 640px) {


    .activityboxes ul {
        background: none;
    }

    .activityboxes li {
        width: 100% !important;
        max-width: 450px;
        margin: 50px auto !important;
        display: block;
    }

    
}

@media only screen and (max-width: 360px) {

    body #society_filters {
        padding: 20px 0 !important;
    }
}

/* Portrait phones */
@media only screen and (max-width: 550px) {

    body h1 {
        font-size: 1.5em;
    }


    #banner .video:after,
    #banner .banner:after,
    #socialmenu,
    .appteaser {
        display: none;
    }

    #socialfootermenu {
        display: inline;
    }

    body div.content-full {
        margin: 0;
        padding: 0 20px;
    }

    body.frontpage .content-full {
        padding: 0;
    }

    body #menutoggle {
        right: 15px;
    }

    body div#menu.open ul.show {
        right: 35px;
    }

    body #openhoursGlobal {
        position: relative !important;
        background: #000 !important;
        font-size: .9em !important;
        text-align: center !important;
    }

    body #banner #openhoursGlobal a {
        float: none;
        display: block;
        line-height: 1.7em;
    }

    body .messagebox {
        font-size: .7em;
    }

    body .galleryfront li {
        width: calc(50% - 5px);
    }

        body .galleryfront li:nth-child(5n) {
            margin-right: 5px;
        }

        body .galleryfront li:nth-child(6),
        body .galleryfront li:first-child {
            margin-left: 0;
        }


    /*body .content-full .wrapper table tbody,
    body .content-full .wrapper table tr,
    body .content-full .wrapper table th,
    body .content-full .wrapper table td,*/
    body #footer .wrapper > table tbody,
    body #footer .wrapper > table tr,
    body #footer .wrapper > table th,
    body #footer .wrapper > table td {
        display: block;
        width: 100% !important;
    }

        body #footer .wrapper > table td * {
            text-align: center !important;
        }


    body #society_filters {
        padding: 20px;
    }

        body #society_filters label {
            margin-right: 0;
            display: block;
            text-align: center;
        }

        body #society_filters a {
            margin: 10px auto;
            font-size: .8em;
            display: block;
            max-width: 270px;
            text-align: center;
        }

        body #society_filters input[type=text] {
            max-width: 214px;
            margin: 0 !important;
        }

        body #society_filters select {
            min-width: 270px;
            margin: 10px auto;
            display: block;
        }

        body #society_filters .search {
            text-align: center;
        }

    body #society_members {
        padding: 20px;
    }

        body #society_members ul {
            -moz-column-count: 1 !important;
            -webkit-column-count: 1 !important;
            column-count: 1 !important;
        }


    body .employees,
    body .text {
        padding: 20px;
    }

        body .employees li {
            width: 100%;
            float: none;
        }

    body table.banner,
    body table.text2,
    body table.text {
        float: none;
        width: 100% !important;
    }

        body table.banner td,
        body table.text td,
        body table.text2 td {
            /*padding: 20px;*/
        }

    body table.live {
        display: none;
    }

    body table.text2 table,
    body table.text2 table tbody,
    body table.text2 table tr,
    body table.text2 table td,
    body table.text2 table th {
        display: initial;
        width: 100% !important;
        padding: 0;
    }

    body table.info td {
        padding: 30px 20px !important;
    }

    body .mfp-content {
        position: fixed;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 94%;
    }


    body .activityboxes li:nth-child(2),
    body .activityboxes li:last-child,
    body .activityboxes li {
        width: 100%;
        float: none;
        margin: 20px auto;
        max-width: 370px;
    }




    body.frontpage .content-full .wrapper td img {
        float: none !important;
    }


    .specialOH {
        width: 100%;
    }

        .specialOH .shop {
            width: 100%;
            float: none;
            padding: 0;
            margin-bottom: 50px;
        }


    body table.info td {
        width: 100% !important;
        text-align: center !important;
        padding: 10px !important;
    }

    body table.info .knap {
        margin: 0;
    }

    body table.info h1,
    body table.info h2,
    body table.info h3 {
        margin: 0;
    }

    body table.info img {
        margin-bottom: 20px;
    }

    body table.info > tbody > tr > td:last-child {
        padding-bottom: 25px !important;
    }



    body .welcome .leftimage,
    body .welcome .rightimage {
        width: 100%;
        float: none;
        margin-left: 0;
        margin: 0 auto;
    }

        body .welcome .leftimage img,
        body .welcome .rightimage img {
            width: 100%;
        }


    body .activityboxes,
    body .welcome {
        padding: 20px;
    }

        body .welcome .text {
            width: 100% !important;
            margin: 20px 0;
            padding: 0;
        }


    .acOpenHours {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 20px;
    }


    body .allshops > div {
        float: none;
        width: 100%;
        margin-bottom: 50px;
    }

    body .formrow mc-button-subscribe {
        display: block !important;
    }

    body .mailchimp input[type=submit] {
        display: block !important;
        margin: 10px 0;
    }

    body .welcomecontent {
        max-width: 100%;
    }
}

/* Landscape phones and portrait tablet */
@media only screen and (min-width: 551px) and (max-width: 768px) {

    #socialmenu,
    #banner .video:after,
    #banner .banner:after,
    body .appteaser {
        display: none;
    }

    #socialfootermenu {
        display: inline;
    }

    body #menutoggle {
        right: 15px;
    }




    body .content-full .wrapper table tbody,
    body .content-full .wrapper table tr,
    body .content-full .wrapper table th,
    body .content-full .wrapper table td {
        display: block;
        width: 100% !important;
    }

    body div#menu.open ul.show {
        right: 35px;
    }

    body .content-full,
    body .employees,
    body .text {
        /*padding: 20px;*/
    }

    body.frontpage .content-full {
        padding: 0;
    }

    body .employees li {
        width: calc(50% - 20px);
        height: 450px;
        overflow: hidden;
    }

    body table.banner,
    body table.text2,
    body table.text {
        float: none;
        width: 100% !important;
    }

        body table.text td,
        body table.text2 td {
            /*padding: 20px;*/
        }

    body table.live {
        display: none;
    }

    body table.text2 table,
    body table.text2 table tbody,
    body table.text2 table tr,
    body table.text2 table td,
    body table.text2 table th {
        width: 100% !important;
        padding: 0;
    }

    body #society_filters {
        padding: 20px;
    }

        body #society_filters label {
            margin-right: 0;
            display: block;
            text-align: center;
        }

        body #society_filters a {
            margin: 20px auto;
            display: block;
            max-width: 350px;
            text-align: center;
        }

        body #society_filters input[type=text] {
            max-width: 300px;
            margin: 0 !important;
            width: 100%;
        }

        body #society_filters select {
            margin: 20px auto;
            display: block;
            max-width: 350px;
            width: 100%;
        }

        body #society_filters .search {
            text-align: center;
        }

    body #society_members {
        padding: 20px;
    }

        body #society_members ul {
            -moz-column-count: 2 !important;
            -webkit-column-count: 2 !important;
            column-count: 2 !important;
        }



    body.frontpage .content-full .wrapper td img {
        float: none !important;
    }


    .specialOH {
        width: 100%;
    }

        .specialOH .shop {
            width: calc(50% - 20px);
            margin: 0 10px 50px 10px;
            padding: 0;
        }


    body table.info td {
        width: 100% !important;
        text-align: center !important;
    }


    body .welcome .leftimage,
    body .welcome .rightimage {
        width: 100%;
        height: auto !important;
        float: none;
        margin-left: 0;
    }

        body .welcome .leftimage img,
        body .welcome .rightimage img {
            width: 100%;
            float: none;
            display: block;
            margin: 0 auto;
        }

    body .welcome .text {
        width: 100% !important;
        margin: 30px 0;
        padding: 0;
        max-width: 500px;
        margin: 20px auto;
        float: none;
    }


    .acOpenHours {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 20px;
    }

    body .allshops > div span {
        white-space: nowrap;
    }
}

@media only screen and (max-width: 769px) {
    .events {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        overflow: hidden;
    }

    .eventDetails {
        width: 100% !important;
        overflow: hidden;
        height: auto !important;
        margin-bottom: 20px;
    }

    .events .slideshow {
        float: left !important;
        /*width: 370px !important;*/
        /*margin: 0 auto;*/
        /*margin-left: 25%;*/
        width: 100% !important;
        padding: 0;
        /*height: auto !important;*/
        height: 260px !important;
    }

    .eventsslide {
        height: 100% !important;
        margin: 0 auto;
        min-height: 321px;
    }

        .eventsslide:after {
            display: none;
        }

        .eventsslide.loaded .event {
            margin-top: 0;
        }



    .welcomecontent {
        /*margin-top:30px;*/
        width: 370px;
        margin: 25px auto;
        float: none;
    }

    #prevEvent {
        right: 5px;
        margin: 20px 5px !important;
    }

    #nextEvent {
        right: 39px;
        margin: 20px 5px !important;
    }

    #prevEvent, #nextEvent {
        display: inline-block;
        float: right;
        margin: 10px 5px;
        position: relative;
        right: initial;
    }

    body #banner #openhoursGlobal {
        position: relative;
        background: #000;
        font-size: .9em;
    }
}

/* Landscape tablet and desktop */
@media only screen and (min-width: 769px) and (max-width: 1139px) {

    #socialmenu,
    #banner .video:after,
    #banner .banner:after,
    body .appteaser {
        display: none;
    }

    #socialfootermenu {
        display: inline;
    }

    body #menutoggle {
        right: 15px;
    }

    body div#menu.open ul.show {
        right: 35px;
    }


    body.frontpage .content-full .wrapper table tbody,
    body.frontpage .content-full .wrapper table tr,
    body.frontpage .content-full .wrapper table th,
    body.frontpage .content-full .wrapper table td {
        display: block;
        width: 100%;
    }

    body.frontpage .content-full .wrapper table {
        max-width: 500px;
        margin: 0 auto;
    }


    body .content-full,
    body .employees,
    body .text {
        /*padding: 20px;*/
    }

        body .employees li {
            height: 450px;
        }

    body.frontpage .content-full {
        padding: 0;
    }

    body table.banner,
    body table.text2,
    body table.text {
        float: none;
        width: 100% !important;
    }

        body table.banner td,
        body table.text td,
        body table.text2 td {
            /*padding: 20px;*/
        }

    body table.live {
        width: 100% !important;
        float: none;
    }

    body table.text2 table,
    body table.text2 table tbody,
    body table.text2 table tr,
    body table.text2 table td,
    body table.text2 table th {
        width: 100% !important;
        padding: 0;
    }

    body #society_filters {
        padding: 20px;
    }

        body #society_filters label {
            margin-right: 0;
            /*display: block;*/
            text-align: center;
            display: none;
        }

        body #society_filters a {
            margin: 20px 10px;
            width: calc(50% - 30px);
            text-align: center;
        }

        body #society_filters input[type=text] {
            max-width: 500px;
            margin: 0 !important;
            width: 100%;
        }

        body #society_filters select {
            margin: 20px 10px;
            width: calc(50% - 20px);
        }

        body #society_filters .search {
            text-align: center;
        }

    body #society_members {
        padding: 20px;
    }

        body #society_members ul {
            -moz-column-count: 3 !important;
            -webkit-column-count: 3 !important;
            column-count: 3 !important;
        }


    body .activityboxes {
        font-size: .8em;
    }

        /*body .activityboxes li:nth-child(2),
        body .activityboxes li:last-child,
        body .activityboxes li {
            width: calc(33% - 20px);
            margin: 0 10px;
        }*/

        body .activityboxes .knap,
        body .activityboxes .knap2,
        body .activityboxes .knap3 {
            font-size: .7em;
        }

    body.frontpage .content-full .wrapper td img {
        float: none !important;
        display: block;
    }


    body .welcome .leftimage,
    body .welcome .rightimage {
        width: 100%;
        height: auto !important;
        float: none;
        margin-left: 0;
    }

        body .welcome .leftimage img,
        body .welcome .rightimage img {
            width: 100%;
            float: none;
            display: block;
            margin: 0 auto;
        }

    body .welcome .text {
        width: 100% !important;
        margin: 30px 0;
        padding: 0;
        max-width: 500px;
        margin: 20px auto;
        float: none;
    }


    body table.info table,
    body table.info table tr,
    body table.info table th,
    body table.info table td,
    body table.info table tbody {
        display: block;
        max-width: 230px;
    }

    body .acOpenHours > div span,
    body .allshops > div span {
        white-space: nowrap;
    }


	body #openinghours_page .OpeningHoursSubHeadline {
		font-size: 0.8em;
	}
    body .event .date {
        width: 50px;
        height: 50px;
    }

        body .event .date .shortdate {
            font-size: 1.3em;
            display: block;
        }



    body #banner #openhoursGlobal {
        position: relative;
        background: #000;
    }
}

/* Large desktop */
@media only screen and (min-width: 1140px) {

    body #society_filters .search {
        display: inline;
    }

    body .activityboxes {
        font-size: .9em;
    }
}


@media only screen and (max-width: 1024px) {

    /*html, body {
        width: 100%;
        height: 100%;
    }

    form {
        width: 100%;
        height: 100%;
        overflow: auto;
    }*/

    body {
        background-attachment: scroll;
    }

    #banner video {
        display: none;
    }

        #banner video + img {
            display: block;
        }


    .membermodal .vipmemberview {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .membermodal .info {
        width: 100%;
        padding: 20px 0;
        order: 0;
    }

    .membermodal .image {
        order: 1;
        text-align: center;
    }
}


@media only screen and (max-width: 1280px) {

    .apr2018 .calendarfront .eventPromoImage {
        background-size: contain;
    }

        .apr2018 .calendarfront .eventPromoImage img {
            visibility: hidden;
        }
}

@media only screen and (max-width: 768px) {
	#banner li:after, #banner .banner:after {
		bottom: 79px;
	}
	}
@media only screen and (max-width: 550px) {
	#banner li:after, #banner .banner:after {
		bottom: 93px;
	}
}
@media only screen and (max-width: 400px) {
	#banner li:after, #banner .banner:after {
		bottom: 121px;
	}
}




/* #####################
   RESPONSIVE - ONLY USE IF NESCESSARY
   ##################### */