*,
.mfp-container,
:after,
:before,
img.mfp-img {
    box-sizing: border-box
}

.mfp-container:before,
.mfp-content,
img {
    vertical-align: middle
}

.camp .left .content.closed,
.camp .popup-gallery {
.slider-logo opacity: 0
}



.mfp-close,
address {
    font-style: normal
}

.mfp-counter {
    display: none;
}

/*button.mfp-arrow.mfp-arrow-right.mfp-prevent-close, button.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
    display: none;
}*/

body {
    background: url(../images/background-pattern.png), linear-gradient(to bottom, rgba(233, 219, 198, .8) 0, rgba(233, 219, 198, .8) 100%);
    font-family: Oxygen-Regular;
    font-size: 14px;
    line-height: 1.2;
    color: #373d41;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    min-width: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}


.shadow {
    text-shadow: 0 0 5px rgba(0, 0, 0, .75)
}

.border-bottom {
    position: relative
}

.card .content .border-bottom:after
{
    bottom: -2rem;
}
.border-bottom:after {
    content: '';
    width: 50px;
    border-bottom: solid 1px #d4b36d;
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    z-index: 1;
    transition: all 1s
}

.border-bottom.center:after {
    left: calc(50% - 15px)
}

@font-face {
    font-family: Baskerville;
    src: url(/wp-content/themes/afrika/assets/fonts/Baskerville.ttc);
}

@font-face {
    font-family: Oxygen Bold;
    src: url(/wp-content/themes/afrika/assets/fonts/Oxygen-bold.ttf);
}


h1 {
    font-family: Baskerville !important;
    font-size: 52px;
    font-weight: 300;
    line-height: 2;
}

h2 {
    font-family: Baskerville !important;
    font-size: 30px;
    font-weight: 300;
}

h3 {
    font-family: Oxygen-bold !important;
    font-size: 24px;
    font-weight: 300;
}

h4 {
    font-size 1em;
}
body p, body li, body {
    font-size: 16px;
}


/*Global H1-H2 størrelse*/
p.h1 {
    font-size: 26px;
    font-weight: 200 !important;
    text-shadow: none !important;
    line-height: 45px;
}


p {
    line-height: 1.375em
}

a {
    color: inherit;
    text-decoration: none;
    transition: all 1s
}

.btn-link,
.lodge-content .content a,
a.btn-recommendation,
a.popup-link, .camps-section .camps-container p a  {
    padding: 5px 20px;
    min-width: 100px;
    max-width: 200px;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #d4b36d;
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
    z-index: 3;
    font-size: 15px;
}


.content-travel-box .btn-link {
    color: #d4b36d;
}


.cards a:hover {
    color: #d4b36d;
}

a.btn-recommendation {
    color: #fff;
    border-color: #fff
}

.btn-recommendation:hover,
.lodge-content .content a:hover, .camps-section .camps-container p a:hover {
    background: #d4b36d !important;
    color: #fff !important;
    margin: auto;
}

a.btn-link:hover {
    color: black;
    background-color: unset;
}

.cards a.btn-link {
    color: #d4b36d;
}

.cards a.btn-link:hover, .travel-section a.btn-link:hover {
    color: white;
    background-color: #d4b36d;
}

.cards h2 {
    font-family: Baskerville !important;
    font-size: 30px;
    font-weight: 600 !important;
    text-transform: uppercase;
}

.cards-section .cards h2 {
    font-size: 24px;
}


.cards .btn-link {font-size: 16px;
    margin-bottom: 15px;
    position: absolute;
    bottom: 10%;
    right: 34%;
}

.cards .content p {
    font-size: 16px;
}

.travel-section h2 {
    font-family: Baskerville !important;
    font-size: 30px;
    color: #d4b36d;
    text-align: center;
}

.travel-section .btn-link {
    position: relative;
    bottom: 50px;
    margin: auto;
    color: #d4b36d;
}


a:hover {
    text-decoration: none
}

.section {
    padding: 18px
}



@font-face {
    font-family: Oxygen-Regular;
    src: url(fonts/Oxygen-Regular.eot);
    src: url(fonts/Oxygen-Regular.woff2) format('woff2'), url(fonts/Oxygen-Regular.woff) format('woff'), url(fonts/Oxygen-Regular.ttf) format('truetype'), url(fonts/Oxygen-Regular.svg#Oxygen-Regular) format('svg'), url(fonts/Oxygen-Regular.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Georgia-Bold;
    src: url(fonts/Georgia-Bold.woff) format('woff'), url(fonts/Georgia-Bold.ttf) format('truetype'), url(fonts/Georgia-Bold.svg#Georgia-Bold) format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'georgia bold';
    src: url('fonts/georgia bold.eot');
    src: url('fonts/georgia bold.woff2') format('woff2'), url('fonts/georgia bold.eot?#iefix') format('embedded-opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: libre-baskerville;
    src: url(fonts/libre-baskerville-regular.eot);
    src: url(fonts/libre-baskerville-regular.woff2) format('woff2'), url(fonts/libre-baskerville-regular.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: libre-baskerville-bold;
    src: url(fonts/libre-baskerville-bold.eot);
    src: url(fonts/libre-baskerville-bold.woff2) format('woff2'), url(fonts/libre-baskerville-bold.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'baskervlle2_btroman';
    src: url('fonts/baskervlle2_btroman.eot');
    src: url('fonts/baskervlle2_btroman.woff') format('woff'),
    url('fonts/baskervlle2_btroman.svg#baskervlle2_btroman') format('svg');
    src: url('fonts/baskervlle2_btroman.woff2') format('woff2'),
    url('fonts/baskervlle2_btroman.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
}


/*@font-face {
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900;
    src: url(fonts/fa-solid-900.eot);
    src: url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(fonts/fa-solid-900.woff2) format("woff2"), url(fonts/fa-solid-900.woff) format("woff"), url(fonts/fa-solid-900.ttf) format("truetype"), url(fonts/fa-solid-900.svg#fontawesome) format("svg")
}

@font-face {
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/fa-regular-400.eot);
    src: url(fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(fonts/fa-regular-400.woff2) format("woff2"), url(fonts/fa-regular-400.woff) format("woff"), url(fonts/fa-regular-400.ttf) format("truetype"), url(fonts/fa-regular-400.svg#fontawesome) format("svg")
}

@font-face {
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900;
    src: url(fonts/fa-solid-900.eot);
    src: url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(fonts/fa-solid-900.woff2) format("woff2"), url(fonts/fa-solid-900.woff) format("woff"), url(fonts/fa-solid-900.ttf) format("truetype"), url(fonts/fa-solid-900.svg#fontawesome) format("svg")
}*/

.main {
    margin: 0 auto;
    /*max-width: 720px;*/
}

*,
:after,
:before {
    padding: 0;
    margin: 0;
    outline: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

html {
    tap-highlight-color: transparent
}

audio,
iframe,
img,
object,
video {
    max-width: 100%
}

iframe,
img {
    border: 0
}

img {
    height: auto;
    display: inline-block
}

b,
strong {
    font-weight: 700
}

svg:not(:root) {
    overflow: hidden
}

a,
button,
input[type=submit],
input[type=button],
input[type=reset],
input[type=file],
input[type=image],
label[for] {
    cursor: pointer
}

a[href^=tel],
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

a[href^=tel],
input[type=tel],
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=color],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.camp,
.mfp-bg {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

button,
select {
    text-transform: none
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

nav ol,
nav ul {
    list-style: none
}

.tp-widget-wrapper {
    text-align: left !important
}

.back-section {
    background-color: #373d41;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 36px;
    margin: 18px 0
}

.back-section a {
    max-width: 300px;
    padding: 18px;
    font-size: 1rem
}
.back-section a {
    color: #d4b36d;
}
.back-section a.btn-link:hover {
    background: #d4b36d;
    color: white;
}

.blank-section {
    padding: 0;
    height: 18px
}

.responsive-menu-search-box {
    display: none
}

.buy-text-section .container .text p:first-child {
    max-width: 400px;
    margin-bottom: 18px
}

/* //////////////////////////Camps Section////////////////////////// */

.camps-section {
    padding: 18px 0
}

.camp {
    display: -ms-grid;
    display: grid;
    height: 100%
}

.camp .right {
    background: rgba(0, 0, 0, .7);
    height: 200px
}

.camp div {
    background-size: contain
}

.camp .left {
    background-color: #373d41;
    -ms-flex-order: 1;
    order: 1;
    height: 100%;
    color: #ffffff;
}

.camp .left .recommendations {
    display: none
}

.camp .content p:nth-child(2) {
    margin-top: 3rem;
    margin-bottom: 1.5rem
}

.camp .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 5%
}

/* ////////////////////////// Card ////////////////////////// */

.cards-section {
    padding: 60px 0 0
}

.cards-heading {
    margin-bottom: 60px
}

.cards {
    max-width: 350px;
    margin: 0 auto
}

.card {
    width: 100%;
    height: 460px;
    display: -ms-flexbox;
    display: flex;
    background-size: cover !important;
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
}

.card * {
    transition: all .5s
}

.card .content {
    grid-column: 1/2;
    grid-row: 1/2;
    height: calc(100% - 2*12px);
    width: calc(100% - 2*12px);
    margin: 12px;
    margin-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 25px 35px;
    z-index: 10;
}

.card .content h2 {
    text-align: center;
    width: 100%;
}

.card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    margin: 12px;
    border: 1px solid #d4b36d;
    transition: all .2s ease-in-out
}

.card:hover::after {
    margin: 0;
    border-width: 12px;
    opacity: .5
}

.card .content a {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 8px 20px
}

.card .content a:hover {
    background: #d4b36d;
    color: #fff
}

.card .overlay {
    grid-column: 1/2;
    grid-row: 1/2;
    transition: all .7s
}

/* .card:hover .overlay {
    border: 12px solid #d4b36d
}
 */
.card:hover .border-bottom:after {
    box-shadow: none
}

.card .content h1 {
    color: #d4b36d;
    font-size: 22px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .4)
}

.card .content .border-bottom:after {
    left: calc(50% - 15px)
}

.card .content p {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    color: #fff;
    text-align: center
}

/* ////////////////////////// Contact section ////////////////////////// */

.contact-maps-section {
    height: 500px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

#contact-map {
    -ms-flex: 1.4;
    flex: 1.4;
    height: 100%;
    -ms-flex-order: 2;
    order: 2
}

.contact-maps-section .contact {
    -ms-flex: 1;
    flex: 1;
    background: #373d41;
    color: #fff;
    padding-top: 54px;
    padding-left: 36px;
    padding-bottom: 18px;
    -ms-flex-order: 1;
    order: 1
}

.contact-maps-section .contact p:first-child {
    color: #d4b36d
}

.contact-maps-section .contact p:last-child {
    margin-top: 3rem
}

.contact-person-section .container {
    max-width: 1100px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contact-person-section .container .person {
    margin-bottom: 18px
}

.contact-person-section .container .person p:first-child {
    margin: 18px 0 10px
}

.contact-person-section .container .person p.h4-custom {
    margin-bottom: 12px
}

.opening-time td{
    padding-bottom: 8px;
    font-size: 12px;
    font-family: libre-baskerville-bold, Georgia-Bold, 'georgia bold' !important;
}

.opening-time:first-child td{
    padding-bottom: 6px!important;
    font-size: 18px!important;
}

/* ////////////////////////// Footer Section ////////////////////////// */

.section-footer-wrapper .socials {
    display: flex;
    flex-wrap: wrap;
}

.section-footer-wrapper .socials img {
    width: 25%
}

.section-footer-wrapper {
    background-color: #373d41;
    color: #fff;
    padding: 18px 0;
    margin-top: 8px;
}

.section-footer-unit p {
    line-height: unset !important;
    margin-bottom: 10px;
}

.footer-widget-wrapper {
    display: -ms-flexbox;
    display: flex
}

.footer-widget-wrapper  .textwidget {
    margin-bottom: 30px;
    margin-top: 10px;
    font-weight: bold;
}

.section-footer-wrapper h3 {
    color: #d5b46d;
}

.section-footer-unit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 18px;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%
}

.section-footer-unit a:hover {
    color: #d4b36d;
}

.section-footer-unit>div {
    padding-bottom: 18px
}

.section-footer-unit a,
.section-footer-unit p {
    color: #a59d96;
    text-decoration: none;
    line-height: 1em;
}

.widgettitle {
    margin-bottom: 18px;
    font-size: 1rem
}

.contact-section {
    margin-top: 18px;
}

.contact-section h3 {
    color: #fff;
    margin-bottom: 30px;
    text-align: center
}

.contact-section a,
span.wpcf7-list-item-label {
    color: #fff
}

span.wpcf7-list-item label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.wpcf7-form input[type=checkbox] {
    width: auto !important;
    margin-right: 10px
}

.wpcf7-form-control.wpcf7-acceptance {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.wpcf7-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.wpcf7-form div:not(:last-child) {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wpcf7-display-none {
    display: none
}

.wpcf7-submit {
    background: #fff;
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
    border: unset;
    height: 40px;
    padding: 0 20px;
    border-radius: 0;
    width: 99%;
    margin-bottom: 18px
}

.wpcf7-response-output {
    -ms-grid-column-span: 12;
    -ms-grid-column: 1;
    grid-column: 1/span 12;
    color: #fff
}

div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: 2px solid #d4b36d !important;
    height: 40px;
    padding: 0 20px !important
}

#mce-EMAIL {
    height: 40px;
    padding: 0 20px;
    color: #373d41
}

.wpcf7-form textarea {
    padding-top: 10px;
    height: auto
}

#mc-embedded-subscribe {
    background: 0 0;
    color: #d4b36d;
    margin-top: 18px
}

/* ////////////////////////// Header ////////////////////////// */

#header {
    background: #373d41
}

#header .contact-button {
    display: none;
    width: 165px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 116px;
    transform: translateY(100%);
    background: #D4B36D;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
    color: white;
    cursor: pointer;
    font-weight: 900;
}

#header .contact-button img {
    width: 22.5px;
    margin-right: 11px;
}

#header .contact-button.show {
    display: flex;
    justify-content: center;
    align-items: center;
}

#responsive-menu-container #responsive-menu-wrapper {
    margin-top: 25%
}

button#responsive-menu-button {
    background: #373d41 !important
}

.menu-item-has-children.open::after {
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg)
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
    position: relative;
}

#header-logo-container a img {
    width: 150px;
    min-height: 75px;
}

#header .topnav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 30px;
    z-index: 9;
}

#header .navigation {
    display: flex;
    align-items: center;
}

#header .navigation i {
    color: white;
}

#header .primary-menu {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: #373D41;
    z-index: -1;
    height: 100vh;
    padding: 100px 30px 0;
    transform: translateX(-100%);
    transition: transform 0.7s ease;
}

#header .primary-menu.open {
    transform: translateX(0);
}

#header .primary-menu ul {
    list-style-type: none;
}

#header .primary-menu ul li {
    color: white;
}

#header .primary-menu ul li:hover {
    color: #d4b36d;
}

#header .primary-menu ul li.current-menu-parent,
#header .primary-menu ul li.current-menu-parent .current_page_item {
    color: #d4b36d;
}

#header .primary-menu .menu>li {
    margin-bottom: 20px;
    position: relative;
    font-size: 30px;
}

#header .primary-menu .menu>li.menu-item-has-children::after {
    content: "";
    position: absolute;
    right: 0;
    height: 30px;
    width: 13px;
    background: url('images/Icons/Arrow/arrow_gold.svg');
    background-repeat: no-repeat;
    top: 0;
    transform: rotate(90deg);
    background-position: center;
    transition: all 0.7s;
}

#header .primary-menu .menu>li.menu-item-has-children.open::after {
    transform: rotate(-90deg);
}

#header .primary-menu .menu>li .sub-menu {
    padding-left: 25px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease;
    overflow: scroll;
    overflow-x: hidden;
}

#header .primary-menu .menu>li .sub-menu.open {
    max-height: 330px;
}

#header .primary-menu .menu>li .sub-menu li {
    font-size: 20px;
}

#header .primary-menu .menu>li .sub-menu li:not(:last-child) {
    /* padding-top: 20px;
    margin-bottom: 20px;*/
}

/* ////////////////////////// Info Section ////////////////////////// */

.info-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 800px;
    margin: 0 auto
}

.info-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.info-section-heading p {
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, .5);
    color: #fff;
    margin-bottom: 18px
}

.info {
    height: 50px;
    background: rgba(55, 61, 65, .8);
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    padding: 0 27px;
    transition: height .75s
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .info {
        margin-bottom: 10px;
    }
}

.info .content {
    display: none
}

.info.open .content {
    display: block !important
}

.info-overskrift {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1
}

.sign-contianer {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@supports (grid-area:auto) {
    .info-section {
        margin-top: 18px;
        padding: 18px;
        background-attachment: fixed
    }

    .info-container {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 10px;
        max-width: 400px;
        margin: 0 auto
    }

    .info-section-heading p {
        text-align: center;
        text-shadow: 0 0 10px rgba(0, 0, 0, .5);
        color: #fff;
        margin-bottom: 18px
    }

    .info {
        height: 50px;
        background: rgba(55, 61, 65, .8);
        color: #fff;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: minmax(200px, 1fr) 50px;
        grid-template-columns: minmax(200px, 1fr) 50px;
        overflow-y: hidden;
        padding: 0 27px;
        transition: height .75s
    }

    .info.open {
        height: auto;
        padding-bottom: 18px
    }

    .info>div {
        height: 50px
    }

    .info .content {
        -ms-grid-column-span: 2;
        -ms-grid-column: 1;
        grid-column: 1/span 2
    }

    .info.open .content {
        height: auto
    }

    .sign-contianer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sign-contianer a {
        text-decoration: none;
        font-size: 3em;
        color: #d4b36d
    }

    .info-overskrift {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    @media all and (min-width:768px) {
        .info-section {
            padding: 100px 0 185px
        }

        .info-container {
            max-width: 900px
        }

        .info-section-heading p {
            text-align: center;
            max-width: 800px;
            margin: 0 auto;
            margin-bottom: 30px;
        }
    }
}

.travel .content,
.travel .overlay {
    grid-column: 1/2;
    grid-row: 1/2
}

.lodge-heading {
    height: 150px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.lodge {
    /*background-color: #90ee90;*/
    margin-bottom: 8px
}

.lodge .lodge-image {
    height: 250px;
    background-position: center top;
    background-size: cover
}

.lodge p.h1,
.lodge-content .content p.h1 {
    color: #d4b36d
}

.lodge-content .content {
    background: #373d41;
    color: #fff;
    padding: 18px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.lodge-content .content>* {
    text-align: left;
    /*max-width: 400px;*/
    margin-bottom: 18px;
}

.content-lodge-video .content {
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.lodge-content.content-lodge-video .content>* {
    text-align: left;
    /*max-width: 400px;*/
    margin-bottom: 0;

}

/*@media all and (min-width:769px) {
    .lodge {
        display: -ms-flexbox;
        display: flex
    }*/

@media all and (min-width:1182px) {
    .lodge {
        display: -ms-flexbox;
        display: flex
    }

    .lodge .lodge-image {
        background-size: cover;
        height: auto
    }

    .lodge .lodge-content,
    .lodge .lodge-image {
        -ms-flex: 1;
        flex: 1;
        width: 0;
        min-height: 400px /** was commented, this caused a bug, we don't know why it was commented */
    }
    .content-lodge-video {
        min-height: unset!important;
    }
}

.mfp-bg,
.mfp-wrap {
    position: fixed;
    left: 0;
    top: 0
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    height: 100%;
    width: 100%
}

.mfp-bg {
    z-index: 1042;
    background: #0b0b0b;
    opacity: 1
}

.mfp-wrap {
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-close,
.mfp-preloader {
    text-align: center;
    position: absolute
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    top: 50%;
    width: auto;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-close,
.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.mfp-prevent-close {
    position: relative
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    right: 0;
    top: 0;
    text-decoration: none;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.slide_navigation .button-container .nav-button a,
.slide_navigation .button-container .nav-button div,
.slider-navigation .slider-nav-button,
.special-location-content ul li span,
.special-location-recommendations ul li span,
.usp-list-section-container>div ul li span {
    font-family: libre-baskerville-bold, Georgia-Bold, 'georgia bold'
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #af9762;
    right: 14px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
    font-size: 50px;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-arrow {
    position: absolute;
    margin: 0;
    top: 40%;
    padding: 0;
    width: 300px;
    height: 300px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:before {
    /*content: url(./images/Icons/Arrow/arrow_gold.svg);*/
    display: block;
    height: 0;
    width: 25%;
    border-left: 27px solid transparent;
    margin-left: 70% !important;
    opacity: 1
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:before {
    -ms-transform: rotate(180deg) translateY(-50px) translateX(0);
    transform: rotateZ(180deg) translateY(-50px) translateX(0)
}

.mfp-arrow-left:before {
    border-right: 27px solid transparent;
    margin-left: 0!important;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    padding: 40px 0;
    margin: 0 auto
}

figure img.mfp-img {
    padding-top: 0;
    padding-bottom: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}


.mfp-arrow:active {
    margin-top: unset;
}

.mfp-arrow-left:after  {
    border-right: 17px solid transparent;
}

.mfp-arrow-right:after {
    border-left: 17px solid transparent;
}

.mfp-arrow:after {
    content: unset;
}

.mfp-arrow:before {
    margin-top: 0;
}

@media all and (max-width:800px) and (orientation:landscape),
all and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -ms-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -ms-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all .15s ease-out
}

.question-section {
    position: relative
}

.question-section h2 {
    color: #fff;
    margin: 0 auto 18px;
    text-align: center
}

.questions-container {
    max-width: 768px;
    margin: 0 auto;
    z-index: 2
}

.single-question {
    width: 100%;
    background-color: #fff;
    max-height: 50px;
    overflow-y: hidden;
    transition: all .25s linear;
    -ms-flex: 1 1 500%;
    flex: 1 1 500%;
    margin-bottom: 9px
}

.single-question input[type=checkbox] {
    display: none
}

.single-question .lbl-toggle {
    display: block;
    padding: 1rem;
    cursor: pointer
}

.single-question .lbl-toggle:hover {
    color: #000
}

.single-question .lbl-toggle::before {
    content: ' ';
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid currentColor;
    vertical-align: middle;
    margin-right: .7rem;
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    transition: transform .2s ease-out
}

.question-section .read-more {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    z-index: 1
}

.question-section .read-more a {
    margin-top: 18px;
    color: #fff
}

.answer {
    padding: 0 18px 18px
}

.single-question.open {
    max-height: 800px;
    overflow-y: visible
}

.toggle:checked+.lbl-toggle+.answer {
    max-height: 350px
}

.answer h2 {
    display: none
}

.single-question:hover {
    background-color: #fff;
    cursor: pointer
}

.single-question:hover .question a,
.single-question:hover .question p {
    color: #fff
}

@media all and (min-width:768px) {
    .question-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .question-section h2 {
        width: 400px
    }

    .questions-container {
        position: relative;
        width: 80%;
        max-width: 1200px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .single-question {
        background-color: #fff;
        max-height: 50px;
        overflow-y: hidden;
        transition: all .25s linear;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        margin-bottom: 9px
    }

    .single-question:nth-child(3n+2) {
        margin: 0 9px 9px
    }
}

@media all and (min-width:1200px) {
    .question-section {
        padding: 150px;
        height: 850px
    }
}

.owl-carousel {
    display: block
}

.home .owl-carousel h1,
.home .owl-carousel h2,
.home .owl-carousel h3 {
    font-size: 2rem;
}

.owl-carousel .item img {
    display: block;
    width: 100%;
    height: auto
}

.owl-slide-content {
    position: relative;
    height: 360px;
    /*    min-width: 600px;*/
}

.owl-slide-content-three {
    height: 358px;
    position: relative;
    opacity: 1;
}


/*.owl-slide-content-three.text-hover-slider:after {
    content: "";
    background-color: #D4B36D;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    top: 0;
    opacity: 0;
    transition: all .7s;
}*/

.owl-slide-content-three.text-hover-slider:hover:after {
    opacity: 0.9;
}

.travel-text {
    text-align: center;
}

.text-hover-slider .travel-text {
    background: transparent !important;
}

.owl-slide-text.text-hover-slider .travel-text {
    border: none !important;
}

.owl-slide-content-three.text-hover-slider .owl-slide-text .travel-text::after {
    border: none !important;
}

.owl-slide-content-three.text-hover-slider {
    position: relative;
}

.owl-slide-content-three.text-hover-slider .travel-text, .owl-slide-content-three.text-hover-slider .p1 {
    opacity: 0;
    transition: all 0.7s;
}

/*.owl-slide-content-three.text-hover-slider:hover .travel-text, .owl-slide-content-three.text-hover-slider:hover .p1{
    opacity: 1;
}*/

.owl-slide-content-three.text-hover-slider:hover .owl-slide-text {
    position: absolute;
    z-index: 99;
}

.shadow.travel-text.travel-text-slider, .shadow.travel-text-slider .p1 {
    color: #373D41;
    text-shadow: none;
    text-align: center;
    width: auto;
    font-family: "Georgia-Bold";
    font-size: 20px;
    min-width: 280px;
}

.content .p1 {
    padding: 0 12px;
}

.owl-theme .owl-dots .owl-dot span {
    transition: all .2s ease !important
}


.bg-darkgrey .owl-item {
    padding: 70px 30px 70px;
}

.text-bg-darkgrey {
    background-color: #373D41;
    color: #FFFFFF;
    margin-top: 40px;
    padding-top: 50px !important;
    padding-bottom: 0;
}

.bg-darkgrey .owl-dots {
    bottom: 7%;
}

.travel-image-l {
    height: ;
}

.slider-logo {
    position: relative;
    width: 100%;
    height: 80px;
    z-index: 1;
    margin: 0 auto 0;
    left: 0;
    right: 0;
    background-color: white;
    padding-top: 16px;
}

@media all and (min-width: 540px) and (max-width: 768px) {
    .slider-logo.slider-logo-video  {
        height: auto;
        padding-bottom: 16px;
        padding-top: 16px;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .slider-logo {
        right: unset !important;
        left: 70% !important;
    }
}

.bg-darkgrey .owl-nav .owl-prev {
    left: -38px;
}

.bg-darkgrey .owl-nav .owl-next {
    right: -38px;
}

.slider-logo-inner {
    text-align: center
}

.slider-section {
    padding: 0;
    position: relative;
}

.section.slider-section.bg-darkgrey {
    padding-left: 90px;
    padding-right: 90px;
}

.home .owl-item .owl-slide-content h1,
.home .owl-item .owl-slide-content h2,
.home .owl-item .owl-slide-content h3 {
    font-family: baskervlle2_btroman;
    font-weight: 400;
}

.owl-slide-content picture.effect:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
    background-image: url(../images/pattern.png)
}

.owl-next,
.owl-prev,
.owl-slide-text {
    top: 50%;
    position: absolute;
    width: 30px;
    height: auto;
}

.owl-next img, .owl-prev img {
    min-width: 25px;
    min-height: 25px;
}

.owl-slide-text {
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    width: 250px
}

.owl-slide-text.offer p.h1 {
    color: #d4b36d;
    /*font-size: 1.3rem;*/
    margin-bottom: 0;
}

.owl-slide-text.offer span ul, .owl-slide-history ul, .owl-slide-history ul li {
    font-size: 16px;
}

.owl-slide-history ul {
    padding-left: 20px;
}

.owl-slide-history p a strong {
    color: #fff;
}

@media (min-width: 768px) {
    .owl-slide-history p a {
        margin-top: 50px;
        font-size: 16px;
    }
}

.owl-slide-history p a {
    border: 1px solid #d4b36d;
    padding: 5px 9px;
    color: white;
    display: inline-block;
}

.owl-slide-history p a:hover {
    background: #d4b36d;
}

p.slider-h4-custom {
    font-size: 19px !important;
}

@media screen (max-width: 600px) {
    .velkommen .owl-slide-history {
        margin-top: -60px;
        transform: translateX(0%);
        width: 100%;
        top: 40%;
    }
}

.velkommen .owl-slide-history {
    background: rgba(55, 61, 65, 0.65);
    height: auto;
    left: 0;
    margin-top: -60px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    top: 50%;
    transform: translateX(50%);
    width: 50%;
}

.velkommen .owl-slide-history p.slider-history  {
    color: #fff !important;
}

@media screen (max-width: 600px) {
    .velkommen .subtitle-slider {
        font-size: 14px;
    }
}

.velkommen .subtitle-slider {
    font-family: libre-baskerville-bold, Georgia-Bold, 'georgia bold' !important;
    font-size: 18px;
    text-align: center;
    line-height: 2em !important;
    color: #fff;
}

.velkommen .owl-slide-history:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    margin: 12px;
    border: 1px solid #d4b36d;
    transition: all .2s ease-in-out;
}

.owl-slide-history,
.owl-slide-text.offer {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 18px
}

.owl-slide-text.offer {
    transform: translate(0);
    padding: 18px 36px;
    justify-content: flex-start;
}

p.meget-mere {
    padding-left: 18px;
}

.owl-slide-text.offer h4 {
    margin-top: 18px;
}

.owl-slide-text.offer p a {
    border: 1px solid #d4b36d;
    padding: 5px 9px;
    color: white;
    display: inline-block;
    margin-top: 18px;
}

.owl-slide-text.offer p a:hover {
    background: #d4b36d;
}

.owl-slide-text.offer p a strong {
    font-size: 12px;
    color: white;
}

.owl-slide-history>div {
    max-height: 100%;
    overflow: scroll
}

.owl-slide-history h1 {
    text-align: left;
    color: #d4b36d
}

.owl-slide-history p {
    font-size: 14px
}

.slide_navigation .button-container {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.nav-button {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-button.dot {
    padding: 18px 3px;
    overflow: hidden;
    opacity: 0.5;
}

.nav-button.dot div {
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    padding: 0 !important
}

.slide_navigation .button-container .nav-button div,
.slider-navigation .slider-nav-button {
    padding: 0 3px;
    text-decoration: none;
    color: #fff
}

.slide_navigation .button-container .nav-button:not(:last-child) div {
    border-right: 1px solid #fff
}

.slide_navigation .button-container .nav-button.active {
    background-color: #373d41;
    color: #fff;
    opacity: 1;
}

.slide_navigation .button-container .nav-button.active div {
    border: none;
    color: #d4b36d
}

.owl-prev {
    left: 18px;
    -ms-transform: rotate(180deg) translate(50%, 50%);
    transform: rotateZ(180deg) translate(50%, 50%);
    display: none;
}

.owl-next {
    right: 18px;
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    display: none;
}

@media all and (min-width: 768px) {
    .owl-prev {
        left: 18px;
        -ms-transform: rotate(180deg) translate(50%, 50%);
        transform: rotateZ(180deg) translate(50%, 50%);
        display: block !important;
    }

    .owl-next {
        right: 18px;
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        display: block !important;
    }
}

.owl-dot {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, .9);
    border-radius: 50px;
    margin: 0 5px
}

.owl-dot.active,
.owl-dot:hover {
    border: 2px solid #d4b36d
}

.owl-dots,
.owl-nav-scroll {
    position: absolute;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

.owl-nav-scroll {
    position: fixed;
    z-index: 9999999;
}

.owl-dots {
    bottom: 10%
}

.owl-nav-scroll {
    bottom: 5%;
    left:0;
}

.owl-scroll-size {
    -ms-transform: rotate(90deg);
    transform: rotateZ(90deg);
    width: 10px
}

div#fullscreen-owl-slider.owl-slider-hide-mobile {
    display: none
}

.forside-slider-1-text-1 {
    color: #fff
}

.forside-slider-1-text-1 h1 {
    font-size: 2.8em
}

.home .owl-item .owl-slide-content .owl-slide-text.offer ul {
    padding-left: 18px;
}

@media all and (min-width:768px) {

    .owl-slide-text.offer {
        justify-content: center;
    }

    .owl-slide-text.offer h4 {
        margin-top: 18px;
        font-size: 0.9rem;
    }

    .owl-slide-text.offer p a {
        margin-top: 50px;
        font-size: 16px;
    }

    .nav-button.dot {
        padding: 10px;
        overflow: initial
    }

    .nav-button.dot div {
        width: 14px;
        height: 14px
    }

    .home .owl-carousel h1,
    .home .owl-carousel h2,
    .home .owl-carousel h3 {
        font-size: 3rem;
    }

    .owl-slide-history,
    .owl-slide-text.offer {
        width: 300px;
        left: 100px
    }

    .owl-slide-history>div {
        max-height: none;
        overflow: auto
    }

    .owl-prev {
        left: 72px
    }

    .owl-next {
        right: 72px
    }

    .slider-logo {
        right: 0;
        position: absolute;
        left: unset;
        bottom: 0;
        margin-top: 0;
    }

    .slider-logo-video{
        margin-bottom: 40px!important;
    }

    .home .owl-item .owl-slide-content .owl-slide-text.offer p.h1,
    .home .owl-item .owl-slide-content .owl-slide-text.offer p.h2,
    .home .owl-item .owl-slide-content .owl-slide-text.offer p.h3 {
        margin-bottom: 18px;
    }

    .home .owl-item .owl-slide-content .owl-slide-text.offer ul {
        padding-left: 18px;
        margin-bottom: 13px;
    }

    .home .owl-item .owl-slide-content .owl-slide-text.offer ul li {
        margin-bottom: 13px;
    }
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .slider-logo {
        right: unset !important;
        left: 70% !important;
    }
}

.owl-slide-text {
    width: 100%
}

.slider-logo-inner {
    text-align: unset
}

.owl-slide-history p {
    font-size: 16px
}

.slide_navigation .button-container {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.slide_navigation .button-container .nav-button a {
    padding: 0 10px
}
}

@media all and (min-width:1200px) {
    div#fullscreen-owl-slider.owl-slider-hide-mobile {
        display: block
    }

    .owl-slide-history,
    .owl-slide-text.offer {
        width: 350px;
        left: 15%
    }

    .slide_navigation .button-container .nav-button a {
        padding: 0 25px
    }
}

.special-location a.btn-recommendation {
    color: #d4b36d;
    border: 1px solid #d4b36d !important
}

.special-location {
    height: 600px;
    color: #fff;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all 1s;
    padding: 0;
    position: relative;
    overflow-x: hidden;
    margin-bottom: 18px
}

.special-location .location-title {
    color: #d4b36d;
    text-align: center
}

.special-location-container,
.special-location-recommendations {
    background-color: rgba(55, 61, 65, .9);
    padding: 40px 25px 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    transition: all 1s
}

.special-location-container.closed {
    opacity: 0
}

.special-location-recommendations {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block
}

.special-location.left .special-location-recommendations {
    right: 100%
}

.special-location.right .special-location-recommendations {
    left: 100%
}

.special-location-recommendations .btn-close {
    position: absolute;
    right: 18px;
    top: 18px
}

.special-location.right .special-location-recommendations.open {
    position: absolute;
    left: 0
}

.special-location.left .special-location-recommendations.open {
    position: absolute;
    right: 0
}

.special-location-content {
    height: 0;
    overflow-y: hidden;
    transition: all .5s;
    -ms-flex-item-align: center;
    align-self: center
}

.special-location-content .location-text {
    margin-bottom: 30px
}

.special-location-content ul {
    margin-top: 15px
}

.special-location-recommendations ul {
    margin-top: 54px;
    list-style-type: none
}

.special-location-content ul li,
.special-location-recommendations ul li {
    margin-bottom: 5px
}

.special-location-content ul li>*,
.special-location-recommendations ul li>* {
    display: inline-block
}

.special-location-content ul li span,
.special-location-recommendations ul li span {
    display: block;
    color: #d4b36d;
    font-weight: 900;
    font-size: 25px;
    width: 40px
}

.special-location-content.open {
    height: 500px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.special-location-container h3 {
    height: 20%;
    color: #d4b36d
}

.special-location-content a {
    display: block;
    margin-top: 18px
}

.special-location-container .read-more-arrow {
    -ms-transform: rotate(90deg) translateY(-5px);
    transform: rotateZ(90deg) translateY(-5px);
    transition: all 1s;
    margin-top: 10px
}

.special-location-container .read-more-arrow.open {
    transform: rotateZ(90deg) rotateY(-180deg);
    margin: 10px 0
}

@media all and (min-width:768px) {
    .special-location {
        margin-bottom: initial
    }

    .special-location-content ul li p {
        margin-left: 5px
    }

    .special-location-content ul li span,
    .special-location-recommendations ul li span {
        display: inline-block
    }

    .special-location.right {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 50px
    }

    .special-location.left {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 50px
    }

    .special-location.left .special-location-recommendations.open {
        right: calc(100% - 450px)
    }

    .special-location.right .special-location-recommendations.open {
        left: calc(100% - 450px)
    }

    .special-location-container,
    .special-location-recommendations {
        height: 100%;
        width: 400px;
        padding-top: 50px;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start
    }

    .location-title {
        position: relative
    }

    .location-title::after {
        content: '';
        width: 30px;
        border-bottom: solid 3px #d4b36d;
        position: absolute;
        left: 0;
        bottom: -1.5rem;
        z-index: 1
    }

    .special-location-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        padding-top: 50px;
        width: 100%
    }

    .special-location-content a {
        position: relative;
        color: #d4b36d;
        border-color: #d4b36d
    }

    .special-location-container .read-more-arrow {
        visibility: none;
        display: none
    }
}

@media all and (min-width:1200px) {
    .special-location {
        height: 550px
    }

    .special-location.right {
        padding-right: 200px
    }

    .special-location.left {
        padding-left: 200px
    }

    .special-location-container {
        width: 460px
    }

    .special-location.right .special-location-recommendations.open {
        left: calc(100% - 460px - 200px)
    }

    .special-location.left .special-location-recommendations.open {
        right: calc(100% - 460px - 200px)
    }
}

@media all and (min-width:1600px) {
    .special-location.right {
        padding-right: 360px
    }

    .special-location.left {
        padding-left: 360px
    }

    .special-location.left .special-location-recommendations.open {
        right: calc(100% - 460px - 360px)
    }

    .special-location.right .special-location-recommendations.open {
        left: calc(100% - 460px - 360px)
    }
}

.table-section .table-container {
    background: rgba(55, 61, 65, .8);
    color: #fff;
    background-size: cover;
    background-attachment: fixed
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .table-section .table-container {
        max-width: 65%;
        margin: 0 auto;
    }
}

.table-section .table-container .table-head {
    background: #d4b36d;
    color: #373d41
}

.table-section .table-container .table-body {
    padding: 18px 0
}

.table-section .table-container .table-body .table-row,
.table-section .table-container .table-head .table-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 45px;
    text-align: center
}

.table-section .table-container .table-body .table-row>div,
.table-section .table-container .table-head>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.table-section .table-container .table-body .table-row:hover {
    background: #d4b36d;
    color: #373d41;
    cursor: default
}

.table-section .table-container .info-container {
    padding: 18px 0;
    display: block;
    border-top: 2px solid #fff;
    max-width: none
}

.table-section .table-container .info-container .info {
    display: block;
    height: auto;
    overflow-y: visible;
    padding: 18px;
    background: 0 0
}

.table-section .table-container .info-container .info>div {
    height: auto;
    margin-bottom: 18px
}

.table-section .table-container .info-container .info>div p.h3-custom {
    color: #d4b36d;
    margin-bottom: 18px
}

.table-section .table-container .info-container .info ul {
    padding-left: 18px
}

.table-section .table-container .info-container .info ul li {
    margin: 5px 0
}

@supports (grid-area:auto) {
    @media all and (min-width: 768px) {
        .table-section {
            padding: 108px 18px
        }

        .table-section .table-container {
            max-width: 1200px;
            margin: 0 auto
        }

        .table-section .table-container .table-body,
        .table-section .table-container .table-head .table-inner {
            max-width: 900px;
            margin: 0 auto
        }

        .table-section .table-container .info-container {
            max-width: 900px;
            margin: 0 auto;
            padding: 18px
        }

        .table-section .table-container .info-container .info {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: minmax(350px, 460px) minmax(200px, 1fr);
            grid-template-columns: minmax(350px, 460px) minmax(200px, 1fr);
            grid-column-gap: 100px;
            grid-auto-rows: auto;
            padding: 0;
            max-height: none
        }

        .table-section .table-container .info-container .info>div {
            padding-bottom: 18px
        }

        .table-section .table-container .info-container .info>div:nth-child(1),
        .table-section .table-container .info-container .info>div:nth-child(2) {
            border-bottom: 2px solid #fff
        }

        .table-section .table-container .table-body .table-row,
        .table-section .table-container .table-head .table-inner {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: (1fr) [3];
            grid-template-columns: repeat(4, 1fr)
        }
    }
}

.swiper-min-width {
    min-width: 32%;
}

.padding-20 {
    padding: 40px 80px !important;
    position: relative;
}

/* ///////////////////// Swiper landing page ///////////////////// */

.swiper-arrow-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

}

.swiper-button-next {
    top: 50%;
    right: 3%;
    background-image: url(images/Icons/Arrow/arrow-right-afrika.png) !important;
    background-size: auto;
}

.swiper-button-prev {
    top: 50%;
    left: 3%;
    background-image: url(images/Icons/Arrow/arrow-left-afrika.png) !important;
    background-size: auto;
}

.swiper-pagination-bullet {
    background: #373D41;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #D4B36D;
}

.pagination-box {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
}

.swiper-pagination {
    display: flex;
    justify-content: space-around;
    width: 40%;
    margin-top: 20px;
}

/* ///////////////////// End Swiper landing page ///////////////////// */

/* ///////////////////// Travel Section ///////////////////// */

.travels-heading {
    margin-bottom: 60px;
}

.travels-heading.black h2 {
    color: #373d41;
}

.travels-container-2,
.travels-container-3,
.travels-container-4 {
    max-width: 300px;
    margin: 0 auto
}

.slider-travel-md {
    max-width: 100%!important;
}

.travel {
    width: 300px;
    min-height: 300px;
    transition: all 1s;
    background-size: cover !important;
    margin-bottom: 18px;
    position: relative;
    background-position: center !important;
}

@media (max-width: 540px) {
    .travel {
        margin-top: 18px;
        margin-bottom: 18px;
    }
    .travels-heading {
        margin-top: 60px;
        margin-bottom: 30px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

.travel::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    margin: 12px;
    border: 1px solid #d4b36d;
    transition: all .2s ease-in-out
}

.travel:hover::after {
    margin: 0;
    border-width: 12px;
    opacity: .5
}

.travel * {
    transition: all 1s
}

.content-travel-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.travel .content {
    height: calc(100% - 2*18px);
    width: calc(100% - 2*18px);
    margin: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px;
    min-height: 362px;
    z-index: 2;
    position: relative;
}


.travel .content p:first-child {
    color: #d4b36d;
    margin-bottom: 3rem;
    text-align: center;
    width: 90%;
}

.travel .content a.btn-link {
    margin-top: auto
}

.travel .content .border-bottom:after {
    left: calc(50% - 15px)
}

.travel .content p {
    color: #fff;
    text-align: center
}


/** Overlays */

.travel-section .overlay, .travel-slider-section .overlay  {
    background: black;
    opacity: 0.3;
    z-index: 1;
    position: absolute;
    height: 107%;
    width: 100%;
}

.travel.swiper-slide {
    height: unset;
}


.travel.swiper-slide .overlay {
    height: 100%;
}

.travel.swiper-slide .content {
    z-index: 100;
}

.cards-section .overlay {
    background: black;
    opacity: 0.3;
    z-index: 1;
    position: absolute;
    height: 100%;
    width: 100%;
}

@media all and (min-width:768px) {
    .travels-section {
        margin: initial;
        padding: 60px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .travels-container-2,
    .travels-container-3,
    .travels-container-4 {
        margin: 0 auto;
        z-index: 10;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 1200px;
        position: relative
    }

    .travels-container-sole {
        margin: 0 auto;
        z-index: 10;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 1200px;
        position: relative
    }

    .travel {
        -ms-flex: 1 1 30%;
        flex: 1 1 30%
    }

    .travel:nth-child(3n+2) {
        margin: 0 9px
    }

    .travel .content {
        -ms-flex-pack: center;
        justify-content: center
    }

    .travel .content p {
        font-size: 16px;
        margin: 7px;
    }

    .travels-background {
        position: absolute;
        background: #bda78d;
        width: 100%;
        top: calc(50% - 175px);
        z-index: 1
    }

    .travel {
        margin-bottom: 0
    }

    .travel-section {
        padding: 36px 0
    }

    .travel-slider-section {
        padding: 36px 0 80px;
        height: auto;
    }
}

@supports (grid-area:auto) {
    .travel {
        display: -ms-grid;
        display: grid
    }

    .travel:nth-child(3n+2) {
        /* margin: 0 0 18px */
    }

    .no-margin-bottom {
        margin-bottom: 0;
        margin-top: 0;
    }

    @media all and (min-width:768px) {
        .travel {
            width: 100%
        }

        .travel.swiper-slide.swiper-min-width {
            width: 100%!important;
        }

        .travels-container-2 {
            display: flex;
            justify-content: center;
        }

        .travels-container-3 {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 1fr 1fr;
            grid-template-columns: 1fr 1fr 1fr;
            grid-gap: 18px
        }

        .travels-container-4 {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            grid-gap: 18px
        }

        .travels-container-sole {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            grid-gap: 18px
        }

        .travel:nth-child(3n+2) {
            margin: 0
        }

        .travels-container-2 .travel:last-child {
            margin-left: 18px;
        }
    }

    @media all and (min-width:1200px) {
        .travels-container-3 {
            max-width: 1400px;
            margin: 0 auto;
            -ms-grid-columns: (1fr) [3];
            grid-template-columns: repeat(3, 1fr)
        }

        .travels-container-4 {
            max-width: 1920px;
            margin: 0 auto;
            -ms-grid-columns: (1fr) [4];
            grid-template-columns: repeat(4, 1fr)
        }

        .travels-container-sole {
            max-width: 1920px;
            margin: 0 auto;
            -ms-grid-columns: (1fr) [4];
            grid-template-columns: repeat(4, 1fr)
        }

        .travels-container-2 .travel,
        .travels-container-3 .travel,
        .travels-container-4 .travel {
            height: calc(25vw - 18px)
        }

        .travels-container-2 .travel {
            max-width: 450px;
        }
    }
}


/* ///////////////////// End Travel ///////////////////// */

/* ///////////////////// usp ///////////////////// */

.usp-list-section {
    background-size: cover;
    padding: 18px;
    margin-top: 18px;
    margin-bottom: 18px;
}

.usp-list-section p.h1 {
    color: #d4b36d;
    font-size: 1.4em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
    padding-bottom: 18px
}

.usp-list-section .border-bottom:after {
    bottom: 0
}

.usp-list-section-container {
    border: 2px solid #d4b36d;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    height: 100%;
}

.usp-list-section-container>div {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0
}

.usp-list-section-container>div ul {
    list-style: none;
    margin-bottom: 15px
}

.usp-list-section-container>div ul li {
    margin: 32px 0
}

.usp-list-section-container>div ul li span {
    display: block;
    font-size: 1.5rem;
    color: #d4b36d
}

.usp-list-section-container>div ul li p {
    display: inline-block;
    color: #fff;
    margin-left: 10px;
    max-width: 250px;
    font-family: Oxygen-Regular;
    font-weight: 300;
}

.usp-list-section-container a {
    color: #d4b36d;
}

.usp-list-section-container a.btn-link:hover {
    color: white;
    background-color: #d4b36d;
}

@media all and (min-width:768px) {
    .usp-list-section-container>div ul li span {
        display: inline-block
    }

    .usp-list-section-container>div ul li p {
        max-width: none
    }

    .usp-list-section p.h1 {
        font-size: 1.875em
    }

    .usp-list-section {
        height: auto;
        margin-bottom: initial
    }
}

@media all and (min-width:992px) {
    .usp-list-section {
        height: 640px;
        margin-bottom: initial
    }
}

/* ///////////////////// End Usp ///////////////////// */

/* ///////////////////// Video Section /////////////////////*/

.video-section {
    background-color: rgba(55, 61, 65, .9);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    padding: 2%;
    margin-bottom: 36px
}

.video-section p.h1 {
    color: #d4b36d;
    font-size: 1.4em;
    max-width: 300px;
    margin-bottom: 20px
}

.video-wrapper {
    position: relative;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.video-wrapper,
.video-wrapper video {
    width: 100%;
    height: 100%;
}

.video-playpause-wrapper {
    position: absolute;
    bottom: calc(50% + 25px);
    right: calc(50% - 50px)
}

.video-playpause {
    width: 100px;
    height: 100px;
    background: 0 0;
    border: 4px solid #d4b36d;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5), 0 0 5px 0 rgba(0, 0, 0, .5) inset;
    position: relative;
    top: 75px
}

.video-controls {
    position: absolute;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 18px;
    height: 35px
}

.video-playpause img,
.video-playpause-bar img {
    width: 16px
}

.video-playpause-hide {
    display: none!important;
}

.video-playpause-bar-wrapper {
    display: none;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.video-playpause-bar {
    background: 0 0;
    border: initial;
    display: -ms-flexbox;
    display: flex
}

.video-playpause-bar div {
    width: 5px;
    height: 20px;
    background-color: #d4b36d;
    display: inline-block
}

.video-playpause-bar div:not(:last-child) {
    margin-right: 3px
}

.video-playpause-bar-paused div,
.video-playpause-bar-playing img {
    display: none !important
}

.video-volume-wrapper {
    display: none
}

.video-volume-button-muted {
    background: url(https://afrikashorisonter.dk/wp-content/uploads/2018/03/h%C3%B8jtaler_x.svg);
    height: 32px;
    width: 32px;
    display: inline-table;
}

.video-volume-button {
    background: url(https://afrikashorisonter.dk/wp-content/uploads/2018/03/højtaler.svg)!important;
    height: 32px;
    width: 32px;
    display: inline-table;
}

.video-volume-button:hover {
    cursor: pointer
}

.video-volume {
    background-color: transparent
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 8.5px 0
}

input[type=range]:focus {
    outline: 0
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    box-shadow: .9px .9px 0 rgba(0, 0, 0, .1), 0 0 .9px rgba(13, 13, 13, .1);
    background: #d4b36d;
    border-radius: 2.6px;
    border: 0 solid rgba(1, 1, 1, 0)
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 0 0 0 rgba(212, 179, 109, 0), 0 0 0 rgba(218, 189, 129, 0);
    border: 0 solid rgba(0, 0, 0, .2);
    height: 20px;
    width: 7px;
    border-radius: 0;
    background: #d4b36d;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -8.5px
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #dabd81
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    box-shadow: .9px .9px 0 rgba(0, 0, 0, .1), 0 0 .9px rgba(13, 13, 13, .1);
    background: #d4b36d;
    border-radius: 2.6px;
    border: 0 solid rgba(1, 1, 1, 0)
}

input[type=range]::-moz-range-thumb {
    box-shadow: 0 0 0 rgba(212, 179, 109, 0), 0 0 0 rgba(218, 189, 129, 0);
    border: 0 solid rgba(0, 0, 0, .2);
    height: 20px;
    width: 7px;
    border-radius: 0;
    background: #d4b36d;
    cursor: pointer
}

input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: 0 0;
    border-color: transparent;
    color: transparent
}

input[type=range]::-ms-fill-lower {
    background: #cea959;
    border: 0 solid rgba(1, 1, 1, 0);
    border-radius: 5.2px;
    box-shadow: .9px .9px 0 rgba(0, 0, 0, .1), 0 0 .9px rgba(13, 13, 13, .1)
}

input[type=range]::-ms-fill-upper {
    background: #d4b36d;
    border: 0 solid rgba(1, 1, 1, 0);
    border-radius: 5.2px;
    box-shadow: .9px .9px 0 rgba(0, 0, 0, .1), 0 0 .9px rgba(13, 13, 13, .1)
}

input[type=range]::-ms-thumb {
    box-shadow: 0 0 0 rgba(212, 179, 109, 0), 0 0 0 rgba(218, 189, 129, 0);
    border: 0 solid rgba(0, 0, 0, .2);
    width: 7px;
    border-radius: 0;
    background: #d4b36d;
    cursor: pointer;
    height: 3px
}

input[type=range]:focus::-ms-fill-lower {
    background: #d4b36d
}

input[type=range]:focus::-ms-fill-upper {
    background: #dabd81
}

.video-timeline,
.video-timeline-progress {
    background-color: #d4b36d;
    position: relative
}

.video-timeline-wrapper {
    width: 100%;
    margin-left: 18px;
    display: none;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.video-timeline {
    width: 100%;
    height: 5px
}

.video-timeline-progress {
    border: 1px solid rgba(0, 0, 0, .1);
    height: 18px;
    display: inline-block;
    width: 5px;
    left: 0;
    bottom: 7.37px
}

.video-timeline-duration {
    position: absolute;
    top: 18px;
    left: 0
}

@media all and (min-width:768px) {
    .video-section {
        margin-bottom: unset
    }

    .video-section p.h1 {
        font-size: 1.875em;
        max-width: none
    }

    .video-playpause-bar-wrapper {
        display: -ms-flexbox;
        display: flex
    }

    .video-volume-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto
    }

    .video-controls {
        bottom: 50px;
        padding: 0 72px
    }

    .video-timeline-wrapper {
        display: -ms-flexbox;
        display: flex;
        width: 63%;
        /*margin-left: 50px*/
    }
}

@media all and (min-width:768px) and (max-width: 777px) {
    .video-volume-wrapper {
        margin-left: 10px!important;
    }
}

@media all and (min-width:1200px) {
    .video-section p.h1 {
        font-size: 2.5em
    }

    .video-controls {
        bottom: 0;
        padding: 0 72px
    }
}

/* ///////////////////// End Video ///////////////////// */

/* ///////////////////// Own Carousel ///////////////////// */

.own-carousel .owl-item img {
    display: block;
    width: 100%;
    height: auto;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */
    .own-carousel .owl-item img {
        max-height: 800px;
    }

    .info.open {
        display: block;
        height: auto;
        padding: 20px;
    }
}

/* ///////////////////// End Carousel ///////////////////// */

/* ///////////////////// Start Lodge ///////////////////// */
.lodge-content .content a {
    color: #d4b36d;
}

.lodge-content {
   /*  padding-left: 60px;
    padding-right: 60px; */
}

.lodge-content h2 {
    color: #d4b36d;
}

.lodge-content h3 {
    color: #d5b46d;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .lodge-content {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 900px) and (max-width: 992px) {
    .lodge-content {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 320px) and (max-width: 1000px) {
    .lodge-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }

}

.popup-gallery {
    display: none;
}

.popup-gallery .owl-nav{
    display: block !important;
}

.firstHeading {
    font-size: 1.25em !important;
    font-family: Oxygen-Regular !important;
}

.owl-slide-text .travel-text {
    width: 100%;
    padding: 40px;
    background: rgba(55, 61, 65, 0.65);
}

/* frontpage rule */
.home .shadow.travel-text h1{
    margin-bottom: 20px;
    color: #d4b36d;
}
.owl-slide-text .travel-text::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    margin: 12px;
    border: 1px solid #d4b36d;
    transition: all .2s ease-in-out;
}

.contact-button {
    display: none;
}

.owl-slide-text .travel-text h3 {
    font-family: Oxygen-Regular;
    font-weight: 500;
}

.top-bar {
    height: 30px;
    background-color: #d4b36d;
    flex: 1 1 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-family: libre-baskerville-bold;
}

.top-bar p {
    font-size: 12px;
}

.top-bar>*:not(:last-child) {
    display: none;
}

.top-bar img {
    height: 18px;
}

.navigation-bar {
    height: auto;
    background: #D4B36D;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.navigation-bar a {
    font-family: 'georgia bold';
    font-weight: 700;
    font-size: 16px;
    position: relative;
    margin: 9px 0;
}

.navigation-bar a:hover {
    color: #fff;
}

@media screen and (min-width: 992px) {
    .navigation-bar {
        height: 50px;
        background: #D4B36D;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .navigation-bar a:not(:first-child) {
        margin-left: 40px;
    }

    .navigation-bar a:not(:last-child)::after {
        content: "|";
        transform: translateX(-50%);
        position: absolute;
        right: -26px;
        top: 0;
    }
}


.responsive-menu-submenu li {
    padding-left: 20px !important;
    margin-bottom: 20px !important;
}

.menu-item-object-custom li.menu-item-object-custom {
    padding-left: 0 !important;
}

.menu-item-object-custom li.menu-item-object-custom strong {
    font-size: 24px;
}

.container.intro {
    max-width: 1400px;
}

.intro-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.intro-section .text {
    max-width: 650px;
    margin-bottom: 36px;
}

.intro-section .text p {
    line-height: 1.5em;
}

.intro-section .text p:last-child {
    line-height: 1.6em;
}

input.wpcf7-form-control::placeholder{
    opacity: 1;
    color: white;
}

/* ///////////////////// Contact Form ///////////////////// */

.contact-form {
    background: #373D41;
    padding: 18px 15px;
}
.contact-section {
    position: relative;
}

.contact-container{
    border: 1px solid #D4B36D;
}

.contact-section .contact-form {
    background: transparent;
    z-index: 10;
}

.contact-form .form-wrapper {
    border: 1px solid #D4B36D;
    padding: 0 20px;
}

.contact-section .contact-form .form-wrapper {
    border: none;
}

.contact-form .form-wrapper form p {
    text-align: center;
    margin-top: 9px;
    width: 100%;
}

.contact-form .form-wrapper form div p {
    margin-bottom: 8px;
}


.contact-form .form-wrapper form {
    display: flex;
    flex-wrap: wrap;
    color: white;
}

.contact-form .form-wrapper form>div:nth-child(2),
.contact-form .form-wrapper form>div.checkbox {
    flex: 1 2 100%;
    text-align: center;
    color: white;
    display: block;
}

.contact-form .form-wrapper form>div.checkbox {
    margin-bottom: 9px;
}

.contact-form .form-wrapper form .ajax-loader {
    display: none;
}

.contact-form .form-wrapper form>div h3 {
    color: #D4B36D;
    margin-bottom: 9px;
}

.contact-form .form-wrapper form>input {
    flex: 1 1 190px;
}

.contact-form .form-wrapper form input {
    margin-bottom: 18px;
    background: #42474A;
    color: white;
}

.contact-form .form-wrapper form input[type="checkbox"] {
    height: auto;
    width: 10px;
    padding: 4px;
    height: 10px;
    border: 1px solid gold;
    margin-bottom: 0;
}

.contact-form .form-wrapper form input[type="submit"]:hover {
    background: #D4B36D;
}

.contact-form .form-wrapper form>input:nth-child(even) {
    margin-left: 0;
}

.contact-form .form-wrapper form input[type="submit"] {
    margin: 0;
    padding: 0;
    width: calc(100% + 18px) !important;
    margin-left: 0 !important;
    border: 1px solid #D4B36D;
    background: transparent;
    transition: background 0.7s ease;
}

.wpcf7 form {
    position: relative;
}

.wpcf7-spinner {
    position: absolute !important;
    bottom: 0;
    right: 0;
}

@media screen and (min-width: 614px) {
    .contact-form .form-wrapper form>input:nth-child(even) {
        margin-left: 18px;
    }

    .contact-form .form-wrapper form input[type="submit"] {
        margin-left: 0;
        width: calc(100% + 18px);
    }
}

@media screen and (min-width: 768px) and (max-width: 1040px){
    .contact-form .form-wrapper form>input:nth-child(even) {
        margin-left: 0;
    }
}

/* ///////////////////// End Contact Form ///////////////////// */

/* ///////////////////// Intro section ///////////////////// */

@media screen and (min-width: 768px) {
    .intro-section {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .intro-section .text,
    .contact-form {
        flex: 1 1 50%;
    }

    .contact-form .form-wrapper .wpcf7-form {
        width: 100%;
    }

    .intro-section .text {
        padding-right: 32px;
    }

    /* .contact-form .form-wrapper form>input:nth-child(even) {
         margin-left: 0;
     }*/

    #header.fixed .header-wrapper {
        padding: 8px 72px;
    }

    .menu-item-object-custom li.menu-item-object-custom strong {
        font-size: 18px;
    }

}

@media screen and (min-width: 1200px) {
    .contact-form .form-wrapper form>input:nth-child(even) {
        margin-left: 18px;
    }

    .top-bar>*:not(:last-child) {
        display: none;
    }

    .contact-form {
        flex: 0 0 570px;
    }

    .contact-section .contact-form {
        flex: 0 0 50%;
    }

    .top-bar>*:not(:last-child) {
        display: block;
    }
}

.front-page-changed-font * {
    font-family: libre-baskerville-bold, Georgia-Bold, 'georgia bold' !important;
}

.front-page-arrow-hide {
    display: none !important;
}

div.wpcf7-response-output {
    border:none !important;
    background: #D4B36D !important;
    margin: 0 auto !important;
    padding: 0.4em 1em !important;
}

/* slider video */
video#bg-video {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
    z-index: -10;
    object-fit: cover;
}

.fullscreenButton, .video-playpause {
    display: none;
}

@media (min-width: 768px){
    .fullscreenButton {
        display: block;
    }

    .video-playpause {
        display: block;
    }
}

.lodges .video-controls {
    bottom:20px;
    padding: 0 20px;
}

.ls-is-cached.lazyloaded {
    position: relative;
}

.slider-logo-inner img.lazyloaded {
    width: 200px;
}

@media all and (min-width: 540px) {
    .slider-logo-inner img.lazyloaded {
        width: auto;
    }
}

@media all and (min-width: 768px) and (max-width: 920px) {
    .slider-logo-inner img.lazyloaded {
        width: 200px;
    }
    .slider-logo-video {
        margin-bottom: 10px!important;
    }
}

div[id^="video-wrapper-half-"] .ls-is-cached.lazyloaded:nth-child(2) {
    top: 35%;
    left: 45%;
    position: absolute;
}


div[id^="video-wrapper-half-"] {
    width: 100%;
    height: auto;
}

.bg-video-half {
    z-index: 0!important;
    width: 100%!important;
    min-width: 100%!important;
    object-fit: cover;
}

.video-container {
    position: relative;
    /*height: 190px;*/
    margin-bottom: 0;
}

.video-container .video-wrapper {
    position: relative;
    /*top: -140px; */
    z-index: -1;
}

.owl-slide-text.text-video {
    display: none;
}

.text-video {
    top: 50%;
}

/* End slider video */

/*Lodge video*/
.video-timeline-duration {
    color: #FFFFFF!important;
}
/*End Lodge video*/

/* Sonar button */
.volume-white {
    position: relative;
    top: 2px;
}

.wrapper {
    width: 50%;
    /*margin: 0.6em auto;*/
    /*position: absolute;*/
    bottom: 0;
    right: 0;
    top: 0;
}

.wrapper p {
    color: #fff;
    margin-top: 50px;
}

video::-internal-media-controls-segmented-track {
    display: none!important;
}

.btn-sonar {
    background: #FFFFFF;
    border: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    color: #fff;
    outline: none;
    position: absolute;
    right: 20px;
    top: 20px;
}

.btn-sonar::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
}

.btn-sonar:before {
    animation: sonar-effect 1s ease-in-out 0.1s infinite;
}

.btn-sonar.animation-none:hover::before,
.btn-sonar.animation-none::before {
    animation: none!important;
}

/*.btn-sonar:hover::before .video-volume-button-muted.volume-white.video-volume-button{
    animation: none;
}*/

@keyframes sonar-effect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 5px #D4B36D, 0 0 5px 5px #D4B36D, 0 0 0 5px #D4B36D;
    }
    100% {
        box-shadow: 0 0 0 5px #D4B36D, 0 0 5px 5px #D4B36D, 0 0 0 5px #D4B36D;
        transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes fade-down {
    0% {
        opacity: 1;
        transform: translateY(-20px);
    }
    50% {
        opacity: 0.8;
        transform: translateY(15px);
    }
    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}
/* End Sonar button */

/********************Media Queries *****************************/

@media screen and (max-width: 540px) {
    .padding-20 {
        padding: 0!important;
    }
    .travel.swiper-slide.swiper-min-width {
        width: 100%;
    }
    .swiper-container {
        min-height: 480px;
    }
    .travels-container-12.swiper-wrapper.padding-12 {
        min-height: 480px;
        height: 480px;
    }
    .pagination-box {
        display: none;
    }
}
@media (max-width: 768px) {
    .bg-darkgrey .owl-item {
        padding: 0;
    }

    .section.slider-section.bg-darkgrey {
        padding-right: 0;
        padding-left: 0;
    }
    /*.owl-prev, .owl-next {
        display: none;
    }*/

    .section.basic-section.text-bg-darkgrey.paws-picto {
        padding-bottom: 40px;
    }

    .bg-darkgrey {
        overflow-x: hidden;
    }
}

@media all and (min-width:768px) {


    h4,
    p.h4 {
        font-size: 1.2em
    }

    .btn-sonar {
        width: 60px;
        height: 60px;
        right: 20px;
        top: 20px;
    }
}

@media all and (max-width:1011px) {
    .ast-header-break-point .ast-mobile-menu-buttons {
        display: block !important;
    }
}

@media all and (min-width:1200px) {

    h4,
    p.h4 {
        font-size: 1.25em
    }

    p {
        font-size: 14px
    }
}

@media all and (min-width:1000px) {
    .main {
        max-width: 3920px;
    }
    div[id^="video-wrapper-half-"] {
        width: 50%;
        height: auto;
    }
}

@media all and (min-width:350px) and (max-width: 767px) {
    .video-container .video-wrapper {
        position: relative;
        top: 0;
        z-index: -1;
    }

    .video-container {
        position: relative;
        /*height: 190px;*/
        margin-bottom: 0;
        overflow: hidden;
    }
}

@media all and (min-width:769px) and (max-width: 1024px) {
    .video-container {
        /*height: 440px;*/
        margin-bottom: 30px;
    }

    .video-container .video-wrapper {
        top: 0;
    }
}

@media all and (min-width:1024px) and (max-width: 1200px) {
    .video-container {
        /*height: 580px;*/
        margin-bottom: 30px;
    }

    .video-container .video-wrapper {
        top: -10px;
    }
}

@media all and (min-width:1200px) and (max-width: 1920px) {
    .video-container {
        /*height: 600px;*/
        /*max-height: 600px;*/
        overflow: hidden;
        margin-bottom: 30px;
    }

    .video-container .video-wrapper {
        bottom: 0;
    }
}

.slide_navigation {
    background: #d4b36d;
    height: 54px;
    display: none;
}

@media (min-width: 768px) {
    .slide_navigation {
        display: block;
    }
}

.slide_video {
    position: absolute!important;
    z-index: 8px!important;
    width: 100%!important;
    bottom: 0!important;
    height: 14px;
}

@media all and (min-width:767px) and (max-width: 768px) {
    .wrapper {
        width: 50%;
        margin: 2.6em auto;
        position: absolute;
        bottom: 120px;
    }
    .video-container {
        /*height: 330px;*/
        max-height: 330px;
    }
    div[id^="video-wrapper-half-"] {
        width: 100%;
        height: auto;
    }

    .slide_video {
        bottom: 0!important;
    }
}

/*@media all and (min-width:769px) {
    .video-container .video-wrapper {
        position: relative;
        top: -140px;
        z-index: -1;
    }
}*/
@media all and (min-width:768px) {
    .back-section a {
        max-width: 600px;
        font-size: 1.2rem;
    }

    .basic-section .content {
        max-width: 640px;
        margin: 0 auto
    }

    .basic-section .content p.person-content p {
        font-size: 15px;
        line-height: 1.6
    }

    .blank-section {
        height: 54px
    }

    .owl-slide-text.text-video {
        display: block;
    }
}



@media all and (min-width:768px) {
    .buy-text-section .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 50px 0
    }
}

@media screen and (min-width: 1200px){
    .buy-text-section .container .contact-form .wpcf7-form {
        width: 500px;
    }

    .buy-text-section .container .text {
        max-width: 650px;
    }
}
@media all and (min-width:768px) {
    .camps-section {
        padding: 0
    }

    .camp {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 54px;
        margin-top: 0
        height: fit-content;
    }

    .camp .left,
    .camp .right {
        -ms-flex: 1;
        flex: 1;
        height: unset;
        overflow: visible;
    }

    .camp .left {
        background-color: #373d41;
        color: #fff;
        -ms-flex-order: 1;
        order: 1;
        position: relative
    }

    .camp .left .recommendations {
        position: absolute;
        padding: 72px 54px 54px 40%;
        top: 0;
        right: 100%;
        transition: all .75s;
        width: 100%
    }

    .camp .left.reverse .recommendations {
        position: absolute;
        padding: 72px 0 0 36px;
        top: 0;
        left: 100%;
        transition: all .75s;
        width: 100%
    }

    .camp .left .recommendations a {
        position: absolute;
        right: 18px;
        top: 72px
    }

    .camp .left .recommendations ul li span {
        font-family: libre-baskerville-bold, Georgia-Bold, 'georgia bold';
        color: #d4b36d;
        font-weight: 900;
        font-size: 25px;
        width: 40px
    }

    .camp .left .recommendations ul {
        margin-top: 36px;
        list-style-type: none
    }

    .camp .left .recommendations ul li>* {
        display: inline-block
    }

    .camp .left .recommendations.open {
        right: 54px
    }

    .camp .left.reverse .recommendations.open {
        left: 0
    }

    .camp .right {
        -ms-flex-order: 2;
        order: 2;
        margin-top: initial
    }

    .camp .left.reverse {
        -ms-flex-order: 2;
        order: 2
    }

    .camp .right.revese {
        -ms-flex-order: 1;
        order: 1
    }

    .camp .left h2 {
        color: #d4b36d
    }

    .camp .content {
        padding: 54px;
        transition: all .75s;
        height: 100%
    }

    .camp .content::-webkit-scrollbar {
        display: none
    }
}

@media all and (min-width:1200px) {
    .camps-section {
        padding: 0
    }

    .camp {
        height: 550px;
        display: -ms-flexbox;
        display: flex
    }

    .camp .left,
    .camp .right {
        -ms-flex: 1;
        flex: 1
    }

    .camp .left {
        background-color: #373d41;
        color: #fff;
        -ms-flex-order: 1;
        order: 1
    }

    .camp .right {
        -ms-flex-order: 2;
        order: 2
    }

    .camp .left h2 {
        color: #d4b36d
    }

    .camp .content {
        padding: 54px 54px 54px 40%
    }

    /*.camp .left.reverse .content {
        padding-left: 18px;
        max-width: 60%
    }*/
}

@media all and (min-width:768px) {

    .cards-container-2,
    .cards-container-3,
    .cards-container-4 {
        width: 100%;
        position: relative
    }

    .cards-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding: 60px 0
    }

    .cards {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: none;
        z-index: 10;
        position: relative
        min-width: 100%;
    }



    .card {
        max-width: 350px !important;
        margin: 0
    }

    .card:not(:last-child) {
        margin-right: 18px
    }

    .card .content {
        padding: 18px;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 2;
    }

    .cards-background {
        position: absolute;
        background: #bda78d;
        height: 350px;
        width: 100%;
        top: calc(50% - 175px);
        z-index: 0;
    }

    .card .content h1 {
        font-size: 24px
    }
}

@media all and (min-width:1200px) {
    .card .content h1 {
        font-size: 28px
    }
}

@supports (grid-area:auto) {
    .card {
        display: -ms-grid;
        display: grid;
        box-shadow: 0 0 10px -3px #0d0d0d;
    }

    @media all and (min-width:1200px) {
        .cards-section {
            padding: 60px 0
        }

        .cards-container-2 .cards {
            display: -ms-grid;
            display: grid;
            grid-gap: 18px
        }

        .cards-container-3 .cards {
            max-width: 1086px;
            display: -ms-grid;
            display: grid;
            margin: 0 auto
        }

        .cards-container-4 .cards {
            margin: 0 auto;
            display: -ms-grid;
            display: grid;
            max-width: 1450px;
            -ms-grid-columns: (minmax(330px, 1fr)) [4];
            grid-template-columns: repeat(4, minmax(330px, 1fr));
            grid-gap: 18px
        }

        .cards-container-3 .cards {
            grid-gap: 54px;
            -ms-grid-columns: (minmax(300px, 350px)) [3];
            grid-template-columns: repeat(3, minmax(300px, 350px))
        }

        .cards-container-2 .cards {
            -ms-flex-pack: center;
            justify-content: center;
            max-width: 800px;
            -ms-grid-columns: (minmax(250px, 450px)) [2];
            grid-template-columns: repeat(2, minmax(250px, 450px))
        }

        .cards-container-3 .card {
            height: 460px
        }
    }
}

@media all and (min-width:768px) {
    .contact-maps-section {
        -ms-flex-direction: row;
        flex-direction: row
    }

    #contact-map {
        -ms-flex-order: 1;
        order: 1
    }

    .contact-maps-section .contact {
        -ms-flex-order: 2;
        order: 2
    }
}

@media all and (min-width:768px) {
    .contact-person-section .container .person {
        -ms-flex: 50%;
        flex: 50%;
        padding: 18px
    }

    .first-time-section {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 18px
    }

    .first-time-section .card {
        height: 630px
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .contact-person-section .container .person {
        flex: 40%;
    }
}

@media all and (min-width:1600px) {
    .footer-widget-wrapper {
        max-width: 1650px;
        margin: 0 auto
    }
}

@media all and (min-width:1000px) and (max-width:1100px) {
    .lodge-content .content {
        overflow-y: hidden;
        max-height: 300px;
    }
}

@supports (grid-area:auto) {
    .footer-widget-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    @media all and (min-width:768px) {
        .footer-widget-wrapper {
            -ms-grid-columns: (1fr) [3];
            grid-template-columns: repeat(4, 1fr)
        }
    }

    @media all and (min-width:1200px) {
        .footer-widget-wrapper {
            margin: 0 auto;
            max-width: 1400px;
            -ms-grid-columns: (1fr) [3];
            grid-template-columns: repeat(4, 1fr)
        }
    }
}

@media screen and (min-width:1200px) {
    #header .primary-menu {
        position: static;
        padding: 0;
        transform: translateX(0);
    }
    #header .topnav {
        padding: 0;
    }

    .menu-item-has-children::after {
        content: url(../images/caret-down.svg);
        position: absolute;
        top: 0;
        color: #fff;
        transition: rotateZ .75s;
        width: 10px;
        right: -15px
    }

    #header {
        padding: 15px 30px;
    }

    #header * {
        transition: all .7s;
    }

    #header.fixed {
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
    }

    #header.fixed #header-logo-container {
        width: 150px;
    }

    #header.fixed~.main {
        padding-top: 98px;
    }

    #header .navigation>a {
        display: none;
    }

    #menu-hovedmenu {
        position: static;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        z-index: 999
    }

    #header .primary-menu {
        height: auto;
        z-index: 10;
    }

    #header .primary-menu ul,
    #header .primary-menu .sub-menu {
        list-style-type: none;
    }

    #header .primary-menu .menu>li {
        margin-bottom: 0;
        font-size: 18px;
    }

    #header .primary-menu .menu>li:not(:first-child) {
        margin-left: 50px;
    }

    #header .primary-menu .menu>li.menu-item-has-children ul {
        left: -40px;
        position: absolute;
    }

    /*#header .primary-menu .menu>li.menu-item-has-children .sub-menu::after {
        content: "";
        position: absolute;
        top: 18px;
        left: 18px;
        width: calc(100% - 36px);
        border: 1px solid #d4b36d;
        height: calc(100% - 36px);
        border-top: unset;
    }*/

    #header .primary-menu .menu>li .sub-menu {
        overflow: auto;
        overflow-x: hidden;
    }


    #header .primary-menu .menu>li .sub-menu li {
        font-size: 14px;
        padding-top: 0;
    }

    #header .primary-menu ul ul li {
        margin-bottom: 5px;
        padding: 7px 20px;
    }

    #header .primary-menu .menu>li .sub-menu li:not(:last-child) {
        margin-bottom: 5px;
    }

    #header .primary-menu .menu>li.menu-item-has-children:hover ul {
        display: block;
        max-height: none;
        padding: 25px 36px 50px;
        background: #373d41;
        width: 300px;
    }

    #header .primary-menu .menu>li.menu-item-has-children::after {
        right: -17px;
        width: 7px;
        top: -4px;
    }

    #header-logo-container {
        width: 150px
    }

    #header-logo-container a img {
        width: 150px;
        min-height: unset;
        margin-left: unset
    }
}

.mailchimp-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.mailchimp-form div {
    width: 100%;
}

.mailchimp-form div:first-child {
    margin-bottom: 20px;
}

.section-footer-unit:last-child h2 {
    font-size: 24px;
}

.mc4wp-form-fields h3 {
    font-size: 17px;
}

.mc4wp-form-fields h2, .mc4wp-form-fields h3{
    color: white;
}

.section-footer-unit:last-child {
    margin-bottom: 0;
}

.section-footer-unit:last-child .wp-container-2.wp-block-columns, .section-footer-unit:last-child .wp-block-image {
    padding: unset;
    margin: unset;
}



.mailchimp-form div input {
    background: none;
    border: unset;
    border-bottom: white 1px solid;
    color: white;
    width: 100%;
}

.mailchimp-btn input {
    color: white;
    background: #D4B36D;
    border: unset;
    height: 40px;
    width: 100%;
    margin-top: 20px;
}
.mc4wp-form-fields input::placeholder {
    color: white;
    margin-bottom: 10px;
}


@media all and (min-width:768px) {
    .contact-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .contact-section .contact-form {
        max-width: 570px;
    }
}
@media all and (min-width:1200px) {
    .wpcf7-form {
        width: 880px;
    }
}

@media (min-width: 576px) {
    .owl-slide-content {
        height: 600px !important;
    }
}

@media (min-height: 940px) {
    .owl-slide-content {
        height: 740px !important;
    }
}

.page-id-31 .slider-section img {
    min-width: 100%;
}

/* Landing page Gallery */

.mfp-arrow-right:before {
    border-left: 27px solid transparent!important;
}

.mfp-arrow-right:before {
    border-left: 27px solid transparent;
    content: url(./images/Icons/Arrow/arrow_gold.svg);
    width: 56px;
}

.mfp-arrow-left:before {
    content: url(./images/Icons/Arrow/arrow_gold.svg);
    width: 80px;
}




/*transition*/

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.owl-stage-outer .owl-stage {
    transition: all .1s ease .1s!important;
}

/* enterFullscreenBtn */
button[id^="fullscreenBtn"] {
    background-image: url(https://afrikashorisonter.dk/wp-content/uploads/2020/03/fullscreen_picto.png);
    width: 30px;
    height: 30px;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    background-position: center;
    position: absolute;
    top: 2px;
    margin-right: 10px;
    right: 10px;
}

@media all and (min-width: 778px) {
    button[id^="fullscreenBtn"] {
        position: relative;
        left: 20px;
    }
}

@media (max-width: 1181px) {

    .lodge {
        flex-wrap: wrap;
    }

    .lodge .lodge-content, .lodge .lodge-image {
        -ms-flex: 1;
        flex: 1;
        min-width: 100%;
        min-height: 400px;
        padding: unset;
    }
}


#ui-datepicker-div {
    z-index: 99 !important;
}


.basic-section ul {
    margin-left: 20px;
}