/*
Theme Name: Jaco
Text Domain: Jaco
Version: 1.0
*/
/*  gammla jaco färgen #fffb45 */
/* Uppladdade filter behåller sina mått på om oss*/
.om-oss-img{ object-fit: contain;}
.process-3 .col-lg-4 img,.om-oss-historia .col-lg-4 img{object-fit:cover;} /*Passar bättre här på process / om-oss*/
.process-hero-img > img,.om-oss-hero-img > img{object-fit:cover;}/*header*/

.error404 main{
  margin-top: 16rem;
}
/* custom css */
#wrapper{overflow:hidden; /* EJ text utanför innehållet*/}
#content{word-break: break-word;}

#message{
  height:150px;
}
.nounderline{
  text-decoration: none!important;
}
.disable-break br{
  display: none;
}
.fw-500{
  font-weight: 500;
}
.object-cover{
  object-fit: cover;
}
.object-contain{
  object-fit: contain !important;
}


.wp-block-embed__wrapper > iframe{
  max-width: 100%;
  height: 100%;
}
h1, h2{
  color: white;
  letter-spacing: -.5px;
}

.jaco-btn{
  background-color: #fffb30;
  color: black;
  padding: 1.6rem 3rem;
  display: inline-block;
  border-radius: 3px;
}
.jaco-btn:hover{
  background-color: #fffb30;
  color: black;
  filter: brightness(.9);
}

.jaco-btn-blue{
  background-color: #2c3144;
  color: white;
  display: inline-block;
}
.jaco-btn-blue:hover{
  background-color: #2c3353;
  color: white;
}

.pre-heading{
  margin-bottom: 30px;
  letter-spacing: -.6px;
  font-family: "Work Sans","sans-serif";
  line-break: 1.4;
  color: #fffb30;
}

.yellow-text-box{
  max-width: 600px;
  margin-left: 4rem;
}
@media screen and (max-width: 992px){
  .yellow-text-box{
    max-width: 600px;
    margin-left: 0;
  }
}
.background-img-defaults{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.link-underline a{
  text-decoration: underline;
}
.mw-900{
  max-width: 900px;
}
.hover-cursor:hover{
  cursor: pointer;
}
.hover-darken::before{
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5)
  transition: opacity .3s ease;
  opacity: 0;
}
.hover-darken:hover::before{
  opacity: 1;
}

/* Startpage Startpage Startpage Startpage Startpage */
/* Startpage Startpage Startpage Startpage Startpage */
/* Startpage Startpage Startpage Startpage Startpage */
/* Startpage Startpage Startpage Startpage Startpage */

.startpage-section-hero{
  height: 100vh;

  position: relative;
  overflow: hidden;

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  margin-bottom: 100px;
}
.startpage-section-hero video{
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
}
.darken-video{
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  /* background-color: rgba(0,0,0,.5); */
}
.hero-container{
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.hero-content{
  max-width: 530px;
  background-color: rgba(0,0,0, 0.5);
  padding: 3rem 4rem;
  position: relative;
}
.hero-content > h1{
  font-weight: 500;
  margin-bottom: 3rem;
  color: #fffb30;
  font-size: 4rem;
}
.hero-content > p{
  margin-bottom: 3rem;
}
.hero-content > a{
  font-size: 1.2rem;
}
@media screen and (max-width: 700px){
  .startpage-section-hero{
    height: 600px;
  }
  .hero-content > h1{
    font-weight: 500;
    margin-bottom: 2rem;
    font-size: 2.3rem;
  }
  .hero-content > p{
    margin-bottom: 2rem;
    font-size: 0.9rem;
  }
  .hero-content > a{
    font-size: 1rem;
  }
}
@media screen and (max-width: 600px){
  .startpage-section-hero video{
    position: static;
    margin-bottom: 2rem;
  }
  .startpage-section-hero{
    height: auto;
  }
  .darken-video{
    display: none;
  }

}


.startpage-section-about{
  margin-top: 170px;
}
.startpage-section-about .first-col{
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
  position: relative;
  width: 100%;
  padding-right: 2.5rem;
  padding-left: 2.5rem
}
.startpage-section-about .second-col{
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
  position: relative;
  width: 100%;
  padding-right: 2.5rem;
  padding-left: 2rem
}
.startpage-section-about h2{
  margin-bottom: 55px;
}
.startpage-section-about p:not(.pre-heading){
  margin-bottom: 70px;
}
.om-oss-img{
  max-width: 100%;
  height: 400px;
  width: 300px;
}
.om-oss-img.pushed-down{
  margin-top: 80px;
}
.startpage-section-about .second-col p{
  color: white;
}
@media screen and (max-width: 992px){
  .startpage-section-about .first-col, .startpage-section-about .second-col{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .startpage-section-about{
    margin-top: 100px;
  }
  .startpage-section-about h2{
    margin-bottom: 2rem;
    font-size: 2.2rem;
  }
  .startpage-section-about p:not(.pre-heading){
    margin-bottom: 3rem;
    font-size: .9rem;
  }
  .om-oss-img.pushed-down{
    margin-top: 50px;
  }
  .om-oss-img{
    height: 350px;
  }
}
@media screen and (max-width: 768px){
  .startpage-section-about h2{
    hyphens: auto;
  }
}


.startpage-section-solutions{
  margin-top: 150px;
}
.startpage-section-solutions .textured-background{
  position: absolute;

  max-width: 730px;
  max-height: 450px;
  width: 100%;
  height: 100%;
}
.startpage-section-solutions .carousel-mobile{
  display: none;
}
.startpage-section-solutions .slider{
  margin-left: 2rem;
}
.startpage-section-solutions .carousel{
  max-width: 385px;
}
.startpage-section-solutions #carouselSlides-1{
  margin-right: 2rem;
}
.carousel-desktop .slick-arrow{
  display: none!important;
}

.startpage-section-solutions .slider .slider-img{
  max-width: 100%;
  width: 385px;
  height: 530px;
  object-fit: cover;
}
.arrow-container {
  position: absolute;
  right: 47px;
  top: 10px;
  opacity: .4;
  transition: opacity .3s ease
}
.arrow-container:hover {
  opacity: 1 !important;
}
.arrow-container > a {
  padding: 1rem 1.35rem;
  background: #101010;
  display: inline-block;
  font-size: 1rem;
}
.startpage-section-solutions .pushed-down{
  margin-top: 150px;
}
.startpage-section-solutions h2{
  margin-bottom: 55px;
}
.startpage-section-solutions p:not(.pre-heading){
  margin-bottom: 70px;
}
#carouselSlides-3 .slider-img{
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1300px){
  .startpage-section-solutions .carousel{
    max-width: 385px;
  }
  .startpage-section-solutions .slider .slider-img{
    max-width: 100%;
    width: 85%;
    height: auto;
  }
}
@media screen and (max-width: 992px){
  .startpage-section-solutions .pushed-down{
    padding: 0 5rem;
    margin-top: 50px;
  }
  .startpage-section-solutions .pushed-down h2{
    margin-bottom: 20px;
  }
  .startpage-section-solutions .pushed-down p{
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px){
  .startpage-section-solutions .pushed-down{
    margin-top: 20px;
    padding: 0 3rem;
  }
  .startpage-section-solutions{
    margin-top: 0;
  }
  .startpage-section-solutions .textured-background{
    width: 90%;
  }
  .startpage-section-solutions .slider{
    margin-left: 0;
  }
  .startpage-section-solutions h2{
    margin-bottom: 2rem;
    font-size: 2.3rem;
  }
  .startpage-section-solutions p:not(.pre-heading){
    margin-bottom: 2rem;
    font-size: .9rem;
  }
  .startpage-section-solutions .carousel-desktop{
    display: none;
  }
  .startpage-section-solutions .carousel-mobile{
    display: block;
  }
  .startpage-section-solutions .carousel{
    max-width: 100%;
  }
  .startpage-section-solutions .slider .slider-img{
    width: auto;
    height: 430px;
  }
  .arrow-container {
    right: 14px;
    top: 10px;
  }
}


.startpage-section-products{
  margin-top: 200px;
  margin-bottom: 160px;
}
.startpage-section-products .separation{
  margin-bottom: 65px;
}
.startpage-section-products h2{
  max-width: 600px;
}
.startpage-section-products .right-aligned{
  float: right;
}
.startpage-section-products .pushed-in{
  padding: 0 3rem;
}

.startpage-section-products .portrait-card{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  height: 440px;
  padding: 2.5rem;
  position: relative;
}


.bottom-align{
  position: absolute;
  bottom: 2em;
}
.startpage-section-products .bottom-align h3{
  color: white;
}
.startpage-section-products .bottom-align a{
  color: rgba(255,255,255,0.7);
}
@media screen and (max-width: 1100px) and (min-width: 991px){
  .startpage-section-products .bottom-align h3{
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 992px){
  .startpage-section-products{
    margin-top: 110px;
  }
  .startpage-section-products .pushed-in{
    padding: 0;
  }
  .startpage-section-products h2{
    font-size: 2.1rem;
    margin-bottom: 2rem;
    hyphens: auto;
  }
  .startpage-section-products .right-aligned{
    float: none;
  }
  .startpage-section-products{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  .startpage-section-products .the-products > div{
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 768px){
  .startpage-section-products .the-products > div{
    padding-bottom: .5rem;
  }
  .startpage-section-products{
    margin-bottom: 0;
  }
}

.startpage-section-news{

}
.news-content{
  width: 100%;
  word-break: break-word;
}
.news-image{
  height: auto;

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


/* OM-OSS OM-OSS OM-OSS OM-OSS OM-OSS */
/* OM-OSS OM-OSS OM-OSS OM-OSS OM-OSS */
/* OM-OSS OM-OSS OM-OSS OM-OSS OM-OSS */
/* OM-OSS OM-OSS OM-OSS OM-OSS OM-OSS */

.om-oss-hero{
  margin-bottom: 140px;
}
.om-oss-hero-img > img{
  height: 100%;
  width: 100%;
}
.colored-sidebar{
  background: #fffb30;
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.colored-sidebar > div{
  padding-right: 2rem;
  padding-left: 2rem;
}
.om-oss-hero h1{
  color: #000;
  margin-bottom: 1em;
}
.om-oss-hero p{
  color: rgba(0,0,0,.8);
}
@media screen and (max-width: 992px){
  .colored-sidebar{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .om-oss-hero h1{
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
  .om-oss-hero p{
    font-size: 15px;
  }
  .om-oss-hero-img > img{
    height: auto;
    object-fit: cover;
    max-height: 200px;
  }
}


.om-oss-historia{
  margin-bottom: 350px;
}
.om-oss-historia h2{
  margin-bottom: 72px;
}
.om-oss-historia .col-lg-8 .row{
  margin-bottom: 70px;
}
.om-oss-historia .col-lg-4 img{
  width: 100%;
  height: 100%;
  max-height: 500px;
  max-width: 374px;
}
@media screen and (max-width: 992px){
  .om-oss-historia{
    margin-bottom: 150px;
  }
  .om-oss-historia h2{
    margin-bottom: 40px;
    font-size: 1.7rem;
  }
  .om-oss-historia .col-lg-8 .row{
    margin-bottom: 0;
  }
}


.om-oss-teamet{
  margin-bottom: 200px;
}
.om-oss-teamet h2{
  margin-bottom: 140px;
  font-size: 2.3rem;
}
.om-oss-teamet img{
  width: 100%;
  height: 100%;
object-fit:cover;
}

.om-oss-teamet .row>div:first-child{
overflow:hidden;
}

.om-oss-teamet img.team-img-1{
  position: absolute;
  left: 7.5px;
  right: 0;
  height: auto;
  bottom: 0;
}
.om-oss-teamet img.team-img-3{
  max-height: 360px;
  margin-bottom: 1rem;
}
.om-oss-teamet .col-lg-6 p{
  margin-bottom: 70px;
}
.om-oss-teamet .col-lg-6 a.btn{
  background-color: #2c3144;
  padding: 17px 42px;
  color: white;
}
.om-oss-teamet .col-lg-6 a.btn:hover{
  background-color: #2c3353;
  padding: 17px 42px;
  color: white;
}
@media screen and (max-width: 992px){
  .om-oss-teamet{
    margin-bottom: 80px;
  }
  .om-oss-teamet h2{
    margin-bottom: 40px;
    font-size: 1.7rem;
  }
  .om-oss-teamet .col-lg-6 p{
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .om-oss-teamet img.team-img-1, .om-oss-teamet img.team-img-3, .om-oss-teamet img.team-img-2{
    max-height: 1000px;
    height: auto;
  }
  .om-oss-teamet img.team-img-1{
    position: static;
    left: auto;
    right: auto;
    height: auto;
    bottom: auto;
  }
}


.om-oss-certifikat{
  margin-bottom: 150px;
}
.om-oss-certifikat h2{
  margin-bottom: 150px;
}
.om-oss-certifikat .row p{
  color: white;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,.3);
  font-size: 18px;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.om-oss-certifikat .row p span{
  float: right;
  color: rgba(255,255,255,.6);
}
@media screen and (max-width: 992px){
  .om-oss-certifikat h2{
    margin-bottom: 50px;
    font-size: 26px;
  }
  
  .om-oss-certifikat .row p{
    font-size: 16px;
  }
}
@media screen and (max-width: 470px){
  .om-oss-certifikat .row p{
    font-size: 13px;
  }
}


.om-oss-miljo{
  margin-bottom: 140px;
}
.om-oss-miljo h2{
  margin-bottom: 60px;
}
.om-oss-miljo .first-col{
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
  position: relative;
  width: 100%;
  padding-right: 2.5rem;
  padding-left: 1rem
}
.om-oss-miljo .second-col{
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
  position: relative;
  width: 100%;
  padding-right: 2rem;
  padding-left: 2.5rem;
  order: -1;
}
@media screen and (max-width: 992px){
  .om-oss-miljo .first-col, .om-oss-miljo .second-col{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .om-oss-miljo .second-col{
    order: 1;
  }
  .om-oss-miljo h2{
    margin-bottom: 20px;
    font-size: 2.1rem;
  }
}


.videor{
  margin-bottom: 150px;
}
.videor .pre-heading{
  text-align: center;
}
.videor h2{
  text-align: center;
  margin-bottom: 70px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.lightbox-klickbara-video-tabbar img{
  width: 100%;
  height: auto;
}
.lightbox-klickbara-video-tabbar svg{
  position: absolute;
  height: 80px;
  width: auto;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
}
.slbIframeCont{
  cursor: pointer
}
@media screen and (min-width: 993px){
  .chrome .slbIframeCont video + svg{
    position: absolute;
    height: 80px;
    width: auto;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    opacity: .8;
  }
}


/* Lösningar Lösningar Lösningar Lösningar Lösningar */
/* Lösningar Lösningar Lösningar Lösningar Lösningar */
/* Lösningar Lösningar Lösningar Lösningar Lösningar */
/* Lösningar Lösningar Lösningar Lösningar Lösningar */
/* Lösningar Lösningar Lösningar Lösningar Lösningar */


.losningar .hero-area{
  margin-bottom: 150px;
}
.losning-hero-bild{
  margin-right: 0;
}
.losning-hero-bild > img{
  width: 100%;
  object-fit: cover;
  max-height: 500px;
}
.losning-content .pre-heading{
  margin-left: 3.5rem;
  margin-top: 5rem;
}
.losning-content h1{
  margin-left: 3.5rem;
  margin-bottom: 5rem;
  max-width: 310px;
}
.losning-content p:not(.pre-heading){
  margin-left: 4rem;
  margin-right: 4rem;
}
.losning-textured-floaty-bg > svg{
  position: absolute;
  height: 33rem;
  width: 28rem;
  z-index: -1;
  margin-left: 1rem;
  bottom: -2.5rem;
}
.page.page-id-1356 .losning-textured-floaty-bg > svg{
  position: absolute;
  height: 39rem;
  width: 33rem;
  z-index: -1;
  margin-left: 1rem;
  bottom: -2rem;
}
.yellow-box-losning{
  padding: 70px!important;
}
.yellow-box-losning > div:not(.gulbox-text-content){
  color: black;
  border-bottom: 1px solid rgba(0,0,0,.8);
  padding-bottom: 1.3rem;
  margin-bottom: 1.3rem;
  display: flex;
}
.yellow-box-losning > div p{
  margin-bottom: 0;
}
.gulbox-text-content{
  color: black;
}
.yellow-box-losning > div a, .yellow-box-losning > div span{
  margin-left: auto;
}

@media screen and (max-width: 992px){
  .losning-hero-bild{
    height: 250px;
  }
  .losning-hero-bild > img{
    height: 250px;
  }
  .losning-content .pre-heading{
    margin-left: 1rem;
    margin-top: 3rem;
  }
  .losning-content h1{
    margin-bottom: 4rem;
    margin-left: 1rem;
    margin-top: 2rem;
  }
  .losning-textured-floaty-bg > svg{
    width: 22rem;
    margin-top: -6rem;
    margin-left: -.7rem;
    bottom: -4.5rem;
  }
  .losning-content p:not(.pre-heading){
    margin-left: .5rem;
    margin-right: .5rem;
    margin-bottom: 3rem;
  }
  .yellow-box-losning{
    padding: 20px!important;
  }
  .losning-content{
    padding-left: 1rem!important;
  }
}
@media screen and (max-width: 500px){
  .yellow-box-losning > p{
    font-size: .9rem;
  }
}

.olika-losningar{
  margin-bottom: 150px;
}
.olika-losningar .pre-heading{
  text-align: center;
}
.olika-losningar h2{
  text-align: center;
  margin-bottom: 70px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.klickbara-bild-tabbar::before{
  content: "";
  position: absolute;
  right: .5rem;
  left: .5rem;
  height: 100%;
  cursor: pointer;
  background-color: rgba(0,0,0,.5);
}
.current-bild-tab::before{
  content: none;
}
.klickbara-bild-tabbar img, .klickbara-bild-tabbar video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}

.bild-tab-item{
  display: none!important;
}
.current-bild-tab-item{
  display: flex!important;
}
.bild-tab-item h3{
  color: white;
  font-size: 1.6rem;
  margin-top: 2rem;
  margin-bottom: 2.2rem;
}
.bild-tab-item p{
  font-size: .9rem;
  margin-bottom: 4rem;
}
.bild-tab-item .yellow-br-left{
  color: white;
  margin-bottom: 2rem;
  border-left: 5px solid #fffb30;
  padding-left: 1rem;
}
.bild-tab-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 992px){
  .olika-losningar h2{
    margin-bottom: 70px;
    font-size: 1.7rem;
  }
  .klickbara-bild-tabbar::before{
    right: .25rem;
    left: .25rem;
  }
}

.icon-tabs{

}
.icon-tabs .pre-heading{
  text-align: center;
}
.icon-tabs h2{
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 5rem;
}
.icon-tabs .icon-img{
  background-color: #ffa75d;
  width: 70px;
  height: 70px;
  padding: 1rem;
  margin-bottom: 2rem;
  margin-left: 1rem;
  margin-left: 1rem;
  cursor: pointer;
}
.icon-tabs .klickbara-ikoner{
  position: relative;
}
.icon-tabs .klickbara-ikoner::before{
  content: "";
  top: 0;
  bottom: 2rem;
  right: 0;
  left: 1rem;
  position: absolute;
  background-color: rgba(0,0,0,.4);
  cursor: pointer;
}
.icon-tabs .current-icon::before{
  content: none;
}
.icon-content-area{
  display: none;
}
.current-icon-content{
  display: block;
}
.icon-tabs .big-img{
  height: 500px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 4rem;
}
.icon-tabs .text-area{
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 5rem;
}
.icon-tabs .text-area h3{
  margin-bottom: 2rem;
  color: white;
  font-size: 2.7rem;
}
@media screen and (max-width: 992px){
  .icon-tabs h2{
    font-size: 1.7rem;
  }
  .icon-tabs .icon-img{
    width: 52px;
    height: 52px;
    margin-bottom: 3rem;
  }
  .icon-tabs .klickbara-ikoner::before{
    bottom: 3rem;
  }
  .icon-tabs .big-img{
    height: 150px;
    margin-bottom: 3rem;
  }
  .icon-tabs .text-area h3{
    margin-bottom: 2rem;
    color: white;
    font-size: 1.7rem;
  }
  .icon-tabs .text-area p{
    font-size: .95rem;
  }
}


/* NEW LÖSNINGAR */
/* NEW LÖSNINGAR */
/* NEW LÖSNINGAR */
/* NEW LÖSNINGAR */
/* NEW LÖSNINGAR */
/* NEW LÖSNINGAR */


.overlay-cards .card-img{
  height: 250px;
}
.overlay-cards .card-img-overlay h2{
  position: absolute;
  bottom: .6rem;
  word-wrap: break-word;
  font-size: 1.5rem;
  max-width: 90%;
}
@media screen and (max-width: 992px){
  .losningar .produkt-hero-bild, .losningar .produkt-hero-bild img{
    height: 300px;
  }
}


/* Kontakt Kontakt Kontakt Kontakt Kontakt */
/* Kontakt Kontakt Kontakt Kontakt Kontakt */
/* Kontakt Kontakt Kontakt Kontakt Kontakt */
/* Kontakt Kontakt Kontakt Kontakt Kontakt */
/* Kontakt Kontakt Kontakt Kontakt Kontakt */

.kontakt-hero{
  margin-bottom: 150px;
}
.kontakt-hero iframe{
  height: 500px;
}
.yellow-box-contact{
  padding: 70px!important;
}
.yellow-box-contact > p, .yellow-box-contact > .row{
  color: black;
  border-bottom: 1px solid rgba(0,0,0,.8);
  padding-bottom: 1.3rem;
  margin-bottom: 1.3rem;
}
.yellow-box-contact > p a, .yellow-box-contact > p span{
  float: right;
  color: black;
}
.textured-floaty-bg > svg{
  position: absolute;
  height: 20rem;
  width: 17rem;
  margin-top: -13rem;
  margin-left: -2rem;
  z-index: -1;
}
.page-template-sidmall-kontakt h1{
  margin-bottom: 6rem;
}
.kontakt-content{
  padding-left: 5rem!important;
  padding-top: 7rem;
}
@media screen and (max-width: 992px){
  .yellow-box-contact{
    padding: 20px!important;
  }
  .kontakt-content{
    padding-left: 1rem!important;
  }
  .textured-floaty-bg > svg{
    width: 15rem;
    margin-top: -14rem;
    margin-left: -.7rem;
  }
  .page-template-sidmall-kontakt h1{
    margin-bottom: 3rem;
  }
  .kontakt-hero{
    margin-bottom: 70px;
  }
  .kontakt-hero iframe{
    height: 400px;
  }
}


.kontakt-formular{
  margin-bottom: 150px;
}
.kontakt-formular .a-bit-smaller{
  font-size: 2.4rem;
  margin-top: 2rem;
}
.kontakt-formular input, .kontakt-formular textarea{
  width: 100%;
  padding: 5px 15px;
  border: 0;
}
.kontakt-formular textarea{
  height: 200px;
}
.lighter-box{
  background-color: #2f2f2f;
  padding: 4rem;
  margin-right: auto;
}
.lighter-box h2{
  margin-bottom: 70px;
}
.lighter-box p{
  margin-bottom: 40px;
}
@media screen and (max-width: 992px){
  .lighter-box h2{
    margin-bottom: 40px;
    font-size: 1.9rem;
    margin-top: 1rem;
  }
  .lighter-box{
    padding: 1.5rem;
  }
}

.personal-section{

}
.person-bild{
  width: 100%;
  height: auto;
  max-width: 250px;
  margin: 0 auto;
}
.personal-section h3{
  color: white;
}
.personal-section small{
  font-size: 90%;
  color: #fffb30;
}

body div#mfcf7_zl_multifilecontainer{
margin-top:0;}
#mfcf7_zl_add_file{
background-color: #fffb30;
}


/* PROCESS PROCESS PROCESS PROCESS PROCESS */
/* PROCESS PROCESS PROCESS PROCESS PROCESS */
/* PROCESS PROCESS PROCESS PROCESS PROCESS */
/* PROCESS PROCESS PROCESS PROCESS PROCESS */
/* PROCESS PROCESS PROCESS PROCESS PROCESS */


.process-hero{
  margin-bottom: 170px;
}
.process-hero-img > img{
  height: 100%;
  width: 100%;
}
.colored-sidebar{
  background: #fffb30;
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.colored-sidebar > div{
  padding-right: 2rem;
  padding-left: 2rem;
}
.process-hero h1{
  color: #000;
  margin-bottom: 1em;
}
.process-hero p{
  color: rgba(0,0,0,.8);
}
@media screen and (max-width: 992px){
  .colored-sidebar{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .process-hero h1{
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
  .process-hero p{
    font-size: 15px;
  }
  .process-hero-img > img{
    height: auto;
    object-fit: cover;
    max-height: 200px;
  }
}


.process-2{
  margin-bottom: 200px;
}
.process-2 h2{
  margin-bottom: 80px;
  font-size: 2.3rem;
}
.process-2 img{
  width: 100%;
  height: 100%;
}
.process-2 img.team-img-1{
  max-height: 286px;
}
.process-2 img.team-img-3{
  max-height: 360px;
  margin-bottom: 1rem;
}
.process-2 .col-lg-6 p{
  margin-bottom: 70px;
}
.process-2 .col-lg-6 a.btn{
  background-color: #2c3144;
  padding: 17px 42px;
  color: white;
}
.process-2 .col-lg-6 a.btn:hover{
  background-color: #2c3353;
  padding: 17px 42px;
  color: white;
}
@media screen and (max-width: 992px){
  .process-2{
    margin-bottom: 80px;
  }
  .process-2 h2{
    margin-bottom: 40px;
    font-size: 1.7rem;
  }
  .process-2 .col-lg-6 p{
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .process-2 img.team-img-1, .process-2 img.team-img-3, .process-2 img.team-img-2{
    max-height: 1000px;
    height: auto;
  }
}

.process-3{
  margin-bottom: 350px;
}
.process-3 h2{
  margin-bottom: 72px;
}
.process-3 .col-lg-8 .row{
  margin-bottom: 70px;
}
.process-3 .col-lg-4 img{
  width: 100%;
  height: 100%;
  max-height: 500px;
/*  max-width: 374px;*/

}
@media screen and (max-width: 992px){
  .process-3{
    margin-bottom: 150px;
  }
  .process-3 h2{
    margin-bottom: 40px;
    font-size: 1.7rem;
  }
  .process-3 .col-lg-8 .row{
    margin-bottom: 0;
  }
}


/* OFFERT OFFERT OFFERT OFFERT OFFERT */
/* OFFERT OFFERT OFFERT OFFERT OFFERT */
/* OFFERT OFFERT OFFERT OFFERT OFFERT */
/* OFFERT OFFERT OFFERT OFFERT OFFERT */

.offert-hero-bild{
  
}
.offert-hero-bild > img{
  width: 100%;
  object-fit: cover;
  height: 500px;
}
.offert-hero h1{
  margin-top: 8rem;
  margin-left: 3.5rem;
}
.offert-textured-floaty-bg > svg{
  position: absolute;
  height: 20rem;
  width: 17rem;
  margin-top: -6rem;
  margin-left: 2rem;
  z-index: -1;
}
.offert-formular{
  padding-left: 5rem!important;
  margin-top: 2rem;
}
.modal .offert-formular{
  padding-left: 1rem!important;
  margin-top: 0;
  padding-top: 0;
}
.offert-formular input:not([type="checkbox"]), .offert-formular textarea, .wpcf7 textarea{
  width: 100%;
  padding: 5px 15px;
  border: 0;
  
}
.offert-formular textarea{
  height: 200px;
}
.offert-formular h2{
  font-size: 2rem;
}
@media screen and (max-width: 992px){
  .offert-hero-bild{
    height: 350px;
  }
  .offert-hero-bild > img{
    height: 350px;
  }
  .offert-hero h1{
    margin-top: 5rem;
    margin-left: 1.5rem;
  }
  .offert-formular{
    padding-left: 0!important;
  }
  .offert-textured-floaty-bg > svg{
    width: 15rem;
    margin-top: -8rem;
    margin-left: .3rem;
  }
}


/* Produkt Produkt Produkt Produkt Produkt */
/* Produkt Produkt Produkt Produkt Produkt */
/* Produkt Produkt Produkt Produkt Produkt */
/* Produkt Produkt Produkt Produkt Produkt */


.produkt .hero-area{
  margin-bottom: 70px;
  position: relative;
}
.produkt-hero-bild{
  position: relative;
}
/* .produkt-hero-bild::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(to bottom,rgba(0,83,135,0.4) 0%,rgba(0,83,135,0) 50%);
} */
.produkt-hero-bild::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: linear-gradient(to right,rgba(2,84,136,0.7) 0%,rgba(0,83,135,0) 60%);
}
.produkt-hero-bild > img{
  width: 100%;
  object-fit: cover;
  max-height: 500px;
}
.floating-title-container{
  z-index: 2;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}
.produkt-content .pre-heading{
  margin-left: 3.5rem;
  margin-top: 6rem;
}
.produkt-content h1{
  margin-left: 3.5rem;
  margin-bottom: 5rem;
}
.produkt-content p:not(.pre-heading){
  margin-left: 4rem;
  margin-right: 4rem;
}
.produkt-textured-floaty-bg > svg{
  position: absolute;
  height: 20rem;
  width: 17rem;
  margin-top: -5rem;
  margin-left: 2rem;
  z-index: -1;
}
.yellow-box-produkt{
  padding: 70px!important;
  margin-top: -300px;
  height: 300px;
  background-color: rgb(255, 252, 48);
  border-radius: 3px;
  margin-right: 80px;
  margin-left: 80px;
}
.yellow-box-produkt p, .yellow-box-produkt h2{
  color: black;
  /* border-bottom: 1px solid rgba(0,0,0,.8);
  padding-bottom: 1.3rem;
  margin-bottom: 1.3rem; */
}
.yellow-box-produkt h2{
  font-size: 2.4rem;
  margin-bottom: 1rem;
}
.yellow-box-produkt > p a, .yellow-box-produkt > p span{
  float: right;
}
.yellow-box-produkt .col-lg-2 img{
  width: 140px;
}

@media screen and (max-width: 992px){
  .produkt-hero-bild{
    height: 300px;
  }
  .produkt-hero-bild > img{
    height: 300px;
  }
  .produkt-content .pre-heading{
    margin-left: 1rem;
    margin-top: 3rem;
  }
  .produkt-content h1{
    margin-bottom: 4rem;
    margin-left: 1rem;
    margin-top: 2rem;
  }
  .produkt-textured-floaty-bg > svg{
    width: 15rem;
    margin-top: -6rem;
    margin-left: -.7rem;
  }
  .produkt-content p:not(.pre-heading){
    margin-left: .5rem;
    margin-right: .5rem;
    margin-bottom: 3rem;
  }
  .yellow-box-produkt{
    padding: 20px!important;
    margin-top: 0;
    height: auto;
  }
  .produkt-content{
    padding-left: 1rem!important;
  }
}
@media screen and (max-width: 500px){
  .yellow-box-produkt > p{
    font-size: .9rem;
  }
}

.background-card-img{
  height: 300px;
  border-radius: 5px 5px 0 0;
}
.bg-custom-dark{
  background-color: #1a1919;
}

.produktbilderna img{
max-height: 140px;
}


@media screen and (min-width: 992px){
.produktbilderna img{
max-height: 114px;
}
}




.produktbilderna {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.produktbilderna > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

/* global components */
/* global components */
/* global components */
/* global components */


.yellow-box-icon-component{
  padding: 70px!important;
  margin-top: -300px;
  min-height: 300px;
  background-color: rgb(255, 252, 48);
  border-radius: 3px;
  margin-right: 80px;
  margin-left: 80px;
}
.yellow-box-icon-component p, .yellow-box-icon-component h2{
  color: black;
}
.yellow-box-icon-component h2{
  font-size: 2.4rem;
  margin-bottom: 1rem;
}
.yellow-box-icon-component > p a, .yellow-box-icon-component > p span{
  float: right;
}
.yellow-box-icon-component .col-lg-2 img{
  width: 140px;
}
@media screen and (max-width: 992px){
  .yellow-box-icon-component{
    margin-right: 0;
    margin-left: 0;
    min-height: auto;
    margin-top: 20px;
    padding: 30px 15px!important;
  }
  .yellow-box-icon-component .col-lg-2 img{
    width: 160px;
    margin: 0 auto;
  }
}


/* MISC MISC MISC MISC MISC */
/* MISC MISC MISC MISC MISC */
/* MISC MISC MISC MISC MISC */
/* MISC MISC MISC MISC MISC */

.yellow-box-jobb{
  padding: 70px!important;
  margin-top: 90px;
  min-height: 300px;
  background-color: rgba(255, 251, 48, 0.9);
  color: black;
}
@media screen and (max-width: 992px){
  .yellow-box-jobb{
    padding: 70px!important;
    margin-top: 0;
    min-height: auto;
    background-color: rgba(255, 251, 48, 0.9);
  }
}
.yellow-box-text{
  padding: 70px!important;
  margin-top: 90px;
  min-height: 300px;
  background-color: rgba(255, 251, 48, 0.9);
  color: black;
}
@media screen and (max-width: 992px){
  .yellow-box-text{
    padding: 70px!important;
    margin-top: 0;
    min-height: auto;
    background-color: rgba(255, 251, 48, 0.9);
  }
}
.page-template-sidmall-nyheter .textured-floaty-bg > svg, .page-template-sidmall-jobb .textured-floaty-bg > svg{
  margin-top: -10em;
}
@media screen and (max-width: 992px){
  .page-template-sidmall-nyheter h1, .page-template-sidmall-jobb h1{
    margin-bottom: 3rem;
  }
}
.jobb-listings{
  margin-bottom: 140px;
}
.normal-hero-bild img{
  width: 100%;
  object-fit: cover;
  max-height: 500px;
}
.form-row{
  max-width: 900px;
  margin-left: auto!important;
  margin-right: auto!important;
}
.news-list-container{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.jobb-image{
  height: 100px;
  width: 140px;
  object-fit: cover;
}
.jobb-list{
  padding-top: 7rem;
}
.custom-yellow-border-right{
  border-right: 4px solid #fffb30;
}
@media screen and (max-width: 992px){
  .jobb-list{
    padding-top: 5rem;
  }
  .jobb-list > h1{
    margin-top: -2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 700px){
  .jobb-listings h3{
    font-size: 1.1rem;
  }
  .jobb-image{
    width: 110px;
  }
}
.jobb-list-container{
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
.jobb-list-container h3, .jobb-list-container a{
  line-height: 100px;
}
.jobb-border{
  border-color: rgb(94, 94, 94);
  width: 250px;
  margin-right: auto;
  margin-left: auto;
}
.single input:not([type="checkbox"]), .single select, .looking-for-jobb input:not([type="checkbox"]), .looking-for-jobb select{
  max-width: 350px;
  width: 100%;
  height: 34px;
}
.smaller{
  font-size: 1.2rem;
}
.anchor-moved-up{
  position: absolute;
  top: -150px;
}
.default-template h1{
  font-size: 2.5rem;
}
.default-template h2{
  font-size: 1.7rem;
  margin-top: 2.5rem;
}
.default-template h3{
  font-size: 1.4rem;
  color: rgba(255,255,255,.9);
  margin-top: 1.5rem;
}
.default-template strong{
  color: rgba(255,255,255,.9);
}
.default-template p{
  color:rgba(255,255,255,.8);
}
.flex-start{align-items: flex-start !important;}




/* martin fult */
/* martin fult */
/* martin fult */
/* martin fult */


.upload-box{
  background-color: #fffb30;
  color: black;
  display: inline-block;
  border-radius: 3px;
  padding: .75rem 1rem;
  cursor: pointer;
  position: relative;
}
.upload-box:hover{
  background-color: #ebe835;
}
.remove-upload-file::after{
  content: "\00D7";
  color: red;
  font-size: 2.1rem;
  position: absolute;
  left: calc(100% + .5rem);
  line-height: 1;
  top: 12px;
}
.btn-warning:disabled{
  opacity: .65;
  box-shadow: none;
}
.single input:not([type="checkbox"]), .single select, .looking-for-jobb input:not([type="checkbox"]), .looking-for-jobb select{
  max-width: 100%;
  width: 100%;
  height: 34px;
  border: 0;
}

.single .label-for-file p, .page-template-sidmall-jobb .label-for-file p{
  display: none;
}
.single input:not([type="checkbox"]), .single textarea, .wpcf7 textarea{
  padding: 5px 15px;
}

.modal .modal-content{
  background: #232323;
}
.modal .modal-header{
  border-bottom: none;
  padding-bottom: 0;
  color: white;
}


.looking-for-jobb.container{
  max-width: 900px;
}

/* integritet */
.privacy-policy h1{
  font-size: 2.6rem;
}
.privacy-policy h2{
  font-size: 1.8rem;
}
.privacy-policy h3{
  font-size: 1.2rem;
  margin-bottom: .8rem;
}

.pagination{
  justify-content: center;
  margin-top: 2rem;
}
.pagination .page-numbers{
  padding: 0 5px;
  border-radius: 3px;
  /* border: 1px solid #E5E22B; */
}
.pagination .page-numbers:not(.current){
  /* color: #E5E22B; */
  text-decoration: underline;
}