/* @import url('https://fonts.cdnfonts.com/css/marbre-sans'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&family=Euphoria+Script&display=swap');
/* Hide recaptcha badge */

@media (min-width: 1200px) {
    .uk-grid-divider > * {
        padding-left: 40px;
    }
}

    .uk-grid-divider>* {
        padding-left: 40px;
        margin-bottom: 30px;
    }

.top-menu-link {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 0.85rem;
    margin-top: 50px;
    padding: 0 22px;
    position: relative;
    text-transform: initial;
    letter-spacing: 0.05em;
}

.top-menu-link:hover {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}

.tillsalu .Utlandsobjekt {
    display: none;
}

.top-menu-link:hover:after {
    border-bottom: 2px solid #fff;
    content: ' ';
    /* width: 100%; */
    position: absolute;
    bottom: 27px;
    left: 22px;
    right: 22px;
}

.multiselect__tag {
    background: #1f374e!important;
}

.multiselect__option--highlight {
    background: #1f374e!important;
    outline: none;
    color: #fff;
}

.multiselect__option--selected.multiselect__option--highlight {
    background: #666!important;
    color: #fff;
}
.multiselect__option--highlight:after {
    background: #666!important;
}

.grecaptcha-badge {
    display: none;
}

.newheader {
    font-size:2rem!important;
    font-weight: 300!important;
}

@media all and (max-width: 800px) {
    .newheader {
        font-size: 1.6rem!important;
    }
}

#module-474 {
    position: relative;
    z-index: 99999;
    padding: 30px 0;
}

#module-474 h2 {
    margin-bottom: 35px;
}

.startsidan #module-476 .scrolldown {
    display: none;
}

#module-474 .uk-container {
     margin:auto;
     max-width: 756px;
 }

#module-474 p + p {
    margin-top:30px;
}

body {
    letter-spacing: 0.05em;
}

/* Force sup to be smaller, overriden by subnav first-child otherwise */
.sub, sup {
    font-size: 75% !important;
}

/* Make sure checkbox label gets a red underlined if not check and is mandatory */
.uk-form-danger + label, .uk-form-danger:focus + label {
    color: #f0506e;
    border-bottom: 2px solid #f0506e !important;
    padding: 3px;
}

/* Adds support for cover on old iphones */
.uk-cover {
    -webkit-transform: translate(-50%, -50%);
}

.swe, .eng {
    display: none;
}

.swe:lang(sv), .eng:lang(en) {
    display: inline-block;
}

.thumbbutton {
    width: 100px !important;
    height: 70px !important;
    margin-left: 10px;
    margin-bottom: 20px;
    border-radius: 0;
}

.thumbuttonwrapper {
    max-width: 50%;
    margin-right: 50px;
    margin-bottom: 50px;
}

.bloom-text-shadow {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.bloom-small-text-shadow {
    text-shadow: 1px 1px 40px rgba(0, 0, 0, 1);
}

#search-loader {
    top: 5px;
    left: 10px;
}

.searchresultbox {
    width: 360px;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 99999;
    background: transparent;
}

#search-results {
    padding: 20px 20px;
    background: #fff;
}

.searchresultbox, .searchresultbox h4 {
    color: #333;
}

.searchresultrow {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.bloomquote {
    font-size: 26px;
    line-height: 1.4em;
    font-style: italic;
    font-weight: 400;
}

.swe, .eng {
    display: none !important;
}

.swe:lang(sv), .eng:lang(en) {
    display: inline-block !important;
}

.se .swe {
    display: inline-block !important;
}

.en .eng {
    display: inline-block !important;
}

.preservebreaks {
    white-space: pre-line;
}

.minlabelwidth {
    min-width: 200px;
}

.roomdescription h1, .roomdescription h2 {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: inherit;
    margin-top: 25px;
    margin-bottom: 5px;
}

.roomdescription h1 + p, .roomdescription h2 + p {
    margin-top: 5px;
}



.uk-position-center-left-out {
    margin-right: 10px;
}

.uk-position-center-right-out {
    margin-left: 10px;
}

.infobox {
    opacity: 0;
    -webkit-transition : opacity 0.25s linear;
    -moz-transition : opacity 0.25s linear;
    -ms-transition : opacity 0.25s linear;
    -o-transition : opacity 0.25s linear;
    transition : opacity 0.25s linear;
}
.overinfo:hover .infobox {
    opacity:1;
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.75s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    outline:0;
    opacity: 1;
}

.hamburger:hover {
    opacity: 1;
}

.hamburger.is-active:hover {
    opacity: 1;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #000;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 3px;
    background-color: #fff;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.75s;
    transition-timing-function: ease;
}

.hamburger-inner::before {
    width: 30px;
    right:0px;
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
    top: 2px;
}

.hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
    top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg);
}
.uk-navbar-toggle {
    z-index: 1011;
}
.mobilemenu-modal, .mobilemenu-offcanvas {
    padding-top: 100px;
}

@font-face {
    font-family: 'Marbre Sans Bold';
    src: url('../fonts/Marbre_Sans_Bold.eot');
    src: url('../fonts/Marbre_Sans_Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Marbre_Sans_Bold.woff') format('woff'),
    url('../fonts/Marbre_Sans_Bold.ttf') format('truetype'),
    url('../fonts/Marbre_Sans_Bold.svg#mycustomfont') format('svg');
}

.tm-header-mobile {
    position: relative;
    z-index: 9999;
    height: 86px!important;
}

.tm-top {
    margin-top: -86px;
    position: relative;
}

.tm-main {
    position: relative;
    z-index: 999;
}

.uk-logo {
    padding-top: 60px;
    margin-left: 60px;
    position: relative;
}

.uk-logo.hide-logo {
    z-index: -1;
}

.uk-navbar-toggle {
    margin-right: 35px;
    margin-top: 35px;
}

.section-bordered  {
    padding-top:0px;
    padding-bottom:15px;
}

.section-bordered > div {
    padding-top:25px;
    padding-bottom:25px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.bloom-list-small > li:nth-child(n+2) {
    margin-top:2px;
    padding-left: 2px;
}

.mobilemenu-offcanvas > div,
.mobilemenu-offcanvas .uk-panel,
.mobilemenu-offcanvas .uk-panel > div,
.mobilemenu-offcanvas .uk-panel > div > div,
.mobilemenu-offcanvas .uk-panel > div > div > div,
.mobilemenu-offcanvas .uk-panel > div > div > div > div {
    height: 100%;
}

.bloom-mobile-text {
    line-height: 1.7em;
    font-size: 14px;
}

.narrow {
    padding-bottom: 65px;
}

.bloom-imagetext {
    background: #eee;
    padding: 30px 0px 20px 0px;
    margin-left: -125px;
    margin-right: -125px;
    z-index: 999999;
}

.forceheight, .forceheight li {
    min-height: 50vh!important;
}

.bloom-topper {
    top:-27px;

    z-index: 99999999;
}

.fullview .bloom-topper {
    top: -27px;

    z-index: 99999999;
}

.scrolldown {
bottom: 50px;
    left: 50%;
    margin-left: -50px;
    z-index: 99999999;
    animation: pulseicon 3s ease-in-out infinite;
}

.fullview .scrolldown {
    top:-120px;
    left: 50%;
    margin-left: -30px;
    z-index: 99999999;
    animation: pulseicon 3s ease-in-out infinite;
    height: 80px;
}

@keyframes pulseicon
{
    0% {
        opacity: 0.75;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        opacity: 0.75;
        transform: scale(1);
    }
}

.truncate .tm-main {
    padding-bottom: 0px;
    line-height: 6px;
}

.bgtrans {
    background: linear-gradient(to bottom,rgba(0,0,0,.45) 0,transparent 23%,transparent 80%,rgba(0,0,0,.5) 100%),radial-gradient(at 50% 50%,rgba(0,0,0,.4) 0,transparent 45%);
    background: linear-gradient(to bottom,rgba(0,0,0,.35) 0,transparent 25%,transparent 50%,rgba(0,0,0,.25) 100%),radial-gradient(at 49% 50%,rgba(0,0,0,0.24) 0,transparent 45%);
}

.darkenit {
    background: linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.5) 100%);
}


.openheader {
    position: absolute;
    left: 75px;
    bottom: 75px;
    color: #fff;
    font-size: 3rem;
}

.readmoreheader {
    text-align: right;
    position: absolute;
    right: 75px;
    bottom: 90px;
    color: #fff;
    font-size: 1.4rem;
    cursor: pointer;
}

.blocktoshow {
    position: absolute;
    background: #1F374E;
    color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
}


.bolderfont h2 {
font-weight: 700;
    font-size: 3.2rem;
}
.bolderfont p, .bolderfont div {

    color: #fff!important;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
}

.bloom-bildbutton {
    display: inline-block;
    padding: 15px 35px;
    width:auto;
    background: #1F374E;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
    font-family: 'MerriWeather';
    font-size: 13px;
    color: #fff!important;
}

.bloom-bildbutton:hover {
    background: #24415B;
}

.bloom-slashsep li:after {
    content: ' / ';
    margin-right:5px;
}

.bloom-slashsep li:last-child:after {
    content: none;
}

.uk-badge.spec {
    background: #1F374E;
    background: #c161a5;

    color: #fff;
}

.bloom-fullviewfactsbox {
    z-index: 9999;
}

.speccolor {

}
.bloom-fullviewswictherbox {
    z-index: 9999999999;
}

.bloom-fullviewswictherbox .bloom-imagetext {
    bottom: 0;
    padding: 20px 0!important;
}

.bloom-switcher li a {
    font-size: 20px!important;
    letter-spacing: 0.07em;
}

.bloom-switcher li:not(last-child) {
    margin-right: 35px;
}

.bloom-switcher li.uk-active a {
    font-weight: 600;
}

.maxwidth120 {
    max-width:120px;
}

.uk-animation-kenburns {
    animation-duration: 30s;
}

/*
 * ==== hexagon
 */
.hexa, .hexa div {
    margin: 0 auto;
    transform-origin: 50% 50%;
    overflow: hidden;
    width: 300px;
    height: 300px;
}
.hexa {
    width: 219px;
    height: 190px;
}
.hexa div {
    width: 100%;
    height: 100%;
}
.hexa {
    transform: rotate(120deg);
}
.hex1 {
    transform: rotate(-60deg);
}
.hex2 {
    transform: rotate(-60deg);
}

.spectext {
    font-family: 'Euphoria Script', cursive!important;
}

#module-472 {
    background: #1F374E;
    color: #fff!important;
    min-height: 100vh;
    padding: 50px;
}
#module-472 > div {
   max-width: 660px;
    margin: auto;
}


.uk-modal {
    z-index: 999999999999999;
}
/*
.uk-sticky-below {
    background: #000;
}

.uk-sticky-below .uk-logo {
    padding-top: 0px!important;
}

.uk-sticky-below  .uk-navbar-toggle {
    margin-top: 2px!important;
}
*/

#tm-main {
    padding-top: 0!important;
}

.bloom-imagetextbox {
    z-index: 9999;
}


.lessmargin .bloom-fullviewfactsbox {
    margin-bottom: -25px;
}

.tillsalu #content {
    display:none!important;
}

.uk-modal-body {
    padding: 30px 60px;
}

.uk-heading-medium {
    font-size: 1.875rem;
}

@media all and (min-width: 640px) {
    .uk-flex-row {
        flex-direction: row!important;
    }
    .uk-offcanvas-bar {
        width: 540px;
    }
}
@media all and (max-width: 1300px) {
    .bloom-imagetext {
        padding: 30px 30px 20px 30px;
        margin-left: -25px;
        margin-right: -25px;
    }
}


@media all and (max-width: 639px) {

    .nomarginonmobile {
        margin-bottom: 10px!important;
    }
    .bolderfont h2 {
        font-weight: 700;
        font-size: 2.2rem;
    }

    .uk-heading-medium {
        font-size: 1.875rem;
    }
    .openheader {
        position: absolute;
        left: 35px;
        bottom: 35px;
        color: #fff;
        font-size: 1.5rem;
    }

    .readmoreheader {
        text-align: right;
        position: absolute;
        right: 35px;
        bottom: 35px;
        color: #fff;
        font-size: 1.3rem;
        cursor: pointer;
    }

    #content .uk-margin-large-top {
        margin-top: 35px!important;
    }

    #content .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin {
        margin-top: 0px!important;
    }

    .add-margin-on-small {
        margin-bottom: 10px;
    }

    .bloom-mobile {
        padding: 0 35px 25px 35px;
    }

    .uk-navbar-toggle {
        margin-right: 15px;
        margin-top: 10px;
    }

    .bloom-switcher li a {
        font-size: 16px!important;
        letter-spacing: 0.05em;
    }

    .bloom-switcher li:not(last-child) {
        margin-right: 15px;
    }

    .bloom-imagetext {
        padding: 35px 30px 10px 30px;
        margin-left: -25px;
        margin-right: -25px;
    }

    #module-429 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .bloom-switcher li a {
        font-size: 14px!important;
        letter-spacing: 0.05em;
    }

    .bloom-switcher li:not(last-child) {
        margin-right: 5px;
    }

    .uk-logo {
        padding-top: 15px;
        margin-left: 20px;
    }

    .fullview  .bloom-imagetext {
        padding: 35px 30px 15px 30px;

    }

    .fullview .bloom-fullviewswictherbox .bloom-imagetext {
        margin-bottom: -35px;
    }

    #switchercontent .uk-accordion {
        padding-left: 5px;
        padding-right: 5px;
    }

    .scrolldown {

    }
}