.jg-home .uk-logo::before {height:66px;width:66px;content:'';position:absolute;background:url('../../../images/template/jg_logo_active.svg')no-repeat center bottom;opacity:0.75;}
.jg-bg-right {background:url('../../../images/template/bg_jug_right.svg')no-repeat right bottom;}
.jg-bg-left {background:url('../../../images/template/bg_jug_left.svg')no-repeat left top;}
.jg-footer {border-top:#fff solid 2px;}
.jg-border-bottom {border-bottom:rgba(250,250,250,1) solid 1px;}
.jg-caption::before, .uk-lightbox-caption::before {content:url('../../../images/template/icon_drip.svg');margin-right:8px;vertical-align:middle;} /* Includes UIKit Mod */
.jg-hide:not(.jg-filter-toggle) {position:absolute;opacity:0;z-index:-1;}
.jg-filter-toggle .jg-filter-text::after {content:'-';display:flex;justify-content:center;width:10px;margin-left:10px;color:rgba(75,75,75,1);}
.jg-filter-toggle:not(.jg-hide) .jg-filter-text::after {content:'+';}
.jg-row-border-top {border-top:rgba(75,75,75,0.33) solid 1px;}
.jg-tmpl-spout {height:15px;background:rgba(0,175,219,1);}
.jg-spout {position:absolute;height:90px;width:180px;position:absolute;z-index:1;top:15px;left:52px;animation:jg-spout 0.5s ease-out;transform-origin:center top;}
.jg-view-switch .uk-active > a::after {content:'';background:url('../../../images/template/icon_spout.svg')no-repeat center top/contain;position:absolute;top:0;left:4px;height:4em;width:4em;animation:jg-spout 0.5s ease-out;transform-origin:center top;}
.jg-view-switch-icon .uk-active > a::after {content:'';background:url('../../../images/template/icon_spout_dark.svg')no-repeat center top/contain;position:absolute;top:3.5px;left:40px;height:3em;width:3em;}
.jg-view-switch-icon .uk-active > a:hover::after {background:url('../../../images/template/icon_spout.svg')no-repeat center top/contain;}
.jg-work-grid img {width:100%;height:auto;background:#fff;padding:25%;}
.jg-unimech-pattern-bg {background:url('../../../images/work/unimech/unimechPatternBg.svg') top left/25px 25px,linear-gradient(45deg,rgba(242, 244, 245, 1) 0%, rgba(222, 224, 225, 1) 100%);}
.jg-gradient-bg {background:linear-gradient(45deg,rgba(242, 244, 245, 0.25) 0%, rgba(242, 244, 245, 1) 100%);}
.jg-modal-bg {background:#f2f4f5;}
.jg-animation-perspecth img {animation:jg-perspectH 15s linear 0s infinite alternate;}
.jg-bg-default {background:rgba(255,255,255,0.7);border-radius:5px;}
.jg-hero {position:relative;}
.jg-hero::before {content:'';background:url(/images/template/HeroCover.svg)no-repeat top center/100% 100%;position:absolute;width:calc(100% + 1px);height:100%;display:block;z-index:2;animation:jg-splatc 0.65s ease-out;transform-origin:left top;}
.jg-hero video {margin: 1px 0 1px 0;animation:jg-splat 0.65s ease-out;transform-origin:left top;}
.jg-accordion-title::after {content:'';display:inline-flex;justify-content:center;align-items:center;margin-left:10px;color:rgba(75,75,75,1);background:rgba(0,175,219,0);height:6px;width:6px;border-radius:4px;border:rgba(0,175,219,1) solid 1px;}
.uk-open > a > .jg-accordion-title::after, .uk-open > .jg-accordion-title::after {background:rgba(0,175,219,1);}

/* ARTICLES ANYWHERE FIXES */

.jg-liststrip ul {list-style-type:none;}
.jg-liststrip .field-label {display:none;}

/* UNIMECH USP */

.usp-home-list a .usp-svg-bg {animation:jg-rotate-90 0.5s;}
.usp-home-list a:hover .usp-svg-bg  {animation:jg-rotate90 0.5s;transform:rotate(90deg);}
.usp-home-list a:hover #h {stroke:#60A8E9;}
.usp-home-list:not(.usp-safebg) > div {background:rgba(44,62,80,0.7);}
.usp-home-list > ul > .uk-active a:not(.uk-button) {opacity:0.25;}
.usp-home-list > ul > .uk-active a .usp-svg-bg {animation:none;}
.usp-home-list > ul > .uk-active a:hover .usp-svg-bg {transform:none;}
.usp-home-list > ul > .uk-active a:hover #h {stroke:currentColor;}
.usp-block {border:rgba(250,250,250,1) solid 1px;background: linear-gradient(130deg, rgba(240,250,250,0.1) 0%, rgba(240,250,250,0.05) 25%, rgba(44,62,80,0.7) 100%);padding:15px;box-shadow:0 0 5px rgba(0,0,0,0.6);}
.usp-menu:hover .usp-rect-middle {display:none;}
.usp-menu:hover .usp-rect-top {height:12px;}
.usp-rect-top {transform-origin:center top;}
.usp-navlink {height:32px;width:32px;border-radius:50%;border:rgba(250,250,250,0.7) solid 1px;transform-origin:center;display:flex;justify-content:center;align-items:center;}
.usp-navlink:not(.usp-navlink-close) {background:url('../../../images/work/unimech/usp/usp_icon_nav.svg')no-repeat center/50%;}
.usp-navlink:hover {border:#60A8E9 solid 1px;transform:scale(1.1);}
.usp-switcher-nav svg {width:88px;}
.usp-svg-bg {transform-origin:center;}
.usp-button-default {border:rgba(250,250,250,1) solid 1px;line-height:40px;padding:0 20px 0 20px;}
.usp-button-default:hover {border:rgba(250,250,250,0.7) solid 1px;}
li:not(.uk-active) .usp-plus, .uk-active .usp-neg {display:flex;}
.uk-active .usp-plus, li:not(.uk-active) .usp-neg {display:none;}
.uk-active > .usp-block {opacity:0.5;}
.usp-left::after, .usp-right::before {border:rgba(240,250,250,1) solid 1px;background:rgba(44,62,80,1);border-radius:50%;height:40px;width:40px;display:flex;justify-content:center;align-items:center;text-align:center;top:-20px;position:absolute;}
.usp-left::after {right:-20px;}
.usp-right::before {left:-20px;}
.usp-left-1::after {content:'1';}
.usp-right-2::before {content:'2';}
.usp-left-3::after {content:'3';}
.usp-right-4::before {content:'4';}
.usp-left-5::after {content:'5';}
.usp-right-6::before {content:'6';}
.usp-left-7::after {content:'7';}
.usp-right-8::before {content:'8';}
.usp-left-9::after {content:'9';}
.usp-right-10::before {content:'10';}
.usp-left-11::after {content:'11';}
.usp-left:not(.usp-first), .usp-right:not(.usp-first) {border-top:rgba(240,250,250,1) solid 1px;}
.usp-left, .usp-right {position:relative;}
.usp-left:not(.usp-last) {border-right:rgba(240,250,250,1) solid 1px;}
.usp-right:not(.usp-last) {border-left:rgba(240,250,250,1) solid 1px;}
.usp-left > p, .usp-right > p {padding:15px;margin-top:10px;}
.usp-left > p {margin-right:10px;}
.usp-right > p {margin-left:10px;}
.usp-list > li:not(:last-child) {margin-bottom:5px;}
.jg-unitext {font-family:'unitextregular';}
.jg-unitext-bold {font-family:'unitextbold';font-weight:bold;}

/* UNIMECH USER HIER */
.jg-marker:not(:hover), .jg-userhierarchy .uk-marker:not(:hover) {color:rgba(255,255,255,0.7);}
.jg-userhier-modal .jg-marker:first-of-type:not(:hover), .jg-userhierarchy .uk-marker:first-of-type:not(:hover) {background:rgba(0,38,62,1);}
.jg-userhier-modal .jg-marker:nth-of-type(2):not(:hover), .jg-userhierarchy .uk-marker:nth-of-type(2):not(:hover) {background:rgba(102,51,153,1);}
.jg-userhier-modal .jg-marker:nth-of-type(3):not(:hover), .jg-userhierarchy .uk-marker:nth-of-type(3):not(:hover) {background:rgba(142,38,25,1);}
.jg-userhier-modal .jg-marker:nth-of-type(4):not(:hover), .jg-userhierarchy .uk-marker:nth-of-type(4):not(:hover) {background:rgba(168,128,25,1);}
.jg-userhier-modal .jg-marker:nth-of-type(5):not(:hover), .jg-userhierarchy .uk-marker:nth-of-type(5):not(:hover) {background:rgba(102,153,51,1);}
.jg-userhier-modal .jg-marker:nth-of-type(6):not(:hover), .jg-userhierarchy .uk-marker:nth-of-type(6):not(:hover) {background:rgba(227,108,25,1);}
.jg-userhier-modal .jg-marker:nth-of-type(7):not(:hover), .jg-userhierarchy .uk-marker:nth-of-type(7):not(:hover) {background:rgba(142,51,81,1);}

/* UNIMECH FLIP DOC */

.flip-card {
  background:transparent;
  min-height: 300px;
  height:100%;
  perspective: 1000px;
}

.flip-card-header {
    height:36px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card::before {
    content:'';
    position:absolute;
    top:36px;left:0;
    width:100%;height:100%;
    background:rgba(0,38,62,0.1);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(-180deg);
}

.flip-card-front, .flip-card-back {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  overflow-y:auto;
}

.flip-card-front {
  background: #fff;
}

.flip-card-back {
  background:rgba(0,38,62,1);
  color: white;
  transform: rotateY(-180deg);
  position:absolute;top:-1px;
}

.um-card-title, .um-card-title-dark {
    font-size:14px;
    display:flex;
    align-items: center;
    padding:5px 10px;
    margin-bottom:14px;
}

.um-card-title {
    background:rgba(0,38,62,0.05);
    color:rgba(0,38,62,0.5);
}

.um-card-title-dark {
    background:rgba(255,255,255,0.1);
    color:rgba(255,255,255,0.6);
}

.jg-text-meta-light {
color:rgba(255,255,255,0.4);
}

/* UNIMECH TEAMS INTERFACE */
.um-expanded {overflow:hidden;max-height:50vh;}
.um-expanded .um-ti-reveal, .um-ti-hide {display:none;}
.um-ti-reveal, .um-expanded .um-ti-hide {display:block;}
.um-ti-cover:not(.um-expanded) {transform:scaleY(0);}
.um-ti-cover {transform:scaleY(1);transform-origin:bottom center;transition:transform 0.5s;}

/* UNIMECH FONTS */

@font-face {font-family: 'unitextregular';src: url('../fonts/unitext-webfont.woff2') format('woff2'),url('../fonts/unitext-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'unitextbold';src: url('../fonts/unitext-bold-webfont.woff2') format('woff2'),url('../fonts/unitext-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'unitextheavy';src: url('../fonts/unitext-heavy-webfont.woff2') format('woff2'),url('../fonts/unitext-heavy-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

/* SLD LOGO */

.sldbase-logo .sld_swoopcolor, .sldlight-logo .sld_swoopcolor {fill:#67cee1;}
.sldbase-logo .sld_darkcolor, .sldblue-logo .sld_darkcolor, .sldbw-logo .sld_darkcolor {fill:#2f353a;}
.sldblue-logo .sld_swoopcolor {fill:#fff;opacity:0.6;}
.sldblue-logo .sld_opacity, .sldlight-logo .sld_opacity, .sldbw-logo .sld_opacity {opacity:0.8;}
.sldlight-logo .sld_darkcolor {fill: #fff;}
.sldbw-logo .sld_swoopcolor {fill:#2f353a;opacity:0.4;}

/* General Flip Effect */

.jg-flip-card {
  background:transparent;
  height:100%;
  perspective: 1000px;
}

.jg-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.jg-flip-card:hover .jg-flip-card-inner {
  transform: rotateY(-180deg);
}

.jg-flip-card-front, .jg-flip-card-back {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  overflow-y:auto;
  top:1px;
}

.jg-flip-card-front {position:relative;}
.jg-flip-card-back {
  transform: rotateY(-180deg);
  position:absolute;
}

/* UIKIT MODS */

.uk-disabled {opacity:0.25;}
.uk-lightbox-close {padding:20px;}
p+p {margin-top:1.8em;}
img[alt~="LBReg"] {max-height:90vh;} /* This fixes lightbox images that are too large */

/* @MEDIAS */

@media (max-width:960px) {
    .uk-text-large {font-size:20px;}
}

/* ANIMATIONS */

@keyframes jg-spout {
    from {transform:scaleY(0);}
    to {transform:scaleY(1);}
}

@keyframes jg-splat {
    0% {transform:scale(0);opacity:0;}
    90% {transform:scale(1.05);}
    100% {transform:scale(1);opacity:1;}
}
@keyframes jg-splatc {
    0% {transform:scale(0);}
    90% {transform:scale(1.05);}
    100% {transform:scale(1);}
}

@keyframes jg-rotate90 {
    from {transform:rotate(0);}
    to {transform:rotate(90deg);}
}

@keyframes jg-rotate-90 {
    from {transform:rotate(90deg);}
    to {transform:rotate(0);}
}

@keyframes jg-perspectH {
    from {transform:perspective(600px) rotateX(0deg);}
    to {transform:perspective(600px) rotateX(-5deg);}
}