/**
 * Used on object pages on:
 *
 * https://object.highestate.se/
 * https://bostad.marton-sverige.com/
 * https://bolig.marton.no/
 * https://immobilier.marton-france.com/
 *
 */


/* Marton blue: #009ed0 */

html {
    max-width: 100vw;
}

body {
    background: #fff;
    max-width: 100vw;
}

.he-yt-video-wrapper {
    position: relative;
}

div.he-yt-video-wrapper {
    padding-bottom: 20px !important;
}

.fixed .navigation-viewing-button {
    display: none !important;
}

.he-yt-video-wrapper::after {
    opacity: 0.6;
    content: " ";
    color: #fff;
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI2MHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MCA2MCIgd2lkdGg9IjYwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iYmxhY2siIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj48ZyBpZD0ic2xpY2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MDAuMDAwMDAwLCAtMTAwLjAwMDAwMCkiLz48ZyBmaWxsPSIjMDAwMDAwIiBpZD0ieW91dHViZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxNi4wMDAwMDApIj48cGF0aCBkPSJNMzguNzkxNTkxOCw2Ljc2MTYwODk2IEMzOC43OTE1OTE4LDYuNzYxNjA4OTYgMzguNDE2NjI5Miw0LjExODk3NDc5IDM3LjI2NjYwMTgsMi45NTQ4ODYzNCBDMzUuODA4OTM0NywxLjQyNzc2NTkyIDM0LjE3NDAxMjUsMS40MjA1MjIzMiAzMy40MjQ1MTM0LDEuMzMxMDQyNjEgQzI4LjA1ODI4NzIsMC45NDI4NzEwOTQgMjAuMDA4NTIxOSwwLjk0Mjg3MTA5NCAyMC4wMDg1MjE5LDAuOTQyODcxMDk0IEwxOS45OTE0NzgxLDAuOTQyODcxMDk0IEMxOS45OTE0NzgxLDAuOTQyODcxMDk0IDExLjk0MjEzODksMC45NDI4NzEwOTQgNi41NzU0ODY1OCwxLjMzMTA0MjYxIEM1LjgyNTk4NzQ2LDEuNDIwNTIyMzIgNC4xOTE5MTc0OCwxLjQyNzc2NTkyIDIuNzMzMzk4MTcsMi45NTQ4ODYzNCBDMS41ODMzNzA4Miw0LjExODk3NDc5IDEuMjA5MjYwNCw2Ljc2MTYwODk2IDEuMjA5MjYwNCw2Ljc2MTYwODk2IEMxLjIwOTI2MDQsNi43NjE2MDg5NiAwLjgyNTc3NTkxOCw5Ljg2NDg1MDYxIDAuODI1Nzc1OTE4LDEyLjk2ODA5MjMgTDAuODI1Nzc1OTE4LDE1Ljg3Nzg4NzMgQzAuODI1Nzc1OTE4LDE4Ljk4MDcwMjggMS4yMDkyNjA0LDIyLjA4Mzk0NDUgMS4yMDkyNjA0LDIyLjA4Mzk0NDUgQzEuMjA5MjYwNCwyMi4wODM5NDQ1IDEuNTgzMzcwODIsMjQuNzI2NTc4NiAyLjczMzM5ODE3LDI1Ljg5MDY2NzEgQzQuMTkxOTE3NDgsMjcuNDE4MjEzNiA2LjEwODA2MTYxLDI3LjM2OTIxMjggNi45NjE1Mjc2MiwyNy41Mjk0MjQxIEMxMC4wMjk4Mjk2LDI3LjgyMzg1NSAyMCwyNy45MTUwMzkxIDIwLDI3LjkxNTAzOTEgQzIwLDI3LjkxNTAzOTEgMjguMDU4Mjg3MiwyNy45MDI2ODIzIDMzLjQyNDUxMzQsMjcuNTE0OTM2OSBDMzQuMTc0MDEyNSwyNy40MjU0NTcyIDM1LjgwODkzNDcsMjcuNDE4MjEzNiAzNy4yNjY2MDE4LDI1Ljg5MDY2NzEgQzM4LjQxNjYyOTIsMjQuNzI2NTc4NiAzOC43OTE1OTE4LDIyLjA4Mzk0NDUgMzguNzkxNTkxOCwyMi4wODM5NDQ1IEMzOC43OTE1OTE4LDIyLjA4Mzk0NDUgMzkuMTc0MjI0MSwxOC45ODA3MDI4IDM5LjE3NDIyNDEsMTUuODc3ODg3MyBMMzkuMTc0MjI0MSwxMi45NjgwOTIzIEMzOS4xNzQyMjQxLDkuODY0ODUwNjEgMzguNzkxNTkxOCw2Ljc2MTYwODk2IDM4Ljc5MTU5MTgsNi43NjE2MDg5NiBaIE0xNi4wNDExNjE5LDE5LjQwMjk2MTkgTDE2LjAzOTQ1NzUsOC42MjgzMjYyIEwyNi40MDEyMDgyLDE0LjAzNDE3OTEgTDE2LjA0MTE2MTksMTkuNDAyOTYxOSBaIiBpZD0iRmlsbC0xOTUiLz48L2c+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    width: 100px;
    min-height: 100px;
    background-size: contain;
    left: 50%;
    margin-left: -50px;
    top: 50%;
    margin-top: -50px;
}

.he-yt-video-wrapper:hover::after {
    opacity: 1;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxsaW5lYXJHcmFkaWVudCBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIC00MS42NiAzNDkuMDQpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IlNWR0lEXzFfIiB4MT0iNjcuNjQzNCIgeDI9IjY5NC4yNzYzIiB5MT0iMzIzLjEyMTUiIHkyPSItMzAzLjUxMTQiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0REMjcyRCIvPjxzdG9wIG9mZnNldD0iMC41MTUzIiBzdHlsZT0ic3RvcC1jb2xvcjojQ0EyNDI5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQjIyMDI1Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMzkxLjkzOSwxNTkuNjQyYy0xMS40ODUtMTIuODE2LTI0LjM0OS0xMi44OTItMzAuMjQ3LTEzLjYxOCAgYy00Mi4yNTItMy4yNzUtMTA1LjYyNS0zLjI3NS0xMDUuNjI1LTMuMjc1aC0wLjE0MmMwLDAtNjMuMzc0LDAtMTA1LjYxNiwzLjI3NWMtNS44OTgsMC43MjctMTguNzUyLDAuODAyLTMwLjI0NywxMy42MTggIGMtOS4wNDEsOS43NzctMTEuOTk1LDMxLjk4NC0xMS45OTUsMzEuOTg0cy0zLjAyLDI2LjA1Ny0zLjAyLDUyLjExNXYyNC40MjRjMCwyNi4wNzYsMy4wMiw1Mi4xMjQsMy4wMiw1Mi4xMjQgIHMyLjk0NSwyMi4xOTcsMTEuOTk1LDMxLjk1NWMxMS40OTUsMTIuODE2LDI2LjU2NiwxMi40MjksMzMuMjg2LDEzLjc2OUMxNzcuNDk5LDM2OC40ODcsMjU2LDM2OS4yNTEsMjU2LDM2OS4yNTEgIHM2My40NC0wLjExMywxMDUuNjkxLTMuMzVjNS44OTgtMC43NTUsMTguNzYyLTAuODMsMzAuMjQ3LTEzLjY0N2M5LjA0MS05Ljc1OCwxMS45OTUtMzEuOTU1LDExLjk5NS0zMS45NTVzMy4wMi0yNi4wNTcsMy4wMi01Mi4xMjQgIFYyNDMuNzVjMC0yNi4wNjYtMy4wMi01Mi4xMjQtMy4wMi01Mi4xMjRTNDAwLjk5LDE2OS40MiwzOTEuOTM5LDE1OS42NDJ6IE0yMTguMjk3LDMxMi42MjZWMTk5LjM3NWw5NC4zNzYsNTYuNjI2TDIxOC4yOTcsMzEyLjYyNnogICIgZmlsbD0idXJsKCNTVkdJRF8xXykiLz48L3N2Zz4=);
}

.he-icon-services {
    background-image: url(https://res.cloudinary.com/hemverket/image/upload/highestate/icon-services1.png);
    width: 40px;
    height: 40px;
    background-size: cover;
    margin-bottom: -15% !important;
}

.he-icon-services span {

}

#lightbox {
    position: fixed; /* keeps the lightbox window in the current viewport */
    top: 10%;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.9);
    z-index: 100 !important;
    vertical-align: middle;
    text-align: center;
}

#lightbox > div {
    background-color: transparent !important;
    text-align: center;
}

#lightbox div iframe {
    padding-bottom: 20px;
}

#lightbox div div span {
    margin: 0px;
    background-color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#youtube_close {
    color: #000;
    padding: 10px;
    background-color: #fff;
}

h1,
h1 a,
h2,
h3 {
    color: #000;
    text-transform: none;
    font-weight: normal;
}

h4, h5 {
    font-size: 18px;
}

h1 {
    font-size: 48px;
}

h1 a:hover {
    color: #000;
}

.he-list {
    margin-bottom: 15px;
}

.he-list li {
    margin-bottom: 35px;
}

.he-list.square {
    list-style-type: square;
}

.he-list.square li {
    margin-left: 25px;
    margin-bottom: 5px;
}

ul.he-list li b {
    display: block;
    border-bottom: 1px solid #d4d4d4;
    max-width: 90%;
    clear: both;
    padding-bottom: 2px;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 130%;
    font-size: 14px;
    letter-spacing: .4px;
}

ul.he-list li b+br {
    display: none;
}

ul.he-list li span {
    font-weight: 500;
    line-height: 130%;
    font-size: 18px;
    letter-spacing: .4px;
}

.fa-ul.white {
    color: #fff;
}

.he-detail-box .he-list {
    margin-bottom: 50px;
}

/*.object-frontpage-viewport {
    height: 950px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}*/

.object-frontpage-viewport {
    min-height: 600px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.object-frontpage-background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.object-frontpage-viewport .object-frontpage-background,
.object-frontpage-viewport .object-frontpage-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 5;
}

.object-frontpage-navigation {
    /*position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;*/
    background: #fff;
    text-align: center;
    z-index: 4;
}

.object-frontpage-navigation nav {
    width: auto;
    margin: 0px auto;
    display: inline-block;
    vertical-align: bottom;
}

.object-frontpage-navigation nav.fixed {
    width: 100%;
    display: block;
    border-bottom: 3px solid #009ed0;
}

.object-frontpage-details {
    min-height: 200px;
    height: auto;
    padding: 25px 0;
    background: #009ed0;
    color: #fff;
    padding: 25px 0;
}

.object-frontpage-details h2,
.object-frontpage-details h3 {
    color: #fff;
    font-weight: normal;
    text-align: center;
}

.object-frontpage-details h2 {
    font-size: 56px;
    line-height: 120%;
    font-weight: 200;
    letter-spacing: .25px;
    margin: 0 0 25px;
}

.object-frontpage-details h2 b {
    font-weight: 200;
}

.object-frontpage-details h3 {
    font-size: 18px;
    margin: 0px 0px 15px;
}

.object-frontpage-details h3 b {
    font-weight: 300;
    letter-spacing: .4px;
}

.object-frontpage-details h3 b+span {
    font-weight: 200;
    font-size: 18px;
    letter-spacing: .2px;
}

.object-frontpage-details h3 b:after {
    content: ': ';
}

.object-frontpage-details .col-responsible-broker {
    font-style: italic;
    padding-top: 10px;
}

.object-frontpage-badge {
    margin-top: 125px;
    z-index: 3;
    position: relative;
    display: none;
}

.object-frontpage-badge .badge-header {
    font-weight: bold;
    color: #ffffff;
    margin-top: 30px;
}

.object-frontpage-badge .badge-text {
    color: #ffffff;
    font-size: 22px;
}

.object-frontpage-badge .img-circle {
    width: 178px;
    height: 178px;
    background-color: #252525;
    text-align: center;
    padding: 5px;
}

.object-frontpage-badge a:hover {
    text-decoration: none;
}

/*.object-frontpage-header {
    position: absolute;
    top: -106px;
    left: 0px;
    right: 0px;
    z-index: 4;
}*/

.object-frontpage-header .white {
    background: #fff;
    width: 100%;
    position: relative;
}

.object-frontpage-header .transparent {
    width: 100%;
    position: relative;
    height: 50px;
}

.object-frontpage-header .white .branding {
    padding: 26px 0px 20px;
}

.object-frontpage-header .white .branding .logo {
    padding-right: 40px;
}

.object-frontpage-header .white .branding .logo a {
    display: block;
}

.object-frontpage-header .white .branding .slogan {
    color: #757575;
    font-size: 18px;
    padding-top: 8px;
    position: relative;
    white-space: nowrap;
    float: left;
}

.object-frontpage-header .white .branding .slogan .btn {
    background: #51b06b;
    border: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    margin-left: 20px;
    vertical-align: bottom;
    position: relative;
    top: 5px;
}

.object-frontpage-header .white .branding .slogan .btn:hover {
    background: #51b06b;
    color: #fff;
}

.object-frontpage-header .white .welcome-badge {
    padding: 20px;
    background: transparent;
}

.object-frontpage-header .white .welcome-badge h2 {
    color: #fff;
    font-size: 26px;
    margin: 5px 0px;
}

.object-frontpage-header .transparent .welcome-badge a {
    color: #fff;
}

.object-frontpage-header .transparent .welcome-badge .info {
    height: auto;
    background: #009ed0;
    color: #fff;
    padding: 10px 15px;
}

.object-frontpage-header .transparent .welcome-badge .bidding > .lefty,
.object-frontpage-header .transparent .welcome-badge .bidding > .righty {
    height: 60px;
    background: #009ed0;
    color: #fff;
    padding: 10px 15px;
}

.object-frontpage-header .transparent .welcome-badge .viewing > .lefty,
.object-frontpage-header .transparent .welcome-badge .viewing > .righty {
    height: 60px;
    padding: 10px 15px;
}

.object-frontpage-header .transparent .welcome-badge .viewing > .lefty {
    color: #fff;
}

.object-frontpage-header .transparent .welcome-badge .viewing > .righty {
    color: #000;
}

.object-frontpage-header .transparent .welcome-badge .viewing:nth-child(even) > .lefty {
    background: #009ed0;
}

.object-frontpage-header .transparent .welcome-badge .viewing:nth-child(odd) > .lefty {
    background: #2CA7B6;
}

.object-frontpage-header .transparent .welcome-badge .viewing:nth-child(even) > .righty {
    background: #FFFFFF;
}

.object-frontpage-header .transparent .welcome-badge .viewing:nth-child(odd) > .righty {
    background: #F4F4F4;
}

.object-frontpage-header .transparent .welcome-badge .viewing .viewing-date {
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.object-frontpage-header .transparent .welcome-badge .viewing .viewing-date span.day-number {
    display: block;
    font-size: 24px;
    text-align: center;
    line-height: 20px;
}

.object-frontpage-header .transparent .welcome-badge .btn {
    float: right;
}

.object-frontpage-header .transparent p {
    margin-bottom: 0px;
}

#map-wrapper {
    margin-bottom: 50px;
}

.he-box-row > .he-recipient-preview > div[class*="col-"] {
    padding-bottom: 99999px;
    margin-bottom: -99999px;
    background-color: #f5f5f5;
    border-right: 15px #fff solid;
    position: static;
    border-top: 15px #fff solid;
}

.he-box-row > .he-recipient-preview > div[class*="col-"],
.he-box-row > div[class*="col-"] {
    background-color: #009ed0;
    color: #fff;
    font-size: 16px;
}

.panel-default > .panel-heading,
.panel-default > .panel-footer {
    border: 0px;
}

.panel-default > .panel-heading,
.panel-default > .panel-body,
.panel-default > .panel-footer,
.well {
    padding: 15px 30px;
}

.well, .panel-default > .panel-heading, .panel-default > .panel-footer {
    background-color: #009ed0;
    color: #fff;
    font-size: 16px;
}

.panel {
    color: #000;
    font-size: 16px;
}

.disclaimer {
    font-size: .8em;
}

.he-box-row > div[class*="col-"] .btn:not(.btn-appended),
.well .btn:not(.btn-appended),
.panel .btn:not(.btn-appended) {
    background: #1b9cbf;
    border: 1px #fff solid;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
}

.he-box-row > div[class*="col-"] .btn:not(.btn-appended):hover,
.well .btn:not(.btn-appended):hover,
.panel .btn:not(.btn-appended):hover {
    background: #1b9cbf;
}

.he-box-row > div[class*="col-"] a,
.he-box-row > div[class*="col-"] h1,
.he-box-row > div[class*="col-"] h1 a,
.he-box-row > div[class*="col-"] h2,
.he-box-row > div[class*="col-"] h3,
.he-box-row > div[class*="col-"] h4,
.he-box-row > div[class*="col-"] h5,
.well a,
.well h1,
.well h1 a,
.well h2,
.well h3,
.well h4,
.well h5,
.panel h1,
.panel h1 a,
.panel h2,
.panel h3,
.panel h4,
.panel h5 {
    color: #fff;
}

.panel a,
.panel .panel-body h5 {
    color: #000;
}

.panel-body .fa-ul>li {
    line-height: 180%;
}

.panel-body .fa-file {
    font-size: 24px;
}

.panel-body .fa-file:before {
    content: "\f0f6";
}

.he-box-row > div[class*="col-"] h4,
.well h4,
.panel h4 {
    font-weight: 300;
}

.he-box-row > div[class*="col-"] h5,
.well h5,
.panel h5 {
    font-weight: 400;
}

.he-box-row > div[class*="col-"] > .he-box-row-inner {
    padding: 15px;
}

.he-string-faded {
    color: #efefef;
}

.he-chapter-icon-bg {
    color: #0495AE;
}

.he-column-logo {
    height: 88px;
}

.he-column-logo a {
    position: absolute;
    bottom: 0px;
    right: 20px;
}

.banner-link {
    padding: 20px;
    display: block;
}

.he-maximized-banner {
    padding: 25px 0px;
    padding: 1vw 0px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.he-maximized-banner:before {
    position: absolute;
    bottom: 40px;
    left: -5px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #666;
    content: "Annons \25BE";
}

.he-maximized-content {
    padding: 0;
    position: relative;
    z-index: 1;
}

.he-maximized-footer {
    padding-top: 30px;
}

.footer-row {
    padding-top: 15px;
}

.footer-row img {
    margin-bottom: 15px;
}

.he-chapter {
    padding-top: 0px;
    margin-top: -35px;
    word-wrap: break-word !important;
}

.he-chapter-header {
    text-align: center;
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
}

.he-chapter-header:before {
    display: block;
    background-color: transparent;
    height: 1px;
    top: 70%;
    content: " ";
    position: absolute;
    left: 0px;
    right: 0px;
}

.he-chapter-header h1 {
    margin: 0px;
}

.he-chapter-title {
    margin-top: 0px;
}

.he-recipient-preview-item p {
    text-align: left;
}

.he-recipient-preview-item img {
    margin: 0px;
}

#he-mobile-menu {
    background: #f5f5f5;
    max-height: 100%;
}

#he-mobile-menu a {
    margin: 0px auto;
    text-align: center;
    width: 120px;
    color: #666;
    font-size: 16px;
    line-height: 150%;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
}

#he-mobile-menu a i {
    color: #44B2BF;
    font-size: 1.6em;
    line-height: 1.2em;
    display: none;
}

#he-mobile-menu a i,
#he-mobile-menu a br {
    display: none;
}

#he-mobile-menu .col-xs-6 {
    border-bottom: 1px solid #009ed0;
}

.he-menu-affix {
    padding-left: 0;
    margin-top: 0;
}

.he-menu-affix.fixed {
    position: fixed;
    top: 75px;
    left: 0;
    z-index: 1000;
    padding-left: 0;
    min-height: 43px;
}

.navbar-default {
    background-color: #fff;
    border: 0px;
    max-width: 100vw;
}

.navbar-default .navbar-nav > li {
    text-align: center;
}

.navbar-default .navbar-nav > li > a i,
.navbar-default .navbar-nav > li > a br {
    display: none !important;
}

.navbar-default.he-menu-affix .navbar-nav a {
    text-transform: uppercase;
    letter-spacing: .35px;
}

.navbar-default .navbar-header {
    background-color: #009ed0;
    color: #fff!important
}
.navbar-default .navbar-header button {
    background-color: transparent!important
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}


.object-nav {
    margin-left: 15px;
    font-size: 14px;
}

.navbar-default
.navbar-nav > .active > a,
.navbar-default
.navbar-nav > li > a {
    color: #666;
    font-size: 16px;
    line-height: 150%;
    border-bottom: 3px solid transparent;
}

.navbar-default
.navbar-nav > li > a i {
    color: #44B2BF;
    font-size: 1.6em;
    line-height: 1.2em;
}

.navbar-default
.navbar-nav > .active > a i {
    color: #44B2BF;
}

.navbar-default
.navbar-nav > .active > a,
.navbar-default
.navbar-nav a:hover {
    background-color: transparent;
    border-bottom: 3px solid #009ed0;
}

.navbar-default
.navbar-nav > .active > a i {
    color: #fff;
}

.ext-menu-large,
.ext-menu-small {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.ext-menu-large {
    height: 90px;
    max-width: 100vw;
    overflow: hidden!important;
}

.ext-menu-small {
    min-width: 100vw;
    height: 75px!important;
    overflow: hidden;
}

.ext-menu-xs {
    height: 472px;
}

.ext-menu-large iframe {
    border: 0;
    width: 100%;
}

.ext-menu-small iframe {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 75px!important;
}

.ext-menu-xs iframe {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    top: 0;
    min-height: 472px!important;
    left: -15px!important;
    width: 100vw!important;
}


.thumbnail-chapter {
    text-align: center;
}

.he-expand-chapter {
    padding: 0px;
}

.he-expand-chapter .container {
    padding: 35px 15px;
    position: relative;
}

.he-expand-chapter .container h2 {
    color: #000;
}

.thumbnail {
    padding: 0px;
    border: 0px;
    position: relative;
    display: inline-block;
    margin: 0px auto;
    background: none;
}

.thumbnail-chapter h2 {
    font-size: 48px;
    text-align: left;
    margin-bottom: 25px;
    word-break: break-all;
}

.thumbnail .caption {
    color: #000;
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
    margin: 10px 15% 15px;
}

.he-expand-chapter .thumbnail .caption {
    color: #333;
}

.thumbnail-mitt-bolan {
    margin: 0px auto;
    padding: 0px;
    border: 0px;
    overflow: hidden;
}

.he-string-price {
}

.he-object-price {
}

.affix-container {
    position: relative;
}

.navigation-logo {
    display: none;
    float: left;
    margin-top: 14px;
    margin-right: 30px;
}

/*.fixed .navigation-logo {
    display: block;
    margin-right: 0;
    max-width: 300px;
}*/

.navigation-viewing-button {
    display: none;
    position: absolute;
    top: 27px;
    right: 15px;
}

.fixed .navigation-viewing-button {
    display: block;
}

.hv-mitt-bolan-sm-chapter {
    margin-top: 0px;
}

.hv-mitt-bolan-lg-chapter {
    background: #FE611A;
    overflow: hidden;
    padding: 0px;
}

.hv-image-chapter-video-promotion {
    padding: 20px;
    margin: 25px 0px;
    display: block;
    text-decoration: none;
}

.hv-image-chapter-video-promotion:hover,
.hv-image-chapter-video-promotion:focus,
.hv-image-chapter-video-promotion:visited {
    text-decoration: none;
}

.hv-image-chapter-video-promotion:before,
.hv-image-chapter-video-promotion:after {
    display: table;
    content: " ";
}

.hv-image-chapter-video-promotion:after {
    clear: both;
}

.hv-image-chapter-video-promotion p {
    color: #fff;
    margin: 0px 25px;
    font-size: 16px;
    line-height: 180%;
    text-align: left;
}

.hv-image-chapter-video-promotion p.title {
    font-size: 38px;
    margin-bottom: 10px;
    line-height: 150%;
}

.hv-image-chapter-video-promotion img,
.thumbnail a.hv-image-chapter-video-promotion > img {
    float: right;
    margin-left: 25px;
}

.container.content {
    margin-bottom: 0px;
    margin-top: 0px;
}

blockquote {
    border-color: #009ed0;
    max-width: 75%;
}

blockquote p {
    color: #009ed0;
    font-size: 24px;
}

.lead {
    line-height: 175%;
    font-size: 20px;
}

.object-lead {
    width: 90%;
}

.headline {
    font-size: 42px;
}

.he-broker-background,
.he-box-row > div[class*="col-"].he-broker-background {
    background-size: contain;
    background-repeat: no-repeat;
}

/*
	Buttons
*/
.hv-btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    border: 0px;
    padding: 9px 27px;
    font-size: 16px;
}

.hv-btn:hover,
.hv-btn:visited,
.hv-btn:active {
    color: #fff;
}

.hv-btn-translucent {
    background: rgb(0, 0, 0);
    background: rgba(255, 255, 255, 0.3);
}

.hv-btn-translucent:hover {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.4);
}

.hv-btn-info {
    background: #1b9cbf;
}

.hv-btn-info:hover {
    background: #39AFCF;
}

.hv-btn-success {
    background: #51b06b;
}

.hv-btn-success:hover {
    background: #77BF8A;
}

.hv-btn-primary {
    background: #fff;
    border: 1px #333 solid;
    color: #333;
}

.hv-btn-primary:hover {
    background: #eee;
    border: 1px #333 solid;
    color: #333;
}

.hv-btn-icon {
    padding-left: 9px;
}

/*
	Notifiering, översättningar
*/
.he-top-notifications,
.he-translation-notification,
.he-external-notification {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 5;
}

.he-top-notifications .he-translation-notification,
.he-top-notifications .he-external-notification {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: auto;
}

.he-translation-notification,
.he-external-notification {
    display: none;
    text-align: center;
    margin: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

body.translated .he-translation-notification.en {
    display: block;
}

.he-external-notification {
    display: block;
    background: #43B2BF;
    border: #1b9cbf;
    color: #fff;
    font-weight: bold;
}

/*
	Översättningsval i menyn
*/

.on-translated,
.nav > li.on-translated {
    display: none;
}

body.translated .on-translated {
    display: block;
}

body.translated .on-not-translated {
    display: none;
}

.he-static-icon {
    height: 30px;
    margin-bottom: 5px;
}

/*
	SBAB
*/

.sbab-container {
    background-color: #f0f0f0;
    overflow: hidden;
    padding-bottom: 10px;
}

.sbab-container .btn {
    background-color: #f2693b;
    border-color: #f2693b;
    margin-bottom: 15px;
}

.sbab-container .row-buttons {
    margin-top: 20px;
}

.sbab-container .bullet-list {
    text-align: left;
    display: inline-block;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .he-object-price-box {
        text-align: left;
    }

    .thumbnail .caption {
        position: static;
        width: auto;
        padding-bottom: 24px;
    }

    .he-maximized-content {
        padding: 0px;
        margin-bottom: 0px;
        max-width: 100vw;
    }

    .he-maximized-footer {
        position: static;
        height: auto;
    }

    .he-object-price {
        font-size: 36px;
    }

    .object-frontpage-navigation nav.he-menu-affix.fixed {
        display: none;
    }

    .object-frontpage-header {
        top: 63px;
    }

    .object-frontpage-navigation {
        display: none;
    }

    .object-frontpage-header .transparent .welcome-badge .viewing > .lefty {
        padding: 5px 15px;
    }

    .object-frontpage-header .transparent .welcome-badge .bidding > .lefty,
    .object-frontpage-header .transparent .welcome-badge .bidding > .righty,
    .object-frontpage-header .transparent .welcome-badge .viewing > .lefty,
    .object-frontpage-header .transparent .welcome-badge .viewing > .righty,
    .object-frontpage-header .transparent .welcome-badge .info {
        font-size: 10px;
        height: 51px;
    }

    .object-frontpage-header .transparent .welcome-badge .bidding > .lefty .btn,
    .object-frontpage-header .transparent .welcome-badge .bidding > .righty .btn,
    .object-frontpage-header .transparent .welcome-badge .viewing > .righty .btn,
    .object-frontpage-header .transparent .welcome-badge .info .btn {
        font-size: 12px;
    }

    .object-frontpage-details .col-responsible-broker h3 b+span {
        font-size: 13px;
    }

    .object-frontpage-details h2, .object-frontpage-details h3 {
        text-align: left;
    }

    .object-frontpage-details h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .object-frontpage-details h3 {
        font-size: 13px;
        margin: 0 0 9px;
    }

    .object-frontpage-viewport {
        margin-bottom: 20px;
    }

    .object-frontpage-background {
        top: 0px;
    }

    .object-frontpage-header .white .branding .slogan {
        display: none;
    }
}

@media (min-width: 768px) {

    .navbar-header {
        float: none;
    }

    .navbar-collapse.collapse {
        display: inherit !important;
        height: inherit !important;
        padding-bottom: inherit !important;
        overflow: inherit !important;
    }

    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

    .navbar-toggle {
        display: inherit;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .collapse.in {
        display: block !important;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .thumbnail .caption {
        position: static;
        width: auto;
        padding-bottom: 24px;
    }

    .he-maximized-content {
        margin-bottom: 0px;
    }

    .he-maximized-footer {
        position: static;
        height: auto;
    }

    h1 {
        font-size: 38px;
    }

    .he-column-logo a {
        position: static;
    }

    /*.fixed .navigation-logo {
        display: none;
    }*/

    .fixed .navigation-viewing-button {
        display: none;
    }

    .object-frontpage-header .white .welcome-badge {
        background: #1b9cbf;
    }

    .object-frontpage-header .white .branding {
        padding: 20px 0px 20px;
    }

    .object-frontpage-badge {
        display: block;
    }

    .object-frontpage-header .white .branding .slogan {
        display: none;
    }

}

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

    .fixed .navigation-viewing-button {
        display: none;
    }

    .thumbnail .caption {
        position: static;
        width: auto;
        padding-bottom: 24px;
    }

    .container.content.hv-mitt-bolan-buffer {
        padding-bottom: 70px;
    }

    .object-frontpage-header .white .branding .logo {
        float: left;
    }

    .object-frontpage-badge {
        display: block;
    }

    .object-frontpage-header .white .branding .slogan {
        display: none;
    }
}

@media (min-width: 1200px) {

    .thumbnail .caption {
        position: static;
        width: auto;
        padding-bottom: 24px;
    }

    .container.content.hv-mitt-bolan-buffer {
        padding-bottom: 70px;
    }

    .object-frontpage-header .white .branding .logo {
        float: left;
    }

    .object-frontpage-badge {
        display: block;
    }
}

p.centered-info {
    margin-bottom: 15px;
    text-align: center;
}

p.subtle-info {
    font-style: italic;
    clear: both;
}

div.subtle-link {
    text-align: center;
    padding: 5px 0;
}

div.subtle-link a {
    font-style: italic;
    text-decoration: underline;
    font-size: 80%;
}

p.phone-info {
    text-align: center;
}

p.phone-info span {
    font-size: 200%;
    display: block;
}

.phone-info span::before {
    content:'';
    background: url('/includes/img/icons/Ikon_Marton_Kundeservice.svg') no-repeat; /*url of image*/
    background-size: contain;
    height: 54px;
    width: 43px;
    display: inline-block;
    margin-bottom: -20px;
    margin-right: 10px;
}

p.phone-info-marton span {
    font-size: 200%;
}

.phone-info-marton span::before {
    content:'';
    background: url('/includes/img/icons/Ikon_Marton_Kundeservice.svg') no-repeat; /*url of image*/
    background-size: contain;
    height: 54px;
    width: 43px;
    display: inline-block;
    margin-bottom: -20px;
    margin-right: 10px;
}

.avatars-marton {
    max-width: 300px;
    overflow: hidden;
    padding: 0;
}

.avatars-marton li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    display: block;
    width: 95px;
    text-align: center;
}

.avatars-marton li img {
    max-height: 70px;
}

.avatars-marton li p {
    white-space: nowrap;
}
.bg-white {
    background: white !important;
}