@import url('../fonts/fonts.css');
/* Hide recaptcha badge */
.grecaptcha-badge {
    display: none;
}

body {
    letter-spacing: 0.05em;
}


.uk-background-beige {
    background: #ece3dc;

}

.bluetext {
    color: #074a7f;
}


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

.blueplate {
    background: rgba(0,75,132,0.65);
}
.uspbox:hover .blueplate {
    background: rgba(0,75,132,1);
}

.zoom-on-hover {
    transition: transform .5s; /* Animation */
}

.uk-button-border {
    border-radius: 25px;
    border: 2px solid #C3BEBBFF;
}

.uk-button-border:hover {
    color: #333;
}

.uspbox:hover .zoom-on-hover {
    transform: scale(1.05);
}
.newsbox:hover .zoom-on-hover {
    transform: scale(1.05);
}

.newsbox:hover .uk-card  {
    background: #ffffff87;
}

.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.25);
}

#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;
}

.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: #0066AC;
}

.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::after {
    width: 20px;
}

.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;
    right: 0;
}

.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);
    width: 40px;
}
.uk-navbar-toggle {
    z-index: 1011;
}
.mobilemenu-modal, .mobilemenu-offcanvas {
    padding-top: 100px;
    padding-bottom: 0;
}

.mobilebottom {
    margin: 0 -80px;
    background: #0066AC;
    padding: 24px 80px;
    border-top: 10px solid #7EA2D1;
}

.patterin-in-mobile {
    position: absolute;
    top: auto;
    bottom: 155px;
    left: 50px;
    right: 0;
}

.tm-header-mobile, .tm-header {
    position: absolute;
    z-index: 9999;
    height: 86px!important;
    width: 100%;
}

.

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

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

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

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

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

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

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

.section-bordered > div {
    padding-top:25px;
    padding-bottom:25px;
    margin-top: 15px;
    margin-bottom: 15px;
}

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

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

.bloom-imagetext {
    background: rgba(0, 102, 172, 0.75);
    padding: 30px 0px 20px 0px;
    margin-left: -125px;
    margin-right: -125px;
    z-index: 999999;
}

.bloom-imagetext h1 {
    color: #fff!important;
}

.bloom-imagetext-sub {
    background: rgba(0, 102, 172, 0);
    padding: 30px 0px 20px 0px;
    margin-left: -125px;
    margin-right: -125px;
    z-index: 999999;
}

.bloom-imagetext-sub h1 {
    color: #fff!important;
}

.uk-sticky-fixed .uk-logo img {
    display: block!important;
}

.uk-sticky-fixed .uk-logo .uk-logo-inverse {
    display: none!important;
}

.bloom-topper {
    top:-27px;
    padding: 0 15px;
    z-index: 99999999;
}

.fullview .bloom-topper {
    top: -27px;
    left: 50%;
    margin-left: -100px;
    z-index: 99999999;
}

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

.uk-icon-button {
    background: #1D64C5E6;
    color: #fff;
}
.uk-icon-button:hover,
.uk-icon-button:active,
.uk-icon-button:focus
{
    background: rgba(16, 81, 197, 0.9);
    color: #fff;
}

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

.newnarrow h3 {
    margin-bottom: 0px;
}

.newnarrow h3 + p {
    margin-top:0px;
}

.no-main-padding .tm-main {
    padding-bottom: 0px!important;
}

.bloom-bildbutton {
    display: block;
    padding: 15px 30px;
    border-radius: 100px;
    font-family: 'hammarstromsmedium';
    background: #05438a;
    -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-size: 13px;
    color: #fff!important;
}

.uk-navbar-container.uk-navbar-sticky {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
.uk-navbar-container.uk-navbar-sticky .uk-navbar-right {
    margin-top: 0px;
}
.uk-navbar-container.uk-navbar-sticky .uk-navbar-nav>li>a {
    text-shadow: none;

}

.uk-navbar-container.uk-navbar-sticky .uk-logo {
    padding-top: 0px;
}

.uk-navbar-container.uk-navbar-sticky .uk-logo img {
    display: none;
}
.uk-navbar-container.uk-navbar-sticky .uk-logo img.uk-logo-inverse {
    display: block;

}



.slidback {
    background: rgba(0, 102, 172, 0.75);
    padding: 30px 50px 30px 50px;
}

.bloom-bildbutton:hover {
    background: #5c8ed1;
    color: #fff!important;
}

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

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

.uk-badge.spec {
    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;
    display: inline-block;
    padding: 20px 30px;
    font-size: 20px;
    font-weight: 600!important;
    text-transform: capitalize!important;
    font-family: 'hammarstromslight';
    color: #004B84!important;
    border-radius: 500px;
    border: 1px solid #B9AAA0;
}

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

.bloom-switcher li.uk-active a {
    background: #004B84 !important;
    color: #fff!important;
    border: 1px solid #004B84;
}

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


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

.vinnare {
    position: fixed!important;
    bottom: 50px!important;
    left: 50px!important;
    z-index: 99999999999999999999999999!important;
}

.pulse {
    margin:100px;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #cca92c;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
    animation: pulse 2s infinite;
}
.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

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

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


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

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

.uk-navbar-nav>li>a {
    text-shadow: 0px 0px 3px rgba(0,0,0,0.95);
}

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

#system-message-container {
    display: none!important;
}

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

@media all and (max-width: 640px) {
    #module-473 {

    }
}

@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;
    }

    .bloom-imagetext-sub {
        padding: 30px 30px 20px 30px;
        margin-left: -25px;
        margin-right: -25px;
    }
}


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

    .om-oss #viewportheightcontainer .uk-cover {
        left: 80%;
    }

    #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;
    }

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