/* GLOBAL STYLES
-------------------------------------------------- */

body, html {
    height: 100%;
    margin: 0;
}

html {
    font-family: "Lineto Circular Book", sans-serif;
    font-style: normal !important;
}

body {
    font-family: "Lineto Circular Book", sans-serif;
    font-size: 1.6em;
    font-style: normal !important;
    padding-bottom: 40px;
    color: #444444;
    background-color: #ffffff;
    line-height: normal !important;
}

@font-face {
    font-family: "Noe Display Medium";
    src: url("/Content/Fonts/noe-display-medium.eot") format("eot"), url("/Content/Fonts/noe-display-medium.woff") format("woff");
}

@font-face {
    font-family: "Lineto Circular Book";
    src: url("/Content/Fonts/lineto-circular-book.eot") format("eot"), url("/Content/Fonts/lineto-circular-book.woff") format("woff"), url("/Content/Fonts/lineto-circular-book.woff2") format("woff2");
}

@font-face {
    font-family: "Lineto Circular Bold";
    src: url("/Content/Fonts/lineto-circular-bold.eot") format("eot"), url("/Content/Fonts/lineto-circular-bold.woff") format("woff"), url("/Content/Fonts/lineto-circular-bold.woff2") format("woff2");
}

.body-content {
    margin-top: 140px;
}

@media (max-width:767px) {
    .body-content {
        margin-top: 50px;
    }
}

body.content-hub {
    background-color: rgba(0,112,96,0.07)
}

legend {
    font-size: 15px;
    font-weight: bold;
    border: none;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px dotted #37725e;
}

.table thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #35735c;
    background-color: #f0f0f0;
    color: #35735c;
}

.table-hover-link > tbody > tr:hover > td,
.table-hover-link > tbody > tr:hover > th {
    background-color: #ecf1ed;
    cursor: pointer;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #ecf1ed;
    cursor: auto;
}

#editorial-content {
    margin-bottom: 20px;
}

.news-list-item a, .news-list-item a:hover {
    text-decoration: none;
    color: #333;
}

#building-list td.image {
    width: 80px;
}

.typekit-badge {
    display: none;
}

/* Hero */

.hero {
    background-color: #006052;
    padding-bottom: -30px;
    padding-top: -30px;
    margin-left: -165px;
    margin-right: -165px;
    padding-left: 165px;
    padding-right: 165px;
    margin-bottom: 30px;
}

    .hero h1 {
        font-family: "Lineto Circular Book", sans-serif;
        margin-top: 30px;
        padding-top: 0px !important;
        color: #ffffff;
        font-size: 3.2em;
    }

    .hero p {
        color: #ffffff;
        font-size: 1em;
        margin-bottom: 20px;
    }

    .hero .btn-hero {
        clear: both;
        margin-top: 10px;
    }

div.row.hero > div.col-lg-4.col-sm-5 > a > img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    margin-top: -30px !important;
    margin-bottom: -30px !important;
}

.hero-slide-line {
    display: block;
    background-color: #007060;
    height: 7px !important;
    margin-top: 38px;
    margin-bottom: 14px;
    width: 90px;
}


@media (min-width:992px) {

    .hero > div.col-lg-4.col-md-5.col-sm-4.col-xs-12 > img {
    }
}

@media (max-width:991px) {

    .hero {
        padding-top: -30px;
        padding-bottom: 30px;
    }
}

@media (max-width:1199px) {


    .hero h1 {
        margin-top: 30px;
        padding-top: 0px !important;
        color: #ffffff;
        font-size: 2em;
    }
}

.aktuellt h2,
.standardpuff-right h2,
.bannerheader h2,
.standardpuff h2 {
    font-family: 'Noe Display Medium' !important;
    font-size: 1.875em;
    font-weight: normal;
}

@media (min-width: 768px) {
    .bannerheader h2 {
        margin-top: 0px;
        font-size: 1.875em;
        font-weight: normal;
    }
}

.objectheader h2 {
    font-family: 'Lineto Circular Book' !important;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .center-phone {
        text-align: center;
    }
}

.objectheader h2 {
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 10px;
}

.service-link a:hover, .service-link a:active, .service-link a:focus {
    color: #007060;
}

.service-link a {
    color: #007060;
}

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

    a.bold {
        font-family: 'Lineto Circular Bold';
        font-weight: normal;
    }


    a:hover,
    a:focus {
        color: #007060;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted #007060;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    a.information {
        background: transparent url(/Content/Images/ikon-information-om-fastigheten.png) no-repeat center left;
        padding-left: 30px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    a.contact {
        background: transparent url(/Content/Images/ikon-intresseanmlan.png) no-repeat center left;
        padding-left: 30px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    a.map {
        background: transparent url(/Content/Images/ikon-lokaler-pa-karta.png) no-repeat center left;
        padding-left: 30px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    a.pdf {
        background: transparent url(/Content/Images/ikon-pdf.png) no-repeat center left;
        padding-left: 30px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    a.plan {
        background: transparent url(/Content/Images/ikon-planritning.png) no-repeat center left;
        padding-left: 30px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

.objectlinks {
    margin-bottom: 20px;
}

.buttonarrow {
    display: inline-block;
    z-index: inherit;
    height: 22px;
    width: 22px;
    background-image: url(/Content/Images/button-arrow.png);
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-bottom: -4px;
}

.startpage .buttonarrow {
    display: none;
}

.red {
    background: url(/Content/Images/linkarrow.png);
    background-position: right;
}

.linkarrow {
    padding: 5px 5px 5px 25px;
    background: url(/Content/Images/linkarrow.png);
    background-position: right;
    background-repeat: no-repeat;
}

p.ingress {
    font-family: 'Lineto Circular Book';
    font-weight: normal;
    font-size: 1.4em;
    color: #007060;
    margin-bottom: 30px;
}

    p.ingress.building {
        margin-bottom: 20px;
    }

h1, .h1 {
    font-family: "Noe Display Medium", sans-serif;
}

h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Lineto Circular Book", sans-serif;
}

h1,
.h1 {
    padding-top: 10px;
    font-size: 3em;
    padding-bottom: 10px;
    color: #007060;
}

@media (max-width: 767px) {
    h1,
    .h1 {
        padding-top: 0px;
        font-size: 1.5em;
        padding-bottom: 10px;
        margin-top: 0;
    }

    p.ingress {
        font-size: 1.1em;
        font-weight: 200;
        line-height: 1.3;
    }

    h2, .h2 {
        font-family: "Lineto Circular Book", sans-serif;
        font-size: 1.2em;
    }

    .aktuellt h2, .standardpuff-right h2, .bannerheader h2, .standardpuff h2 {
        font-family: 'Noe Display Medium' !important;
        font-size: 1.475em;
        font-weight: normal;
    }
}

h1.long {
    font-size: 2.6em;
}

h2,
.h2 {
    font-family: 'Lineto Circular Bold';
    font-size: 1.4em;
    color: #007060;
}

.h2-list {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 20px;
}

h2.tour {
    font-size: 1.4em;
    font-weight: 100 !important;
    margin-bottom: 0;
    margin-top: 10px;
    opacity: 0.8;
}

    h2.tour:hover {
        opacity: 1;
    }

h2 > span {
    font-weight: 200 !important;
    color: #333;
}

.objectend {
    height: 10px;
}

.lessmargin {
    margin-top: 5px;
}

h3,
.h3 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 1.3em;
    line-height: 1.3;
    font-weight: bold;
}

h4,
.h4 {
    font-size: 0.875em;
    font-weight: bold;
}

h5,
.h5 {
    font-size: 0.875em;
}

h6,
.h6 {
    font-size: 0.750em;
}

.img-spacer {
    padding-bottom: 25px;
}

@media (max-width: 767px) {
    .img-spacer-list {
        padding-bottom: 10px;
    }
}

.topmargin {
    margin-top: 38px;
}


@media (max-width: 767px) {
    .topmargin {
        margin-top: 20px;
    }
}

.leef {
    float: left;
    background-image: url(/Content/Images/leef.png);
    background-repeat: no-repeat;
    width: 419px;
    height: 114px;
}

.building-facts {
    padding-top: 25px;
}

.header-solna {
    font-family: 'pragmatica-web-n4', 'pragmatica-web',sans-serif !important;
    font-size: 36px;
    margin-bottom: 0.5em;
    line-height: 1.4;
    font-weight: 300;
    color: #000000;
    text-transform: uppercase;
}

/*--------------------------------topNav---------------------------*/

#topNav {
    background-color: #f4f4f4;
    overflow: hidden;
    border-bottom: 0px;
    height: 29px;
    font-size: 13px;
    text-align: right;
    margin-left: -165px;
    margin-right: -165px;
}

#topNavC1 {
    margin: 0 auto;
    text-align: right;
}

    #topNavC1 ul {
        margin-right: 170px;
        display: block;
        height: 29px;
        float: right;
    }

        #topNavC1 ul li {
            display: block;
            float: left;
            height: 29px;
            margin: 0;
            padding: 5px 0 0 0;
        }

            #topNavC1 ul li img {
                padding-bottom: 3px;
            }

            #topNavC1 ul li a {
                font: bold 12px/21px;
                padding: 0 14px 0 14px;
                color: #333;
                text-decoration: none;
                margin: 0;
                height: 29px;
            }

            #topNavC1 ul li.active {
                background-color: #e0e0e0;
            }

            #topNavC1 ul li a:hover {
                font: bold 12px/21px;
                padding-left: 14px;
                padding-right: 14px;
                padding-top: 8px;
                padding-bottom: 8px;
                color: #333;
                background-color: #e0e0e0;
                text-decoration: none;
                margin: 0;
                height: 29px;
            }

/* SET NOPADDING FOR CONTAINER
-------------------------------------------------- */

@media (max-width: 1199px) {
    .nopadding {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 768px) {
    .margin-desktop {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (min-width: 768px) {
    .marginbottom-desktop {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .nopadding-phone {
        padding-left: 0px;
        padding-right: 0px;
    }

    .less-padding-reports-phone {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 767px) {
    .padding-phone {
        padding-left: 15px;
        padding-right: 15px;
    }

    .nav-start-desktop {
        visibility: hidden;
        height: 0px;
    }
}

@media (max-width: 991px) {
    .padding-bottom-phone {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .topnav-hide {
        visibility: hidden;
    }
}

.nav > li > a > img {
    vertical-align: top !important;
}

/* CUSTOMIZE BUTTONS
-------------------------------------------------- */
.btn-primary {
    color: #ffffff;
    background-color: #006052;
    border-color: #006052;
    background-image: none;
    border-radius: 0;
}

.btn-lightgreen {
    color: #565758;
    background-color: #eaefec;
    border-color: #eaefec;
    font-weight: 700;
    background-image: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    border-color: #205543;
    background-image: none;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-default {
    border-color: transparent;
    border-bottom-width: 3px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    font-weight: bold;
    margin-right: 10px;
    margin-bottom: 10px;
    background-image: none !important;
}

.btn:active,
.btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-hero {
    color: #007060;
    background-color: #ffffff;
    border-color: transparent;
}

    .btn-hero:hover,
    .btn-hero:focus,
    .btn-hero:active,
    .btn-hero.active,
    .open .dropdown-toggle.btn-primary {
        opacity: 0.8;
        border-color: transparent;
    }

    .btn-hero:active,
    .btn-hero.active,
    .open .dropdown-toggle.btn-hero {
        background-image: none;
    }

/* CUSTOMIZE HEADER AND LOGO
-------------------------------------------------- */

.headerline {
    background-color: #006052;
    height: 3px;
    margin-left: -165px;
    margin-right: -165px;
}

.humlanheader {
    height: 114px;
}

.humlanlogo {
    padding-top: 32px;
}

@media (max-width: 767px) {
    .headerhumlan {
        background-image: none;
        height: 92px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

/* CUSTOMIZE SEARCHBOX
-------------------------------------------------- */

#custom-search-form {
    margin: 0;
    margin-top: 38px;
    padding: 0;
}

    #custom-search-form .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    #custom-search-form button {
        border: 0;
        background: none;
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

.search-query:focus + button {
    z-index: 3;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.navbar {
    font-size: 0.85em !important;
    margin-bottom: 0px;
    border-radius: 0px;
    border: 0px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 99;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

@media (min-width: 1200px) {
    .navbar {
        font-size: 1.1em !important;
        margin-bottom: 0px;
        border-radius: 0px;
        border: 0px;
        min-height: 75px;
    }

    .topmarginLokaler {
        margin-top: 111px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .navbar {
        font-size: 0.8em !important;
    }

    .nav > li > a {
        padding: 15px 10px !important;
    }
}

.navbreak {
    background-color: #194c3b;
    height: 4px;
    margin-left: -165px;
    margin-right: -165px;
}

.projectnavbreak {
    background-color: #28752e;
    height: 4px;
    margin-left: -165px;
    margin-right: -165px;
}

@media (max-width: 767px) {

    .navbar {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        border-radius: 0;
        text-transform: uppercase;
    }

    .navbar-default {
        background: #006052;
        font-weight: 400;
        border-color: transparent;
        letter-spacing: 1px;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: none;
    }

    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        height: 40px;
    }

    .navbar-nav {
        margin: 0 -15px;
    }

    .nav-pills li.active > a, .nav-pills li.active > a:hover, .nav-pills li.active > a:focus {
        font-family: 'Lineto Circular Bold';
        color: #333333;
        background-color: #ecf1ed;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        height: 0px;
        min-width: 100%;
    }

        .navbar-nav > li {
            letter-spacing: 1px;
        }
}

.navbar-wrapper {
    position: relative;
    z-index: 15;
}

.navbar-default {
    background: #006052;
    font-weight: 400;
    border-color: transparent;
}

    .navbar-default .navbar-nav > li > a {
        color: #ffffff;
        height: 45px;
    }

.navbar-wrapper {
    position: relative;
    z-index: 15;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    height: 50px;
}

@media (min-width: 768px) {

    #humlanNavbar li.leftnav:hover, #humlanNavbar li.rightnav:hover {
        -moz-box-shadow: inset 0 -4px 0px 0px #ecf1ee;
        -webkit-box-shadow: inset 0 -4px 0px 0px #ecf1ee;
        box-shadow: inset 0 -4px 0px 0px #ecf1ee;
    }

    #humlanNavbar li.pull-right-search:hover {
        -moz-box-shadow: inset 0 0px 0px 0px;
        -webkit-box-shadow: inset 0 0px 0px 0px;
        box-shadow: inset 0 0px 0px 0px;
    }
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: transparent;
    opacity: 0.8;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #006052;
}

.navbar-toggle {
    border-radius: 0px;
}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
}

    .navbar-default .navbar-nav > .open > a .caret,
    .navbar-default .navbar-nav > .open > a:hover .caret,
    .navbar-default .navbar-nav > .open > a:focus .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

@media (max-width: 767px) {

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        color: #ffffff;
        background-color: #006052;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #006052;
    }


    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffffff;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ffffff;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777777;
}

    .navbar-default .navbar-link:hover {
        color: #333333;
    }

.dropdown-menu > li > a {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        color: #ffffff !important;
        text-decoration: none;
        background-color: #006052 !important;
        background-image: none !important;
    }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #006052 !important;
    background-image: none !important;
    outline: 0;
}

.dropdown-menu {
    text-transform: none;
    position: absolute;
    top: 109%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #8ab0a3 !important;
    border: 0px none;
    border: 0px none rgba(0, 0, 0, 0);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
    background-clip: padding-box;
}

.navbar-default .navbar-brand {
    color: #fff;
    background-image: url(/Content/Images/humlegarden-logo-phone.png);
    width: 230px;
    margin-left: 8px;
}

.navbar {
    min-height: 45px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

.nav .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.chev-right {
    z-index: inherit;
    float: right;
    background: url('../Images/chev-right.svg') no-repeat center bottom;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-size: 17px 17px;
    background-position: 12px 11px;
}

.chev-down {
    z-index: inherit;
    float: right;
    background: url('../Images/chev-down.svg') no-repeat center bottom;
    width: 40px;
    height: 40px;
    background-size: contain;
    background-size: 17px 17px;
    background-position: 12px 11px;
}

.nav-stacked > li > a {
    position: relative;
    display: block;
    padding: 10px 0 10px 10px;
}

.nav-stacked-sub > li a {
    position: relative;
    display: block;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-stacked-sub-sub > li a {
    position: relative;
    display: block;
    padding: 8px 30px;
    font-size: 1em;
    font-weight: 400;
}

span[class^="chev-"] {
    display: inline-block;
    margin-top: -10px;
}

@media (max-width: 767px) {

    .nav-stacked-sub > li a {
        position: relative;
        display: block;
        padding-left: 30px;
        padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-toggle {
        background-color: #006052;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #006052;
    }


    span[class^="chev-"] {
        display: inline-block;
        margin-top: -10px;
        background-color: #ecf1ed;
        border-left: 1px solid rgba(76, 183, 142, 0.3);
    }

    .chev-right {
        z-index: inherit;
        float: right;
    }


    .chev-down {
        z-index: inherit;
        float: right;
    }

    .nav-stacked > li {
        font-weight: normal;
    }
}

.navbar-collapse {
    padding-left: 20px !important;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
    .navbar-default .navbar-brand {
        background-image: url(/Content/Images/humlegarden-logo-responsive-white.svg);
        background-repeat: no-repeat;
        background-size: 230px;
        width: 230px;
        background-position-y: 12px;
        margin-left: 15px;
    }
}

/* TOPNAVIGATION FOR ENGLISH
-------------------------------------------------- */

@media (min-width: 768px) {

    .navbar-top {
        font-size: 12px;
        font-weight: normal;
        position: absolute;
        top: -125px;
        right: 170px;
        width: auto;
        background-color: transparent;
    }

    .navbar-default .navbar-top > li > a {
        color: #333;
        background-color: transparent !important;
        height: auto;
        text-transform: none;
    }

        .navbar-default .navbar-top > li > a:hover {
            color: #333;
            text-decoration: underline;
            background-color: transparent !important;
            height: auto;
        }

    .navbar-default .navbar-nav > .topnav > a,
    .navbar-default .navbar-nav > .topnav > a:hover,
    .navbar-default .navbar-nav > .topnav > a:focus {
        color: #333;
        background-color: transparent;
        text-decoration: underline;
    }
}

/* CUSTOMIZE NAV STACKED (LEFT NAVIGATION)
-------------------------------------------------- */

.nav-stacked-header {
    font-size: 25px;
    color: #000000;
    font-weight: normal;
    padding-bottom: 15px;
    padding-top: 30px;
    border-bottom: 1px solid rgba(76, 183, 142, 0.3);
    display: block;
    font-weight: 400;
}

@media (max-width:991px) {
    .nav-stacked-header {
        font-size: 21px;
        color: #000000;
        font-weight: normal;
        padding-bottom: 15px;
        padding-top: 30px;
        border-bottom: 1px solid rgba(76, 183, 142, 0.3);
        display: block;
        font-weight: 400;
    }
}

.nav-pills > li > a {
    border-radius: 0px;
}

.nav-pills li.active > a,
.nav-pills li.active > a:hover,
.nav-pills li.active > a:focus {
    font-family: 'Lineto Circular Bold';
    color: #4cb78e;
    background-color: rgba(81,102,121,0.1);
}

.nav > li > a:focus, .nav > li > a:hover {
    color: #007060;
}

.nav-stacked > li + li {
    margin-top: 0px;
    margin-left: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #ecf1ed;
}

.nav > li > li > a {
    position: relative;
    display: block;
    padding: 10px 40px;
}

@media (max-width: 767px) {
    .nav-stacked-header {
        padding-top: 10px;
        background-color: #ecf1ed;
        font-size: 15px !important;
        color: #333333;
        font-weight: normal;
        padding-left: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e6ebed;
        display: block;
    }

        .nav-stacked-header a, .nav-stacked a {
            color: #333333;
        }

    .nav-stacked > li > a {
        position: relative;
        display: block;
        padding-left: 15px;
        padding-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        font-weight: 700;
        background-color: #ecf1ed;
        color: #333333;
    }
}

.nav-stacked > li {
    border-bottom: 1px solid rgba(76, 183, 142, 0.3);
}

@media (max-width: 767px) {
    .nav-stacked > li {
        border-bottom: 1px solid rgba(76, 183, 142, 0.3);
        font-weight: normal;
    }
}

.nav-stacked-sub li {
    border-top: 1px dotted rgba(76, 183, 142, 0.3);
}

/* IFRAMES */
iframe {
    border: none;
}

/* STANDARDPUFF THREE COLUMNS
-------------------------------------------------- */

.standardpuff {
    background-color: #edeff1;
    padding: 30px 20px 20px 20px;
    margin-bottom: 20px;
}

.masonry-newslist .standardpuff, .startpage .standardpuff, .content-hub .standardpuff {
    padding: 30px 20px 20px 20px;
    margin-bottom: 20px;
    background-color: #ffffff;
}

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

.standardpuff .form-control {
    margin: 15px 0;
}

/* SYNC HEIGHT
-------------------------------------------------- */

@media (min-width: 992px) {
    .start-page-blocks .standardpuff,
    .start-page-blocks .standardpuff-right {
        min-height: 485px;
    }

        .start-page-blocks .standardpuff div.puff-button,
        .start-page-blocks .standardpuff-right .puff-button {
        }

    .start-page-blocks .puff-button {
        position: absolute;
        width: 100%;
        bottom: 40px;
        padding-right: 70px;
    }
}

.start-page-blocks .standardpuff {
    text-align: center;
}

    .start-page-blocks .standardpuff img.img-responsive {
        display: inline;
    }

/* STANDARDPUFF RIGHT COLUMN
-------------------------------------------------- */

.standardpuff-right {
    background-color: #ecf1ed;
    padding: 30px 20px 20px 20px;
    text-align: left;
    margin-bottom: 20px;
}

    .standardpuff-right img {
        margin: 0 auto;
    }

/* AKTUELLTPUFF
-------------------------------------------------- */

.aktuellt {
    padding-bottom: 20px;
    padding-top: 3px;
    text-align: left;
}

    .aktuellt a {
        color: #333;
    }

    .aktuellt h2 {
        margin-top: -9px;
        margin-bottom: -8px;
    }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #516679;
    opacity: 0.38;
    padding: 0;
}

.objectlist {
    border-color: #516679;
    margin-top: 1px;
    margin-bottom: 1px;
}

.premisefact {
    padding-bottom: 20px;
}

/* Youtube Responsive
-------------------------------------------------- */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* Datelist
-----------------------------------------------------------------------------*/
#datewrapper {
    width: 100%;
}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
    width: 100%;
    height: 10%;
    position: relative;
}

    #middle:after {
        content: '';
        clear: both;
        display: table;
    }

#datecontainer {
    width: 100%;
    float: left;
    overflow: hidden;
}

#datecontent {
    padding: 0 0 0 78px;
    max-height: 65px;
}


/* Dateplate
-----------------------------------------------------------------------------*/

#dateplate {
    float: left;
    min-height: 68px;
    background-color: #FFF;
    width: 60px;
    margin-left: -100%;
    position: relative;
    text-align: center;
    font-size: 26px;
    margin-bottom: 15px;
    border-bottom: solid 3px;
    border-color: #e2e2e2 !important;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.month {
    font-weight: bold;
    min-height: 25px;
    position: relative;
    background: #D66163;
    padding-top: 2px;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: solid 2px;
    border-color: #f5f5f5 !important;
}

/* NEWSHEADER
-------------------------------------------------- */

.newsline {
    background-color: #006052;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 0px;
    margin-top: 4px;
}

.newsheader {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

.nearbyeader {
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 5px;
}

.-divider {
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
}

/* Thin out the marketing headings */
.-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
}


/*  Overlay text on a clickable image  
------------------------- */

a.pic-link {
    display: block;
    height: auto;
    width: 100%;
    max-width: 370px;
    position: relative;
    color: white;
}

a.pic-link-reports {
    display: block;
    height: auto;
    width: 100%;
    max-width: 300px;
    position: relative;
    color: #333;
}

a.pic-link-carousel {
    display: block;
    height: auto;
    width: 100%;
    position: relative;
    color: white;
}

/*  Overlay text on a clickable image  
------------------------- */

div.pic-link {
    display: block; /* allow height and width to be specified - not needed if floated */
    height: auto; /* match img */
    width: 100%; /* match img */
    max-width: 370px;
    position: relative; /* so children of .pic-link can be positioned absolutely in relation it */
    color: white;
}

div.pic-link-reports {
    display: block; /* allow height and width to be specified - not needed if floated */
    height: auto; /* match img */
    width: 100%; /* match img */
    max-width: 300px;
    position: relative; /* so children of .pic-link can be positioned absolutely in relation it */
    color: #333;
}

div.pic-link-carousel {
    display: block; /* allow height and width to be specified - not needed if floated */
    height: auto; /* match img */
    width: 100%; /* match img */
    position: relative; /* so children of .pic-link can be positioned absolutely in relation it */
    color: white;
}

.pic-link a:hover, .pic-link a:focus, .pic-link visited, .pic-link a {
    color: #ffffff !important;
    text-decoration: none !important;
}


@media (min-width: 768px) {
    #contacts-thumbnails > div, #building-thumbnails > div {
        padding-right: 5px;
        padding-left: 5px;
        margin-bottom: 17px;
        font-size: 14px;
    }

    #contacts-thumbnails > :first-child, #building-thumbnails > :first-child {
        padding-left: 0;
        padding-right: 10px;
    }

    #contacts-thumbnails > :nth-child(3n+3), #building-thumbnails > :nth-child(3n+3) {
        padding-right: 0;
        padding-left: 10px;
    }

    #contacts-thumbnails > :nth-child(3n+4), #building-thumbnails > :nth-child(3n+4) {
        padding-left: 0;
        padding-right: 10px;
    }

    #reports-thumbnails > div {
        padding-right: 5px;
        padding-left: 5px;
        margin-bottom: 20px;
        font-size: 14px;
        color: #333;
        overflow: inherit;
    }

    #reports-thumbnails > :first-child {
        padding-left: 0;
        padding-right: 10px;
        clear: right;
    }

    #reports-thumbnails > :nth-child(3n+3) {
        padding-right: 0;
        padding-left: 10px;
    }

    #reports-thumbnails > :nth-child(3n+4) {
        padding-left: 0;
        padding-right: 10px;
        clear: both;
    }
}

@media (max-width: 767px) {
    #contacts-thumbnails > div, #building-thumbnails > div {
        margin-bottom: 10px;
        font-size: 14px;
    }

    #reports-thumbnails > div {
        margin-bottom: 20px;
        font-size: 14px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    a.pic-link-reports span, a.pic-link-carousel span {
        display: none;
    }
}


a.pic-link:hover {
    color: white; /* IE6 requires a change of some kind to occur on a:hover for hover to work on a.pic-link:hover span, otherwise this could be applied to that selector */
}

a.pic-link img, a.pic-link-reports img, a.pic-link-carousel img {
    border: none;
    vertical-align: bottom; /* removes the space reserved for text descenders */
}

a.pic-link span, a.pic-link-carousel span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 10px; /* 2% left + 2% right + 96% width = 100% */
    background: url(/Content/Images/background.png);
    background: rgba(0, 0, 0, 0.5);
    line-height: 1.3;
}

a.pic-link-reports span {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 5px 10px; /* 2% left + 2% right + 96% width = 100% */
}



div.pic-link:hover {
    color: white; /* IE6 requires a change of some kind to occur on a:hover for hover to work on a.pic-link:hover span, otherwise this could be applied to that selector */
}

div.pic-link img, a.pic-link-reports img, a.pic-link-carousel img {
    border: none;
    vertical-align: bottom; /* removes the space reserved for text descenders */
}

div.pic-link span, a.pic-link-carousel span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 10px; /* 2% left + 2% right + 96% width = 100% */
    background: url(/Content/Images/background.png);
    background: rgba(0, 0, 0, 0.5);
    line-height: 1.3;
}

div.pic-link-reports span {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 5px 10px; /* 2% left + 2% right + 96% width = 100% */
}

#owl-demo a.pic-link span, #owl-content a.pic-link span, a.pic-link-carousel span {
    height: 47px;
}

a.pic-link:hover span {
    background: url(/Content/Images/background-hover.png); /* for browsers not supporting rgba */
    background: rgba(0, 0, 0, 0.4);
}

.frame {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    padding-bottom: 60px;
}

    .frame:hover {
        opacity: 0.8;
    }

@media (max-width: 767px) {

    #contacts-thumbnails a.pic-link span, #building-thumbnails a.pic-link span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: url(/Content/Images/background.png); /* for browsers not supporting rgba */
        background: rgba(0, 0, 0, 0.5);
    }
}

/*  Imagebanner  
------------------------- */

.imagebanner {
    margin-bottom: 20px;
}

/*  Movieclip  
------------------------- */

.movieicon {
    margin-bottom: 20px;
    display: block;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

    .marketing {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-wrapper {
        margin-top: 20px;
    }

        .navbar-wrapper .navbar {
            border-radius: 0px;
        }

    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }

    .-heading {
        font-size: 50px;
    }
}

@media (min-width: 992px) {
    .-heading {
        margin-top: 120px;
    }
}

@media (min-width: 992px) {
    .col-lg-6.nopadding {
        padding-left: 0px;
    }
}

@media (max-width: 991px) {
    .hero {
        margin-left: 0px;
        padding-left: 0px;
        margin-right: 0px;
        padding-right: 0px;
    }
}

/* LEDIGA LOKALER GRÅ BAKGRUND
-------------------------------------------------- */
.grey {
    background-color: #ecf1ed;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* LABEL LEDIGA LOKALER
-------------------------------------------------- */

.label {
    font-family: 'Lineto Circular Bold';
    font-weight: normal !important;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 9px;
    padding-right: 9px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 80%;
    line-height: 1;
    color: #ffffff;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

label {
    font-family: 'Lineto Circular Bold';
    font-weight: normal !important;
}

.label-default {
    background-color: #006052;
}

/* CUSTOMIZE FOOTER AND LINKS
-------------------------------------------------- */
.footerline {
    background-color: #006052;
    height: 2px;
    margin-top: 80px;
    margin-bottom: 20px;
}

.content-hub .footerline {
    background-color: transparent;
    height: 2px;
    margin-top: 80px;
    margin-bottom: 20px;
}

.footernav {
    margin-bottom: 50px;
}

    .footernav h2 {
        font-size: 21px;
        color: #333;
    }

    .footernav a {
        font-family: 'Lineto Circular Bold';
        font-size: 15px;
        color: #4cb78e;
        line-height: 1.5em;
    }

.footer-bg {
    background-color: #ffffff;
}

/* DROPDOWN
-------------------------------------------------- */

.form-control:focus {
    border-color: #006052;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(40, 114, 94, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(40, 114, 94, 0.6);
}

.bottom {
    background-color: grey;
    width: 200px;
    height: 200px;
    line-height: 384px;
    text-align: right;
    font-size: 16px;
}

.header-facts {
    font-size: 1.4em;
    color: #333;
    font-weight: 200;
}

h3 {
    color: #333;
    font-size: 1.2em;
    padding-bottom: 10px;
}

.light-facts {
    font-weight: 200;
}

.padding-top {
    padding-top: 25px;
}

.padding-top-10 {
    padding-top: 11px;
}

.padding-top-felanmalan {
    padding-top: 2px;
}

#support {
    background-color: #edeff1;
    margin-bottom: 30px;
    padding: 20px;
}

    #support h3 {
        margin-bottom: -5px;
    }


#team {
    background-color: #edeff1;
    margin-bottom: 30px;
    padding: 20px;
}

.number {
    font-size: 24px;
    color: #333;
}

.service-link {
    font-size: 20px;
    font-weight: bold;
}

.center {
    text-align: center;
}

.wrapper-puff {
    overflow: hidden;
    padding-bottom: 20px;
}

.left-team {
    width: 80px;
    float: left;
}

.left-support {
    float: left;
    margin-top: 1px;
}

.left-number {
    float: left;
    margin-top: 3px;
}

.right {
    padding-left: 20px;
    overflow: hidden;
}

.bottom-margin {
    margin-bottom: 5px;
}

/* GOOGLE MAPS
----------------------------------------------------------  */
.map-canvas {
    width: 100%;
    height: 400px;
    margin-bottom: 0px;
}

    .map-canvas .info {
        min-height: 120px;
        max-width: 460px;
    }

        .map-canvas .info .body img {
            width: 120px;
            float: right;
            margin: 4px 0 0 10px;
        }

        .map-canvas .info .body p {
            overflow: hidden;
        }

/* TABLES
----------------------------------------------------------  */
table.linked-rows a {
    color: #333;
    cursor: pointer;
}

table.linked-rows tr:hover {
    text-decoration: none;
    background-color: #ecf1ed;
}

/* EDIT MODE
----------------------------------------------------------  */
.overflow-hidden {
    overflow: hidden !important;
}

/* LATEST NEWS BLOCK
----------------------------------------------------------  */
#datewrapper a:hover #dateplate {
    background-color: #efefef;
}

/* AJAX LOAD INDICATOR */
.loading {
    display: none;
}

    .loading.search {
        text-align: center;
        height: 50px;
    }

/* XFORM CUSTOM BUTTON
----------------------------------------------------------  */

@media (min-width: 768px) {
    .button {
        text-decoration: none;
        border: none;
        text-align: center;
        font-size: 18px;
        color: #fff;
        display: block;
        float: left;
        border-radius: 6px;
        padding: 10px 26px;
        background-color: #006052;
        border-color: #006052;
        margin-top: 20px;
    }
}

@media (max-width: 767px) {

    .button {
        text-decoration: none;
        border: none;
        text-align: center;
        font-size: 14px;
        color: #fff;
        display: inline-block;
        border-radius: 6px;
        padding: 5px 8px;
        background-color: #006052;
        border-color: #006052;
        margin-top: 20px;
        width: auto;
    }
}

@media (max-width: 991px) {
    .filters {
        text-align: center;
    }

        .filters .dropdown, .dropup {
            position: relative !important;
            float: none !important;
            text-align: center !important;
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 10px;
            clear: both;
        }

        .filters button {
            margin: 5px 16px !important;
            outline: unset !important;
        }
}


/* CUSTOM CHECKBOXES & RADIOBUTTONS
-------------------------------------------------- */

.form-control {
    display: block;
    width: 100%;
    height: 100% !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.content-hub .form-control {
    display: block;
    width: 100%;
    height: 100% !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ecf1ed;
    border: 1px solid #ecf1ed;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}


input.custom-button[type=checkbox] {
    display: none;
}

    input.custom-button[type=checkbox] + label {
        display: inline-block;
        margin-bottom: 10px;
        margin-right: 5px;
        padding: 6px 12px;
        background-color: #ffffff;
        cursor: pointer;
        vertical-align: middle;
    }

        input.custom-button[type=checkbox] + label:hover {
            background-image: none;
            background-color: #ebebeb;
        }

    input.custom-button[type=checkbox]:checked + label {
        background-image: none;
        background-color: #ebebeb;
    }

input.custom-button[type=radio] {
    display: none;
}

    input.custom-button[type=radio] + label {
        display: inline-block;
        margin-bottom: 10px;
        margin-right: 5px;
        padding: 6px 12px;
        background-color: #ffffff;
        cursor: pointer;
        vertical-align: middle;
    }

        input.custom-button[type=radio] + label:hover {
            background-image: none;
            background-color: #bdc5cc;
            color: #ffffff;
        }

    input.custom-button[type=radio]:checked + label {
        background-image: none;
        background-color: #bdc5cc;
        color: #ffffff;
    }

.custom-button {
    color: #333333 !important;
    font-weight: 700;
    background-image: none;
    background-color: #ebebeb;
    display: inline-block;
    border-radius: 0;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 6px 12px;
    background-color: #ffffff;
    cursor: pointer;
    vertical-align: middle;
}

    .custom-button a:active, .custom-button a:hover, .custom-button a:focus,
    .custom-button:active, .custom-button:hover, .custom-button:focus {
        border-radius: 0;
        text-decoration: none !important;
        color: #ffffff !important;
        background-image: none;
        background-color: #bdc5cc;
    }

.premise-button-active {
    border-radius: 0;
    color: #ffffff !important;
    background-color: #bdc5cc !important;
}

#map-canvas img {
    max-width: none;
}

/* CUSTOM TABS LEDIGA LOKALER
-------------------------------------------------- */

@media (min-width: 1200px) {
    .nav-tabs {
        border-bottom: 0px solid #ecf1ed;
        background-color: #fff;
        margin-bottom: 30px;
    }
}

@media (max-width: 1199px) {
    .nav-tabs {
        background-color: #fff;
        margin-bottom: 30px;
        border-bottom: 1px solid #ecf1ed;
    }

    .object-listpage .nav-tabs {
        background-color: transparent !important;
        margin-bottom: 10px !important;
        border-bottom: 0 solid transparent !important;
    }
}

nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background-color: #ecf1ed;
    border: 1px solid #ecf1ed;
    border-bottom-color: transparent;
}

.nav-tabs > li > a:hover {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-bottom-color: transparent;
}

.nav-tabs > li:active > a {
    background-color: #ecf1ed;
    border-bottom-color: transparent;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background-color: #edeff1;
    border: 1px solid #edeff1;
    border-bottom-color: transparent;
}

.greytab {
    background-color: #edeff1;
}

.list {
    margin-right: 0px;
    margin-left: 0px;
}

.glyphfix {
    font-size: 20px;
    padding-right: 7px;
}

.glyphicon-save {
    padding-left: 5px;
}

/* SOCIAL TAB/BAR
-------------------------------------------------- */

#socialwrapper {
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    width: 100%;
    background-color: transparent;
    padding-top: 20px;
    margin-top: 20px;
    clear: left;
    margin-bottom: 50px;
}

.social {
    padding-top: 10px;
    padding-bottom: 30px;
}

    .social > span {
        text-transform: uppercase;
        font-weight: 700;
        margin-right: 40px;
        color: #8b9295;
        margin-right: 30px;
        letter-spacing: 0;
    }

    .social [class*="fa fa-"] {
        background-color: #006052;
        border-radius: 34px;
        color: #fff;
        display: inline-block;
        height: 34px;
        line-height: 34px;
        margin: auto 3px;
        width: 34px;
        font-size: 17px;
        text-align: center;
    }

.mega-menu-footer .social {
    padding-top: 17px;
    padding-bottom: 10px;
}

    .mega-menu-footer .social [class*="fa fa-"] {
        background-color: #8b9395;
        border-radius: 34px;
        color: #fff;
        display: inline-block;
        height: 34px;
        line-height: 34px;
        margin: auto 3px;
        width: 34px;
        font-size: 17px;
        text-align: center;
    }


.fa-twitter:hover, .fa-facebook:hover, .fa-linkedin:hover {
    background-color: #668E79;
    text-decoration: none;
}

@media (max-width:767px) {

    #socialwrapper {
        display: none;
    }
}

.highlight {
    position: relative;
    clear: none;
    overflow: hidden;
}

    .highlight img {
        position: relative;
        z-index: 1;
    }

.highlight-circle {
    position: absolute;
    width: 40%;
    height: 33%;
    top: 53%;
    z-index: 2;
    background: rgba(211,21,68,0.8);
}


    .highlight-circle h3 {
        display: block;
        font-weight: 400;
        font-size: 1.3em;
        overflow: hidden;
        color: #fff;
        position: relative;
        top: 50%;
        left: 14%;
        padding-bottom: 0 !important;
        margin-bottom: 0px !important;
        margin-right: 20px !important;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

.highlightfix-left {
    padding-left: 0px !important;
    margin-left: 15px !important;
}

.highlightfix-right {
    margin-left: -15px !important;
}

.img-spacer-list-highlight {
    margin-bottom: -10px;
}


@media (max-width:991px) {



    .highlight-circle h3 {
        font-size: 0.8em !important;
    }
}

@media (max-width:750px) {

    .highlightfix-right {
        margin-left: 0px !important;
    }

    .highlightfix-left {
        margin-bottom: 15px !important;
    }

    .highlight-circle h3 {
        font-size: 2.4em !important;
    }
}

@media (max-width:650px) {

    .highlightfix-right {
        margin-left: 0px !important;
    }

    .highlightfix-left {
        margin-bottom: 15px !important;
    }

    .highlight-circle h3 {
        font-size: 1.8em !important;
    }
}

@media (max-width:550px) {

    .highlightfix-right {
        margin-left: 0px !important;
    }

    .highlightfix-left {
        margin-bottom: 15px !important;
    }

    .highlight-circle h3 {
        font-size: 1.5em !important;
    }
}

@media (max-width:467px) {

    .highlightfix-right {
        margin-left: 0px !important;
    }

    .highlightfix-left {
        margin-bottom: 15px !important;
    }

    .highlight-circle h3 {
        font-size: 1.0em !important;
    }
}

.hero-kontakt {
    background-color: #ffc20f;
    padding-bottom: 30px;
    padding-top: 30px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
}

/* Special top images for buildingpage */

ul.rig {
    list-style: none;
    font-size: 0px;
    margin-bottom: 20px;
    max-width: 900px;
    margin-left: -40px;
}

    ul.rig li {
        display: inline-block;
    }

        ul.rig li img {
            max-width: 100%;
            height: auto;
        }

    ul.rig.columns-3 li {
        width: 33.33%;
        padding-left: 10px;
    }

    ul.rig.columns-3 {
        margin-left: -50px;
    }


@media (min-width: 768px) {
    .export-button {
        float: right;
        width: 150px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .export-button {
        display: none;
    }
}


#tableExport {
    clear: right;
}

/*Humlegården utseende för finansiella tabeller*/

.humlantabell {
    min-width: 100%;
}

    .humlantabell.tabell-small {
        font-size: 0.85em;
    }

table.humlantabell thead > tr > th,
table.humlantabell tbody > tr > th,
table.humlantabell tfoot > tr > th,
table tbody > tr > td,
table.humlantabell tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px dotted #007060;
}

table.humlantabell thead tr {
    font-family: 'Lineto Circular Bold';
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #007060;
    background-color: #f0f0f0;
    font-weight: normal;
}

table.humlantabell thead td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
}

table.humlantabell tbody tr:nth-child(even) {
    background-color: #edeff1;
}

table.humlantabell > tbody > tr:hover > td,
table.humlantabell > tbody > tr:hover > th {
    background-color: #edeff1;
    cursor: crosshair;
}


.linje {
    border-bottom: 1px solid #37725e;
}

.ram-topp {
    border-top: 2px solid #35735c;
    border-left: 2px solid #35735c;
    border-right: 2px solid #35735c;
}

.ram-left {
    border-left: 2px solid #35735c;
}

.ram-right {
    border-right: 2px solid #35735c;
}

.ram-bottom {
    border-bottom: 2px solid #35735c;
    border-left: 2px solid #35735c;
    border-right: 2px solid #35735c;
}

/* Prenumerationspuff*/

.prenumeration > div.standardpuff {
    background-image: url(/Content/Images/prenumeration-bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 1px 20px 20px !important;
    border-top: 2px solid #006052;
}


    .prenumeration > div.standardpuff h2 {
        font-size: 1.7em !important;
    }

.prenumeration input {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

@media (min-width: 768px) {
    .prenumeration {
        padding-top: 24px !important;
    }

    .marginfix-nyheter {
        margin-left: -20px !important;
    }
}

.newstype {
    font-size: 1em;
    font-weight: 700;
    color: #333333;
}

/* Video hero*/

.videoheader h2 {
    color: #006052;
    font-weight: 700;
    font-size: 40px;
    line-height: 41px;
    margin-bottom: 20px;
    margin-top: 40px;
    height: 70%;
    overflow: hidden;
}

h2.videoheader {
    color: #006052;
    font-weight: 700;
    font-size: 40px;
    line-height: 41px;
    margin-bottom: 20px;
    margin-top: 40px;
    height: 70%;
    overflow: hidden;
}

.videoheader p {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Elbuss hårdkodad Puff */

.elbuss-ad {
    float: left !important;
    width: 40% !important;
}

@media (max-width: 767px) {
    .elbuss-ad {
        float: left !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
}


/********************/
/* MODAL WINDOWS    */
/********************/

.modal-backdrop {
    z-index: -1;
    filter: alpha(opacity=0) !important;
    opacity: 0 !important;
}

.modal {
    top: 30%;
    z-index: 99999;
}


.tour-modal {
    position: relative;
    background: #5C97FF;
    overflow: hidden;
    cursor: pointer;
}

    .tour-modal:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0.6;
        background-repeat: no-repeat;
        background-position: 50% 0;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }

.wrapper-tour {
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
}

div.description {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    color: white;
    background: rgb(204, 204, 204); /* Fallback for older browsers without RGBA-support */
    background: rgba(0,0,0,0.6);
}

.description_content {
    text-align: center;
    font-size: 1.5em;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

    .description_content span {
        font-size: 5em;
        font-weight: 200;
    }

.standardpuff .wrapper-tour > img {
    padding-bottom: 0 !important;
}

.play {
    background: url('/Content/Images/humlan-play.png') no-repeat center;
    padding: 74px;
}

.modal-header {
    background: #006052;
    color: white;
    min-height: 16.43px;
    padding: 10px;
    border-bottom: 0px solid #e5e5e5;
}

.modal-content {
    border-radius: 0;
}

.modal-footer {
    padding: 10px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
}

.close, .close:hover {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=100);
    opacity: 1;
}

.omradesbanner-solna-strand {
    position: relative;
    width: 100%;
    min-height: 287px;
    background-image: url('/Content/Images/solna-strand-banner-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

.omradesbanner-hagastaden {
    position: relative;
    width: 100%;
    min-height: 287px;
    background-image: url('/Content/Images/hagastaden-banner-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

.omradesbanner-city {
    position: relative;
    width: 100%;
    min-height: 287px;
    background-image: url('/Content/Images/city-banner-bg.jpg');
    background-color: black;
    background-blend-mode: screen;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}


.omradesbanner-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: white;
    width: 100%;
}

@media (max-width: 767px) {

    .omradesbanner-center {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        color: white;
        width: 100%;
    }
}


.omradesbanner-center h2 {
    color: #ffffff;
    font-size: 40px;
    margin-bottom: 10px;
}

.omradesbanner-center p {
    font-family: "Lineto Circular Book", sans-serif;
    margin-bottom: 20px;
    margin-right: 80px;
    margin-left: 80px;
}

.btn-banner {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
}

.btn-banner-white {
    background-color: #ffffff;
    font-family: "Lineto Circular Book", sans-serif;
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 1px;
}

    .btn-banner-white:hover {
        text-decoration: none;
    }

#tablegoal .table-goal-cell-darkgreen {
    background-color: #006052;
    color: white;
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
}

#tablegoal .table-goal-cell-lightgreen {
    background-color: #d5e2db;
    color: black;
    padding: 10px;
    font-size: 13px;
}

    #tablegoal .table-goal-cell-lightgreen:after {
        content: '';
        float: right;
    }


#tablegoal .table-goal-cell-lightgreen-greenfont {
    background-color: #d5e2db;
    color: #006052;
    padding: 10px;
}


#tablegoal .table-goal-cell-result {
    border: 3px solid #006052;
    padding-left: 10px;
    font-weight: bold;
    color: #006052;
}

#tablegoal .table-goal-header, #longterm-result .table-goal-header {
    color: #006052;
    font-weight: bold;
    font-size: 17px;
    padding-bottom: 5px;
}

#tablegoal hr {
    border: 1px dotted #d5e2db;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 0;
}

#tablegoal tbody > tr > td {
    border-top: 0px solid #37725e;
}

#longterm-result tbody > tr > td {
    padding: 1px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 0px solid #37725e;
}


#tablegoal tr > td {
    padding: 0;
    vertical-align: middle !important;
}

#tablegoal tr {
    border-spacing: 2px;
    padding: 2px;
}

.goal-number {
    color: #006052;
    font-weight: bold;
    font-size: 57px;
}

.goal-line {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #006052;
    padding: 0;
}


.chart-legend li span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.chart-legend li {
    list-style-type: none;
}

.ytp-large-play-button-bg {
    fill: #ff0000 !important;
    fill-opacity: .81 !important;
}


.nearbybreaktop {
    padding-top: 20px;
    background-color: white;
}

.nearbybreak {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 1px;
    background-color: white;
    border-top: 1px dotted #333333;
}




#available-premises-list > div:last-child > div.clearfix.nearby {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 0;
    background-color: red;
    border-top: 0 dotted #333333;
}

@media (max-width: 1199px) {

    .clearfix.nearby {
    }

    .nearbybreaktop {
        padding-top: 20px;
        background-color: transparent;
    }

    .nearbybreak {
        padding-top: 10px;
        padding-bottom: 10px;
        height: 1px;
        background-color: transparent;
        border-top: 1px dotted #333333 !important;
    }
}

@media (min-width: 992px) {
    .showonmobile {
        display: none;
    }
}


/*Dölj beroende på upplösning*/

@media (max-width: 991px) {

    .hideonmobile {
        display: none;
    }

    .showondesktop {
        display: none;
    }

    .showonmobile {
        display: block;
    }

    .nopadding-left-mobile {
        padding-left: 0;
    }

    .nopadding-right-mobile {
        padding-right: 0;
    }
}

@media (min-width: 768px) {

    .contactmobile {
        display: none;
    }

    li.contactmobile a {
        display: none;
    }
}

.nav-side-menu {
    overflow: auto;
    font-size: 11px;
    font-weight: 200;
    background-color: transparent;
    height: 100%;
    color: #000000;
}

    .nav-side-menu .brand {
        background-color: transparent;
        line-height: 50px;
        display: block;
        text-align: center;
        font-size: 13px;
    }

    .nav-side-menu .toggle-btn {
        display: none;
    }

    .nav-side-menu ul,
    .nav-side-menu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        line-height: 45px;
        cursor: pointer;
    }

        .nav-side-menu ul :not(collapsed) .arrow:before,
        .nav-side-menu li :not(collapsed) .arrow:before {
            font-family: FontAwesome;
            content: "\f078";
            display: inline-block;
            padding-left: 10px;
            padding-right: 10px;
            vertical-align: middle;
            float: right;
            color: #333333;
        }

        .nav-side-menu ul .active,
        .nav-side-menu li .active {
            background-color: transparent;
        }

        .nav-side-menu ul .sub-menu li.active,
        .nav-side-menu li .sub-menu li.active {
            color: #000000;
        }

            .nav-side-menu ul .sub-menu li.active a,
            .nav-side-menu li .sub-menu li.active a {
                color: #000000;
            }

        .nav-side-menu ul .sub-menu li,
        .nav-side-menu li .sub-menu li {
            background-color: transparent;
            border: none;
            line-height: 28px;
            border-bottom: 1px solid #e6ebed;
            margin-left: 0px;
        }

            .nav-side-menu ul .sub-menu li:hover,
            .nav-side-menu li .sub-menu li:hover {
                background-color: transparent;
            }

            .nav-side-menu ul .sub-menu li:before,
            .nav-side-menu li .sub-menu li:before {
                font-family: FontAwesome;
                content: "\f105";
                display: inline-block;
                padding-left: 10px;
                padding-right: 10px;
                vertical-align: middle;
            }

    .nav-side-menu li {
        padding-left: 0px;
        border-bottom: 1px solid #e6ebed;
    }

        .nav-side-menu li a {
            text-decoration: none;
            color: #666666;
            padding: 0 10px !important;
        }

            .nav-side-menu li a i {
                padding-left: 10px;
                width: 20px;
                padding-right: 20px;
            }


        .nav-side-menu li:hover {
            background-color: transparent;
        }

    .nav-side-menu .nav > li > a:hover, .nav-side-menu .nav > li > a:focus {
        text-decoration: none;
        background-color: #ecf1ed;
    }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    font-family: 'Lineto Circular Bold';
    background-color: #ecf1ed;
    color: #4cb78e;
}

.nav-side-menu .nav-stacked-sub li:first-of-type {
    padding-left: 0px;
    border-top: 1px solid #e6ebed;
}

.nav-side-menu .nav-stacked-sub li:last-of-type {
    padding-left: 0px;
    border-bottom: 0;
}

.nav-side-menu .glyphicon {
    float: right;
    padding-top: 13px;
    padding-bottom: 13px;
}

.nav-side-menu .glyphicon-chevron-right, .nav-side-menu .glyphicon-chevron-down {
    color: #bebebe;
}

@media (max-width: 767px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

        .nav-side-menu .toggle-btn {
            display: block;
            cursor: pointer;
            position: absolute;
            right: 10px;
            top: 10px;
            z-index: 10 !important;
            padding: 3px;
            background-color: #ffffff;
            color: #000;
            width: 40px;
            text-align: center;
        }

    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }
}

@media (min-width: 767px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
}

.nav-side-menu h3 {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.nav-stacked > li + li {
    margin-top: 0;
    margin-left: 0;
}

.breadcrumbs {
    text-transform: uppercase;
    font-size: 0.85em;
    padding-top: 20px;
}

    .breadcrumbs a {
        color: #444444;
    }

@media (max-width: 767px) {
    .breadcrumbs {
        padding-bottom: 20px;
        padding-top: 20px;
    }
}

.breadcrumbs span {
    color: #9c9c9c;
}

/* Mobile */
@media only screen and (max-width: 767px) {

    table.responsivecolumn {
        margin-bottom: 0;
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 155px;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        box-shadow: 10px 0 10px -4px rgba(0, 0, 0, 0.2);
    }

        .pinned table {
            border-right: none;
            border-left: none;
            width: 100%;
        }

            .pinned table th, .pinned table td {
                white-space: nowrap;
            }

        .pinned td:last-child {
            border-bottom: 0;
        }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }

        div.table-wrapper div.scrollable table {
            margin-left: 155px;
        }

        div.table-wrapper div.scrollable {
            overflow: scroll;
            overflow-y: hidden;
        }

    table.responsivecolumn td, table.responsivecolumn th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

        table.responsivecolumn th:first-child, table.responsivecolumn td:first-child, table.responsivecolumn td:first-child, table.responsivecolumn.pinned td {
            display: none;
        }

    .element {
        pointer-events: none;
    }

        .element > a {
            text-decoration: none;
            color: inherit;
        }
}


/* Searchfield */


.search-area .input-group {
    margin-top: 40px;
    margin-bottom: 80px;
}

.search-area .btn-default, .pull-right-search .btn-default {
    border-color: transparent;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 1px;
    border-top-width: 0px;
    font-weight: bold;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: none !important;
    min-height: 34px;
    background-color: transparent;
    color: #ffffff;
}

.navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
    background: #bdc5cc;
    border-radius: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

@media (max-width: 991px) {
    .navbar-form {
        padding: 0 0;
    }
}

.shrink .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
    background: #7c9f8f;
    border-radius: 20px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.search-area .form-control, .pull-right-search .form-control {
    display: block;
    width: 100%;
    height: 100% !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #ffffff;
    vertical-align: middle;
    background-color: transparent;
    border: 0px solid #ffffff;
    min-height: 34px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .pull-right-search .form-control {
        max-width: 100px;
    }
}

.btn-default:active:focus, .btn-default:active:hover {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: #ffffff !important;
    border-radius: 0;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #ffffff !important;
    background-color: #006052 !important;
    border-color: #006052 !important;
    opacity: 0.8;
    background-image: none !important;
    border-radius: 0;
}

.search-area .input-group {
    color: #ffffff !important;
}

.search-area .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff !important;
}

.search-area .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff !important;
}

.search-area .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #ffffff !important;
}

.search-area .form-control:-moz-placeholder { /* Firefox 18- */
    color: #ffffff !important;
    font-weight: bold;
}

.pull-right-search .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff !important;
}

.pull-right-search .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff !important;
}

.pull-right-search .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #ffffff !important;
}

.pull-right-search .form-control:-moz-placeholder { /* Firefox 18- */
    color: #ffffff !important;
}

.pull-right-search .glyphicon-search, .search-area .glyphicon-search {
    color: #ffffff !important;
}

/* ---- Newsfeed ---- */

.grid, .grid-mobile {
    margin: 0 auto; /* centered */
    position: relative;
}

.grid-menu {
    margin: 0 auto; /* centered */
    position: fixed !important;
    width: 1170px;
    background: #edeff1;
    left: 0;
    right: 0;
    margin-left: auto !important;
    margin-right: auto !important;
}

    .grid-menu a {
        color: #006052;
        text-decoration: none;
    }

        .grid-menu a:hover {
            opacity: 0.7;
        }

    /* clear fix */
    .grid:after, .grid-mobile:after, .grid-menu:after {
        content: '';
        display: block;
        clear: both;
    }


.grid-menu-item {
    float: left;
    width: 260px;
    /*margin-bottom:20px;*/
}

.mega-menu .grid-menu-item {
    float: left;
    width: 260px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 0px;
}

.grid-item {
    float: left;
    width: 360px;
}

ul.grid-menu.mega-menu > li {
    font-weight: 700;
    text-transform: uppercase;
}

    ul.grid-menu.mega-menu > li > ul {
        font-weight: 400;
        text-transform: none;
    }

.mega-menu-footer {
    width: 100%;
    background: #edeff1;
    text-align: center;
    position: absolute;
    bottom: 0;
    height: 65px;
    color: #8b9396;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .grid-item {
        float: left;
        width: 345px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .grid-item {
        float: left;
        width: 455px;
    }
}

@media (max-width: 767px) {
    .grid-item {
        float: left;
        width: 100%;
    }
}

.grid-item h2 {
    margin-bottom: 15px;
}

.grid-item:hover {
    opacity: 0.9;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}

.grid-item img {
    min-width: 100%;
}

@media (max-width:767px) {
    .grid-item h2 {
        font-size: 20px;
    }
}

.grid-item p {
    color: black;
    margin-bottom: 20px;
}

/* ---- Newstabs filter ---- */

.filters {
    border-bottom: 1px solid #ecf1ed;
    height: 85px;
    background-color: white;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .filters {
        border-bottom: 1px solid #ecf1ed;
        height: auto;
        background-color: white;
        margin-bottom: 30px;
    }
}

.filters button {
    background-color: white;
    color: black;
    border-radius: 0px;
    padding: 5px 0px;
    margin: 5px 26px;
    outline: unset;
}

.filters .button-group {
    padding-top: 20px;
}

.filters button.is-checked, .filters button:hover {
    background-color: white;
    border-bottom: solid 4px #516679;
}

    .filters button.arkitektur.is-checked, .filters button:hover.arkitektur {
        background-color: white;
        border-bottom: solid 4px #516679;
    }

    .filters button.inspiration.is-checked, .filters button:hover.inspiration {
        background-color: white;
        border-bottom: solid 4px #516679;
    }

    .filters button.arbetsmiljo.is-checked, .filters button:hover.arbetsmiljo {
        background-color: white;
        border-bottom: solid 4px #516679;
    }

    .filters button.nyhet.is-checked, .filters button:hover.nyhet {
        background-color: white;
        border-bottom: solid 4px #516679;
    }

    .filters button.hallbarhet.is-checked, .filters button:hover.hallbarhet {
        background-color: white;
        border-bottom: solid 4px #516679;
    }

.filters .dropdown, .dropup {
    position: relative;
    float: right;
    top: -15px;
}

button {
    outline: unset;
}

/* ---- Newstabs ---- */

.stamp {
    position: absolute;
    margin-bottom: 10px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .contenthubpage .stamp1 {
        right: 0;
        width: 455px;
        height: 580px;
    }
}


stamp-mobile {
    position: absolute;
}

.stamp1-mobile {
    width: 100%;
}

.masonry-newslist .grid-item {
    background-color: #ffffff;
    margin-bottom: 40px;
}

.grid-item-content {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
}

.popular-articles .grid-item {
    background-color: white;
}

.related-header h2 {
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    padding-left: 20px;
}

.popular-articles article:hover {
    opacity: 0.8;
}

.popular-articles a {
    color: #000000;
    ;
}

.related-header {
    position: relative;
    background-color: #006052;
    margin-bottom: 10px;
}

.startpage .related-header {
    position: relative;
    background-color: #006052;
    margin-bottom: 0px;
}

.related-header article {
    position: relative;
    vertical-align: top;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
}

.popular-articles .sorting-number {
    display: inline-block;
    width: 10%;
}

.contenthubpage .popular-articles article img {
    display: inline-block;
    vertical-align: top;
    width: 30%;
}

.startpage .popular-articles article img {
    padding-top: 20px;
}

.background-white {
    background-color: white;
}

.startpage .popular-articles article:last-of-type img {
    padding-bottom: 20px;
}

.popular-articles article h2 {
    color: #1c1c1a;
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-top: 35px;
    margin-left: 17px;
}

.startpage .popular-articles article h2 {
    color: #1c1c1a;
    font-size: 17px;
    vertical-align: top;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: 0;
}

.popular-articles article div {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.startpage .popular-articles article div {
    background-color: #ffffff;
    margin-bottom: 0;
}

.newsletter {
    border-top-right-radius: 24px;
    background-color: #ffffff;
    margin-bottom: 4px;
}

.popular-articles article span {
    position: absolute;
    width: 60%;
}

.popular-articles area p {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    margin-top: 5px;
    margin-bottom: 10px;
}

.masonry-newslist .grid-item h2 {
    font-family: 'Noe Display Medium' !important;
    color: #007060;
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 30px;
    line-height: 28px;
}

@media (max-width:991px) {
    .masonry-newslist .grid-item h2 {
        color: #1c1c1a;
        font-size: 18px;
        margin-top: 8px;
        margin-bottom: 10px;
        padding-top: 30px;
        line-height: 21px;
    }

    .grid-item p {
        color: black;
        font-size: 0.9em;
        margin-bottom: 20px;
    }
}

.sorting-number {
    color: #1c1c1a;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
}

.startpage .sorting-number {
    display: none;
}

.masonry-newslist a:hover, a:focus {
    color: unset;
    text-decoration: none;
}

/* ---- OWL Startpage ---- */

#owl-startpage {
    margin-top: 75px;
}

@media (max-width: 767px) {
    #owl-startpage {
        margin-top: 50px;
    }
}

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

/* ---- Owl Custom ---- */
#owl-premisepage {
    margin-top: 30px;
    margin-bottom: 30px;
}

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

.owl-carousel-premise {
    position: relative;
    height: 80% !important;
}

.owl-carousel {
    position: relative;
    height: 70%;
}

#owl-tenant-landing-page.owl-carousel {
    position: relative;
    height: 40% !important;
    margin-top: 75px;
}

@media (max-width: 767px) {

    #owl-tenant-landing-page.owl-carousel {
        position: relative;
        height: 30% !important;
        margin-top: 50px;
    }
}

.tenant-section-bg {
    height: 500px;
    background-attachment: scroll;
    background-size: cover;
    background-position: center;
}

@media (max-width: 767px) {

    .tenant-section-bg {
        height: 200px;
        background-attachment: scroll;
        background-size: cover;
        background-position: center;
    }
}

.startpage .owl-carousel {
    position: relative;
    height: 65%;
}


.article-hero .article-hero-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.article-hero-image:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(92,92,92,0) 36%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(92,92,92,0) 36%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(92,92,92,0) 36%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00ffffff',GradientType=0 );
}

@media (max-width: 767px) {

    .owl-carousel {
        position: relative;
        height: 100%;
    }

    .startpage .owl-carousel {
        position: relative;
        height: 80%;
    }
}

.owl-carousel div:not(.owl-controls) {
    height: 100%;
}

.owl-carousel .owl-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.owl-carousel h1 {
    position: absolute;
    text-align: center;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%) translateY(-8%);
    color: #ffffff;
    font-size: 46px;
    line-height: 40px;
    max-width: 600px;
    margin-bottom: 10px;
}

.owl-carousel .owl-controls {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}


@media (max-width: 767px) {

    .owl-carousel h1 {
        text-align: center;
        bottom: 6%;
        left: 50%;
        transform: translateX(-50%) translateY(-6%);
        font-size: 24px;
        line-height: 24px;
    }

    .owl-carousel .owl-controls {
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
    }
}

* {
    box-sizing: border-box;
}

.owl-slide:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.square-box {
    height: auto !important;
    max-height: 360px;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    position: relative;
}

.box {
    padding-bottom: 100%;
    background-color: #ffffff;
    position: relative;
}

.text {
    padding: 10%;
    position: absolute;
    color: #37725e;
    text-align: left;
    min-width: 100%;
}

.text-inside {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    height: auto !important;
}

    .text-inside h2 {
        font-family: 'Noe Display Medium';
        font-size: 2.7em;
        line-height: 1em;
        margin-top: 0;
    }

@media (max-width:991px) {
    .square-box {
        margin-top: 0;
    }
}

.text-inside h3 {
    color: #006052;
    margin-top: 0;
    font-weight: normal;
    margin-bottom: 5%;
}

.text-inside a {
    font-size: 20px;
    color: #006052;
    margin-top: 0;
    font-weight: 200;
    border: 1px solid #006052;
    padding: 3%;
    padding-right: 20px;
    padding-left: 20px;
    text-decoration: none;
}

    .text-inside a:hover, .text-inside a:active, .text-inside a:focus {
        background-color: #006052;
        color: #ffffff;
        text-decoration: none;
    }

@media (max-width: 991px) {

    .text-inside h2 {
        font-size: 2.4em;
    }

    .text-inside h3 {
        font-size: 1.2em;
    }


    .hero-slide-line {
        display: block;
        background-color: #007060;
        height: 7px !important;
        margin-top: 28px;
        margin-bottom: 10px;
        width: 70px;
    }
}

.masonry-newslist span {
    position: absolute;
    left: 0;
    padding-left: 30px;
    padding-right: 10px;
    color: white;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 0.9em;
}

.content-hub .popular-articles span {
    position: absolute;
    left: 100px;
    padding-left: 68px;
    padding-right: 10px;
    margin-top: 10px;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-size: 14px;
}

body > div:nth-child(4) > div.grid.masonry-newslist > div > div:nth-child(1) > div > div > div > a > span {
    left: unset;
}

.stamp1 {
    right: 0;
    width: 360px;
    height: 1330px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .stamp1 {
        width: 455px;
    }
}

@media (min-width: 1200px) {

    .contenthubpage .stamp1 {
        right: 0;
        width: 360px;
        height: 1040px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .popular-articles span {
        padding-left: 62px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .popular-articles span {
        padding-left: 106px;
    }

    .content-hub .popular-articles span {
        position: absolute;
        left: 100px;
        padding-left: 107px;
        padding-right: 10px;
        margin-top: 10px;
        color: white;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.1em;
        font-size: 14px;
    }
}

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

    .popular-articles span {
        padding-left: 17px !important;
        left: unset !important;
    }
}

.masonry-newslist span.hallbarhet {
    background-color: #006052;
}

.masonry-newslist span.nyhet {
    background-color: rgba(0,96,82,0.85);
}

.masonry-newslist span.arbetsmiljo {
    background-color: #516679;
}

.masonry-newslist span.press {
    background-color: #007060;
}

.masonry-newslist span.inspiration {
    background-color: #516679;
}

.masonry-newslist span.arkitektur {
    background-color: #516679;
}

.masonry-newslist span.pressmeddelande {
    background-color: #516679;
}

.popular-articles span.nyhet {
    color: #8B9396;
    background-color: transparent;
}

.popular-articles span.hallbarhet {
    color: #8B9396;
    background-color: transparent;
}

.popular-articles span.arbetsmiljo {
    color: #8B9396;
    background-color: transparent;
}

.popular-articles span.inspiration {
    color: #8B9396;
    background-color: transparent;
}

.popular-articles span.press {
    color: #8B9396;
    background-color: transparent;
}

.popular-articles span.arkitektur {
    color: #8B9396;
    background-color: transparent;
}

.popular-articles span.pressmeddelande {
    color: #8B9396;
    background-color: transparent;
}


.masonry-newslist input {
    margin-left: 10px;
    margin-right: 0px;
}

/* ---- Shrinking header ---- */

@media (min-width:768px) {
    .shrink .nav-logo-wrap {
        margin-top: -12px;
    }

    .nav-logo-wrap {
        text-align: center;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

    .nav-extended {
        background: rgba(137, 151, 164, 0.95);
        width: 100%;
        height: 50px;
        left: 0;
        right: 0;
        position: absolute;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

    .shrink .nav-extended {
        z-index: 10;
        background-color: transparent;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

    .nav-logo-wrap .logo {
        display: inline-block;
        vertical-align: middle;
        margin-top: 20px;
        height: 55px;
        font-size: 14px;
        letter-spacing: 5px;
        color: #888;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }
}

@media (min-width: 768px) {
    .nav-logo-wrap .logo img {
        max-height: 100%;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }
}

.nav-logo-wrap .logo:before,
.nav-logo-wrap .logo:after {
    display: none;
}

.logo, a.logo:hover {
    font-weight: 400 !important;
    text-decoration: none;
    color: rgba(0,0,0,0.9);
}

@media (min-width: 768px) {

    .main-nav.dark {
        background-color: #006052;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

        .main-nav.dark.shrink {
            background-color: #006052;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
        }
}

@media (min-width:768px) {
    .stick-fixed {
        position: fixed !important;
        top: 0;
        left: 0;
    }

    .main-nav {
        width: 100%;
        height: 75px;
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
        background: rgba(255,255,255,0);
        z-index: 1030;
        -webkit-transition: height 0.27s cubic-bezier(0, 0, 0.58, 1);
        -moz-transition: height 0.27s cubic-bezier(0, 0, 0.58, 1);
        -o-transition: height 0.27s cubic-bezier(0, 0, 0.58, 1);
        -ms-transition: height 0.27s cubic-bezier(0, 0, 0.58, 1);
        transition: height 0.27s cubic-bezier(0, 0, 0.58, 1);
    }

    .shrink .logo {
        font-family: 'Dosis', Arial, sans-serif;
        display: inline-block;
        vertical-align: middle;
        margin-top: -30px;
        font-size: 14px;
        letter-spacing: 5px;
        color: #888;
        height: 55px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

    .shrink .nav-logo-wrap .logo img {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

    .pull-right-search.rightnav, li.rightnav {
        text-align: right !important;
        float: right !important;
    }
}

.mega-menu {
    position: fixed;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
    overflow: hidden;
    visibility: hidden;
    font-size: 0.9em;
    -webkit-box-shadow: 0px 1px 31px -17px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 31px -17px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 31px -17px rgba(0,0,0,0.75);
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .mega-menu {
        position: fixed;
        list-style-type: none;
        padding: 0;
        margin: 0;
        text-align: left;
        overflow: hidden;
        visibility: hidden;
        font-size: 1em;
    }
}

.mega-menu-sub {
    list-style-type: none;
    padding-left: 0px;
    padding-bottom: 20px;
    margin: 0;
    text-align: left;
}

li:hover > ul {
    opacity: 1;
    overflow: visible;
    visibility: visible;
}

ul.grid-menu .mega-menu {
    margin-top: 30px;
}


@media (max-width:1199px) {
    .mega-menu {
        display: none !important;
    }
}

.project-campaign-page {
    display: initial;
    margin-bottom: 80px;
}

    .project-campaign-page p, .project-campaign-page h2 {
        color: #555657 !important;
        text-align: center;
    }

    .project-campaign-page.astoria-page p, .project-campaign-page.astoria-page h2 {
        color: #555657 !important;
    }

    .project-campaign-page p {
        font-size: 1.7rem;
        line-height: 2.5rem;
    }

#location h2 {
    text-align: center !important;
}

@media (max-width: 767px) {
    .project-campaign-page p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}

.project-campaign-page h2 {
    font-size: 3.7rem;
    font-weight: 200;
    margin-top: 30px;
    margin-bottom: 20px;
}

.project-campaign-page ul, .project-campaign-page li {
    color: #555657 !important;
}

.project-campaign-page ul {
    margin-top: 40px;
}

.project-campaign-page li {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 1.8rem;
    padding-left: 20px;
}

.project-campaign-page.astoria-page li {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 1.8rem;
    padding-left: 0;
}

.parallax-window {
    min-height: 664px;
    background-size: cover;
}

.project-campaign-page .margin-bottom-80 {
    margin-bottom: 80px;
}

.project-campaign-page .margin-bottom-120 {
    margin-bottom: 120px;
}

.project-campaign-page .margin-top-60 {
    margin-top: 60px;
}

.project-campaign-page .margin-top-40 {
    margin-top: 60px;
}

.project-campaign-page .margin-bottom-60 {
    margin-bottom: 60px;
}

.project-campaign-page .margin-bottom-40 {
    margin-bottom: 40px;
}

.architect-background {
    background-image: url('../Images/architect-background.png')
}

@media (max-width: 767px) {
    .project-campaign-page .margin-bottom-80 {
        margin-bottom: 40px;
    }

    .project-campaign-page .margin-bottom-120 {
        margin-bottom: 60px;
    }

    .project-campaign-page .margin-top-60 {
        margin-top: 30px;
    }

    .project-campaign-page .margin-bottom-60 {
        margin-bottom: 30px;
    }

    .project-campaign-page .margin-bottom-40 {
        margin-bottom: 20px;
    }
}

.project-campaign-page .contact p, .project-campaign-page .contact h2 {
    text-align: left;
}

.project-campaign-page .btn-default, .tenant-layout .btn-default {
    border-color: #555657;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    font-weight: bold;
    margin-right: 10px;
    margin-bottom: 10px;
    background-image: none !important;
}

.tenant-layout .btn-default {
    background-color: #f6f7f7 !important;
}

.project-campaign-page .btn, .tenant-layout .btn {
    display: inline-block;
    padding: 10px 38px !important;
    margin-bottom: 0;
    font-size: 21px !important;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #555657 !important;
    border-radius: 10px !important;
}

.project-campaign-page .portfolio-item-detail {
    font-size: 38px;
    color: white;
}

    .project-campaign-page .portfolio-item-detail p {
        font-size: 18px;
        color: white !important;
    }

.project-campaign-page .footernav h2 {
    font-size: 17px;
    color: #8B9396 !important;
}

.project-campaign-page .footernav li h2 {
    text-align: left;
}

.project-campaign-page .footernav li {
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: 1.8rem;
    padding-left: 20px;
}

@media (max-width: 991px) {
    .hidden-mobile {
        display: none;
    }

    #owl-projectcampaign .text-inside h2 {
        font-size: 38px;
        font-weight: 200;
        margin-top: 0;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {

    #owl-projectcampaign .text-inside h2 {
        font-size: 28px;
    }
}

@media (min-width: 992px) {

    .show-desktop {
        display: none;
    }
}

.three-column #team {
    background-color: #f0f0f0;
    margin-bottom: 30px;
    padding: 20px;
}

    .three-column #team .no-padding-left {
        padding-left: 0;
    }

#building-list > tbody > tr:last-child > td {
    border-bottom: 1px #37725e dotted !important;
}

.cc-color-override--1638648587.cc-window {
    opacity: 0.95;
}

.video {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 20px;
}

.video-header {
    z-index: -1;
    width: 100%;
    height: auto;
    display: block;
}

@media (min-width: 1600px ) {
    .video-background {
        margin-top: -150px;
    }
}

.no-margin-right {
    margin-right: 0;
}

.list-inline {
    padding-left: 0;
    padding-left: 0;
    list-style: none;
    padding-left: 25%;
    padding-right: 25%;
}

.navbar-nav .navbar-form {
    margin-right: 0;
    margin-left: 0;
}

.gfp-login {
    margin-top: 30px;
    margin-left: 30px;
}

@media (min-width: 992px) {
    .gfp-line {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #555657;
        padding: 0;
        margin-top: 70px;
        margin-bottom: 20px;
        opacity: 1;
        clear: both;
    }
}

img.gfp-logo {
    display: block;
}

@media (min-width:1200px) {
    img.gfp-logo {
        max-width: 250px;
        position: absolute;
        right: 0;
        top: -30px;
    }
}




.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999 !important;
    opacity: 0.5 !important;
    opacity: 0.5 !important;
    background-color: #000;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50) !important;
    opacity: .3 !important;
}

@media (min-width: 1200px) {

    .col-lgs {
        width: 29%;
    }
}

.project-campaign-page .wow {
    visibility: visible !important
}

/* Frågor och svar */
#accordion .glyphicon {
    margin-top: 2px;
    margin-left: 0;
}

.panel-heading {
    cursor: pointer;
    padding: 15px 0;
    border-bottom: 1px solid black;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#accordion .panel {
    border: 0;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0) !important;
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
    border-bottom: 1px solid #ddd;
}

.answer {
    margin-left: 25px;
    line-height: 1.5;
}

.panel-title {
    font-size: 1.4em;
    text-decoration: none !important;
}

.panel-body {
    font-size: 1.1em;
    line-height: 1.2em;
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel-default > .panel-heading {
    color: #0f1516;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid #d6e1d7;
}

.panel-heading:hover {
    background-color: #ecf1ed
}

.faq-header {
    font-size: 1.7em;
    text-align: center;
    padding: 15px;
    color: white;
    text-transform: uppercase;
    min-width: 100%;
    margin-top: 40px;
}

.numberCircle {
    border-radius: 50%;
    width: 30px;
    font-size: 1.4em;
    color: white;
    display: inline-block;
    margin-right: 5px;
}

    .numberCircle span {
        text-align: center;
        line-height: 30px;
        display: block;
    }

@media (max-width: 767px) {
    .faq-header {
        font-size: 1.2em;
        padding: 10px;
        margin-top: 20px;
    }

    .numberCircle {
        border-radius: 50%;
        width: 24px;
        font-size: 1.1em;
        color: white;
        display: inline-block;
        margin-right: 5px;
    }

        .numberCircle span {
            text-align: center;
            line-height: 24px;
            display: block;
        }

    .panel-title {
        font-size: 1.2em;
        text-decoration: none !important;
    }
}

.round {
    float: right;
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-left: 30px;
    line-height: 30px;
}

.faqicon-plus {
    background-image: url(/Content/Images/faq-plus.svg);
    background-repeat: no-repeat;
    padding: 12px;
    position: absolute;
}

.faqicon-minus {
    background-image: url(/Content/Images/faq-minus.svg);
    background-repeat: no-repeat;
    padding: 12px;
    position: absolute;
}

#accordion .panel-heading {
    padding-left: 15px;
    padding-right: 10px;
}

#accordion .panel-title {
    font-size: 1.2em;
    text-decoration: none !important;
}

.campaign-ingress {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.4em;
}

@media (max-width: 767px) {
    .project-campaign-page h2 {
        font-size: 1.7em;
        font-weight: 200;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .campaign-ingress {
        text-align: center;
        font-size: 1.2em;
        line-height: 1.2em;
    }

    #accordion .panel-title {
        font-size: 1em;
        text-decoration: none !important;
    }

    #accordion .panel-body {
        font-size: 0.9em;
        line-height: 1.2em;
    }
}

.square-box .text-inside:first-of-type.h3:first-of-type {
    font-size: 29px;
}

.copy-text-right {
    position: absolute;
    color: #ffffff;
    font-size: 0.8em;
    right: 40px;
    margin-top: -55px;
}

.copy-text-left {
    position: absolute;
    color: #ffffff;
    font-size: 0.8em;
    left: 40px;
    margin-top: -25px;
}

span.hero-astoria .box {
    display: none;
}

/*Cookie*/

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

    .cc-window.cc-invisible {
        opacity: 0
    }

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

    .cc-animate.cc-revoke.cc-top {
        transform: translateY(-2em)
    }

    .cc-animate.cc-revoke.cc-bottom {
        transform: translateY(2em)
    }

    .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
        transform: translateY(0)
    }

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link, .cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica,Calibri,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

    .cc-window.cc-static {
        position: static
    }

    .cc-window.cc-floating {
        padding: 2em;
        max-width: 24em;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner {
        padding: 1em 1.8em;
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row
    }

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

    .cc-link:hover {
        opacity: 1
    }

    .cc-link:active, .cc-link:visited {
        color: initial
    }

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-banner .cc-btn:last-child {
    min-width: 140px
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

    .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
        background-color: transparent;
        text-decoration: underline
    }

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

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

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating > .cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1;
    flex: 1
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    -ms-flex: 1;
    flex: 1
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

    .cc-compliance > .cc-btn {
        -ms-flex: 1;
        flex: 1
    }

.cc-btn + .cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .cc-window.cc-banner .cc-compliance {
            -ms-flex: 1;
            flex: 1
        }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

    .cc-theme-classic .cc-btn:last-child {
        min-width: 140px
    }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0
}





.xl-container {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}

.btn-default.humlan-btn {
    font-family: 'Lineto Circular Book';
    font-weight: normal;
    color: #ffffff;
    background-color: rgba(79,185,152,1);
    border: none;
    text-align: left;
    border-radius: 0;
    padding: 10px 20px 10px 20px;
    margin-right: 20px;
    transition: background-color 0.3s ease;
}

    .btn-default.humlan-btn:hover, .btn-default.humlan-btn:active, .btn-default:hover, .btn-default:active {
        background-color: rgba(0,130,117,1) !important;
        transition: background-color 0.3s ease;
        color: #ffffff !important;
    }

.object-menu .btn-default.humlan-btn {
    min-width: 170px;
}

@media (max-width: 991px) {
    .object-menu .btn-default.humlan-btn {
        margin-right: 10px;
    }
}





.object-page, .object-page {
    margin-top: 75px;
}

@media (max-width: 767px) {
    .object-menu .btn-default.humlan-btn {
        margin-right: 0;
    }

    .object-page, .object-page {
        margin-top: 45px;
    }
}

.object-page h1 {
    margin-bottom: 40px;
    text-align: center;
}

.object-page h2 {
    font-family: 'Noe Display Medium' !important;
    font-size: 1.875em;
    font-weight: normal;
    margin-top: 30px;
}


.object-listpage .nav-tabs > li {
    float: right;
    margin-bottom: -1px;
}



.list-tabs span {
    display: block;
}

.list-tabs li:hover > a, .list-tabs li.active > a, .list-tabs li.active > a, .nav-tabs > li.active > a:hover {
    color: #555555 !important;
    background-color: transparent;
    cursor: pointer;
}

.list-tabs {
    text-align: center;
}

.object-listpage h2 {
    font-family: 'Noe Display Medium' !important;
    letter-spacing: 0.1rem;
    font-size: 2.7em;
    font-weight: normal;
    margin-top: 0;
}

@media (max-width: 767px) {

    .object-page h1 {
        margin-bottom: 30px;
    }

    .object-page h2 {
        font-size: 1.575em;
    }
}

.object-page #area h2 {
    margin-bottom: 30px;
}

.object-page h2 span {
    height: 5px;
    width: 50px;
    background-color: #008275;
    margin-top: 20px;
    display: block;
}

.object-page h3, .more-info-block h3 {
    font-family: 'Lineto Circular Bold';
    font-size: 1.2em;
    color: #008275;
    margin-bottom: 7px;
    padding-bottom: 0;
}

.object-page h4 {
    font-family: 'Lineto Circular Bold';
    font-size: 1.1em;
    color: #008275;
}

.object-page p {
    font-family: 'Lineto Circular Book';
    color: #244e50;
    margin: 0 0 20px;
}

    .object-page p.ingress {
        font-family: 'Lineto Circular Book';
        color: #007060;
        margin-bottom: 50px;
    }

.object-page hr {
    display: block;
    border: 0;
    border-top: 1px solid #067361;
    opacity: 1;
    margin-top: 40px;
}

.object-page .contact-block {
    padding: 20px;
    background-color: #e6f2ed;
    margin-bottom: 15px;
}

    .object-page .contact-block span {
        font-family: 'Lineto Circular Bold';
        display: block;
        font-style: italic;
    }

.object-page .more-info-block {
    padding: 20px;
    background-color: #52657a;
    color: white;
}

.more-info-block h3 {
    margin-bottom: 15px;
}

.more-info-block span {
    height: 20px;
    width: 20px;
    background-image: url('/static/svg/adobe-svg-icon.svg ');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
}



.slide-inner-content span {
    height: 28px;
    width: 28px;
    background-image: url('/static/svg/humlan-link-arrow.svg ');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.list-tabs a, .list-tabs a:hover {
    background-color: transparent;
    cursor: pointer;
    text-transform: uppercase;
    color: #52657a;
    font-size: 1.4rem;
}






@media (min-width: 768px) {
    .row.equal {
        display: flex;
        flex-wrap: wrap;
    }

    .object-page .map-canvas {
        height: 500px;
        margin-top: 20px;
    }

    .map-page .map-canvas {
        height: 750px;
        margin-top: 20px;
    }
}


.premise-card a span, .rel-object a span {
    height: 24px;
    width: 24px;
    background-image: url('/static/svg/humlan-link-arrow-green.svg ');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 7px;
    vertical-align: middle;
    outline: none !important;
}

.premise-card {
    margin-bottom: 40px;
    outline: none !important;
}

.other-premises {
    padding-top: 10px;
}

@media (min-width: 768px) {

    .other-premises .premise-card {
        padding: 10px;
    }
}

.premise-card p, .premise-card a, .rel-object a {
    padding-bottom: 15px 0;
    font-size: 1.5rem;
    color: #017a6a;
    outline: none !important;
}

.rel-area p:first-of-type {
    font-family: 'Lineto Circular Bold';
}

.premise-card h2, .rel-area h2 {
    font-size: 3rem;
    margin-bottom: 5px;
}

.premise-card img {
    margin-bottom: 15px;
}

.premise-card ul {
    color: #52657a;
}

    .premise-card ul span {
        border: 0.5px solid #52657a;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 0.9rem;
    }

.slide-inner-content a {
    display: block;
    margin-top: 20px;
    outline: none !important;
}

.more-info-block a {
    font-size: 1.3rem;
    text-decoration: underline;
    display: block;
    margin: 7px 0;
}

@media (min-width: 991px) {

    .object-sidearea {
        padding-left: 50px;
    }
}


.object-fact {
    font-family: 'Lineto Circular Book';
    font-size: 1.1em;
    color: #008275 !important;
    padding-bottom: 30px;
}

.object-table {
    width: 100%;
    margin-bottom: 30px;
}

table.object-table tbody > tr > td {
    padding: 8px 0;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 0;
    font-size: 1em;
    color: #008275 !important;
}

#object-images {
    margin-top: 70px;
    margin-bottom: 70px;
}

.object-table tr {
    border-bottom: 1px solid #bac6cd;
}

.object-page .more-info-block p, .object-page .more-info-block h3, .object-page .more-info-block a {
    color: white;
}

.object-menu, .object-listmenu {
    margin-top: -70px;
    z-index: 999;
}

    .object-menu ul, .premise-card ul {
        padding-left: 0;
        padding-inline-start: 0 !important;
        margin-bottom: 15px;
    }

    .object-menu li {
        padding-left: 0;
        display: inline-block;
    }

.object-page .breadcrumbs {
    margin-top: 50px;
}

a.humlan-btn span {
    border-right: 2px solid;
    border-bottom: 2px solid;
    height: 10px;
    width: 10px;
    transform: rotate(-45deg);
    float: right;
    margin-top: 4px;
    margin-left: 10px;
}

#area img:first-child {
    margin-top: 40px;
}

@media (min-width: 768px) {

    #area img {
        padding: 0 0 15px 50px;
    }
}

@media (max-width: 767px) {

    #area img {
        padding: 0 0 15px 0;
    }

    .object-page .breadcrumbs {
        margin-top: 30px;
    }

    #object-images {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

#interested, .rel-area {
    padding: 50px 0;
    background-color: #e6f2ed;
    margin-bottom: 15px;
    margin-top: 30px;
    color: #017a6a;
}

.rel-object, .rel-object img {
    margin-bottom: 25px;
}

.header-line {
    width: 55px;
    background-color: #007060;
    height: 4px;
    margin: 25px 0 10px 0;
}



#interested p {
    font-family: 'Lineto Circular Book';
    background-color: #e6f2ed;
}

@media (min-width: 768px) {

    .pl0 {
        padding-left: 0;
        margin-bottom: 10px;
    }

    #interested .form-group {
        margin-right: 20px;
    }
}

@media (max-width: 767px) {

    .pl0 {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 30px;
    }
}

#interested .form-control {
    display: block;
    width: 100%;
    height: 100% !important;
    padding: 12px 0;
    font-size: 14px;
    line-height: 1.428571429;
    color: #87909e;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #8497a5;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 1);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#interested textarea.form-control {
    border: 1px solid #8497a5;
    padding: 12px;
}

#other-premises {
    margin-bottom: 70px;
}

    #other-premises li, .premise-card li {
        font-family: 'Lineto Circular Book';
        font-size: 1.3rem;
        display: inline-block;
        text-transform: uppercase;
    }



/* DROPDOWN HUMLAN */

.wrapper-dropdown-humlan {
    font-family: 'Lineto Circular Book';
    font-weight: normal;
    position: relative;
    display: inline-block;
    text-align: left;
    width: 180px;
    margin: 5px 10px;
    padding: 11px 25px;
    background-color: rgba(79,185,152,1);
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.15);
    cursor: pointer;
    outline: none;
    color: #fff;
    border: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

    .wrapper-dropdown-humlan:hover {
        background-color: #017a6a;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

#areas {
    z-index: 99;
}

#type {
    z-index: 98;
}

#size {
    z-index: 97;
}

.wrapper-dropdown-humlan:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 20px;
    margin-top: 4px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    height: 10px;
    width: 10px;
    transform: rotate(-45deg);
    float: right;
    margin-left: 10px;
}

.wrapper-dropdown-humlan .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding-left: 0;
    /* Styles */
    background-color: #e6f2ed;
    transition: background-color 0.3s ease;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    font-weight: normal;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    list-style: none;
    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

    .wrapper-dropdown-humlan .dropdown li a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #017a6a;
        border-bottom: 1px solid #4fb998;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .wrapper-dropdown-humlan .dropdown li i {
        float: right;
        color: inherit;
    }

    .wrapper-dropdown-humlan .dropdown li:last-of-type a {
        border: none;
    }

    /* Hover state */

    .wrapper-dropdown-humlan .dropdown li:hover a {
        background: #cae5d8;
    }

/* Active state */

.wrapper-dropdown-humlan.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity .wrapper-dropdown-humlan .dropdown,
.no-pointerevents .wrapper-dropdown-humlan .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown-humlan.active .dropdown,
.no-pointerevents .wrapper-dropdown-humlan.active .dropdown {
    display: block;
}


.premiselist-stamp {
    position: absolute;
    width: 115px;
    height: 115px;
    top: 15px;
    left: 25px;
}

.premise-feature {
    margin-top: 50px;
}

.premise-feature p {
    font-family: 'Lineto Circular Book';
    font-size: 18px;
    color: #007060;
    margin-bottom: 0;
}

@media (max-width:991px) {
    .premise-feature {
        margin-bottom: 30px;
    }
}

@media (max-width:767px) {
    .premise-feature  {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .premise-feature p {
        font-size: 16px;
    }
}

.vertical-align {
    display: flex;
    align-items: center;
}