@import url('./fa4/style.css');
#servicetab { position: absolute; z-index: 10000; font-family: 'Open Sans', sans-serif!important; background: rgba(255,255,255,0.8)!important; top: 50%; width: 170px; text-align: center; line-height: 40px; transform: rotate(90deg); left: -70px; margin-top: -15px; padding-bottom: 10px; font-weight: bold; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; cursor: pointer; }
#servicetab:hover { left: -60px; }
#servicetab-content { display:none; visibility: hidden; }
#servicetab-content img { max-width: 100%; object-fit: contain; }

#servicetab-content {
    position: absolute;
    left: 0;
    max-width: 60vw;
    z-index: 100000;
    width: 100%;
    background: white;  
}

#servicetab-content.show {
    display: block;
    visibility: unset;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

#servicetab-content .header .closeBtn {
    position: absolute;
    right: 23px;
    top: 1px;
    cursor: pointer;
}

#servicetab-content .header {
  background: #2a67a6;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  padding: 10px 40px;
}

#servicetab-content p {
    padding-right: 40px;
    padding-left: 40px;
}
#servicetab-content p:last-child {
    padding-bottom: 30px;
}
#servicetab-content .teaserimg {
    padding: 0 40px 40px 40px;
    width: 100%;
}
#servicetab-content .pdflink {
	position: absolute;
    right: 25px;
    top: 4px;
    width: 80px;
    height: 80px;
}
#servicetab-content .pdflink.left {
	left: 55px;
  	right: unset;
}
#servicetab-content .logobar { padding: 20px 40px 20px 40px; display: flex; }
#servicetab-content .logobar a { display: inline-block; }
#servicetab-content .projectimage { padding-right: 40px; padding-left: 40px; }

@media (min-width: 992px) {
  #servicetab-content .projectimage {
    padding: unset;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
}
  
    #servicetab-content p {
        padding-left: unset;
    }

    #servicetab-content .teaserimg {
        padding: 0 10px 40px 40px;
    }
}

@media (max-width: 991px) {
  #servicetab-content {
    margin-top: 0!important;
    left: 0;
    width: 100%;
    max-width: unset;
    overflow-y: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow-x: hidden;
  }
}

.fancybox-button svg { color: #000000!important; border-color: #000000!important; opacity: 0.5; }
.fancybox-button svg:hover { opacity: 1; }
.fancybox-button { background: rgba(255,255,255,.9); }

#mobile_container { display: none; position: relative; z-index: 100000; }
#mobile_container .infospot { height: 100vh; padding: 5px; margin: 0!important; border: 5px solid black; }
#mobile_container .infospot img { max-width: 100%; }
#mobile_container .infospot .middle { height: 90%; }
#mobile_container .infospot .middle { overflow-y: scroll; height: 100%; }

.simplebar-content { padding-top: 0; }

section[data-sidebar-id="40702"] { position: fixed; top: 0; right: 0; max-width: 200px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; }
section[data-sidebar-id="40341"] { padding-top: 97px!important; }
@media (min-width: 768px) {
  section[data-sidebar-id="40702"] { max-width: 250px; }
  section[data-sidebar-id="40341"] { padding-top: 110px!important; }
}