@font-face {
    font-family: "labgrotesque";
    src: url("/fonts/LabGrotesque-Regular.woff2") format('woff'), url("/fonts/LabGrotesque-Regular.woff") format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: "labgrotesque";
    src: url("/fonts/LabGrotesque-Medium.woff2") format('woff'), url("/fonts/LabGrotesque-Medium.woff") format('woff');
	font-weight: 300;
	font-style: light;
}

@font-face {
    font-family: "labgrotesque";
    src: url("/fonts/LabGrotesque-Bold.woff2") format('woff'), url("/fonts/LabGrotesque-Bold.woff") format('woff');
	font-weight: 600;
	font-style: bold;
}

*[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -100px;
  height: 100px; 
  visibility: hidden; 
}

.swiperServicesStart {
    margin-top: 30px;
}

.imageMargins img {
    margin-bottom: 30px;
}

.fullNewsWrapper {
    margin-top: 30px;
    margin-bottom: 60px;
}

.fullNewsWrapper h1 {
    font-size: 3.5rem;
    margin-top: 10px;
}

.hidden {
    display:none;
}

/*.grid-section > div > div {
    opacity: 0;
}

.to-fade-in {
    opacity: 0;
}

 .to-fade-in.fade-in {
	 animation: fade-in 1s forwards;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}*/

.swiperOuterWrapper,
.infoSliderWrapper {
    margin-left: 6.333333%;
}

.fade-in-section {
  opacity: 0;
  transform: translateY(20vh);
  visibility: hidden;
  transition: opacity 0.6s ease-out, transform 1.2s ease-out;
  will-change: opacity, visibility;
}
.fade-in-section.is-visible {
  opacity: 1;
  transform: none;
  visibility: visible;
}

div[alwayshow="synlig"] > div {
    opacity: 1 !important;
}

.startInfo p,
.startInfo a {
    font-size: 40px;
    line-height: 1.3em;
    font-weight: 400;
    font-family: "labgrotesque";
}
.startInfo p {
    color: #383E4B
}

strong {
    font-weight: 600;
}

.notRounded .rounded {
    border-radius: 0;
}

.startInfo a:after {
    content: url("/media/3zblwmlz/long-arrow.svg");
    top: 14px;
    margin-left: 15px;
}

.logo {
    margin-top: 10px;
}

.grecaptcha-badge {
    /*right: auto !important;
    left: 0 !important;
    opacity: 0;*/
}

body, html {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "cadiz";
	font-size: 18px;
	line-height: 1.5em;
	overflow-x:hidden;
	font-family: "labgrotesque";
	color: #444444;
}

.dropdown-menu-form.expanded {
    position: absolute;
    will-change: transform;
    top: 0px;
    left: 0px;
    transform: translate3d(-210px, -442px, 0px);
    height: 480px;
}

.dropdown-menu-form.expanded label {
    font-size: 14px;
    font-weight: normal;
}

.dropdown-menu-form.expanded .btn {
    padding: 5px;
    font-size: 18px;
}

.contactMailWrapper {
    position:fixed;
    bottom: 15px;
    right: 15px;
}

img {
    display:block;
}

p.ingress {
    font-size: 24px;
}

.round {
    border-radius:50%;
}

.grid-section ul {
    list-style: none;
}

.grid-section ul > li:before {
    position:relative;
    top: 7px;
    content: url("/media/mcmg3cxc/check.svg"); margin-left: -20px; margin-right: 10px; 
}

h1 {
    line-height: 1.2em;
    font-weight: 400;
}

h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.3em;
    margin-top: 0;
    color: #383E4B;
}

h2 .bigHeader2{
   font-size: 46px; 
   line-height: 1.3em;
   font-weight: 300;
}

.medium {
    font-weight: 300;
}

p.blue {
    color: #648686;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: "labgrotesque";
}

p {
    font-family: 'Inter', sans-serif;
    line-height: 1.3em;
}

div[rowbgcolor="grå"] p.blue {
    color: #648686;
}

.fullImage img {
    width: 100%;
}

.header2_big {
    font-weight: 400;
    font-size: 65px;
    line-height: 1.2em;
    margin-top: 0;
    color:#383E4B;
    margin-bottom: 15px;
}

body.frontpage .header .nav-link {
    padding-bottom: 8px;
    border-bottom: solid 2px transparent;
    font-size: 24px;
}

body.frontpage .header .nav-link.nav-link--active,
body.frontpage .header .nav-link:hover {
    border-bottom: solid 2px #648686;
}

.header.header--fixed {
    position:fixed;
    box-shadow: 0px -7px 15px #000000;
}

.header--fixed .nav-bar {
    position:static;
    transform: none;
    
}

.header2_blue {
    color: #648686;
    font-weight:500;
    font-family: 'Inter', sans-serif;
}


a {
    transition: all .2s ease-in-out;
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #648686;
}


footer {
    background: #383E4B;
    padding-top: 60px;
    padding-bottom: 60px;
}

footer .container-fluid {
    width: 1440px;
    max-width: 100%;
}

footer * {
    color:#fff;
    text-decoration: none;
    
}

footer h2 {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 300;
    font-family: 'Inter', sans-serif;
}

footer h3 {
    font-size: 24px;
    font-weight: 300;
    margin-top:0;
    font-family: 'Inter', sans-serif;
}

.rounded {
    border-radius:10px;
}

.headline_small {
    font-size: 24px;
    color: #648686;
    font-weight:600;
}

.shadow {
    box-shadow: 25px 24px #8C9795;
    border-radius:10px;
}

.header {
    position:relative;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fff;
    margin-bottom: 15px;
    
}

.headerWrapper {
    display:flex;
    align-items:flex-end;
    width:100%;
}

.nav-bar {
    margin-left:auto;
    margin-right: 30px;
}

.heroWrapper {
    height: 80vh;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content:center;
    position:relative;
    background-position: center;
}

.heroWrapper:after {
    z-index: 2;
    background: #000;
    opacity: 0.15;
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.heroContentWrapper {
    position:relative;
    z-index:1;
}

.heroWrapper h1 {
    font-size: 70px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 300;
}

.heroWrapper p {
    color:#fff;
    font-size: 32px;
    line-height: 1.5em;
    margin-bottom: 45px;
}

.btn {
    color: #fff;
    background: #648686;
    padding: 15px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 30px;
    text-decoration: none;
    font-size:19px;
    font-weight:300;
    display: inline-block;
}

.btn:hover {
    background: #536f6f;
    color:#fff;
}

div[rowwidth="full"] > .row {
    width: 1440px;
    margin:auto;
    max-width:100%;
}

div[rowwidth="mellan"] > .row {
    width: 1170px;
    margin:auto;
    max-width:100%;
}

div[rowwidth="mellan"] > .row {
    width: 944px;
    margin:auto;
    max-width:100%;
}

div[rowbgcolor="grå"] {
    background-color: #F8F7F7;
}

div[rowbgcolor="grå"] p {
    color: #444444;
}

div[rowbgcolor="grönblå"] {
    background-color: #648686;
}

div[rowbgcolor="grönblå"] *,
div[rowbgcolor="grönblå"] .singlePersonalWrapper h3{
    color: #fff;
}

.spontanansokan .singlePersonalWrapper {
    width: 450px;
    max-width: 100%;
    margin:auto;
}

.spontanansokan .singlePersonalWrapper img {
    display: block;
    margin: auto;
}

div[cellPosition="vänster"] {
    text-align:left;
}

div[cellPosition="center"] {
    text-align:center;
}

div[cellPosition="center"] h2,
div[cellPosition="center"] p.ingress {
        width: 960px;
        margin-left: auto;
        margin-right:auto;
        max-width: 100%;
}

div[cellPosition="höger"] {
    text-align:right;
}

div[cellmargin="marginal_till_vänster"] {
    margin-left: 8.333333%;
}

div[cellmargin="marginal_till_höger"] {
    margin-right: 8.333333%;
}

.headerIcon {
    position: relative;
    top: 20px;
    margin-right: 30px;
    display:inline;
}

.contactBoxWrapper {
    text-align:center;
    background: #F8F7F7;
    padding: 90px;
    width: 100%;
    border-radius: 15px;
}

.contactBoxWrapper .btn {
    display: inline-block;
    margin-top: 15px;
}

.contactBoxWrapper h2 {
    font-size: 45px;
    font-weight: 300;
}

.contactBoxWrapper p {
    font-size: 24px;
}

@media (min-width: 1921px) {
   .customHeader {
        height: 58vh;
        margin-bottom: 17%;
    } 
    
    .infoSliderWrapper {
        margin-left: 8.333333%;
    }
}

.boxWrapper {
    padding: 50px;
    border-radius: 10px;
}

.boxWrapper h3 {
    font-size: 32px;
    font-family: 'Inter', sans-serif;
    font-weight:500;
    margin-top: 0;
    color: #F2F2E9;
}

.boxWrapper p {
    color:#F2F2E9;
}

.boxWrapper[style="background:#383e4b"] * {
    color:#fff;
}

.boxWrapper[style="background:#ffffff"] * {
    color:#000;
}

div[rowwidth="full"].customHeader2 > .row {
    display:flex;
    align-items:center;
    width: 100%;
}

.customHeader2 > .row img {
    width: 100%;
    display:block;
}

.customHeader2 > .row > .column:last-child {
    padding-right: 0;
}

.customHeader2 div[cellmargin="marginal_till_vänster"] {
    max-width: 700px;
}

ul.personalWrapper {
    display:flex;
    flex-wrap:wrap;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
}

ul.personalWrapper li:before {
    content: "";
}

ul.personalWrapper li {
    width: 31%;
    margin: 10px;
    margin-bottom: 30px;
}

.ContactImagePane img {
    border-radius: 10px;
}

.ContactInfoPane h3 {
    margin-bottom: 0;
    font-size: 24px;
    color:#648686;
    font-weight: 300;
}

.title {
    font-size: 18px;
    color:#000; 
    margin-bottom: 20px;
}

.personalText {
    margin-top: 15px;
    margin-bottom: 15px;
}

.newsWrapper > .row {
    margin-bottom: 60px;
}

.newsImageWrapper img {
    border-radius: 10px;
}

.date {
    color:#648686;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
}

.newsInfoWrapper a {
    color:#648686;
    font-weight: 300;
}

.newsInfoWrapper a:after,
.kundCaseInfoWrapper a:after{
    content: url("/media/udtlsong/small_arrow.svg");
    margin-left: 10px;
    position:relative;
    top: 7px;
}

.kundCaseInfoWrapper a {
    color:#648686;
    font-weight: 300;
}

.newsInfoWrapper a:hover,
.kundCaseInfoWrapper a:hover {
    text-decoration: underline;
}

.pressItemsWrapper .pressGroup {
    position: relative;
    width: 100%;
    float: none;
}

.yearWrapper {
    position: relative;
}

.pressGroup p {
    position: static !important;
    width: 100%;
    margin: 0;
}

.pressGroup a {
    font-size: 14px;
    display:flex;
    flex-wrap:wrap;
    margin-bottom: 15px;
}

.pressGroup .date {
    margin: 0;
    width: 20%;
    font-weight: bold;
}

.pressArchiveItem {
    width: 80%;
}

.contactLink:after {
    content: url("/media/02sjvkc4/small_arrow_black.svg");
    position:relative;
    top: 7px;
    margin-left: 5px;
}

.singlePersonalWrapper {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}

.singlePersonalWrapper img {
    width: 127px;
    margin-right: 60px;
    height: 127px;
}
.singlePersonalWrapper h3 {
    font-size: 18px;
    font-weight: 300;
    color:#648686;
    margin-bottom: 0;
}

.swiperServicesStart .swiper-slide {
    background: #383E4B;
    padding: 45px;
    margin: 15px;
    border-radius: 10px;
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items:flex-start;
    width: 24%;
    height: 388px;
    
}

.swiperServicesStart .swiper-slide img {
    margin-bottom: 70px;
    display: inline-block;
}

.swiperServicesStart .swiper-slide p {
    color:#fff;
    align-self: flex-end;
    font-size: 32px;
    margin: 0;
}

.serviceImageWrapper {
    width: 100%;
    text-align:center;
}

.serviceImageWrapper img {
    transition:0.5s;
}

.swiperServicesStart .swiper-slide a:hover img {
    transform: scale(1.1)
}

.infoSliderWrapper ul {
    padding: 0;
    margin: 0;
}

.infoSliderWrapper ul li {
    text-align:left;
    padding-bottom: 40px;
    opacity: 0.6;
    border-left: solid 7px #F8F6F1;
    padding-left: 45px;
    cursor: pointer;
}

.infoSliderWrapper ul li:last-child {
    padding-bottom: 0;
}

.infoSliderWrapper ul li:hover {
    opacity: 1;
}

.infoSliderWrapper ul li.active {
    opacity: 1;
    border-left: solid 7px #648686;
}

.infoSliderWrapper ul li:before {
    content: "";
    margin: 0;
    height: 0;
}

.infoSliderImage {
    border-radius: 10px;
}

.infoSliderWrapper h3 {
    margin: 0;
    font-size: 24px;
    color: #383E4B;
    font-weight: 300;
}

.infoSliderWrapper p {
    margin: 0;
}


.grid-section .kundCaseWrapper li:before {
    content: "";
    margin: 0;
}

.kundCaseWrapper {
    margin: 0;
    padding: 0;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  flex-wrap:wrap;
  width:35%;
}

.swiperNewsStart .swiper-slide {
    width: 30%;
}
    
.kundCaseImageWrapper {
    width: 100%;
}


.kundCaseInfoWrapper {
    text-align:left;
    margin-top: 35px;
}

.kundCaseInfoWrapper p {
    margin-top: 0;
    font-size: 22px;
    font-family: "labgrotesque";
    color: #383E4B;
}

.kundCaseInfoWrapper h2 {
    font-size: 36px;
    font-weight: 300;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #383E4B;
}

.swiper-container-free-mode>.swiper-wrapper {
    margin-bottom: 70px;
}

.swiper-container-horizontal>.swiper-scrollbar {
    left: 5%;
    background: #fff;
}

.swiper-scrollbar-drag {
    background: #648686;
}

.goToTopWrapper a {
    color:#fff;
    margin-top: 60px;
    display:block;
}

.goToTopWrapper a:after {
    content: url("/media/0g5lofo4/arrow_up.svg");
    position:relative;
    top: 4px;
}

@media (min-width: 1921px) {
    .swiperServicesStart  .swiper-slide {
        width: 17%;
    }
}

@media (max-width: 1920px) {
    .heroWrapper .container {
        width: 1170px;
        max-width: 100%;
    }
    
    .servicesWrapper {
        flex-wrap:wrap;
    }
    
    .heroContentWrapper {
        width: 100%;
    }

    
    .heroWrapper p {
        font-size: 25px;
    }
    
    .customHeader {
        height: 68vh;
        margin-bottom: 40%;
    } 
    
    .swiper-container {
        overflow: visible;
    }
    
    .swiper-container-horizontal>.swiper-scrollbar {
        bottom: -30px;
    }
}

@media (max-width: 1024px) {
    .servicesWrapper li {
        width: 20%;
    }
    
    div[rowwidth="full"] > .row {
        width: 968px;
    }
    
    .header2_big {
        font-size: 48px;
    }
    
    .customHeader {
        height: 75vh;
    }
}

@media (max-width: 768px) {
    .startInfo p, .startInfo a {
        font-size: 22px;
    }
    
    .startInfo a:after {
        top: 18px;
        margin-left: 13px;
    }
    
    .header2_big {
        font-size: 38px;
    }
    
    p.ingress {
      font-size: 18px;
    }
    
    .heroWrapper {
        height: 45vh;
    }
    
    .heroWrapper h1 {
        font-size: 40px;
    }
    
    .heroWrapper p {
        font-size: 20px;
    }
    
    .btn {
        font-size: 16px;
    }
    
    h2 .bigHeader2 {
        font-size: 38px;
    }
    
    .servicesWrapper li {
        width: 20%;
    }
    
    .servicesWrapper li p {
        font-size: 22px;
    }
    
    .infoSliderWrapper ul {
        margin-bottom: 15px;
    }
    
    .contactBoxWrapper h2 {
        font-size: 38px;
    }
    
    .contactBoxWrapper p {
        font-size: 18px;
    }
    
    footer h2,
    footer h3{
        margin-top: 15px;
        font-size: 16px;
    }
    
    footer p,
    footer a {
        font-size: 14px;
        line-height: 1.2em;
    }
    
    .grid-section .col-md-6.column {
        width: 50%;
        float:left;
    }
    
    .hamburger span, .hamburger span::after, .hamburger span::before {
        background-color: #000;
    }
    
    .customHeader {
        height: 55vh;
    }
    
    .mobile-nav--open {
        background: #648686;
    }
    
    .mobile-nav--open .nav-bar {
        margin-left: inherit;
    }
    
    .mobile-nav--open .nav-link {
        color: #fff;
        font-size: 22px;
    }
    
    .servicesWrapper li img {
        margin-bottom: 30px;
    }
    
    .ContactImagePane img {
        width: 100%;
    }
    
    ul.pressItemsWrapper {
        padding: 0px;
    }
    
    .hamburger.lines span, .hamburger.lines span:after, .hamburger.lines span:before {
        width: 30px;
        height: 2px;
    }
    
    .hamburger.lines span:before {
        transform: translateY(-7px);
    }
    
    .hamburger.lines span:after {
        transform: translateY(7px);
    }
    
    div[rowwidth="full"] > .row {
        width: 710px;
    }
    
    ul.personalWrapper li {
        width: 47%;
    }
    
    .contactHeader h2 {
        font-size: 32px !important;
    }
    
    .newsInfoWrapper h2 {
        font-size: 22px;
    }
    
    .fullNewsWrapper h1 {
        font-size: 40px;

    }
}

@media (max-width: 560px) {
    
    p,body,html {
        font-size: 16px;
    }
    
    .header2_big {
        font-size: 36px;
    }
    
    .header2_big br {
        display:none;
    }
    
    .logo-image {
        width: 150px;
    }
    
    .heroWrapper h1 {
        font-size: 25px;
        line-height: 1.2em;
    }
    
    .heroWrapper p {
        font-size: 16px;
        margin-bottom: 30px;
    }
    
    .btn {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 12px;
    }
    
    h2 .bigHeader2 {
        font-size: 21px;
    }
    
    .grid-section ul.servicesWrapper {
        padding: 0;
    }
    
    .servicesWrapper li {
        width: 40%;
        padding: 25px;
    }
    
    .contactBoxWrapper {
        padding: 30px;
    }
    
    .grid-section .col-md-6.column {
        width: 100%;
        float: none;
    }
    
    div[cellmargin="marginal_till_vänster"] {
        margin-left: 0px;
    }
    
    .shadow {
        box-shadow: 10px 10px #8C9795;
    }
    
    .customHeader {
        height: 68vh;
    }
    
    h2 {
        margin-top: 15px;
    }
    
    .boxWrapper {
        margin-bottom: 15px;
    }
    
    div[rowwidth="full"].customHeader2 > .row {
        flex-wrap:wrap;
    }
    
    ul.personalWrapper li {
        width:100%;
    }
    
    .newsImageWrapper {
        margin-bottom: 15px;
    }
    
    .singlePersonalWrapper img {
        width: 127px;
        height: 127px;
        margin-right: 0;
    }
    
    .singlePersonalWrapper {
        justify-content: center;
    }
    
    .singlePersonalWrapper .singlePersonInfo {
        text-align:center;
        width: 100%;
    }
    
    .header {
        margin-bottom: 0;
    }
    
    .swiperServicesStart .swiper-slide {
        width: 80%;
    }
    
    .customHeader2 > .row > .column:last-child {
        padding-right: 15px;   
    }
}