@media screen and (max-width: 645px){
    .hide-for-small {
        display: none;
    }
}

@media screen and (min-width: 645px) and (max-width: 1400px) {
    .hide-for-medium {
        display: none;
    }
}

@media screen and (min-width: 1400px) {
    .hide-for-large {
        display: none;
    }
}

.m-office--content-editoral .info-box {
    width: 380px;
    min-height: 406px;
    float: right;
    margin: 0 0 18px 18px;
    background-color: #f3f3f3;
    padding-left: 22px;
}

.info-box .c-social__list {
    margin-bottom:30px;
}

 


.m-office--content-editoral .blog-box {
    width:380px;
    height:200px;
    background-color:#fff;
    margin-left:-22px;
    padding-top:90px;
    text-align: center;
    background-repeat:no-repeat;
    background-position-x:center;
}

.m-office--content-editoral .blog-box-space {
    width:380px;
    height:20px;
    margin-left:-22px;
    background-color:#fff;
}

.m-office--content-editoral .blog-box span{
    color:#fff;
    background-color:rgba(196,15,62,.85);
    font-size:36px;
    padding-left:10px;
    padding-right:10px;

}

.m-office--content-editoral .info-box a{
    text-decoration:none;
}

@media screen and (max-width: 700px) {
   
     .m-office--content-editoral .blog-box {
        max-width:95%;
    }
}

@media screen and (min-width: 701px) and (max-width: 910px) {
    .m-office--content-editoral .info-box {
        max-width:90%;
    }

     .m-office--content-editoral .blog-box {
        max-width:106%;
    }

    .m-office--content-editoral .info-box .facebook-image,
    .m-office--content-editoral .info-box .instagram-image 
    {
        margin-left: 0;
        margin-top: 0;
    }

    .m-office--content-editoral .info-box .b-button {
        padding-right: 14px;
        padding-left: 10px;
    }

    .c-social__list
    {
        text-align:left;
    }
}



.m-office--content-editoral .info-box h3 {
    margin-bottom: 5px;
}
.m-office--content-editoral h1 {
    text-align:left;
}
.m-office--content-editoral .info-box h4.forsale {
    margin-top: 0;
    margin-bottom: 25px;
}
    .m-office--content-editoral .info-box h4.forsale a {
        color: #CC325B;
        text-decoration: none;
    }
.m-office--content-editoral .info-box .b-button-wrapper {
    margin-top: -2px;
    margin-bottom: 22px;
}
.m-office--content-editoral .info-box ul.links {
    padding: 0;
    list-style: none;
    margin-bottom: 25px;
}

.m-office--content-editoral .info-box ul.links li {
    margin-bottom: 6px;
}
.m-office--content-editoral .info-box ul li a {
    text-decoration: none;
    color: #333;
    width:359px;
}

.m-office--content-editoral .info-box ul li a:hover {
    text-decoration:underline;
}

.m-office--content-editoral .info-box .facebook-image, 
.m-office--content-editoral .info-box .instagram-image 
{
    width: 36px;
    height: 36px;
    position: relative;
    top: 10px;
    margin-left: 10px;
    margin-right: 5px;
}
.m-office--content-editoral .fixed-text {
    overflow: hidden;
}
.m-office--content-editoral .fixed-height {
    max-height: 340px;
}
.m-office--content-editoral #fixed-readmore {
    display: none;
}
.m-office--content-editoral .heightAuto {
    max-height: 5000px;
}

.hidden {
    display: none;
}
.c-object-navigation .icon.is--virtualshowing {
    background-image: url(../img/icons/VR.svg);
    height:24px;
}
.c-form--banner {
    text-align:center;
    color:#fff!important;
}
.c-form--banner option
{
    color:#333;
}

.c-form .Form__Status .Form__Status__Message a{
    color: #fff;
}

.c-form--banner h2 {
    margin-top: 100px;
    font-size: 2em;
    font-weight: normal;
}
.c-form--banner h4 {
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom:0;
}
.freevaluation .Form__Element.FormChoice label {
    margin-top: 20px;
    font-size: 1.2em;
    font-weight: normal;
    text-transform: none;
}
.freevaluation .Form__Element.FormChoice label a.link {
    color: #fff;
}
.freevaluation .Form__Element.FormChoice input {
    zoom: 190%;
    -moz-transform: scale(1.6); /* Firefox */
    float: left;
    position: relative;
    top: 2px;
}
.freevaluation .Form__Element.FormChoice label span {
    display: block;
    float: left;
    margin-left: 10px;
}
.freevaluation .Form__Element.FormChoice input[type=checkbox] + span:before {
    background-color: transparent;
}
.freevaluation button {
    text-align:center;
    width:25%;
}
button.freeValuation {
    position:relative;
    top:-53px;
    left:411px;
    width:23.8%;
    padding:10px 10px;
}
@media screen and (max-width: 1100px) {
    button.freeValuation {
        left: 300px;
    }
}
@media screen and (max-width: 1020px) {
    button.freeValuation {
        left: 600px;
    }
}
@media screen and (max-width: 850px) {
    button.freeValuation {
       display:none;
    }
}

.s-search-global .form__results li, .s-search-global .form__results li * {
    color: #fff;
}

.s-search-global .form__results {
    background-color: #fff;

}

.s-search-global .form__results .ui-autocomplete-category {
    color: #000 !important;
    padding-left: 20px !important;
}

.s-search-global .form__results .ui-menu-item * {
    color: #000 !important;
    padding-left: 20px !important;
}

.broker__location a
{
    color: #333!important;
    text-decoration:none;
}

.broker__location-tooltip__item a
{
    color: #fff!important;
}

.c-object-status-box .readmore
{
    display:block;
    margin-top:20px;
}
.c-control--type--buttons .is--outline--white {
    padding: 12px 10px;
}


a.change-lang-link 
{
    display:inline-block;
    position:relative;
    left:3px;
    top:7px;
    float:right;
    text-decoration:none;
    color:#fff;
    font-size:12px;
    cursor:pointer;
}

.s-header .flag {
    display: inline-block;
    position: relative;
    left: 0px;
    top: 3px;
    width: 21px;
    height: 15px;
    margin-right: 20px;
}

.s-header .flag.mobile {
    margin-left: 20px;
    margin-right: 0px;
}

.s-header__button{
    margin-left:0!important;
}

.s-header .flag.flag-sv {
    background-image: url(../img/icons/flag-se-color.svg);
}
.s-header .flag.flag-en {
    background-image: url(../img/icons/flag-en-color.svg);
}
.s-header .flag.flag-es {
    background-image: url(../img/icons/flag-es-color.svg);
}
.s-header .flag.flag-no {
    background-image: url(../img/icons/flag-no-color.jpg);
}
.s-header .flag.flag-fi {
    background-image: url(../img/icons/flag-fi-color.jpg);
}

.s-header #lang-switcher {
    display: none;
    float: right;
    position: absolute;
    right: 50px;
    top: 50px;
    padding: 15px;
    padding-bottom:0;
    width: 134px;
    background-color: #fff;
    text-align:center;
}

@media screen and (max-width: 645px){
    .s-header #lang-switcher {
    right: 10px;
    }
    .s-header .change-lang-link .flag {

    left: -15px;
   
    }
}

.s-header #lang-switcher .arrow {
    display: block;
    position: relative;
    left: 40px;
    top: -24px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    transform:rotate(45deg);
}

.s-header #lang-switcher a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-size: 12px;
    color: #333;
    cursor:pointer;
    top: -24px;
}

.s-header #lang-switcher a:hover {
    text-decoration: underline;
}

.s-header #lang-switcher hr {
    position: relative;
    border-top: 1px solid #E0E0E0;
    border-left:none;
    top: -24px;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

.m-object-social-share.share-standard
{
    padding:0;
    margin-top: 20px;
}

section.buildings
{
    padding-top:0!important;
    margin-top:-60px!important;
}

#objectbuildings
{
    padding-top:0!important;

}

.is--form-theme--light select {
    border: none;
    color: #333;
}

.blog {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.blog h2 {
    text-align:center;
}

.blog-link{
    background-image:url(/Assets/img/icons/arrow-red-left.svg);
    background-repeat:no-repeat;
    background-position-x:right;
    padding-right:30px;
    background-size:20px;
}

section.areals
{
    padding:0!important;
    padding-bottom:60px!important;
}

section.assessments
{
    padding:0!important;
    padding-bottom:10px!important;
}

section.m-content.other-data
{
    padding:0!important;
    padding-top:30px!important;
}

section.m-object__section.other-data
{
    padding:0!important;
    padding-bottom:10px!important;
}

table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
    margin-top:40px;
    font-weight: 700;
    font-size: 1.125rem;
    line-height:1.2;
}

table tr {
  background: #ffffff;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: .35em;
}

table thead tr:first-child {
  border-top: none;
  background-color:#eee;
}

table tr:first-child {
  border-top: none;
}

table th, table td {
  padding: .625em;
  text-align: left;
}

table th, table td:first-child {
    font-family: proxima-nova,merriweather,serif;
    font-size: .75rem;
    line-height: 1.4;
}

table th {
    font-family: proxima-nova,merriweather,serif;
    font-size: .75rem;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
}
@media screen and (max-width: 1000px) {

    .m.m-content.is--self-contained.areals {
        padding-top:20px!important;
    }

 table {
    border: 0;
  }
 table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
 table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
 table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
  }
 table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
 table td:last-child {
    border-bottom: 0;
  }
}

.Form__Element.FormChoice {
    width:100%; 
    padding-left:35%;
    padding-top:3%;
}

.Form__Element.FormChoice span:before {
    background-color:inherit;
}

.startPageHero .freevaluation .Form__Element.FormChoice {
    width:100%; 
    padding-left:35%;
}




@media screen and (max-width: 1000px) {
    .startPageHero .freevaluation .Form__Element.FormChoice {
    width:100%; 
    padding-left:0%;
    }
}

.Form__Element .FormParagraphText a {
        color:#fff;
}

@media screen and (max-width: 645px){
    .box__container.status--ringmarkt {
        max-width: 180px;
    
    }
}

@media only screen and (min-width: 40.001rem)
{
    .object-type .c-control--type-search-card .Select-value {

        width: 70px;
        height: 25px;
        overflow: hidden;
    }
}

#LeafletMap { height: 486px; }

@media only screen and (min-width: 40.001rem) {
    .s-footer > .row > * > .row > .small-24 {
        margin-top: 0;
        margin-bottom: 30px;
    }
}

.c-content--hero.center
{
    max-width:100%;
}

.m-hero.videoWrapper:before {
    background:none;
}

@media only screen and (max-width: 40rem)
{
    .m-hero .c-object-status-box:nth-child(2) {
        top: -10px;
    }
}

body.ObjectPresentationPage .FormTextbox--Textarea {
    width:80%!important;
}
body.ObjectPresentationPage .FormTextbox--Textarea textarea {
    padding-top:10px!important;
}

.c-content--hero .heading a {
    font-size: 1.5rem;
}

.c-content--hero {
    max-width: 1030px;
    margin: 0;
}

.b-button.center {
    float:none!important;
}

.region
{
    margin-bottom: 6px;
}

.region a
{
   float: right; 
   color: #c40f3e; 
   text-decoration: none; 
   font-size: 12px;
}

.c-card--office--small.region-office
{
   color:#fff;
}

.c-card--office--small.region-office .office__info-container .inner{
    top: 0;
    min-height:305px;
    background: rgba(0,21,50,.2);
    z-index: 10;
}

.c-card--office--small.region-office .office__info-container
{
   background-size:cover;
   background-repeat:no-repeat;
   min-height:305px;
   padding:0;
}

.c-card--office--small.region-office .office__name
{
    display:block;
    margin-top: 100px; 
    margin-bottom: 24px; 
}

.c-search__heading2
{
    margin-top:12px!important;
    font-size:2.0rem!important;
}


m-hero.videoWrapper:after, .m-hero.videoWrapper:before {
    position:unset;
    left: 0;
    width: 0;
}

.slick-slider
{
    min-width:200px;
}

.m-object-images .c-object-image-collection {
    max-width:112%;
}

.c-object-image-collection .c-object-image .image
{
    cursor:pointer;
}

.image__caption-container img.expand
{
    float:right;
    margin:20px;
    cursor:pointer;
}

@media only screen and (min-width: 40.001rem)
{
    .c-object-summary-threecol .summary__wrapper {
        max-width: 900px;
    }
}

@media only screen and (min-width: 64.001rem)
{
    .c-object-summary-threecol .summary__item {
        padding: 4px 39px;
    }
}

.link-red
{
    font-family: proxima-nova,merriweather,serif;
    font-weight: 700;
    color: #c40f3e;
    text-decoration:none;
}

.m-hero-video {
    float: left;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.m-hero-video:before {
   background:none;
}
.m-hero-video:after  {
   background:none;
}

body.ObjectPresentationPage .m-hero:before {
    background: rgba(0,21,50,0);
}

body.ObjectPresentationPage .m-hero .m__slideshow:before {
    background: -webkit-linear-gradient(bottom,transparent 0,rgba(0,0,0,.2));
    background: linear-gradient(0deg,transparent 0,rgba(0,0,0,.2));
}

.h1 {
    font-size: 2.625rem!important;
    line-height: 3rem!important;
    margin-bottom: 0!important;
    font-family: proxima-nova,merriweather,serif!important;
    font-weight: 300!important;
    text-transform: uppercase;
}

.h1 a {
    color: #333!important;
    font-weight: 300!important;
}

@media only screen and (min-width: 40.001rem)
{
    .c-object-description--small {
    padding-top: 0!important;
    }
}

.c-content-editorial img, .mceContentBody img {
    width:initial!important;
}

.m-object-Flyttkalkylator--large {
    padding-bottom: 30px;
}

.freevaluation .FormCaptcha button {
    width: 100% !important;
    color: #fff;
    background-color: rgba(196,15,62,.85);
    border: 0 !important;
    border-radius: 0;
    -webkit-appearance: none;
}

.freevaluation .FormCaptcha button.FormCaptcha__Refresh {
    display: none;
}

.c-object-description--large .c-object-assets-wrapper .c-object-assets {
    margin-bottom: 25px;
}

.c-object-viewings .list__item {
    width: 60%;
}

.b-link--mail {
    font-size: 1.2rem;
}

.b-link--mail:before {
    margin: 5px 0 0;
}

.has--padding-for-s-header, .m-hero .m__content-container, .m-hero .m__slideshow .m__slideshow__item {
    padding-top: 200px;
}

.EPiServerForms .Form__Element .Form__Element__Caption {
    display: block;
}

.EPiServerForms .FormCaptcha .FormTextbox__Input {
    width:100%;
}



.bg-container:after,
.c-object-image.image > picture:after,
body.ObjectPresentationPage .pswp__zoom-wrap:after,
body.ObjectPresentationPage .m-hero .m__slideshow:after {
  /* Remove to go live */
  display: block;
  position: absolute;
  content: '';
  background: url('../img/maklarringen_vattenstampel_skugga_2.png');
  width: 110px;
  height: 110px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  margin: 24px;
}

body.ObjectPresentationPage .m-hero .m__slideshow:after {
  top: 0;
}

/* Bildflode */
.c-object-image.image > picture:after {
  top: 0;
  display: none;
}

/* Forstorad bild */
body.ObjectPresentationPage .pswp__zoom-wrap:after {
  top: 0;
  display: none;
}

.bg-container:after {
  top: 0;
}

@media only screen and (min-width: 64.001rem) {
  .bg-container:after {
    left: 0;
  }
}