/* BASE */
body {
   background: #f1f3f3;
}
* {
   box-sizing: border-box;
}

:focus-visible {
   outline-offset: 4px;
}


.sv-grid-grid-12 {
   padding: 0 15px !important;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

p, a, input, span {
   font-family: "open sans",sans-serif;
}

p.normal a,
.sv-font-ingress a {
   color: #117474;
}

input:focus + label {
   outline: 2px solid #000;
}

.sb-hide {
   display: none!important;
}

.sb-heading .subheading {
   font-size: 220%;
}

/* Hoppa till huvudinnehåll */
a.skip-main {
   left:-999px;
   position:absolute;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
   z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
   color: #fff;
   background-color: #006160;
   left: 30px;
   top: 0;
   height: auto;
   overflow: auto;
   padding: 12px;
   text-align: center;
   font-size: 1rem;
   z-index: 999;
   width: auto;
}

/* Table */
caption {
   padding-bottom: 8px;
}

tr:nth-child(odd) {
   background: #f5f5f5;
}

td {
   padding: 5px;
}


.sb-page-content--top-title {
   margin: 0 0 7px!important;
   color: #242424;
   border-bottom: 1px solid;
   display: inline-block;
   padding: 0 0 5px 0;
   font-weight: 400;
   font-size: 0.875rem;
   text-transform: uppercase;
   letter-spacing: 1px;
}


/* Lägenheter Listor */
.sb-list-for-apartments {
   list-style: none;
   padding: 17px 20px 15px 20px;
   background: #fff2dd;
   margin-bottom: 20px;
   font-weight: normal;
   font-family: Poppins;
   font-size: 0.875rem;
   position: relative;
   transition: .1s ease-in-out;
   display: inline-block;
   width: 100%;
   text-decoration: none;
}

div:nth-child(even) > .sb-box > .sv-decoration-content .sb-list-for-apartments {
   background: #fff;
}

/* Visar max 4 */
.sb-list-for-apartments-container > .sv-custom-module:nth-child(n+6) {
   display: none;
}

.sb-list-for-apartments:hover {
   padding-left: 25px;
   background: #ffebca;
}

.sb-list-for-apartments * {
   font-family: Poppins;
}

.sb-list-for-apartments--street {
   color: #006160;
   font-size: 1rem;
   font-weight: bold;
}

.sb-list-for-apartments--street:before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f061";
   font-size: 0.8125rem;
   padding-right: 8px;
   display: inline-block;
   vertical-align: middle;
}

.sb-list-for-apartments--available {
   position: absolute;
   top: -9px;
   right: 7px;
   font-weight: 500!important;
   background: #2e605c;
   color: #fff;
   font-size: 0.75rem;
   padding: 3px 10px;
   letter-spacing: 1px;
   line-height: 1.6em;

   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.sb-list-for-apartments--content span {
   margin-right: 10px;
   margin-top: 10px;
   display: inline-block;
}
.sb-list-for-apartments--content span:before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   margin-right: 5px;
}

.sb-list-for-apartments--rok:before {
   content: "\f236";
}
.sb-list-for-apartments--size:before {
   content: "\f015";
}
.sb-list-for-apartments--place:before {
   content: "\f3c5";
}
.sb-list-for-apartments--price:before {
   content: "\f02b";
}

.sb-list-for-apartments-container .sb-button-primary {
   margin: 20px auto 0 auto;
   min-width: 200px;
}


/* Toggle Öpnna/stäng */
.sb-toggle > div:not(.sv-text-portlet-editable) > *:not(h2) {
   display: none;
}
.sb-toggle {
   padding: 0;
   background: #dbf4f0;
   margin-bottom: 1em;
   transition: .4s;
   width: 100%;
   text-align: left;
   border: 0;
}
.sb-toggle.open {
   background: #edffff;
}

.sb-toggle h2 {
   padding: 10px 15px;
   color: #006666;
   font-size: 1rem;
   padding-right: 40px;
   position: relative;
   cursor: pointer;
   border-bottom: 1px solid #006160;
   margin: 0!important;
}

.sb-toggle h2:after {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f063";
   position: absolute;
   right: 10px;
   top: 16px;
   font-size: 0.8125rem;
   padding-right: 8px;
   display: inline-block;
   vertical-align: middle;
}

.sb-toggle.open h2:after {
   content: "\f062";
}
.sb-toggle-content {
   padding: 15px;
}

.sb-toggle-content p {
   font-size: 1rem;
   margin: 0;
}

.sb-toggle-content p:last-child {
   margin-bottom: 0!important;
}


/* FILES ( pdf ) */
a[href$=".pdf"],
a[title~="pdf,"] {
   border: 3px solid #006160!important;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 10px 15px;
   min-width: 120px;
   font-family: Poppins;
   font-weight: bold;
   color: #006160!important;
   cursor: pointer;
   display: inline-block;
   text-align: center;
   text-decoration: none;
   background: #fff;
   font-size: 0.875rem;
   cursor: pointer;
   border-radius: 0;
   margin: 10px 0;
}

a[href$=".pdf"]:hover,
a[title~="pdf,"]:hover {
   background: #edffff;
}

a[href$=".pdf"] img,
a[title~="pdf,"] img {
   display: none;
}

a[href$=".pdf"]:before,
a[title~="pdf,"]:before {
   content: "\f1c1";
   font-weight: 900;
   font-family: Font Awesome\ 5 free;
   padding-right: 15px;
   display: inline-block;
   font-size: 1.375rem;
   vertical-align: middle;
   text-align: right;
   width: 20px;
   height: 1.3em;
}

/* HEADER */
.sb-header {
   height: 100%;
   background: #fff;
}

.sb-header > div:first-child {
   padding: 30px 15px!important;
}

.sb-header .sv-layout {
   display: -webkit-box!important;
   display: -ms-flexbox!important;
   display: flex!important;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   height: 100%;
   width: 100%;
   margin-top: 0;
   margin-bottom: 0;
}

.sb-logo img {
   width: 100%;
   max-width: 380px;
   min-width: 120px;
}


/* MENU */
.sb-menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-top: 8px;
}


@media (min-width: 961px) {
   .sb-menu ul li ul {
      display: none!important;
   }

   .sb-menu {
      display: flex!important;
   }

}
.sb-menu ul li ul {
   display: none;
}

.sb-menu ul li {
   display: inline-flex;
}

.sb-menu .toggle {
   display: none;
}

.sb-menu li {
   margin: 0 30px; 
}
.sb-menu li a {
   font-family: Poppins;
   font-size: 1.125rem;
   text-decoration: none;
   padding-bottom: 5px;
   border-bottom: 2px solid transparent;
   color: #242424;
}

.sb-menu ul li a:focus-visible {
   position: relative;
}

.sb-menu button:focus-visible,
.sb-menu ul li a:focus-visible,
.sb-menu--toggle:focus-visible {
   outline: -webkit-focus-ring-color auto 2px;  
   outline-offset: 0;
   z-index: 1;
}

.sb-menu li a:hover {
   color: #006666;
}

.sb-menu li.active > a {
   border-bottom: 2px solid #006666;
   color: #006666;
}

.sb-menu .sb-close-menu {
   display: none;
   margin: 0 auto;
   margin-bottom: 25px;
}

/* mobil-knapp */
.sb-menu-button {
   background-image: url('/images/18.2bd77e2f16adfd5ba7036c9/1560331355428/menu-black.svg');
   background-repeat: no-repeat;
   background-size: 30px;
   background-position: right 10px center;
   background-color: transparent;
   border: 0;
   height: 50px;
   width: 50px;
   font-size: 1rem;
   color: #fff;
   cursor: pointer;
   margin-left: 25px;
}
.sb-menu-button.is-open {
   background-image: url('/images/18.2bd77e2f16adfd5ba70376e/1560331358666/close-black.svg');
   background-size: 16px;
}


/* SEARCH */
.sb-header-searchform {
   background: #e6e6e6;
   display: none;
   padding: 10px 15px;
   border-top: 1px solid #dcdcdc;
}

.sb-searchform > div {
   width: 100%;
   max-width: 820px;
   margin: 0 auto;
   position: relative;
}

.sb-searchform-input {
   width: 100%;
   padding: 10px 130px 10px 10px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border: 3px solid #ddd;
}

.sb-searchform-button {
   position: absolute;
   height: 100%;
   top: 0;
   right: 0;
}

.sb-searchform-button:hover {
   background: #edffff;
}

.sb-button-circle {
   background-color: #006666;
   border: 0;
   border-radius: 50%;
   height: 50px;
   width: 50px;
   font-size: 1rem;
   color: #fff;
   cursor: pointer;
   background-repeat: no-repeat;
   background-size: 28px;
   background-position: center;

   margin-left: 30px;
}

.sb-search-button {
   background-image: url('/images/18.2bd77e2f16adfd5ba703864/1560331363040/search-white.svg');
   background-repeat: no-repeat;
   background-size: 28px;
   background-position: center;

   margin-left: 30px;
}

.sb-search-button.is-open {
   background-image: url('/images/18.2bd77e2f16adfd5ba70348b/1560331351820/close-white.svg');
   background-size: 16px;
}

/* Language */
.sb-language-container {
   position: relative;
}

.sb-language-button {
   background-image: url('/images/18.2bd77e2f16adfd5ba7036e2/1560331355468/language-white.svg');
   background-repeat: no-repeat;
   background-size: 28px;
   background-position: center;

   margin-left: 30px;
}


/* Google translate modal*/
.goog-te-banner-frame.skiptranslate {
   display: none !important;
} 
body {
   top: 0px !important; 
}

.google-translate-modal {
   position: absolute;
   z-index: 9999;
   background: #fff;
   padding: 20px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   cursor: auto;
   right: 0;
   width: 340px;
   right: 0;
   margin-top: 30px;

   display: none;
}
.google-translate-modal:before {
   content: "";
   position: absolute;
   width: 26px;
   height: 30px;
   background: #fff;
   top: -20px;
   right: 0;
   -webkit-transform: translate(-50%,10px) rotate(45deg);
   -ms-transform: translate(-50%,10px) rotate(45deg);
   transform: translate(-50%,10px) rotate(45deg);
   -webkit-box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.16);
   box-shadow: 4px 4px 15px 0 rgba(0,0,0,0.16);
}
.google-translate-modal .btn-close {
   position: absolute;
   top: 1px;
   right: 0;
   line-height: 0;
   cursor: pointer;
   background-image: url('/images/18.2bd77e2f16adfd5ba70376e/1560331358666/close-black.svg');
   background-repeat: no-repeat;
   background-size: 18px;
   background-position: center;
   width: 20px;
   height: 20px;
}

.google-translate-modal-inner {
   z-index: 9;
   position: relative;
}
.google-translate-modal:after {
   content: "";
   position: absolute;
   width: 65px;
   height: 40px;
   background: #fff;
   top: -20px;
   right: -30px;
   -webkit-transform: translate(-50%,20px);
   -ms-transform: translate(-50%,20px);
   transform: translate(-50%,20px);
   z-index: 1;

}

.google-translate-modal h3 {
   margin-top: 0;
   margin-bottom: 10px;
}

.google-translate-modal p {
   font-family: "open sans",sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 100%;
   color: #545353;
   line-height: 26px;
   text-decoration: none;
}


.google-translate-modal select {
   font-family: "open sans",sans-serif;
   padding: 10px;
   width: 100%;
   font-size: 1rem;
   background: url('/images/18.2bd77e2f16adfd5ba70344a/1560331351740/arrow-down-black.svg');
   background-repeat: no-repeat;
   background-position: center right 10px;
   background-size: 14px;
   -moz-appearance:none; /* Firefox */
   -webkit-appearance:none; /* Safari and Chrome */
   appearance:none;
}

.google-translate-modal .goog-te-gadget div {
   display: block!important;
}

.google-translate-modal .goog-te-gadget * {
   float: none!important;  
}
.google-translate-modal .goog-te-gadget span {
   border-bottom: 0!important;
}
.google-translate-modal .goog-te-gadget .goog-logo-link:hover {
   float: none!important;
   border-bottom: 1px solid #0083c3!important;
}
.skiptranslate.goog-te-gadget > div:first-child {
   margin: 10px 0 15px;
}


/* BUTTONS */
.sb-button-primary a,
a.sb-button-primary,
input.sb-button-primary,
button.sb-button-primary,
.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset],
.sv-login-portlet input[type="submit"], .sv-login-portlet a {
   border: 3px solid #006160!important;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 10px 15px;
   min-width: 120px;
   font-family: Poppins;
   font-weight: bold;
   color: #006160!important;
   cursor: pointer;
   display: inline-block;
   text-align: center;
   text-decoration: none;
   background: #fff;
   font-size: 0.875rem;
   cursor: pointer;
   border-radius: 0;
}

.sb-button-primary a:hover,
a.sb-button-primary:hover,
input.sb-button-primary:hover,
button.sb-button-primary:hover,
.sv-defaultFormTheme input[type=button]:hover,
.sv-defaultFormTheme input[type=submit]:hover,
.sv-defaultFormTheme input[type=reset]:hover,
.sv-login-portlet input[type="submit"]:hover, .sv-login-portlet a:hover {
   background: #edffff;
}

.sb-button-secondary a,
a.sb-button-secondary {
   border: 3px solid #006160;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 10px 15px;
   min-width: 100px;
   font-family: Poppins;
   font-weight: bold;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   text-align: center;
   text-decoration: none;
   background: #006666;
   font-size: 0.875rem;
   cursor: pointer;
}

.sb-button-secondary a:hover,
a.sb-button-secondary:hover {
   background: #fff;
   color: #006160;
}


/* Toppbild på sidor */
.sb-topbox {
   background-position: top center;
   background-size: cover;
}
.sb-topbox > div:first-child > div > div {
   height: 600px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   text-align: center;
}
.sb-topbox > div:first-child > div > div:first-child {
   position: relative!important;
}
.sb-topbox > div:first-child > div > div:last-child {
   position: absolute!important;
   top: 0;
   left: 0;
   pointer-events: none;
}

.sb-topbox > div:first-child h1 {
   margin-top: 0;
   color: #fff;
   font-size: 350%;
   text-shadow: 0 0 5px rgba(0,0,0,0.3), 0 0 10px rgba(0,0,0,0.3), 0 0 15px rgba(0,0,0,0.3), 0 0 20px rgba(0,0,0,0.3), 0 0 30px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.3), 0 0 55px rgba(0,0,0,0.3), 0 0 75px rgba(0,0,0,0.3);
}

.sb-topbox .sb-button-primary,
.sb-topbox .sb-button-secondary {
   margin: 10px;
   display: inline-block;
}
.sb-topbox .sb-button-primary a,
.sb-topbox .sb-button-secondary a {
   font-size: 1rem;
}

.sb-topbox a img {
   display: none;
}

.sb-topbox .sb-button-primary a:before {
   font-family: "Font Awesome 5 Free";
   content: "\f044";
   font-weight: 900;
   margin-right: 10px;
}

.sb-topbox .sb-button-secondary a:before {
   font-family: "Font Awesome 5 Free";
   content: "\f105";
   font-weight: 900;
   margin-right: 10px;
}

/* VIDEO */
.sb-topbox {
   position: relative;
   overflow: hidden;
   z-index: 1;
   height: 600px;
}

.sb-topbox .sv-text-portlet-content {
   position: relative;
   z-index: 1; 
   display: flex;
   flex-direction: column;
}

.sb-topbox-video {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   min-width: 100%; 
   min-height: 100%;
   z-index: -1;
}

.sb-topbox:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;

   /*
   background-color: #006160;
   background-repeat: no-repeat;
   background-size: cover;
   opacity: 1;
   pointer-events: none;

   -webkit-animation: fade 3s forwards;
   animation: fade 3s forwards;
   -moz-animation: fade 3s forwards;
   -o-animation: fade 3s forwards;

   */
}

@keyframes fade {
   0% {opacity: 1;}
   50% {opacity: 1;}
   100%{opacity: 0;}
}


.sv-video-portlet {
   margin-bottom: 10px;
}



.sv-youtube-portlet {
   margin-bottom: 1em;
}


/* Video - knapp för spela och pausa video */
.sb-video-btn {
   background: none;
   color: #fff;
   border: none;
   padding: 0;
   font: inherit;
   cursor: pointer;
   position: absolute;
   bottom: 1rem;
   z-index: 9999;
   right: 1rem;
}
.sb-video-btn:after {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
}
.sb-video--is-playing:after {
   content: "\f28b";
}
.sb-video--is-paused:after {
   content: "\f144";
}

/* SIDEBAR MENU - Vänstermeny */
.sb-left-menu ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

.sb-left-menu .has-child ul {
   display: none;
}
.sb-left-menu .has-child ul.is-open {
   display: block;
}

.sb-left-menu  li.has-child.currentpage.active > ul {
   display: block;
}

.sb-left-menu ul li.active > a {
   font-weight: 600;
}

.sb-left-menu ul li {
   position: relative;
}


.sb-left-menu--toggle {
   position: absolute;
   width: 45px;
   height: 45px;
   right: 0;
   top: 0;
   background-color: transparent;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   z-index: 1;
   border: 0;
   cursor: pointer;
   overflow: hidden;
}

.sb-left-menu--toggle::before {
   content: "";
   display: block;
   background-image: url('/images/18.2bd77e2f16adfd5ba70359b/1560331355148/plus-black.svg');
   background-repeat: no-repeat;
   background-size: 12px;
   background-position: center;
   border-radius: 50%;
   height: 20px;
   width: 20px;
   border: 2px solid #242424;

   -webkit-transition: 0.2s;

   -o-transition: 0.2s;

   transition: 0.2s;
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
}

.sb-left-menu--toggle:hover:before {
   background-color: #242424;
   background-image: url('/images/18.2bd77e2f16adfd5ba703657/1560331355220/plus-white.svg');
}

.sb-left-menu--toggle.is-open::before {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.sb-left-menu ul li a {
   background: #fff;
   text-decoration: none;
   font-family: "Poppins",sans-serif;
   padding: 10px;
   display: block;
   margin-bottom: 2px;
   padding-right: 45px;
   font-size: 0.9375rem;
}
.sb-left-menu ul li a:hover {
   text-decoration: underline;
}

.sb-left-menu ul li a:focus-visible {
   position: relative;
}

.sb-left-menu ul li a:focus-visible,
.sb-left-menu--toggle:focus-visible {
   outline: 2px solid #000;
   outline-offset: 0;
   z-index: 1;
}


.sb-left-menu ul li.currentpage > a {
   font-weight: 600;
   color: #006666;
   background: #edffff;
}

.sb-left-menu > ul > li > .link > a {
   padding: 15px 12px;
   color: #242424;
   background: #ffffff;
   border-bottom: 2px solid #242424;
   margin-bottom: 10px;
}
.sb-left-menu > ul > li.currentpage > .link > a {
   font-weight: 600;
}


.sb-left-menu li li a {
   padding-left: 10px;
}
.sb-left-menu li li li a {
   padding-left: 25px;
}
.sb-left-menu li li li li a {
   padding-left: 40px;
}


/* Sökresultat */
.sv-search-result li {
   background: #edffff;
   padding: 25px 30px!important;
   margin-bottom: 20px;
}

.sv-search-result li a {
   color: #006160;
   border-bottom: 2px solid #006160;
}

.sv-search-result li a:hover {
   color: rgba(0, 102, 102, 0.6);
   border-bottom: 2px solid rgba(0, 102, 102, 0.6);
}

.sv-search-result li a:before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f061";
   font-size: 0.8125rem;
   margin-right: 8px;
   vertical-align: middle;
}


.sv-search-result li img {
   display: none;
}

.sb-search-hits {
   background: #fff1a6;
   padding: 13px;
}

.pagination a {
   text-decoration: none;
}

.pagination .current.prev,
.pagination .current.next {
   border: 2px solid #ccc;
   font-weight: bold;
   color: #ccc;
}

.pagination a, .pagination .current {
   border: 2px solid #006160;
   font-weight: bold;
   color: #006160;
}

.pagination a:hover, .pagination span:hover {
   background: #edffff;
   color: #006160;
}

.pagination .current,
.pagination .current:not(.prev):not(.next):hover {
   background: #006160;
   color: #fff;
}



/* Sidinnehåll */
.sb-page-content {
   background: #fff;
   padding: 30px;
}

.sb-page-content h1 {
   margin-top: 0;
}

.sb-page-content .sv-text-portlet-content ul {
   font-family: "open sans",sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 100%;
   color: #242424;
   line-height: 1.7em;
}



/* BREADCRUMB */
.sb-breadcrumb {
   display: inline-block!important;
   background: #fff;
   padding: 8px 12px!important;
   margin-top: 0;
   margin-bottom: 30px;
}

.sb-breadcrumb a,
.sb-breadcrumb span {
   font-family: "Poppins",sans-serif;
   font-size: 0.875rem;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   text-decoration: none;
}
.sb-breadcrumb a {
   color: #696969;
}
.sb-breadcrumb a:hover {
   color: #006160;
   text-decoration: underline;
}

.sb-breadcrumb i {
   font-size: 0.5rem;
   color: #888;
}

/* GOOGLE MAPS */
.sb-google-maps {
   margin-top: 3em;
   margin-bottom: 3em;
}

.sb-google-maps-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background: #edffff;
   padding: 8px 20px;
   margin-bottom: 10px;
}

p.sb-google-maps-link-name {
   margin: 0;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.sb-google-maps-link-name:before {
   font-family: "Font Awesome 5 Free";
   content: "\f3c5";
   font-weight: 900;
   margin-right: 10px;
   font-size: 1.875rem;
}


/* ObjectFit - Images */
.sb-slick {
   height: 100%;
   max-height: 400px;
   overflow: hidden;
}
.sb-slick img {
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
   font-family: 'object-fit: cover; object-position: center;';
   height: 370px!important;
   overflow: hidden;
}

.sb-slick p.sv-portlet-image-caption {
   padding: 1px 10px;
   margin: 0;
   width: 100%;
   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-style: italic;
   color: #ffff;
   background: #333;
}

/* FOOTER */
.sb-footer {
   padding: 3em 0;
}

.sb-footer *,
.sb-footer a,
.sb-footer p.normal a {
   color: #fff;
}

.sb-logo-footer img {
   max-width: 180px;
   width: 100%;
   margin-bottom: 30px;
}

/* PUFFAR - BOX */
.sb-box > .sv-decoration-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 100%;
   background: #edffff;
   margin-bottom: 3em;
   overflow: hidden;
   position: relative;
}
div:nth-child(even) > .sb-box > .sv-decoration-content {
   background: #fff2dd;
}

.sb-box .sv-image-portlet  {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-item-align: center;
   align-self: center;
}

.sb-box .sv-image-portlet img  {
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
   font-family: 'object-fit: cover; object-position: center;';
   width: 50%;
   height: 100%;
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-item-align: center;
   align-self: center;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   top: 0;
   padding-right: 40px;
}
.sv-editable-layout .sb-box .sv-image-portlet img {
   top: auto;
}

.sv-editable-layout .sb-box .sv-image-portlet img  {
   width: 100%;
   height: auto;
   padding-right: 0;
}


.sb-box .sv-text-portlet,
.sb-box > div > .sv-script-portlet {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   padding: 40px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;


   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   flex-basis: 0;

}

.sb-box h1,
.sb-box h2 {
   margin-top: 0;
}

.sb-box h2 {
   font-size: 2.2rem;
}

.sb-box p:last-child {
   margin-bottom: 0;
}


/* NYHETER */
.sb-newsbox {
   margin-bottom: 3em;
}
.sb-newsbox ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 -10px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-bottom: 20px;
}

.sb-newsbox ul li {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 10px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 33.333333%;
   flex: 0 0 33.333333%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 0;
}

.sb-newsbox ul li .sb-newsbox-content {
   position: relative;
   background: #fff;
   -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.10);
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.10);
   height: 100%;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.sb-newsbox ul li .sb-newsbox-content > time,
.sb-newsbox ul li .sb-newsbox-content > span,
.sb-newsbox ul li .sb-newsbox-content > h2 {
   padding: 0 15px;
}

.sb-newsbox ul li .sb-newsbox-content > h2 {
   margin: 10px 0;
   width: 100%;
}

.sb-newsbox ul li .sb-newsbox-content>img {
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: center;
   font-family: 'object-fit: cover; object-position: center;';

   max-width: 100%!important;
   width: 100%!important;
   max-height: 200px!important;
   height: 200px!important;
   float: none!important;
   padding: 0!important;
   margin: 0!important;
}

.sb-newsbox ul li .sb-newsbox-content > time  {
   font-size: 0.875rem;
   margin-top: 10px;
}

.sb-newsbox ul li .sb-newsbox-content > time:before {
   font-family: "Font Awesome 5 Free";
   content: "\f133";
   font-weight: normal;
   margin-right: 10px;
}

.sb-newsbox ul li .sb-newsbox-content > span:nth-of-type(2)  {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   line-height: 1.6em;
   width: 100%;
}

.sb-newsbox ul li .sb-newsbox-content > span:last-of-type {
   margin-bottom: 30px;
}

.sb-newsbox .sb-button-primary {
   margin: 30px auto;
   margin-top: auto;
   min-width: 200px;
}


/* Objektdetaljer */
.sb-objectlist {
   margin-top: 50px;
   background: #edffff;
   padding-top: 20px;
}

.sb-objectlist tr {
   background: transparent;
}
.sb-objectlist h2 {
   font-family: poppins,sans-serif;
   font-size: 0.875rem;
   color: #fff;
   background: #006160;
   padding: 10px 20px;
   margin: 0;
   display: table;
   margin-bottom: 10px;
   margin-left: 10px;
   margin-top: -40px;
}

.sb-objectlist .sv-decoration-content {
   background: #edffff;
   padding: 5px 30px 30px;
   position: relative;
}

.sb-objectlist table.sv-standard td p {
   font-family: poppins,sans-serif;
   word-break: break-all;
}

.sb-objectlist table {
   border-collapse: collapse;
}

.sb-objectlist table td {
   border-bottom: 1px solid #cedede;
   padding: 5px 0;
}


/* FORMS */
form {
   border-top: 1px solid #333;
   padding-top: 2em;
}

.sv-form-datefield div:nth-child(3) {
   display: none;
}

.sv-defaultFormTheme .sv-form-comment-field .sv-field-title-container.sv-bold span.normal {
   font-weight: bold;
   color: #242424;
   display: inline-block;
   width: 100%;
   margin-bottom: 0;
   font-size: 150%;
}

.sv-defaultFormTheme input[type=text], .sv-defaultFormTheme input[type=email], .sv-defaultFormTheme input[type=url], .sv-defaultFormTheme input[type=tel], .sv-defaultFormTheme input[type=number], .sv-defaultFormTheme textarea, .sv-defaultFormTheme select, .sv-login-portlet input {
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   background-color: #edffff;
   border: 0;
   border-bottom: 2px solid #006666;
   padding: 10px;
   height: 100%;
}

/* input focus */
.sv-defaultFormTheme input[type=text]:focus, .sv-defaultFormTheme input[type=email]:focus, .sv-defaultFormTheme input[type=url]:focus, .sv-defaultFormTheme input[type=tel]:focus, .sv-defaultFormTheme input[type=number]:focus, .sv-defaultFormTheme textarea:focus, .sv-defaultFormTheme select:focus, .sv-login-portlet input:focus {
   border-color: #00bdbd;
   outline: 0;
   -webkit-box-shadow: 0px 5px 8px rgba(102,175,233,.2);
   box-shadow: 0px 5px 8px rgba(102,175,233,.2);
}

.sv-defaultFormTheme .sv-field-title-container.sv-bold label,  .sv-defaultFormTheme .sv-field-title-container.sv-bold span.normal,
.sv-defaultFormTheme .sv-form-singleselectionfield label, .sv-defaultFormTheme .sv-form-multipleselectionfield label, .sv-defaultFormTheme select,
.sv-login-portlet label {
   font-family: 'Poppins';
   color: #242424;
   font-weight: normal;

}

.sv-defaultFormTheme .sv-field-title-container.sv-bold label,  .sv-defaultFormTheme .sv-field-title-container.sv-bold span.normal {
   color: #006666;
   margin-bottom: 5px;
   display: inline-block;
}

.sv-defaultFormTheme input[type="checkbox"], .sv-defaultFormTheme input[type="radio"] {
   opacity: 0;
   position: absolute;
}

.sv-defaultFormTheme .sv-form-singleselectionfield label, .sv-defaultFormTheme .sv-form-multipleselectionfield label {
   position: relative;
   padding-left: 25px;
}


/* Checkbox */
.sv-defaultFormTheme .sv-form-multipleselectionfield label:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0px;
   z-index: 1;
   background-color: #edffff;
   border: 1px solid #006666;
   height: 18px;
   width: 18px;
   border-radius: 3px;
}

.sv-defaultFormTheme input[type="checkbox"]:checked + label:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0px;
   background: url('/images/18.2bd77e2f16adfd5ba703423/1560331351667/checked-white.svg');
   background-size: 12px;
   background-repeat: no-repeat;
   background-position: center;
   background-color: #006666;
   z-index: 2;
   color: #006666;

}

/* Radio */
.sv-defaultFormTheme .sv-form-singleselectionfield label:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0px;
   z-index: 1;
   background: #edffff;
   border: 1px solid #006666;
   border-radius: 50%;
   height: 18px;
   width: 18px;
}

.sv-defaultFormTheme input[type="radio"]:checked + label:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0px;
   background: url('/images/18.2bd77e2f16adfd5ba703872/1560331363078/radio-green.svg');
   background-size: 10px;
   background-repeat: no-repeat;
   background-position: center;
   background-color: #edffff;
   z-index: 2;
   color: #006666;
}

.sv-defaultFormTheme .sv-formFieldRow:last-child {
   text-align: center;
}

/* Dölj max längd */
.sv-textfield-input-size {
   display: none;
}

/* Stjärna - Fältet måste fyllas i */
.sv-defaultFormTheme .sv-field-title-container.sv-bold span {
   color: #d72828;
}

/* Bostadsanmälan - Göm medsökandes fält */
.sb-bostadsanmalan .sv-formFieldRow:nth-child(n+10):nth-child(-n+15),
.sb-bostadsanmalan .sv-formFieldRow:nth-child(17),
.sb-bostadsanmalan .sv-formFieldRow:nth-child(19) {
   display: none;
}

/* Bostadsområde */
.sb-bostadsanmalan .sv-formFieldRow:nth-child(25) > div:last-child fieldset label {
   opacity: 0.3;
   pointer-events: none;
}
.sb-bostadsanmalan .sv-formFieldRow:nth-child(25) > div:last-child fieldset input {
   pointer-events: none;
}
.sb-bostadsanmalan .sv-formFieldRow:nth-child(25) > div:last-child fieldset label.sb-active {
   opacity: 1;
   pointer-events: auto;
}
.sb-bostadsanmalan .sv-formFieldRow:nth-child(25) > div:last-child fieldset input.sb-active {
   pointer-events: auto;
}


/* Uppdatera dina kontaktuppgifter - Göm medsökandes fält */
.sb-personuppgifter-uppdatera .sv-formFieldRow:nth-child(n+7):nth-child(-n+9) {
   display: none;
}

/* Meddelande har skickats */
.sb-forms-complete {
   display: block;
   background: #edffff;
   padding: 15px 25px 5px;
   font-weight: bold;
   border: 2px solid #006160;
}

.sb-forms-complete span {
   font-weight: 600;
   color: #006160;
}


/* /FORMS */


/* KONTAKTPERSON */
.sb-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: start;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin: 0 -10px;
   -webkit-box-align: stretch;
   -ms-flex-align: stretch;
   align-items: stretch;
}

.sb-contact * {
   font-family: Poppins;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;

}
.sb-container .sv-custom-module {
   width: 50%;
   margin-bottom: 20px;
}

.sb-container .sv-custom-module .sv-script-portlet {
   height: 100%;
}

.sb-contact {
   margin: 10px;
   height: 100%;
}

.sb-contact-inner {
   width: 100%;
   height: 100%;
   display: inline-block;
   background: #edffff;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   text-align: center;
}

.sb-contact-image {
   width: 200px;
   height: 200px;
   margin: 0 auto;
   overflow: hidden;
   border-radius: 50%;
   display: block;
   margin-top: 20px;
}

.sb-contact img {
   width: 100%;
   max-width: 250px;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: center;
   object-position: bottom;
   font-family: 'object-fit: cover; object-position: center;';
   height: 250px!important;
   overflow: hidden;
}

.sb-contact-text {
   padding: 0 10px;
}

.sb-contact-text span {
   margin-top: 10px;
   margin-bottom: 5px;
   display: block;
   font-size: 1rem;
   font-weight: bold;
}
.sb-contact h2 {
   margin: 0;
   margin-bottom: 10px;
}

.sb-contact-text a {
   color: #006160;
   margin-top: 5px;
   display: inline-block;
   background: #fff;
   padding: 5px 10px;
   border: 3px solid #006160!important;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   text-decoration: none;
   font-size: 0.875rem;
   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
}
.sb-contact-text a:hover {
   background: #edffff;
}

.sb-contact-text a:before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   width: 15px;
   display: inline-block;
   margin-right: 5px;
}

.sb-contact-phone:before {
   content: "\f10b";
}

.sb-contact-email:before {
   content: "\f0e0";
}

/* VARNING BOX */
.sb-warning p {
   margin: 0!important;
}

.sb-warning {
   padding-left: 50px!important;
   position: relative;
   color: #242424;
   margin-bottom: 20px;
}

.sb-warning:before {
   content: "\f05a";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   color: #242424;
   width: 30px;
   position: absolute;
   left: 20px;
   top: 20px;
}

.sb-warning a[href^="tel:"] {
   color: #176e6e;
   display: inline-block;
}


/* Inloggning */
.sv-login-portlet {
   width: 100%;
   max-width: 400px;
   margin: 0 auto;
}

.sv-login-portlet label {
   text-align: left;
   display: block!important;
   margin-bottom: 5px;
}
.sv-login-portlet .sv-login-input-group {
   margin-bottom: 10px!important;
}

.sv-login-portlet input {
   width: 100%;
}

.sv-login-portlet input[type="submit"], .sv-login-portlet a {
   display: inline-block;
   max-width: 200px;
   line-height: 30px;
   margin-top: 2em!important;
   margin: 0 auto;
}

/* Kanallista */
.sb-channellist {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -5px;
   margin-left: -5px;
}
.sb-channellist > div {
   width: 90px;
   padding: 10px;
   background: #f9f9f9;
   margin: 5px;
   display: inline-block;
}

/* Gå till toppen av sidan */
.sb-bottom-container {
   text-align: right;
}
#sb-top {
   border: 0;
   padding: 10px 0;
   font-size: 0.75rem;
   cursor: pointer;
   color: #fff;
   border-bottom: 1px solid #fff;
   padding-bottom: 7px;
   display: inline-block;
   text-decoration: none;
   background-image: url('/images/18.6b21bd9216b9910533491ca/1565788339426/arrow-up-white.svg');
   background-repeat: no-repeat;
   background-size: 16px;
   background-position: center right;
   padding-right: 25px;
   font-weight: 900;
   letter-spacing: 1px;
   text-transform: uppercase;
}