/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */
.mejs-offscreen{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:polygon(0 0,0 0,0 0,0 0);position:absolute!important;height:1px;width:1px;overflow:hidden}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.mejs-container:focus{outline:none}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.svg) no-repeat}.no-svg .mejs-overlay-button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/bigplay.png)}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:url(../../assets/jquery/mediaelement/2.21.2/images/loading.gif) 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/controls.svg) no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url(../../assets/jquery/mediaelement/2.21.2/images/controls.png)}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:10px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time a{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-moz-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:linear-gradient(rgba(44,124,145,.8),rgba(78,183,212,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls a.mejs-horizontal-volume-slider{height:26px;width:56px;position:relative;display:block;float:left;vertical-align:middle}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button:hover .mejs-captions-selector{visibility:visible}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:700;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(20,20,20,.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:700}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px!important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:0 0;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{display:none;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url(../../assets/jquery/mediaelement/2.21.2/images/background.png);background:rgba(50,50,50,.7);border:solid 1px transparent;padding:0;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{display:block}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:#21f8f8}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none!important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:11.5px;color:#fff;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs-controls .mejs-button.mejs-jump-forward-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/jumpforward.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:url(../../assets/jquery/mediaelement/2.21.2/images/skipback.png) no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* Change colours to your needs */
ins {
    background-color:#bababa;
    color:#000;
    text-decoration:none;
}

/* Change colours to your needs */
mark {
    background-color:#bababa;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* Change border-color to your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

#clear,
#clearer,
.clear,
.clearer {
    clear:both;
}

.hide,
.invisible {
    display:none;
}

.hidden {
    visibility:hidden;
}

.visible {
    visibility:visible;
}

/* We reset the tableless gallery from Contao */
.ce_gallery ul.tabless,
.ce_gallery ul.tabless li {
    list-style:none;
    list-style-image:none;
    list-style-type:none;
    list-style-position:inside;
    margin:0;
    padding:0;
}
/* Top elements */
body {
    margin: 0;
    padding: 0;
    font-size: 0.81em; /* 13px */
    color: #000000;
    text-align: left;
    font-weight: 300;
    line-height: 1.2em;
}

p {
	margin-bottom: 1em;
}

strong {
	font-weight: bold;
}

a, a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover, a:active {
	color: #000000;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 1em 0;
	line-height:1.2em;
}


h1 {
    font-size: 2em;
    font-weight: 300;
}

h2 {
    font-size: 1.23076em;
    font-weight: 300;
    margin: 30px 0 10px 0;
}

h3 {
    font-size: 1em;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

h4 {
    font-size: 1em;
    margin: 0;
    font-weight: 300;
}

h5 {
    font-size: 1em;
    font-weight: 300;
    padding: 2px 5px;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
    margin-bottom:8px;
}

h6 {
	font-size:1em;
	font-weight:bold;
}

hr {
	margin: 20px auto;
	width: 100%;
	clear: both;
	height: 1px;
	border: 1px solid #fff;
	background-color: #fff;
}

ul { list-style-position:outside; margin: 0 0 1em 2em; }
ol { margin: 0 0 0 1em; }
li { margin: 0 0 0.3em 0; }



/* Text selection */
/* Mozilla based browsers */
::-moz-selection {
       background-color: #2f2f2f;
       color: #fff;
}

/* Works in Safari */
::selection {
       background-color: #2f2f2f;
       color: #fff;
}

/* This stylesheet generated by Transfonter (https://transfonter.org) on October 27, 2017 11:00 AM */
@font-face {
	font-family: 'Kanit';
	src: url('../../files/theme/seliqui-2018/c/fonts/Kanit-Light.eot');
	src: url('../../files/theme/seliqui-2018/c/fonts/Kanit-Light.eot?#iefix') format('embedded-opentype'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-Light.woff2') format('woff2'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-Light.woff') format('woff'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-Light.ttf') format('truetype'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-Light.svg#Kanit-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Kanit';
	src: url('../../files/theme/seliqui-2018/c/fonts/Kanit-LightItalic.eot');
	src: url('../../files/theme/seliqui-2018/c/fonts/Kanit-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-LightItalic.woff2') format('woff2'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-LightItalic.woff') format('woff'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-LightItalic.ttf') format('truetype'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-LightItalic.svg#Kanit-LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
}


@font-face {
	font-family: 'Kanit';
	src: url('../../files/theme/seliqui-2018/c/fonts/Kanit-Medium.eot');
	src: url('../../files/theme/seliqui-2018/c/fonts/Kanit-Medium.eot?#iefix') format('embedded-opentype'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-Medium.woff2') format('woff2'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-Medium.woff') format('woff'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-Medium.ttf') format('truetype'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-Medium.svg#Kanit-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Kanit';
	src: url('../../files/theme/seliqui-2018/c/fonts/Kanit-SemiBold.eot');
	src: url('../../files/theme/seliqui-2018/c/fonts/Kanit-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-SemiBold.woff2') format('woff2'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-SemiBold.woff') format('woff'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-SemiBold.ttf') format('truetype'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-SemiBold.svg#Kanit-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Kanit';
	src: url('../../files/theme/seliqui-2018/c/fonts/Kanit-Bold.eot');
	src: url('../../files/theme/seliqui-2018/c/fonts/Kanit-Bold.eot?#iefix') format('embedded-opentype'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-Bold.woff2') format('woff2'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-Bold.woff') format('woff'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-Bold.ttf') format('truetype'),
		url('../../files/theme/seliqui-2018/c/fonts/Kanit-Bold.svg#Kanit-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
}

/*
 * Main Styles
 * 2018-07
 *
 * seliqui e.U.
*/


body,
html {
  height: 100%;
  min-height: 100%;
}

body {
  position: relative;
  margin: 0px;
  padding: 0px;

  background-color: #000000;

  font-family: 'Source Sans Pro', 'Biryani', 'Verdana', 'Arial', sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: rgba(255,255,255,0.85);
  line-height: 22px;
}

body.home {
  /*
  background-image: url(../../files/theme/seliqui-2018/i/home/home-services-background.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 1920px auto;
  */

}

body.home #wrapper {
  background: url(../../files/theme/seliqui-2018/i/home-hudSection-bg-2560x1160.jpg) center top no-repeat;
  background-size: 2560px auto;
  /*
  background-image: url(../../files/theme/seliqui-2018/i/content-styles-home.svg);
  background-position: center 1000px;
  background-repeat: repeat-y;
  background-size: 2560px auto;
  */

  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
}


/* Responsive Adjustment Styles
@media screen and (min-width: 1921px) {
  body.home #wrapper { background-size: 100% auto; }
}
*/


:root {
  --headline-h1-skew: 3deg;
  --headline-h1-backskew: -3deg;
  --headline-h1-height: 110px;
  --headline-h1-movement: 55px;

  --headline-h2-skew: 3deg;
  --headline-h2-backskew: -3deg;
  --headline-h2-height: 84px;
  --headline-h2-movement: 42px;
}


a, a:visited {
	text-decoration: none;
	color: #FFFFFF;

  transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-webkit-transition: color .5s ease-in-out;
}


a:hover {
	text-decoration: underline;
  color: #FFFFFF;
}


.clear {
	clear: both;
}

.spacer {
  clear: both;
  height: 100px;
  display: block;
}

.hide {
	display: none !important;
}

h1 {
  font-family: 'Biryani', sans-serif;
}

h2 {
  font-family: 'Biryani', sans-serif;
}


h3 {
  margin-bottom: 30px;
  font-size: 22px;
  margin-top: 50px;
}

h4 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
}

#main p {
  line-height: 22px;
  letter-spacing: 1px;
  font-size: 16px;
}

#main p a {
  color: #FF931E;
}

body.vr #main p a {
  color: #3085c6;
}

body.web #main p a {
  color: #97c225;
}

body.gfx #main p a {
  color: #FF931E;
}

body.threeD #main p a {
  color: #e41319;
}



strong {
  font-weight: 700;
}

.c50l {
  width: 50%;
  float: left;
}

.c50r {
  width: 50%;
  float: right;
}

.c33l,
.c33c,
.c33r {
  width: 32%;
  float: left;
}

.c33l {
  padding-right: 1%;
}

.c33c {
  padding-left: 0.5%;
  padding-right: 0.5%;
}

.c33r {
  padding-left: 1%;
}


img {
  width: auto;
  max-width: 100%;
}

header .inside,
footer .inside,
body.home #main .mod_article,
body.contentLayout #main .mod_article {
  width: 1240px;
  margin: 0 auto;
  position: relative;
}


body.home header {
  height: 170px;
  width: 100%;
  display: block;
  position: fixed;
  top: 0px;
  z-index: 500;

  background-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
  background-image: -o-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
  background-image: linear-gradient(to bottom, rgba(0,0,0,), rgba(0,0,0,0));

  opacity: 0;

  transition: opacity 0.5s ease-in-out, height 1s ease-in-out, background-image 1s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out, height 1s ease-in-out, background-image 1s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out, height 1s ease-in-out, background-image 1s ease-in-out;
}

body.home header.squeeze {
  height: 170px;

  /* background-image: -webkit-linear-gradient(top, rgba(0,0,0,1) 55%, rgba(0,0,0,0));
  background-image: -moz-linear-gradient(top, rgba(0,0,0,1) 55%, rgba(0,0,0,0));
  background-image: -o-linear-gradient(top, rgba(0,0,0,1) 55%, rgba(0,0,0,0));
  background-image: -ms-linear-gradient(top, rgba(0,0,0,1) 55%, rgba(0,0,0,0));
  background-image: linear-gradient(to bottom, rgba(0,0,0,) 55%, rgba(0,0,0,0)); */
}





body.contentLayout header {
  /*
  background-image: url(../../files/theme/seliqui-2018/i/content-header-bg.svg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 5000px auto;
  height: 400px;
  */
  width: 100%;
  height: 150px;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 500;
}


body.documentReady header,
body.noscript header {
  opacity: 1;
}



body.home header .inside {
  border-bottom: 1px solid rgba(255,255,255,0);

  transition: border-color 0.5s ease-in-out;
	-moz-transition: border-color 0.5s ease-in-out;
	-webkit-transition: border-color 0.5s ease-in-out;
}

body.home header.squeeze .inside {
  border-color: rgba(255,255,255,0.25);
}


header .logo {
  width: 280px;
  height: 125px;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 35px;
  position: relative;

  top: 10px;
  opacity: 0;

  transition: top 1s ease-in-out, opacity 1s ease-in-out, height 1s ease-in-out, padding-top 1s ease-in-out;
	-moz-transition: top 1s ease-in-out, opacity 1s ease-in-out, height 1s ease-in-out, padding-top 1s ease-in-out;
	-webkit-transition: top 1s ease-in-out, opacity 1s ease-in-out, height 1s ease-in-out, padding-top 1s ease-in-out;

  transition-delay: 0.25s;
}

body.documentReady header .logo,
body.noscript header .logo {
  top: 0px;
  opacity: 1;
}

header.squeeze .logo {
  height: 89px;
  padding-top: 0px;
}

header .logo h1,
header .logo p {
  margin: 0px;
  padding: 0px;
  line-height: 0px;
  font-size: 0px;
}

header .logo h1 a,
header .logo p a {
  width: 280px;
  height: 125px;
  display: block;
  background-image: url(../../files/theme/seliqui-2018/i/seliqui-logo-white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 280px auto;
  text-indent: -50000em;
  font-size: 0px;
  line-height: 0px;


  transition: background-size 0.5s ease-in-out;
  -moz-transition: background-size 0.5s ease-in-out;
  -webkit-transition: background-size 0.5s ease-in-out;
}

header .logo h1 a {
  background-image: url(../../files/theme/seliqui-2018/i/seliqui-logo-white.svg);
}

header .logo p a {
  background-image: url(../../files/theme/seliqui-2018/i/seliqui-logo-black.svg);
}

header.squeeze .logo h1 a {
  background-size: 200px auto;
}



header .navMain {
  position: absolute;
  top: 50px;

  transition: top 1s ease-in-out;
	-moz-transition: top 1s ease-in-out;
	-webkit-transition: top 1s ease-in-out;

  transition-delay: 0.25s;
}


header.squeeze .navMain {
  top: -2px;
}



header .navMainLeft {
  left: 0px;
}


header .navMainRight {
  right: 0px;
}



header .navMain ul {
  padding: 0px;
  margin: 0px;
  list-style: none outside none;
}

header .navMain ul li {
  margin: 0px;
  padding-top: 40px;
  float: left;
  position: relative;

  opacity: 0;
  transition: left .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition: left .5s ease-in-out, opacity .5s ease-in-out;
	-webkit-transition: left .5s ease-in-out, opacity .5s ease-in-out;

}

header .navMainLeft ul li {
  padding-right: 60px;
  left: -5px;
}

header .navMainRight ul li {
  padding-left: 60px;
  left: 5px;
}

header .navMainLeft ul li.navItem-3,
header .navMainRight ul li.navItem-1 {
  transition-delay: 0.5s;
}

header .navMainLeft ul li.navItem-2,
header .navMainRight ul li.navItem-2 {
  transition-delay: 0.7s;
}

header .navMainLeft ul li.navItem-1,
header .navMainRight ul li.navItem-3 {
  transition-delay: 0.9s;
}



body.documentReady header .navMain ul li,
body.noscript header .navMain ul li {
  left: 0px;
  opacity: 1;
}









header .navMain ul li a {
  text-transform: uppercase;
  font-family: 'Biryani', sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 14px;
  color: rgba(0,0,0,0.8);
}

header .navMain ul li.active a {
  color: rgba(0,0,0,1);
}


header .navMain ul li a:hover {
  text-decoration: none;
  color: rgba(0,0,0,1);
}


body.home header .navMain ul li a {
  color: rgba(255,255,255,0.8);
}

body.home header .navMain ul li.active a {
  color: rgba(255,255,255,1);
}

body.home header .navMain ul li a:hover {
  color: rgba(255,255,255,1);
}

#container {
  top: -80px;
  z-index: 100;
  background-image: url(../../files/theme/seliqui-2018/i/content-styles-content-white.svg);
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 2560px auto;
}

body.home #container {
  background-image: url(../../files/theme/seliqui-2018/i/content-styles-home.svg);
  top: 0px;
}

body.vr #container {
  background-image: url(../../files/theme/seliqui-2018/i/content-styles-content-vr.svg);
}

body.web #container {
  background-image: url(../../files/theme/seliqui-2018/i/content-styles-content-web.svg);
}

body.threeD #container {
  background-image: url(../../files/theme/seliqui-2018/i/content-styles-content-3d.svg);
}

body.gfx #container {
  background-image: url(../../files/theme/seliqui-2018/i/content-styles-content-gfx.svg);
}

body.colorCircle #container {
  background-image: url(../../files/theme/seliqui-2018/i/content-styles-content-animated.svg);
}




body.vr h2.ce_headline {
  color: #3085c6;
}

body.web h2.ce_headline {
  color: #97c225;
}

body.threeD h2.ce_headline {
  color: #e41319;
}

body.gfx h2.ce_headline {
  color: #FF931E;
}





#pageImages {
  width: 100%;
  position: relative;
  text-align: center;
  padding-top: 120px;
  overflow: hidden;
}

#pageImages .pageImagePhoto {
  width: 100%;
  height: 700px;
  display: block;
  background-size: auto 115%;
  background-repeat: no-repeat;
  background-position: center center;

  transition: background-size 2s ease-in-out;
  -moz-transition: background-size 2s ease-in-out;
  -webkit-transition: background-size 2s ease-in-out;
}

body.documentReady #pageImages .pageImagePhoto {
  background-size: auto 100%;
}

#pageImages .overlayTop,
#pageImages .overlayBottom {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;

  background-repeat: no-repeat;
  background-size: 5000px auto;
}

#pageImages .overlayTop {
  background-image: url(../../files/theme/seliqui-2018/i/content-pageimage-overlay-top.svg);
  z-index: 50;
  background-position: center top;
}

#pageImages .overlayBottom {
  background-image: url(../../files/theme/seliqui-2018/i/content-pageimage-overlay-bottom.svg);
  z-index: 51;
  background-position: center bottom;
  top: 240px;
}

@media screen and (min-width: 1921px) {
  #pageImages .pageImagePhoto {  background-size: 115% auto; }
  body.documentReady #pageImages .pageImagePhoto {  background-size: 100% auto; }
}



#hudSection {
  padding-top: 130px;
  padding-bottom: 100px;
}

.hudSection {
  width: 100%;
  height: 816px;
  display: block;
  position: relative;
}

.hudSection .layer {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 1920px auto;
  width: 100%;
  height: 816px;
  display: block;

  position: absolute;
  top: 0px;
  left: 0px;

}

.hudSection .layer-3D-reveal {
  perspective: 1920px;
  transform-origin: center center 0px;
  -webkit-transform-origin: center center 0px;

  /* transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s; */

  transition: opacity 1s ease-in-out, filter 3s ease-in-out, transform 1.5s ease-in-out;
  -moz-transition: opacity 1s ease-in-out, filter 3s ease-in-out, transform 1.5s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out, filter 3s ease-in-out, transform 1.5s ease-in-out;

  transition-delay: 0s;

  opacity: 0;
  filter: blur(2px);
  transform: matrix3d(1,0,0.00,0,0.00,0.568,0.71,0.0005,0,-0.71,0.71,0,0,100,0,1);
  -webkit-transform: matrix3d(1,0,0.00,0,0.00,0.568,0.71,0.0005,0,-0.71,0.71,0,0,100,0,1);
}


body.documentReady .hudSection .layer-3D-reveal,
body.noscript .hudSection .layer-3D-reveal {
  opacity: 1;
  filter: blur(0px);
  transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1);
  -webkit-transform: matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,0,0,0,1);
}


.hudSection .layer-H-reveal {
  left: 50%;
  width: 0%;
  filter: blur(2px);
  transition: left 2s ease-in-out, width 2s ease-in-out, filter 3s ease-in-out;
  -moz-transition: left 2s ease-in-out, width 2s ease-in-out, filter 3s ease-in-out;
  -webkit-transition: left 2s ease-in-out, width 2s ease-in-out, filter 3s ease-in-out;
}

body.documentReady .hudSection .layer-H-reveal,
body.noscript .hudSection .layer-H-reveal {
  left: 0px;
  width: 100%;
  filter: blur(0px);
}

.hudSection .layer-V-reveal {
  height: 0px;
  transition: top 2s ease-in-out, height 2s ease-in-out;
  -moz-transition: top 2s ease-in-out, height 2s ease-in-out;
  -webkit-transition: top 2s ease-in-out, height 2s ease-in-out;
}

body.documentReady .hudSection .layer-V-reveal,
body.noscript .hudSection .layer-V-reveal {
  height: 816px;
}

.hudSection .layer-Scale-reveal {
  opacity: 0;
  filter: blur(3px);
  transform: scale(1.25);

  transition: opacity 2s ease-in-out, filter 2s ease-in-out, transform 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out, filter 2s ease-in-out, transform 2s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out, filter 2s ease-in-out, transform 2s ease-in-out;
}

body.documentReady .hudSection .layer-Scale-reveal,
body.noscript .hudSection .layer-Scale-reveal {
  opacity: 1;
  filter: blur(0px);
  transform: scale(1);
}




.hudSection .layer-1 { z-index: 1; transition-delay: 0.0s; transition-duration: 1s; } /* Crosses Grid */
.hudSection .layer-2 { z-index: 2; transition-delay: 0.6s; } /* Crosses Wide */
.hudSection .layer-3 { z-index: 3; transition-delay: 0.4s; } /* Crosses Outer */
.hudSection .layer-4 { z-index: 4; transition-delay: 0.2s; } /* Crosses Middle */
.hudSection .layer-5 { z-index: 5; transition-delay: 0.1s; } /* Crosses Inner */
.hudSection .layer-6 { z-index: 6; transition-delay: 1.0s; transition-duration: 1s; } /* HUD Down Outer */
.hudSection .layer-7 { z-index: 7; transition-delay: 1.5s; transition-duration: 1s; } /* HUD Down Inner */
.hudSection .layer-8 { z-index: 8; transition-delay: 1.75s; transition-duration: 1s; } /* HUD Up */
.hudSection .layer-9 { z-index: 9; transition-delay: 1.5s; } /* HUD Center */
.hudSection .layer-10 { z-index: 19; transition-delay: 2.0s; } /* innerField */

.hudSection .crosses-grid  {
  background-image: url(../../files/theme/seliqui-2018/i/home/crosses-layer-1-grid.svg);
}

.hudSection .crosses-wide {
  background-image: url(../../files/theme/seliqui-2018/i/home/crosses-layer-2-wide.svg);
  -webkit-animation: crossesWide 10s ease infinite;
  -moz-animation: crossesWide 10s ease infinite;
  animation: crossesWide 10s ease infinite;
  filter: blur(0px);
  animation-delay: 5s;
}

.hudSection .crosses-outer {
  background-image: url(../../files/theme/seliqui-2018/i/home/crosses-layer-3-outer.svg);
  -webkit-animation: crossesOuter 20s ease infinite;
  -moz-animation: crossesOuter 20s ease infinite;
  animation: crossesOuter 20s ease infinite;
  filter: blur(0px);
  animation-delay: 5s;
}

.hudSection .crosses-middle {
  background-image: url(../../files/theme/seliqui-2018/i/home/crosses-layer-4-middle.svg);
  -webkit-animation: crossesMiddle 15s ease infinite;
  -moz-animation: crossesMiddle 15s ease infinite;
  animation: crossesMiddle 15s ease infinite;
  filter: blur(0px);
  animation-delay: 5s;
}

.hudSection .crosses-inner {
  background-image: url(../../files/theme/seliqui-2018/i/home/crosses-layer-5-inner.svg);
}




.hudSection .hud-down-outer {
  background-image: url(../../files/theme/seliqui-2018/i/home/hud-down-outer.svg);
}

.hudSection .hud-down-inner {
  background-image: url(../../files/theme/seliqui-2018/i/home/hud-down-inner.svg);

  -webkit-animation: hudDownInner 5s ease infinite;
  -moz-animation: hudDownInner 5s ease infinite;
  animation: hudDownInner 5s ease infinite;

  animation-delay: 5s;
}

.hudSection .hud-up {
  background-image: url(../../files/theme/seliqui-2018/i/home/hud-up.svg);
}

.hudSection .hud-center {
  background-image: url(../../files/theme/seliqui-2018/i/home/hud-center.svg);
}

.hudSection .innerField {
  background-image: url(../../files/theme/seliqui-2018/i/home/innerField-main.svg);
  position: relative;
  width: 400px;
  margin: 0 auto;
  overflow: hidden;
}


.hudSection .innerField .innerField-styles,
.hudSection .innerField .innerField-blocks {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 1920px auto;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
}

.hudSection .innerField .innerField-styles {
  background-image: url(../../files/theme/seliqui-2018/i/home/innerField-styles.svg);
  z-index: 11;
}

.hudSection .innerField .innerField-blocks {
  z-index: 12;
}

 @keyframes crossesWide {
     0%   { background-size: 1920px auto; filter: blur(0px); }
     33%  { background-size: 1750px auto; filter: blur(1px); }
     66%  { background-size: 1600px auto; filter: blur(2px); }
     100% { background-size: 1920px auto; filter: blur(0px); }
 }

@keyframes crossesOuter {
    0%   { background-size: 1920px auto; filter: blur(0px);}
    25%  { background-size: 1700px auto; filter: blur(0.8px); }
    50%  { background-size: 1850px auto; filter: blur(0.5px); }
    75%  { background-size: 1650px auto; filter: blur(1.5px); }
    100% { background-size: 1920px auto; filter: blur(0px); }
}


@keyframes crossesMiddle {
    0%   { background-size: 1920px auto; filter: blur(0px); }
    33%  { background-size: 1980px auto; filter: blur(0px); }
    66%  { background-size: 1850px auto; filter: blur(0.4px); }
    100% { background-size: 1920px auto; filter: blur(0px); }
}

@keyframes hudDownInner {
    0%   { background-position: center 0px; }
    75%  { background-position: center 50px; }
    100% { background-position: center 0px; }
}



.hudSection .innerField .innerField-blocks {
  position: relative;
}

.hudSection .innerField .innerField-blocks svg {
  width: 1920px;
  height: 100%;
  position: relative;
  left: -760px;
  z-index: 20;
}

/* InnerField  SVG */

.innerFieldBlock {
  opacity: 1;
	fill: rgba(0,0,0,0.3);
  /* fill: rgba(51,51,51,0.33); */
  stroke:rgba(242,242,242,0.9);
  stroke-width:0.75;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-miterlimit:10;

  transition: fill 1s ease-in-out;
  -moz-transition: fill 1s ease-in-out;
  -webkit-transition: fill 1s ease-in-out;
}

.innerFieldBlock:hover {
	fill: rgba(0,0,0,0.5);
  cursor: pointer;
}


.innerFieldTitle {
  width: 100%;
  position: absolute;
  top: 245px;
  left: 0px;

  color: rgba(255,255,255,0.8);
  text-align: center;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 3px;
}

.innerFieldContents {
  position: absolute;
  top: 265px;
  width: 100%;
  height: 330px;
  display: block;
  z-index: 15;
}

.innerFieldContents .innerField-gfx,
.innerFieldContents .innerField-web,
.innerFieldContents .innerField-vr,
.innerFieldContents .innerField-3d {
  position: absolute;
  display: block;
}


.innerFieldContents .innerField-gfx {
  width: 80px;
  height: 35px;
  left: 160px;
  top: 20px;
}

.innerFieldContents .innerField-web {
  width: 110px;
  height: 105px;
  left: 80px;
  top: 30px;
}

.innerFieldContents .innerField-3d {
  width: 110px;
  height: 105px;
  left: 210px;
  top: 30px;
}


.innerFieldContents .innerField-vr {
  width: 98px;
  height: 159px;
  left: 151px;
  top: 127px;
}

.innerFieldContents .innerField-gfx .icon,
.innerFieldContents .innerField-web .icon,
.innerFieldContents .innerField-3d .icon,
.innerFieldContents .innerField-vr .icon {
  width: 35px;
  height: 35px;
  display: block;
  background-size: 60px 60px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
}

.innerFieldContents .innerField-gfx .icon {
  background-image: url(../../files/theme/seliqui-2018/i/home/icons_gfx.svg);
  left: 22px;
}

.innerFieldContents .innerField-web .icon {
  background-image: url(../../files/theme/seliqui-2018/i/home/icons_web.svg);
  top: 40px;
}

.innerFieldContents .innerField-3d .icon {
  background-image: url(../../files/theme/seliqui-2018/i/home/icons_3d.svg);
  top: 43px;
  left: 75px;
}

.innerFieldContents .innerField-vr .icon {
  left: 25px;
  top: 15px;
  width: 50px;
  background-image: url(../../files/theme/seliqui-2018/i/home/icons_vr.svg);
}


.innerFieldContents p {
  text-transform: uppercase;
  color: #b3b3b3;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 15px;
  margin: 0px;
  position: absolute;
  font-weight: 400;
}



.innerFieldContents p strong {
  color: #FFFFFF;
  font-size: 14px;
}

.innerFieldContents .innerField-gfx p {
  display: none;
}

.innerFieldContents .innerField-web p.title {
  text-align: left;
  left: 38px;
  top: 42px;
}

.innerFieldContents .innerField-3d p.title {
  text-align: right;
  right: 38px;
  top: 42px;
}

.innerFieldContents .innerField-vr p {
  text-align: center;
  top: 60px;
}

.innerFieldContents .innerField-vr p strong {
  margin-bottom: 4px;
}

.innerFieldContents p.moreButton {
  display: none;
}



/* Cutted Stuff  */


h1.ce_headline,
h2.ce_headline {
 margin: 0px;
 padding: 0px;
 position: relative;

 font-weight: 100;

 /* padding-right: var(--headline-movement); */

 text-transform: uppercase;
 font-family: 'Biryani', sans-serif;
 font-weight: 300;
 color: rgba(255,255,255,1);
}


h1.ce_headline {
  height: var(--headline-h1-height);
  line-height: var(--headline-h1-height);
  font-size: calc(var(--headline-h1-height) / 2);
  letter-spacing: 8px;
}

h2.ce_headline {
  height: var(--headline-h2-height);
  line-height: var(--headline-h2-height);
  font-size: calc(var(--headline-h2-height) / 2);
  color: #a46017;
}

h1.ce_headline .cutWrapper,
h2.ce_headline .cutWrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

h1.ce_headline .cutWrapper {
  height: var(--headline-h1-height);
}


h2.ce_headline .cutWrapper {
  height: var(--headline-h2-height);
}


h1.ce_headline .cutTopOuter,
h1.ce_headline .cutTopInner,
h1.ce_headline .cutDownOuter,
h1.ce_headline .cutDownInner,
h2.ce_headline .cutTopOuter,
h2.ce_headline .cutTopInner,
h2.ce_headline .cutDownOuter,
h2.ce_headline .cutDownInner {
  display: block;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
}

h1.ce_headline .cutDownOuter,
h1.ce_headline .cutDownInner,
h1.ce_headline .cutTopInner,
h2.ce_headline .cutDownOuter,
h2.ce_headline .cutDownInner,
h2.ce_headline .cutTopInner  {
  position: relative;
}

h1.ce_headline .cutTopOuter,
h2.ce_headline .cutTopOuter {
  position: absolute;
}

h1.ce_headline .cutTopOuter,
h1.ce_headline .cutDownOuter,
h2.ce_headline .cutTopOuter,
h2.ce_headline .cutDownOuter {
  overflow: hidden;
}

h1.ce_headline .cutTopOuter  { transform: skewY(var(--headline-h1-skew)); }
h1.ce_headline .cutTopInner  { transform: skewY(var(--headline-h1-backskew)); }
h1.ce_headline .cutDownOuter { transform: skewY(var(--headline-h1-skew)); }
h1.ce_headline .cutDownInner { transform: skewY(var(--headline-h1-backskew)); }


/*
h1.ce_headline .cutTopInner  { transform: skewY(calc(var(--headline-h1-skew) * -1)); }
h1.ce_headline .cutDownInner { transform: skewY(calc(var(--headline-h1-skew) * -1)); }
*/


h1.ce_headline .cutTopOuter,
h1.ce_headline .cutDownInner {
  top: calc(var(--headline-h1-height) / -2);
}

h1.ce_headline .cutTopInner,
h1.ce_headline .cutDownOuter {
  top: calc(var(--headline-h1-height) / 2);
}

h2.ce_headline .cutTopOuter  { transform: skewY(var(--headline-h2-skew)); }
h2.ce_headline .cutTopInner  { transform: skewY(var(--headline-h2-backskew)); }
h2.ce_headline .cutDownOuter { transform: skewY(var(--headline-h2-skew)); }
h2.ce_headline .cutDownInner { transform: skewY(var(--headline-h2-backskew)); }

/*
h2.ce_headline .cutTopInner  { transform: skewY(calc(var(--headline-h2-skew) * -1)); }
h2.ce_headline .cutDownInner { transform: skewY(calc(var(--headline-h2-skew) * -1)); }
*/

h2.ce_headline .cutTopOuter,
h2.ce_headline .cutDownInner {
  top: calc(var(--headline-h2-height) / -2);
}

h2.ce_headline .cutTopInner,
h2.ce_headline .cutDownOuter {
  top: calc(var(--headline-h2-height) / 2);
}

/* Animation-Stuff */

body.documentReady h1.ce_headline .cutTopOuter,
body.documentReady h1.ce_headline .cutDownOuter,
body.documentReady h2.ce_headline .cutTopOuter,
body.documentReady h2.ce_headline .cutDownOuter {
  -webkit-transition: left 1s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: left 1s ease-in-out, opacity 1s ease-in-out;
  transition: left 1s ease-in-out, opacity 1s ease-in-out;
  opacity: 0;
}

h1.ce_headline .cutTopOuter {
  left: var(--headline-h1-movement);
}

h1.ce_headline .cutDownOuter {
  left: calc(var(--headline-h1-movement) / -4);
}


h2.ce_headline .cutTopOuter {
  left: var(--headline-h2-movement);
}

h2.ce_headline .cutDownOuter {
  left: calc(var(--headline-h2-movement) / -4);
}


body.documentReady h1.ce_headline .cutTopOuter,
body.documentReady h1.ce_headline .cutDownOuter,
body.documentReady h2.ce_headline .cutTopOuter,
body.documentReady h2.ce_headline .cutDownOuter,
body.noscript h1.ce_headline .cutTopOuter,
body.noscript h1.ce_headline .cutDownOuter,
body.noscript h2.ce_headline .cutTopOuter,
body.noscript h2.ce_headline .cutDownOuter {
  left: 0px;
  opacity: 1;
}


body.home h2.ce_headline {
  border-bottom: 1px solid rgba(255,147,30,0.5);
  margin-bottom: 30px;
  padding-right: 100px;
  color: #F2F2F2;
}

h3.ce_headline {
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 10px;
}


/* Content Area on Home */
body.home #main .mod_article {
  padding-bottom: 50px;
  padding-top: 100px;
}



.serviceItems {
  width: 100%;
}


.hudItemCorner {
  opacity:0.25;
  fill:none;
  stroke:#FFFFFF;
  stroke-miterlimit:10;

  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;

}

.serviceItem {
  width: 228px;
  height: 125px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
}

.serviceItem.last {
  margin-right: 0px;
  margin-left: 10px;
}


.serviceItem svg {
  width: 228px;
  height: 125px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

.serviceItemInner {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
  background-color: #140c00;

  transition: background-color .5s ease-in-out;
  -moz-transition: background-color .5s ease-in-out;
  -webkit-transition: background-color .5s ease-in-out;
}

.serviceItemInner .title {
  width: calc(100% - 30px);
  height: 12px;
  position: absolute;
  left: 15px;
  bottom: 10px;
  text-align: right;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 12px;
}

.serviceItemInner .title .titleLine {
  background-color: rgba(255,255,255,0.5);
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;

  transition: background-color .5s ease-in-out;
  -moz-transition: background-color .5s ease-in-out;
  -webkit-transition: background-color .5s ease-in-out;
}

.serviceItemInner .title .titleText {
  background-color: #140c00;
  height: 12px;
  width: auto;
  padding-left: 5px;
  position: absolute;
  bottom: 0px;
  right: 0px;
  transition: background-color .5s ease-in-out;
  -moz-transition: background-color .5s ease-in-out;
  -webkit-transition: background-color .5s ease-in-out;
}

.webIconAnimate,
.threedIconAnimate,
.vrIconAnimate,
.gfxIconAnimate {
  opacity:0.8;
  fill: #FFFFFF;

  transition: fill .5s ease-in-out;
  -moz-transition: fill .5s ease-in-out;
  -webkit-transition: fill .5s ease-in-out;

}

.webIconStill,
.threedIconStill,
.vrIconStill,
.gfxIconStill {
  opacity:0.5;
  fill:#FFFFFF;
}


.serviceItem svg:hover .webIconAnimate {
  fill: #97c225;
}

.serviceItem svg:hover .threedIconAnimate {
  fill: #e41319;
}

.serviceItem svg:hover .vrIconAnimate {
  fill: #3085c6;
}

.serviceItem svg:hover .gfxIconAnimate {
  fill: #f49a17;
}

.serviceItem svg:hover .hudItemCorner {
  opacity: 0.75;
}

.serviceItem-web:hover .serviceItemInner .title .titleLine {
  background-color: #97c225;
}

.serviceItem-3d:hover .serviceItemInner .title .titleLine {
  background-color: #e41319;
}

.serviceItem-vr:hover .serviceItemInner .title .titleLine {
  background-color: #3085c6;
}

.serviceItem-gfx:hover .serviceItemInner .title .titleLine {
  background-color: #f49a17;
}


.serviceItem:hover {
  cursor: pointer;
}

.serviceItem:hover .serviceItemInner,
.serviceItem:hover .serviceItemInner .title .titleText {
  background-color: #000000;
}



.getInTouchButton {
  height: 150px;
  width: 100%;
  display: block;
  background-image: url(../../files/theme/seliqui-2018/i/home-get-in-touch.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 150px;

  margin-top: 20px;

  text-align: center;
  font-size: 34px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 6px;
}

.getInTouchButton a:hover {
  text-decoration: none;
  color: rgba(255,147,30,1);
}

.getInTouchButton span {
  display: inline-block;
  height: 150px;
  line-height: 150px;
  vertical-align: top;
}

.getInTouchButton .arrowPrev,
.getInTouchButton .arrowNext {
  width: 40px;
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 20px auto;
  animation-timing-function: linear;
}

.getInTouchButton .arrowPrev {
  background-image: url(../../files/theme/seliqui-2018/i/arrow-prev.svg);
  -webkit-animation: animateGetInTouchButtonPrev 5s ease infinite;
  -moz-animation: animateGetInTouchButtonPrev 5s ease infinite;
  animation: animateGetInTouchButtonPrev 5s ease infinite;
}

.getInTouchButton .arrowNext {
  background-image: url(../../files/theme/seliqui-2018/i/arrow-next.svg);
  -webkit-animation: animateGetInTouchButtonNext 5s ease infinite;
  -moz-animation: animateGetInTouchButtonNext 5s ease infinite;
  animation: animateGetInTouchButtonNext 5s ease infinite;
}

@keyframes animateGetInTouchButtonPrev  {
 0%   { background-position: 20px center; }
 25%  { background-position: 0px center; }
 35%  { background-position: 0px center; }
 100% { background-position: 20px center; }
}

@keyframes animateGetInTouchButtonNext  {
 0%   { background-position: 0px center; }
 25%  { background-position: 20px center; }
 35%  { background-position: 20px center; }
 100% { background-position: 00px center; }
}


/* Content Elements */


.ce_hyperlink,
.ce_download {
  height: 40px;
  width: 90%;
  display: block;
  background-image: url(../../files/theme/seliqui-2018/i/ce_hyperlink.svg);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: auto 40px;
  background-color: #000000;

  text-align: right;
  margin-top: 20px;
}

.ce_hyperlink a,
.ce_download a {
  height: 40px;
  display: inline-block;
  background-image: url(../../files/theme/seliqui-2018/i/ce_hyperlink.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 40px;


  font-size: 16px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 2px;

  padding: 0px 50px 0px 70px;
  background-color: #000000;
  position: relative;
  min-width: 130px;
}

.ce_hyperlink a {
  text-transform: uppercase;
}

.ce_hyperlink .middlePart,
.ce_download .middlePart {
  background-image: url(../../files/theme/seliqui-2018/i/ce_hyperlink.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 40px;
  background-color: #000000;
  width: 50px;
  height: 40px;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
}

.ce_hyperlink a:hover,
.ce_download a:hover {
  color: #ff931e;
  text-decoration: none;
}


.ce_download span.size {
  font-size: 12px;
  font-weight: 400;
}


.ce_code {
  margin-bottom: 50px;
}

.ce_code>div {
  border: 2px solid rgba(255,255,255,0.7);
}

.ce_text,
.ce_form {
  position: relative;
  padding-top: 20px;
  margin-bottom: 50px;
}

.ce_form .blockBar,
.ce_form .blockBar .blockBarInner,
.ce_text .blockBar,
.ce_text .blockBar .blockBarInner {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 5px;
  display: block;
  background-color: rgba(255,147,30,0.5);
}

.ce_form .blockBar,
.ce_text .blockBar {
  width: 150px;
}

.ce_form .blockBar .blockBarInner,
.ce_text .blockBar .blockBarInner {
  width: 20px;
  transition: width .5s ease-in-out;
	-moz-transition: width .5s ease-in-out;
	-webkit-transition: width .5s ease-in-out;
}

.ce_form:hover .blockBar .blockBarInner,
.ce_text:hover .blockBar .blockBarInner {
  width: 100px;
}


body.home .ce_text,
footer .ce_text {
  padding-top: 0px;
  margin-bottom: 0px;
}

body.home .ce_text .blockBar,
body.home .ce_text .blockBar .blockBarInner,
footer .ce_text .blockBar {
  display: none;
}


body.gfx .ce_text .blockBar,
body.gfx .ce_text .blockBar .blockBarInner {
  background-color: rgba(255,147,30,0.5);
}

body.vr .ce_text .blockBar,
body.vr .ce_text .blockBar .blockBarInner {
  background-color: rgba(48,133,198,0.5);
}

body.threeD .ce_text .blockBar,
body.threeD .ce_text .blockBar .blockBarInner {
  background-color: rgba(228,19,25,0.5);
}

body.web .ce_text .blockBar,
body.web .ce_text .blockBar .blockBarInner {
  background-color: rgba(151,194,37,0.5);
}



.ce_form {
  padding-bottom: 50px;
}

.ce_form label {
  display: none;
}

.ce_form input,
.ce_form textarea,
.ce_form select {
  background: rgba(255,255,255,0);
  border-top: 1px solid rgba(255,255,255,0);
  border-right: 1px solid rgba(255,255,255,0);
  border-left: 1px solid rgba(255,255,255,0.55);
  border-bottom: 1px solid rgba(255,255,255,0.55);
  color: rgba(255,255,255,0.7);

  width: calc(100% - 84px);


  padding: 0px 15px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;

  transition: border 0.75s ease-in-out, color 0.25s ease-in-out;
  -moz-transition: border 0.75s ease-in-out, color 0.25s ease-in-out;
  -webkit-transition: border 0.75s ease-in-out, color 0.25s ease-in-out;
}

.ce_form textarea {
  line-height: 22px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  height: 165px;
  min-width: calc(100% - 84px);
  max-width: calc(100% - 84px);
}


.ce_form input:hover,
.ce_form textarea:hover,
.ce_form select:hover {
  border-top: 1px solid rgba(255,255,255,0);
  border-right: 1px solid rgba(255,255,255,0);
  border-left: 1px solid rgba(255,255,255,0.9);
  border-bottom: 1px solid rgba(255,255,255,0.9);
  color: rgba(255,255,255,0.8);
}

.ce_form input:focus,
.ce_form textarea:focus,
.ce_form select:focus {
  border-top: 1px solid rgba(255,255,255,0);
  border-right: 1px solid rgba(255,255,255,0);
  border-left: 1px solid rgba(255,147,30,1);
  border-bottom: 1px solid rgba(255,147,30,1);
  color: rgba(255,255,255,1);
}




.ce_form .widget-select select {
  width: calc(100% - 55px);
}

.ce_form .widget-select select option {
  color: #000000;
}



.ce_form .widget-captcha input {
  width: 40px;
  text-align: center;
}

.ce_form .widget-captcha .captcha_text {
  height: 40px;
  line-height: 40px;
  display: inline-block;
  position: absolute;
  left: 80px;
  top: 41px;
  padding: 0px 15px;
  border-bottom: 1px solid rgba(255,255,255,0.55);
}

.ce_form input.submit {
  border: 2px solid rgba(255,255,255,0.8);
  text-transform: uppercase;
  height: 78px;
  line-height: 78px;
  font-size: 22px;
  letter-spacing: 5px;
  width: calc(100% - 55px);
}

.ce_form input.submit:hover {
  border: 2px solid rgba(255,147,30,1);
  cursor: pointer;
}



.ce_form .submit_container,
.ce_form .widget-captcha,
.ce_form .widget-recaptcha {
  padding-top: 0px;
  position: relative;
}


.ce_form .formLeft,
.ce_form .widget-captcha,
.ce_form .widget-recaptcha {
  width: 49%;
  float: left;
}

.ce_form .formRight,
.ce_form .submit_container {
  width: 49%;
  float: left;
}

.ce_form .widget-recaptcha .g-recaptcha {
  float: right;
  padding-right: 50px;
}


.ce_gallery,
.slideWrapper,
#main .ce_youtubeCustom {
  height: auto;
}

.ce_form p.error {
  color: red;
  padding-right: 50px;
  text-align: right;
}



.ce_gallery,
#main .ce_youtubeCustom {
  position: relative;
  padding: 25px;
  margin-bottom: 100px;
}

#main .youtubeShowreel {
  margin-bottom: 30px;
}

.ce_gallery,
.slideWrapper {
  width: 1120px;
}

.ce_youtubeCustom,
.ce_youtubeCustom iframe {
  width: 1120px;
  height: 630px;
}


#main .youtubeMini,
#main .youtubePlaceholder {
  padding: 10px;
  margin-bottom: 30px;
  float: left;
}

.youtubePlaceholder:nth-child(3n),
.youtubeMini:nth-child(3n) {
  margin: 0px 30px;
}

.youtubePlaceholder,
.youtubePlaceholder figure,
.youtubeMini,
.youtubeMini iframe {
  width: 350px;
  height: 197px;
}

.youtubePlaceholder img,
.youtubePlaceholder h3 {
  transition: opacity 0.75s ease-in-out;
  -moz-transition: opacity 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out;
  opacity: 0.3;
}

.youtubePlaceholder:hover img,
.youtubePlaceholder:hover h3 {
  opacity: 1;
}

.youtubePlaceholder figure {
  text-align: center;
}

.youtubePlaceholder img {
  height: 100%;
  width: auto;
}

.youtubePlaceholder h3,
.youtubeMini h3 {
  width: 100%;
  font-size: 13px;
  text-align: center;
  display: block;
  position: absolute;
  bottom: -5px;
  margin-bottom: 0px;
  transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-webkit-transition: color .5s ease-in-out;
  color: rgba(255, 255, 255, 0.7);
}

.youtubePlaceholder:hover h3,
.youtubeMini:hover h3 {
  color: rgba(255, 255, 255, 1);
}


body.threeD .slideWrapper {
  border-color: rgba(228,19,25,0.5);
}

body.web .slideWrapper {
  border-color: rgba(151,194,37,0.5);
}


.slideWrapper .swiper-button-prev,
.slideWrapper .swiper-button-next {
  width: 44px;
  height: 88px;
  margin-top: -44px;
  background-size: 100% auto;
  background-color: rgba(0,0,0,0.2);

  transition: opacity .5s ease-in-out, background-color .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out, background-color .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out, background-color .5s ease-in-out;
  opacity: 0;
}

.slideWrapper .swiper-button-prev {
  background-image: url(../../files/theme/seliqui-2018/i/arrow-prev-white.svg);
}

.slideWrapper .swiper-button-next {
  background-image: url(../../files/theme/seliqui-2018/i/arrow-next-white.svg);
}

.slideWrapper:hover .swiper-button-prev,
.slideWrapper:hover .swiper-button-next {
  opacity: 1;
}

.slideWrapper .swiper-button-prev:hover,
.slideWrapper .swiper-button-next:hover {
  background-color: rgba(0,0,0,0.5);
}

.swiper-pagination-bullet-active {
    background: rgba(255,147,30,0.8);
}

.swiper-pagination-fraction {
  left: auto;
  right: 0px;
  bottom: 6px;
  background: url(../../files/theme/seliqui-2018/i/swiperPaginationBG.svg) no-repeat right bottom;
  background-size: 80px auto;
  width: 65px;
  height: 33px;
  line-height: 33px;
  text-align: right;
  padding-right: 15px;
}

.swiper-pagination-fraction .swiper-pagination-current {
  font-weight: bold;
}

.gfxslideWrapper {
  padding: 5px;
  width: calc(100% - 10px);
  height: auto;
  margin-bottom: 0px;
}


.gfxslideWrapper .gallery-top {
  background-color: rgba(255,147,30,0.1);
}

.gfxslideWrapper .gallery-top figure {
  text-align: center;
  line-height: 0px;
  font-size: 0px;
}

.gfxslideWrapper .gallery-top figure img {
  border-left: 10px solid #000000;
  border-right: 10px solid #000000;
}

.gfxslideThumbsWrapper .gallery-thumbs {
  height: 120px;
  box-sizing: border-box;
  padding: 10px 0;
}

.gfxslideThumbsWrapper .gallery-thumbs .swiper-slide {
  width: 160px;
  height: 110px;
  opacity: 0.4;
  background-size: 150px 100px;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;

  transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;

}

.gfxslideThumbsWrapper .gallery-thumbs .swiper-slide:hover {
  opacity: 1;
  cursor: pointer;
}

.gfxslideThumbsWrapper .gallery-thumbs .swiper-slide:hover .corner {
  border-color: rgba(255,255,255,1);
}

.gfxslideThumbsWrapper .gallery-thumbs .swiper-slide-active {
  opacity: 1;
}



/*
.gfxslideWrapper .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.gfxslideWrapper .swiper-slide {
  background-size: cover;
  background-position: center;
}

.gfxslideWrapper .gallery-top {
  height: 80%;
  width: 100%;
}
*/





.partnersWrapper {
  display: block;
  width: 100%;
  vertical-align: top;
}

.partnersWrapper .partnerItem {
  width: 210px;
  height: 120px;
  display: inline-block;
  vertical-align: top;
  position: relative;

  margin-right: 20px;
  margin-bottom: 25px;

  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
}

.partnersWrapper .partnerItem .corner {
  position: absolute;
  z-index: 2;
  border-color: rgba(255,147,30,0.33);
  border-style: solid;
  width: 10px;
  height: 10px;
  display: block;

  transition: left 0.5s ease-in-out, top 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out, border-color 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out, top 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out, border-color 0.5s ease-in-out;
  -webkit-transition: left 0.5s ease-in-out, top 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out, border-color 0.5s ease-in-out;
}

.partnersWrapper .partnerItem .cornerLeftTop {
  left: 0px;
  top: 0px;
  border-left-width: 1px;
  border-top-width: 1px;
}

.partnersWrapper .partnerItem .cornerRightTop {
  right: 0px;
  top: 0px;
  border-right-width: 1px;
  border-top-width: 1px;
}

.partnersWrapper .partnerItem .cornerLeftDown {
  left: 0px;
  bottom: 0px;
  border-left-width: 1px;
  border-bottom-width: 1px;
}

.partnersWrapper .partnerItem .cornerRightDown {
  right: 0px;
  bottom: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}

.partnersWrapper .partnerItem:hover .corner {
  border-color: rgba(255,147,30,0.55);
}

.partnersWrapper .partnerItem:hover .cornerLeftTop {
  left: 5px;
  top: 5px;
}

.partnersWrapper .partnerItem:hover .cornerRightTop {
  right: 5px;
  top: 5px;
}

.partnersWrapper .partnerItem:hover .cornerLeftDown {
  left: 5px;
  bottom: 5px;
}

.partnersWrapper .partnerItem:hover .cornerRightDown {
  right: 5px;
  bottom: 5px;
}


.partnersWrapper .partnerItem a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,0.95);
  position: relative;
  z-index: 1;
  transition: opacity 0.85s ease-in-out;
  -moz-transition: opacity 0.85s ease-in-out;
  -webkit-transition: opacity 0.85s ease-in-out;
  opacity: 0;
}

.partnersWrapper .partnerItem a .name {
  font-size: 14px;
  font-family: 'Biryani', sans-serif;
  font-weight: 700;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding-top: 40px;
}

.partnersWrapper .partnerItem a .desc {
  color: rgba(255,255,255,0.7);
  line-height: 16px;
  display: inline-block;
  width: 100%;
}

.partnersWrapper .partnerItem a:hover {
  text-decoration: none;
}

.partnersWrapper .partnerItem:hover a {
  opacity: 1;
}


.aboutHome,
.newsHome .newsHomeInner {
  height: 150px;
}

.newsHome .newsHeadline {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0px;
  margin-top: 0px;
}


.newsHome p.info,
.newsListItem p.info {
  font-style: italic;
}

.newsHome .teaser {
  padding-right: 50px;
}

#main .newsHome p.moreLink a {
  color: #FFFFFF;
}

#main .newsHome p.moreLink a:hover {
  color: #FF931E;
}

.newsListItem {
  margin-right: 40px;
  margin-bottom: 50px;
}

.newsListItem .newsListLine {

}

.newsListItem h2.newsHeadline {
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 0px;

  display: inline-block;
  background-image: url(../../files/theme/seliqui-2018/i/ce_hyperlink.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: auto 40px;
  padding-top: 50px;
  padding-right: 50px;

  font-weight: 700;
}

.newsListItem p.more {
  text-transform: uppercase;
  font-weight: 300;
}


.newsFull .newsHeadline {
  text-transform: uppercase;
  font-size: 55px;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  letter-spacing: 8px;
  font-weight: 300;
  color: rgba(255,255,255,1);
}


p.back {
  margin-top: 80px;
  padding-top: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);

}

p.back a {
  text-transform: uppercase;
  font-weight: 300;

  padding-left: 30px;
  background: url(../../files/theme/seliqui-2018/i/arrow-prev.svg) no-repeat 5px center;
  background-size: 20px auto;
}

body.web p.back a,
body.gfx p.back a,
body.threeD p.back a,
body.vr p.back a {
  background-image: url(../../files/theme/seliqui-2018/i/arrow-prev-white.svg);
}

#main p.back a:hover {
  -webkit-animation: animateBackArrow 2s ease infinite;
  -moz-animation: animateBackArrow 2s ease infinite;
  animation: animateBackArrow 2s ease infinite;
  animation-timing-function: linear;
  text-decoration: none;
  color: #FFFFFF;
}

@keyframes animateBackArrow  {
 0%   { background-position: 5px center; }
 33%  { background-position: 10px center; }
 66%  { background-position: 0px center; }
 100% { background-position: 5px center; }
}



.contactWrapper {
  background: url(../../files/theme/seliqui-2018/i/austria-map.svg) no-repeat 120px top;
  background-size: 1200px auto;
}


.contactWrapper ul {
  list-style: none outside none;
  text-transform: uppercase;
  margin: 0px;
  padding: 0px;
}

#main .contactLinks h3 {
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 5px;
  margin-top: 0px;
}

.contactLinks ul {
  margin: 0px;
  padding: 0px;
  list-style: none outside none;
}

.contactLinks ul li {
  display: inline-block;
  margin-right: 10px;
}

.contactLinks ul li a {
  width: 45px;
  height: 60px;
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 45px auto;
  position: relative;

  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  opacity: 0.75;
}

.contactLinks ul li a.linkedin { background-image: url(../../files/theme/seliqui-2018/i/contact-icon-linkedin.svg); }
.contactLinks ul li a.twitter { background-image: url(../../files/theme/seliqui-2018/i/contact-icon-twitter.svg); }
.contactLinks ul li a.facebook { background-image: url(../../files/theme/seliqui-2018/i/contact-icon-facebook.svg); }
.contactLinks ul li a.email { background-image: url(../../files/theme/seliqui-2018/i/contact-icon-email.svg); }
.contactLinks ul li a.signal { background-image: url(../../files/theme/seliqui-2018/i/contact-icon-signal.svg); }
.contactLinks ul li a.wire { background-image: url(../../files/theme/seliqui-2018/i/contact-icon-wire.svg); }
.contactLinks ul li a.threema { background-image: url(../../files/theme/seliqui-2018/i/contact-icon-threema.svg); }
.contactLinks ul li a.pgp { background-image: url(../../files/theme/seliqui-2018/i/contact-icon-pgp.svg); }

.contactLinks ul li a:hover {
  opacity: 1;
}

.contactLinks ul li a strong {
  font-size: 10px;
  text-align: center;
  width: 45px;
  display: block;
  color: rgba(255,255,255,0.75);
  position: absolute;

  transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;

  top: 40px;
  opacity: 0;
}

.contactLinks ul li a:hover strong {
  top: 45px;
  opacity: 1;
}


.servicesOverviewItem {
  border-bottom: 1px solid rgba(255,255,255,0.2);
  position: relative;
  height: 300px;
}

.servicesOverviewItem-gfx,
.servicesCaseStudy {
  border-bottom: none;
}

.servicesOverviewItem .servicesOverviewText {
  width: calc(50% - 40px);
  padding-top: 120px;
}

.servicesOverviewItem-web .servicesOverviewText,
.servicesOverviewItem-vr .servicesOverviewText {
  float: right;
  text-align: left;
}

.servicesOverviewItem-threeD .servicesOverviewText,
.servicesOverviewItem-gfx .servicesOverviewText {
  float: left;
  text-align: right;
}

.servicesOverviewItem .servicesOverviewText h3 {
  padding: 0px;
  margin: 0px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 48px;
  color: rgba(255,255,255,1);
}

.servicesOverviewItem .servicesOverviewText p {
  padding: 0px;
  margin: 0px;
  color: rgba(255,255,255,0.66);
}

.servicesOverviewItem .servicesOverviewItemBG,
.servicesOverviewItem .servicesMoreLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
}

.servicesOverviewItem .servicesOverviewItemBG img {
  height: 300px;
  width: auto;
  position: relative;
}

.servicesOverviewItem-web .servicesOverviewItemBG img,
.servicesOverviewItem-vr .servicesOverviewItemBG img {
  right: 121px;
}

.servicesOverviewItem-threeD .servicesOverviewItemBG img,
.servicesOverviewItem-gfx .servicesOverviewItemBG img {
  left: 121px;
}


.servicesOverviewItem .servicesMoreLink {
  position: absolute;
  z-index: 2;
}

.servicesOverviewItem .servicesMoreLink a {
  width: 100%;
  height: 100%;
  display: block;
  transition-delay: 0.5s;
}

.servicesOverviewItem .servicesMoreLink a .lineWrapper {
  width: calc(50% - 275px);
  padding-left: 30px;
  height: 100%;
  display: block;
  float: left;
  position: relative;
}

.servicesOverviewItem-threeD .servicesMoreLink a .lineWrapper,
.servicesOverviewItem-gfx .servicesMoreLink a .lineWrapper {
  float: right;
}

.servicesOverviewItem .servicesMoreLink a .lineWrapper .linkLine {
  width: calc(100% - 30px);
  height: 1px;
  display: block;
  position: absolute;
  top: 50%;
  overflow: hidden;
}

.servicesOverviewItem-web .servicesMoreLink a .lineWrapper .linkLine    { background-color: #97c225; left: 30px; }
.servicesOverviewItem-threeD .servicesMoreLink a .lineWrapper .linkLine { background-color: #e41319; right: 30px; }
.servicesOverviewItem-vr .servicesMoreLink a .lineWrapper .linkLine     { background-color: #3085c6; left: 30px; }
.servicesOverviewItem-gfx .servicesMoreLink a .lineWrapper .linkLine    { background-color: #FF931E; right: 30px; }


.servicesOverviewItem .servicesMoreLink a .lineWrapper .linkLine .linkLineInner {
  width: 0%;
  height: 1px;
  display: block;
  background-color: #FFFFFF;
  position: absolute;
}

.servicesOverviewItem-web .servicesMoreLink a .lineWrapper .linkLine .linkLineInner,
.servicesOverviewItem-vr .servicesMoreLink a .lineWrapper .linkLine .linkLineInner {
  right: 0px;
}

.servicesOverviewItem-threeD .servicesMoreLink a .lineWrapper .linkLine .linkLineInner,
.servicesOverviewItem-gfx .servicesMoreLink a .lineWrapper .linkLine .linkLineInner {
  left: 0px;
}

.servicesOverviewItem-web .servicesMoreLink a:hover .lineWrapper .linkLine .linkLineInner,
.servicesOverviewItem-vr .servicesMoreLink a:hover .lineWrapper .linkLine .linkLineInner {
  -webkit-animation: servicesOverviewItemLineRight 5s ease infinite;
  -moz-animation: servicesOverviewItemLineRight 5s ease infinite;
  animation: servicesOverviewItemLineRight 5s ease infinite;
}

.servicesOverviewItem-threeD .servicesMoreLink a:hover .lineWrapper .linkLine .linkLineInner,
.servicesOverviewItem-gfx .servicesMoreLink a:hover .lineWrapper .linkLine .linkLineInner {
  -webkit-animation: servicesOverviewItemLineLeft 5s ease infinite;
  -moz-animation: servicesOverviewItemLineLeft 5s ease infinite;
  animation: servicesOverviewItemLineLeft 5s ease infinite;
}

@keyframes servicesOverviewItemLineLeft {
  0% { width: 0%; left: 0px; }
  50% { width: 100%; left: 0px; }
  100% { width: 100%; left: 100%; }
}

@keyframes servicesOverviewItemLineRight {
  0% { width: 0%; right: 0px; }
  50% { width: 100%; right: 0px; }
  100% { width: 100%; right: 100%; }
}


.servicesOverviewItem-web .servicesMoreLink a:hover     { color: #97c225; }
.servicesOverviewItem-threeD .servicesMoreLink a:hover  { color: #e41319; }
.servicesOverviewItem-vr .servicesMoreLink a:hover      { color: #3085c6; }
.servicesOverviewItem-gfx .servicesMoreLink a:hover     { color: #FF931E; }



.servicesOverviewItem .servicesMoreLink a .lineWrapper .linkText {
  background: #000000;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  height: 26px;
  line-height: 26px;
  padding: 0px 5px;
  position: absolute;
  top: calc(50% - 13px);
}

.servicesOverviewItem-web .servicesMoreLink a .lineWrapper .linkText,
.servicesOverviewItem-vr .servicesMoreLink a .lineWrapper .linkText {
  left: 80px;
  transition: left .5s ease-in-out;
  -moz-transition: left .5s ease-in-out;
  -webkit-transition: left .5s ease-in-out;
}

.servicesOverviewItem-threeD .servicesMoreLink a .lineWrapper .linkText,
.servicesOverviewItem-gfx .servicesMoreLink a .lineWrapper .linkText {
  right: 80px;
  transition: right .5s ease-in-out;
	-moz-transition: right .5s ease-in-out;
	-webkit-transition: right .5s ease-in-out;
}

.servicesOverviewItem-web .servicesMoreLink a:hover .lineWrapper .linkText,
.servicesOverviewItem-vr .servicesMoreLink a:hover .lineWrapper .linkText {
  left: 60px;
}

.servicesOverviewItem-threeD .servicesMoreLink a:hover .lineWrapper .linkText,
.servicesOverviewItem-gfx .servicesMoreLink a:hover .lineWrapper .linkText {
  right: 60px;
}



.servicesOverviewItem .servicesMoreLink a .lineWrapper .linkArrow {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
  height: 20px;
  width: 60px;
  position: absolute;
  top: calc(50% - 10px);
}

.servicesOverviewItem-web .servicesMoreLink a .lineWrapper .linkArrow,
.servicesOverviewItem-vr .servicesMoreLink a .lineWrapper .linkArrow {
  background-image: url(../../files/theme/seliqui-2018/i/arrow-prev-white.svg);
  left: 0px;
}

.servicesOverviewItem-threeD .servicesMoreLink a .lineWrapper .linkArrow,
.servicesOverviewItem-gfx .servicesMoreLink a .lineWrapper .linkArrow {
  background-image: url(../../files/theme/seliqui-2018/i/arrow-next-white.svg);
  right: 0px;
}

.servicesCaseStudy {
  margin-top: 150px;
  padding-bottom: 100px;
}

.servicesCaseStudy .servicesCaseStudyArrowDown {
  width: 100%;
  height: 200px;
  position: absolute;
  top: -150px;

  background-image: url(../../files/theme/seliqui-2018/i/arrow-down-white.svg);
  background-position: center 0px;
  background-repeat: no-repeat;
  background-size: 100px auto;
  opacity: 0;

  -webkit-animation: servicesCaseStudyArrowDown 5s ease infinite;
  -moz-animation: servicesCaseStudyArrowDown 5s ease infinite;
  animation: servicesCaseStudyArrowDown 5s ease infinite;

}

@keyframes servicesCaseStudyArrowDown {
  0%    { background-position: center 0px; opacity: 0; }
  50%   { background-position: center 100px; opacity: 1; }
  80%   { background-position: center 100px; opacity: 1; }
  100%   { background-position: center 100px; opacity: 0; }
}

.servicesCaseStudy,
.servicesCaseStudy .servicesOverviewItemBG img {
  height: 450px;
}


.servicesCaseStudy .servicesOverviewText {
  width: 100%;
  padding-top: 195px;
}

.servicesCaseStudy .servicesOverviewText h3 {
  font-weight: 700;
  text-align: center;
}

.servicesCaseStudy .servicesOverviewText h3 span.left,
.servicesCaseStudy .servicesOverviewText h3 span.right {
  width: calc(50% - 250px);
  display: inline-block;
  color: rgba(255,255,255,0.7);
  transition: padding .5s ease-in-out, width .5s ease-in-out, color .5s ease-in-out;
	-moz-transition: padding .5s ease-in-out, width .5s ease-in-out, color .5s ease-in-out;
	-webkit-transition: padding .5s ease-in-out, width .5s ease-in-out, color .5s ease-in-out;
}

.servicesCaseStudy .servicesOverviewText h3 span.left  {
  padding-right: 250px;
  text-align: right;
}

.servicesCaseStudy .servicesOverviewText h3 span.right {
  text-align: left;
  padding-left: 250px;
}

.servicesCaseStudy:hover .servicesOverviewText h3 span.left  {
  padding-right: 275px;
  width: calc(50% - 275px);
  color: rgba(255,255,255,1);
}

.servicesCaseStudy:hover .servicesOverviewText h3 span.right  {
  padding-left: 275px;
  width: calc(50% - 275px);
  color: rgba(255,255,255,1);
}


.servicesCaseStudy .servicesMoreLink a {
  font-size: 18px;
  color: rgba(255,255,255,0.7);
  transition-delay: 0s;
}


.servicesCaseStudy .servicesMoreLink a:hover {
    text-decoration: none;
    color: rgba(255,255,255,1);
}

.servicesCaseStudyLinkText {
  display: inline-block;
  border-top: 1px solid rgba(255,255,255,0.3);
  border-bottom: 1px solid rgba(255,255,255,0.3);
  padding: 10px 30px;
  position: relative;
  top: 415px;
}

.clientsHeadline {
  margin-bottom: 20px;
}

.clientsHeadline h2 {
  font-size: 28px;
  text-transform: uppercase;
  margin: 0px;
}

body.web .clientsHeadline h2 {
  color: #97c225;
}

body.vr .clientsHeadline h2 {
  color: #3085c6;
}

body.gfx .clientsHeadline h2 {
  color: #FF931E;
}

body.threeD .clientsHeadline h2 {
  color: #e41319;
}





.clientItem {
  width: 150px;
  height: 85px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  margin-right: 20px;
  float: left;
}

.clientItem:hover {
  cursor: crosshair;
}

.gallery-thumbs .corner,
.slideWrapper .corner,
.clientItem .corner,
.serviceHomeItem .corner,
.projectWebItem .corner,
.ce_youtubeCustom .corner {
  position: absolute;
  z-index: 2;
  border-style: solid;
  width: 5px;
  height: 5px;
  display: block;
  opacity: 0.4;

  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
}

body.web .slideWrapper .corner,
body.web .ce_youtubeCustom .corner,
body.web .clientItem .corner,
.serviceHomeItem-web .corner,
.projectWebItem .corner {
  border-color: rgba(151,194,37,1);
}

body.threeD .slideWrapper .corner,
body.threeD .ce_youtubeCustom .corner,
body.threeD .clientItem .corner,
.serviceHomeItem-threeD .corner {
  border-color: rgba(228,19,25,1);
}

body.vr .slideWrapper .corner,
body.vr .ce_youtubeCustom .corner
body.vr .clientItem .corner,
.serviceHomeItem-vr .corner {
   border-color: rgba(48,133,198,1);
}

.gallery-thumbs .corner,
body.gfx .slideWrapper .corner,
body.gfx .ce_youtubeCustom .corner
body.gfx .clientItem .corner,
.serviceHomeItem-gfx .corner {
  border-color: rgba(255,147,30,1);
}

body.caseStudy .gallery-thumbs .corner,
body.caseStudy .slideWrapper .corner,
.serviceHomeItem-CS .corner {
  border-color: rgba(255,255,255,0.7);
}

.gallery-thumbs .corner,
.slideWrapper .corner,
.clientItem:hover .corner,
.serviceHomeItem:hover .corner {
  opacity: 1;
}

.gallery-thumbs .cornerLeftTop,
.slideWrapper .cornerLeftTop,
.ce_youtubeCustom .cornerLeftTop,
.clientItem .cornerLeftTop,
.serviceHomeItem .cornerLeftTop,
.projectWebItem .cornerOuterLeftTop,
.projectWebItem .cornerCenterLeftTop {
  left: 0px;
  top: 0px;
  border-left-width: 1px;
  border-top-width: 1px;
}

.gallery-thumbs .cornerRightTop,
.slideWrapper .cornerRightTop,
.ce_youtubeCustom .cornerRightTop,
.clientItem .cornerRightTop,
.serviceHomeItem .cornerRightTop,
.projectWebItem .cornerOuterRightTop,
.projectWebItem .cornerCenterRightTop {
  right: 0px;
  top: 0px;
  border-right-width: 1px;
  border-top-width: 1px;
}

.gallery-thumbs .cornerLeftDown,
.slideWrapper .cornerLeftDown,
.ce_youtubeCustom .cornerLeftDown,
.clientItem .cornerLeftDown,
.serviceHomeItem .cornerLeftDown,
.projectWebItem .cornerOuterLeftDown,
.projectWebItem .cornerCenterLeftDown {
  left: 0px;
  bottom: 0px;
  border-left-width: 1px;
  border-bottom-width: 1px;
}

.gallery-thumbs .cornerRightDown,
.slideWrapper .cornerRightDown,
.ce_youtubeCustom .cornerRightDown,
.clientItem .cornerRightDown,
.serviceHomeItem .cornerRightDown,
.projectWebItem .cornerOuterRightDown,
.projectWebItem .cornerCenterRightDown {
  right: 0px;
  bottom: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}

.clientItem img {
  width: 100%;
  height: auto;
}


.clientItem .viaInfo {
  position: absolute;
  width: 100%;
  display: block;
  margin: 0px;
  text-align: center;
  text-transform: uppercase;

  transition: opacity 1s ease-in-out, bottom 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out, bottom 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out, bottom 1s ease-in-out;

  bottom: 0px;
  opacity: 0;
}

.clientItem:hover .viaInfo {
  bottom: -10px;
  opacity: 1;
}

#main .clientItem .viaInfo {
  font-size: 10px;
}

#main .clientItem .viaInfo a {
  font-weight: 700;
}

.serviceHomeItem {
  width: 232px;
  height: 135px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  margin-right: 20px;
  float: left;
  background-repeat: no-repeat;
}

.serviceHomeItem a {
  width: 100%;
  height: 100%;
  display: block;
}

.serviceHomeItem a .titleText {
  text-transform: uppercase;
  position: absolute;
  bottom: 8px;
  right: 20px;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  letter-spacing: 2px;
  display: block;
}

.serviceHomeItem a .titleLine {
  width: calc(100% - 10px);
  height: 3px;
  display: block;
  position: absolute;
  bottom: 30px;
  left: 5px;
  opacity: 0.15;

  transition: opacity 1s ease-in-out, bottom 0.5s ease-in-out;
  -moz-transition: opacity 1s ease-in-out, bottom 0.5s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out, bottom 0.5s ease-in-out;

}

.serviceHomeItem-web a .titleLine { background-color: rgba(151,194,37,1); }
.serviceHomeItem-gfx a .titleLine { background-color: rgba(255,147,30,1); }
.serviceHomeItem-threeD a .titleLine { background-color: rgba(228,19,25,1); }
.serviceHomeItem-vr a .titleLine { background-color: rgba(48,133,198,1); }
.serviceHomeItem-CS a .titleLine { background-color: rgba(255,255,255,1); }

.serviceHomeItem:hover a .titleLine {
  opacity: 0.5;
  bottom: 5px;
}

.serviceHomeItem-CS,
.additionalServiceItem-last {
  margin-right: 0px;
}

.additionalServiceItem a .titleText,
.additionalServiceItem-last a .titleText {
  text-align: center;
  width: 100%;
  right: 0px;
  color: rgba(255,255,255,0.5);

  transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  -webkit-transition: color 1s ease-in-out;
}

.additionalServiceItem:hover a .titleText,
.additionalServiceItem-last:hover a .titleText {
  color: rgba(255,255,255,1);
}

.projectWebItem {
  margin-bottom: 80px;
  padding-top: 10px;
}


.projectWebItem .projectText {
  width: 100%;
  height: 250px;
  display: block;
  position: relative;
}

.projectWebItem .projectScreenshot {

  padding: 5px;
  margin-top: -1px;
  position: relative;
}

.projectWebItem .projectTextLeft,
.projectWebItem .projectTasks,
.projectWebItem .projectScreenshot img {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;

}

.projectWebItem .projectTextLeft {
  transition-delay: 1s;
}

.projectWebItem .projectTasks {
  transition-delay: 1.2s;
}


.projectWebItem .projectScreenshot img {
  transition-delay: 1.4s;
}

body.documentReady .projectWebItem .projectTextLeft,
body.documentReady .projectWebItem .projectTasks,
body.documentReady .projectWebItem .projectScreenshot img {
  opacity: 1;
}


.projectWebItem .corner {
  opacity: 0.7;

  transition: opacity 1.0s ease-in-out, left 2s ease-in-out, right 2s ease-in-out, top 0.5s ease-in-out, bottom 0.5s ease-in-out;
  -moz-transition: opacity 1.0s ease-in-out, left 2s ease-in-out, right 2s ease-in-out, top 0.5s ease-in-out, bottom 0.5s ease-in-out;
  -webkit-transition: opacity 1.0s ease-in-out, left 2s ease-in-out, right 2s ease-in-out, top 0.5s ease-in-out, bottom 0.5s ease-in-out;
}

.projectWebItem:hover .corner {
  opacity: 1;
}


.projectWebItem .cornerOuterLeftTop,
.projectWebItem .cornerOuterLeftDown,
.projectWebItem .cornerCenterLeftTop,
.projectWebItem .cornerCenterLeftDown {
  left: 50%;
}

.projectWebItem .cornerOuterRightTop,
.projectWebItem .cornerOuterRightDown,
.projectWebItem .cornerCenterRightTop,
.projectWebItem .cornerCenterRightDown {
  right: 50%;
}


.projectWebItem .cornerOuterLeftDown,
.projectWebItem .cornerOuterRightDown,
.projectWebItem .cornerCenterLeftDown,
.projectWebItem .cornerCenterRightDown {
  bottom: 50%;
}

.projectWebItem .cornerOuterLeftTop,
.projectWebItem .cornerOuterRightTop,
.projectWebItem .cornerCenterLeftTop,
.projectWebItem .cornerCenterRightTop {
  top: 50%;
}

body.documentReady .projectWebItem .cornerOuterLeftTop,
body.documentReady .projectWebItem .cornerOuterRightTop,
body.documentReady .projectWebItem .cornerCenterLeftTop,
body.documentReady .projectWebItem .cornerCenterRightTop {
  top: 0px;
}

body.documentReady .projectWebItem .cornerOuterLeftDown,
body.documentReady .projectWebItem .cornerOuterRightDown,
body.documentReady .projectWebItem .cornerCenterLeftDown,
body.documentReady .projectWebItem .cornerCenterRightDown {
  bottom: 0px;
}

body.documentReady .projectWebItem .cornerOuterRightTop,
body.documentReady .projectWebItem .cornerOuterRightDown,
body.documentReady .projectWebItem .cornerCenterRightTop,
body.documentReady .projectWebItem .cornerCenterRightDown {
  right: 0px;
}

body.documentReady .projectWebItem .cornerOuterLeftTop,
body.documentReady .projectWebItem .cornerOuterLeftDown,
body.documentReady .projectWebItem .cornerCenterLeftTop,
body.documentReady .projectWebItem .cornerCenterLeftDown {
  left: 0px;
}


body.documentReady .projectWebItem .projectText .cornerCenterLeftTop,
body.documentReady .projectWebItem .projectText .cornerCenterLeftDown {
  left: calc(100% - 250px);
}

body.documentReady .projectWebItem .projectText .cornerCenterRightTop,
body.documentReady .projectWebItem .projectText .cornerCenterRightDown {
  right: 260px;
}


.projectWebItem .projectTextLeft {
  width: calc(100% - 250px);
  float: left;
}

.projectWebItem .projectTextLeft .projectTitle {
  font-size: 30px;
  font-weight: 400;
  padding-left: 15px;
  margin-bottom: 10px;
  margin-top: 50px;
}

.projectWebItem .projectTextLeft .projectDesc {
  width: 600px;
  padding-left: 15px;
}


.projectWebItem .projectTextLeft .projectLink {
  padding-left: 50px;
  background: url(../../files/theme/seliqui-2018/i/arrow-next-white.svg) no-repeat 10px center;
  background-size: 30px auto;
}

.projectWebItem .projectTextLeft .projectLink a {
  font-weight: 700;
}


.projectWebItem .projectTasks {
  width: 240px;
  height: 240px;
  display: block;
  padding: 5px;
  float: right;
  position: relative;
}

.projectWebItem .projectTasks .tasksInner {
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(151,194,37,0.1);
}

.projectTasks .tasksIcon {
  width: 22px;
  height: 32px;
  display: block;
  position: absolute;
  top: -10px;
  left: calc(50% - 11px);

  background: url(../../files/theme/seliqui-2018/i/services-tasks.svg) no-repeat center center;
  background-size: 22px 32px;

}

.projectWebItem .projectTasks .tasksInner h4 {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 6px;
  border-bottom: 1px solid rgba(151,194,37,1);
  text-align: center;
  margin: 0px 25px;
  padding-bottom: 8px;
  padding-top: 25px;
}

.projectWebItem .projectTasks .tasksInner ul {
  list-style: none outside none;
  margin: 0px;
  padding: 20px 45px 0px 45px;
}

.projectWebItem .projectTasks .tasksInner ul li {
  border-left: 2px solid rgba(151,194,37,1);
  margin: 0px 0px 7px 0px;
  padding-left: 10px;
  text-transform: uppercase;
  line-height: 18px;
}




body.success .mod_pageImage,
body.error404 .mod_pageImage  {
    height: 300px;
}

body.success .mod_pageImage .overlayBottom,
body.success #pageImages .pageImagePhoto,
body.error404 .mod_pageImage .overlayBottom,
body.error404 #pageImages .pageImagePhoto {
  display: none;
}

#main blockquote {
  padding: 0px 50px;
  text-align: center;
  margin: 50px 0;
}

#main blockquote p {
  font-style: italic;
  font-size: 32px;
  line-height: 36px;
}

#main blockquote p::before,
#main blockquote p::after {
  content: '"';
}


body.vr #main blockquote p {
  color: rgba(48,133,198,1);
}


footer {
  height: 600px;
  width: 100%;
  display: block;
  background: url(../../files/theme/seliqui-2018/i/footer-bg.svg) no-repeat center bottom;
  background-size: 5000px auto;

  color: #000000;
}




footer .footerLogo {
  background: url(../../files/theme/seliqui-2018/i/footer-logo.svg) no-repeat left center;
  background-size: 105px auto;
  width: 140px;
  height: 210px;
  border-right: 1px solid #000000;


  position: absolute;
  top: 270px;
  left: -20px;
}

footer .footerContact {
  display: block;
  position: absolute;
  top: 290px;
  left: 160px;
}

footer .footerContact h2,
footer .footerContact h3,
footer .footerContact h4,
footer .footerContact p {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 24px;
  padding: 0px;
  margin: 0px;
}

footer .footerContact h2 {
  font-size: 24px;
  font-weight: 700;
}

footer .footerContact h3 {
  font-size: 24px;
  font-weight: 300;
  padding-bottom: 20px;
}

footer .footerContact h4 {
  font-size: 18px;
  font-weight: 700;
}

footer .footerContact p {
  font-size: 18px;
  font-weight: 300;
}

footer .footerContact p.uid-fn {
  font-size: 14px;
  padding-top: 15px;
}

footer .footerContact p.uid-fn .uid {
  padding-right: 20px;
}


footer .footerLinks {
  line-height: 24px;
  text-align: right;
  display: block;

  position: absolute;
  top: 348px;
  right: 20px;
}

footer .footerLinks ul  {
  list-style: none outside none;
  padding: 0px;
  margin: 0px;
  text-align: right;
}

footer .footerLinks ul li {
  margin: 0px;
}

footer .footerLinks ul li a {
  text-transform: uppercase;
  color: #000000;
}

footer .legalLinks {
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: right;

  position: absolute;
  top: 530px;
  right: 20px;
}


footer .legalLinks p {
  margin: 0px;
  float: left;
  line-height: 18px;
}

footer .legalLinks p.imprintBlock {
  padding-right: 70px;
}

footer .legalLinks a {
  color: #FFFFFF;
  font-weight: 700;
}








/* Saved

  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;


  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;


  transition: opacity 0.75s ease-in-out, top 0.25s ease-in-out;
  -moz-transition: opacity 0.75s ease-in-out, top 0.25s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, top 0.25s ease-in-out;


  .cssClass {
		-webkit-animation: animationName 5s ease infinite;
 	  -moz-animation: animationName 5s ease infinite;
 	  animation: animationName 5s ease infinite;
	}

  @keyframes animationName  {
 	 0%   { stroke-dashoffset: 110; }
	 80% { stroke-dashoffset: 0; }
	 100% { stroke-dashoffset: -110; }
 }



*/






/* UseFul Informations */
/*

  ----------  COLORS  ----------------------------------------


  VR: 3085c6     rgba(48,133,198,1);
  GFX: FF931E    rgba(255,147,30,1);
  Web: 97c225    rgba(151,194,37,1);
  3D: e41319     rgba(228,19,25,1);


  ------------------------------





  ------------------------------





  ----------  FONTS  ----------------------------------------



  font-family: 'Source Sans Pro', sans-serif;
  font-weights: 300   Light
                300i  Light Italic
                400   Regular
                400i  Regular Italic
                700   Bold


  font-family: 'Biryani', sans-serif;
  font-weights: 300  Light
                400  Regular
                700  Bold




  ------------------------------


	.1px	{ font-size: 0.07692em; }
	.2px	{ font-size: 0.15385em; }
	.3px	{ font-size: 0.23077em; }
	.4px	{ font-size: 0.30769em; }
	.5px	{ font-size: 0.38462em; }
	.6px	{ font-size: 0.46154em; }
	.7px	{ font-size: 0.53846em; }
	.8px	{ font-size: 0.-------; }
	.9px	{ font-size: 0.61538em; }
	.10px	{ font-size: 0.76923em; }
	.11px	{ font-size: 0.84615em; }
	.12px	{ font-size: 0.92307em; }
	.13px	{ font-size: 1em; }

	.14px	{ font-size: 1.07692em; }
	.15px	{ font-size: 1.15385em;}
	.16px	{ font-size: 1.23076em; }
	.17px	{ font-size: 1.30769em; }
	.18px	{ font-size: 1.38461em; }
	.19px	{ font-size: 1.46154em; }
	.20px	{ font-size: 1.53846em; }
	.21px	{ font-size: 1.61538em; }
	.22px	{ font-size: 1.69230em; }
	.23px	{ font-size: 1.76923em; }
	.24px	{ font-size: 1.84615em; }
	.25px	{ font-size: 1.92308em; }
	.26px	{ font-size: 2em; }

	.27px	{ font-size: 2.07692em; }
	.28px	{ font-size: 2.15385em; }
	.29px	{ font-size: 2.23077em; }
	.30px	{ font-size: 2.30769em; }
	.31px	{ font-size: 2.38462em; }
	.32px	{ font-size: 2.46154em; }
	.33px	{ font-size: 2.53846em; }
	.34px	{ font-size: 2.61538em; }
	.35px	{ font-size: 2.69231em; }
	.36px	{ font-size: 2.76923em; }
	.37px	{ font-size: 2.84615em; }
	.38px	{ font-size: 2.92308em; }
	.39px	{ font-size: 3em; }



  ----------  FONTS  ----------------------------------------

  transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-webkit-transition: color .5s ease-in-out;

  transition: color .5s ease-in-out, background-position .5s ease-in-out;
	-moz-transition: color .5s ease-in-out, background-position .5s ease-in-out;
	-webkit-transition: color .5s ease-in-out, background-position .5s ease-in-out;

	transition: top .52s ease-in-out, left .52s ease-in-out, width .52s ease-in-out, height .52s ease-in-out, margin-left .52s ease-in-out, margin-top .52s ease-in-out;
	-moz-transition: top .52s ease-in-out, left .52s ease-in-out, width .52s ease-in-out, height .52s ease-in-out, margin-left .52s ease-in-out, margin-top .52s ease-in-out;
	-webkit-transition: top .52s ease-in-out, left .52s ease-in-out, width .52s ease-in-out, height .52s ease-in-out, margin-left .52s ease-in-out, margin-top .52s ease-in-out;


*/

/*
 * Responsive/Adaptive Styles for Tablets
 * 2018
 *
 * seliqui e.U.
 */

.tabletsOnly {
	display: none;
}


/* Tablets */
@media screen and (min-width: 768px) and (max-width: 1024px) {

	.tabletsOnly {
		display: block;
	}

	.desktopOnly,
	.hideOnTablets {
		display: none;
	}

}

/* Tablets, Landscape Only */
@media screen and (min-width: 1024px) and (max-width: 1240px) {

  header .inside,
  footer .inside,
  body.home #main .mod_article,
  body.contentLayout #main .mod_article {
    width: 1000px;
  }

	#container {
		background-size: 2050px auto;
	}

	header .navMainLeft ul li {
		padding-right: 40px;
	}

	header .navMainRight ul li {
		padding-left: 40px;
	}

	.serviceHomeItem {
		width: 183px;
		height: 107px;
	}

	.clientItem {
    margin-bottom: 15px;
    margin-right: 15px;
	}

	.contactWrapper {
		background-size: 1000px auto;
	}

	.ce_youtubeCustom,
	.ce_youtubeCustom iframe {
		width: 950px;
		height: 533px;
	}

	.ce_gallery,
	.slideWrapper {
		width: 950px;
	}

	.youtubePlaceholder,
	.youtubePlaceholder figure,
	.youtubeMini,
	.youtubeMini iframe {
	  width: 293px;
	  height: 197px;
	}


	footer .legalLinks p {
		float: right;
		width: 100%;
		font-size: 13px;
		line-height: 14px;
	}

	footer .legalLinks p.imprintBlock {
		padding-right: 0px;
		padding-bottom: 5px;
	}


}


/* Phones, Portrait Only */
@media screen and (min-width: 768px) and (max-width: 1023px) {

	header {
    /* background: blue; */
  }

	header .inside,
  footer .inside,
  body.home #main .mod_article,
  body.contentLayout #main .mod_article {
    width: 750px;
  }

	#container {
		background-size: 1660px auto;
	}



	header .navMainLeft ul li {
		padding-right: 20px;
	}

	header .navMainRight ul li {
		padding-left: 20px;
	}

	header .logo,
	header .logo h1 a,
	header .logo p a {
		width: 190px;
		height: 85px;
	}


	header .logo {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	body.documentReady header .logo,
	body.noscript header .logo {
		top: 50px;
	}

	body.documentReady.home header .logo,
	body.noscript.home header .logo {
		top: 8px;
	}

	header .logo h1 a,
	header .logo p a {
		background-size: 100% auto;
	}

	header .navMain ul li a {
		font-size: 13px;
	}

	.clientItem .viaInfo {
		bottom: -10px;
		opacity: 1;
	}

	.contactWrapper {
		background-size: 740px auto;
	}

	.ce_form .formLeft,
	.ce_form .formRight {
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
		float: none;
	}

	.serviceHomeItem {
		margin-right: 26px;
	}

	.serviceHomeItem-gfx {
		margin-right: 0px;
	}

	.additionalServiceItem {
		margin-right: 10px;
	}

	.servicesOverviewItem-web .servicesOverviewItemBG img,
	.servicesOverviewItem-vr .servicesOverviewItemBG img {
		right: auto;
	}

	.servicesOverviewItem-web .servicesOverviewItemBG,
	.servicesOverviewItem-vr .servicesOverviewItemBG {
		text-align: left;
	}

	.servicesOverviewItem-threeD .servicesOverviewItemBG img,
	.servicesOverviewItem-gfx .servicesOverviewItemBG img {
		left: auto;
	}

	.servicesOverviewItem-threeD .servicesOverviewItemBG,
	.servicesOverviewItem-gfx .servicesOverviewItemBG {
		text-align: right;
	}

	.servicesOverviewItem .servicesOverviewText {
		width: 440px;
	}

	.servicesOverviewItem .servicesMoreLink a .lineWrapper {
		width: 440px;
		padding: 0px;
	}

	.servicesOverviewItem-threeD .servicesMoreLink a .lineWrapper,
	.servicesOverviewItem-gfx .servicesMoreLink a .lineWrapper	{
		float: left;
	}

	.servicesOverviewItem-web .servicesMoreLink a .lineWrapper,
	.servicesOverviewItem-vr .servicesMoreLink a .lineWrapper	{
		float: right;
	}



	.servicesOverviewItem-threeD .servicesMoreLink a .lineWrapper .linkArrow,
	.servicesOverviewItem-gfx .servicesMoreLink a .lineWrapper .linkArrow {
		background-image: url(../../files/theme/seliqui-2018/i/arrow-prev-white.svg);
		left: 0px;
		right: auto;
	}

	.servicesOverviewItem-web .servicesMoreLink a .lineWrapper .linkArrow,
	.servicesOverviewItem-vr .servicesMoreLink a .lineWrapper .linkArrow {
    background-image: url(../../files/theme/seliqui-2018/i/arrow-next-white.svg);
    right: 0px;
		left: auto;
	}

	.servicesOverviewItem-threeD .servicesMoreLink a .lineWrapper .linkLine,
	.servicesOverviewItem-gfx .servicesMoreLink a .lineWrapper .linkLine {
		right: 0px;
		top: 80%;
	}

	.servicesOverviewItem-web .servicesMoreLink a .lineWrapper .linkLine,
	.servicesOverviewItem-vr .servicesMoreLink a .lineWrapper .linkLine {
		left: 0px;
		top: 80%;
	}

	.servicesOverviewItem .servicesMoreLink a .lineWrapper .linkArrow {
		top: calc(80% - 10px);
	}

	.servicesOverviewItem .servicesMoreLink a .lineWrapper .linkText {
		top: calc(80% - 13px);
	}

	.servicesOverviewItem-web .servicesMoreLink a .lineWrapper .linkText,
	.servicesOverviewItem-vr .servicesMoreLink a .lineWrapper .linkText {
		left: 290px;
	}

	.servicesOverviewItem-threeD .servicesMoreLink a .lineWrapper .linkText,
	.servicesOverviewItem-gfx .servicesMoreLink a .lineWrapper .linkText {
		right: 290px;
	}

	.servicesOverviewItem.servicesCaseStudy .servicesOverviewText {
		width: 100%;
	}

	.servicesCaseStudy .servicesOverviewText h3 span.left {
		padding-right: 225px;
	}

	.servicesCaseStudy .servicesOverviewText h3 span.right {
		padding-left: 225px;
	}

	.servicesCaseStudy:hover .servicesOverviewText h3 span.left {
		padding-right: 235px;
	}

	.servicesCaseStudy:hover .servicesOverviewText h3 span.right {
		padding-left: 235px;
	}

	.projectWebItem .projectTextLeft .projectDesc {
		width: 470px;
	}

	.ce_youtubeCustom,
	.ce_youtubeCustom iframe {
		width: 700px;
		height: 395px;
	}

	.ce_gallery,
	.slideWrapper {
		width: 700px;
	}

	.youtubePlaceholder,
	.youtubePlaceholder figure,
	#main .youtubeMini {
	  width: 320px;
	  height: 200px;
	}

	#main .youtubeMini iframe {
		width: 320px;
		height: 200px;
	}

	.youtubePlaceholder:nth-child(3n),
	.youtubeMini:nth-child(3n) {
	  margin: 0px 0px 0px 0px;
	}

	.youtubePlaceholder:nth-child(even),
	.youtubeMini:nth-child(even) {
	  margin: 0px 0px 0px 70px;
	}


	footer .legalLinks p {
		font-size: 0px;
	}

	footer .legalLinks p a {
		font-size: 14px;
	}



}

/*
 * Responsive/Adaptive Styles for Smartphones
 * 2018
 *
 * seliqui e.U.
 */

.phonesOnly {
	display: none;
}


/* Phones */
@media screen and (min-width: 1px) and (max-width: 767px) {

	.phonesOnly {
		display: block;
	}

	.desktopOnly,
	.hideOnPhones {
		display: none;
	}

	.responsiveNav {
		width: 100%;
		height: auto;
		display: block;
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 1000;
	}

	body.home .responsiveNav {
		opacity: 0;
		transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-webkit-transition: opacity 1s ease-in-out;
	}

	body.home .responsiveNav.show {
		opacity: 1;
	}

	.responsiveNav-open {
		height: 100%;
	}


	.responsiveNavButton  {
		width: 88px;
		height: 36px;
		display: block;
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 1000;
		background: url(../../files/theme/seliqui-2018/i/navButtonBG.svg) no-repeat top right;
		background-size: 100% auto;
	}

	.responsiveNavButton .line1,
	.responsiveNavButton .line2,
	.responsiveNavButton .line3 {
		height: 3px;
		width: 33px;
		display: block;
		background: url(../../files/theme/seliqui-2018/i/navButtonLine.svg) no-repeat top right;
		background-size: 100% auto;
		position: absolute;

		transition: opacity .5s ease-in-out, top .5s ease-in-out, left .5s ease-in-out, transform .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out, top .5s ease-in-out, left .5s ease-in-out, transform .5s ease-in-out;
		-webkit-transition: opacity .5s ease-in-out, top .5s ease-in-out, left .5s ease-in-out, transform .5s ease-in-out;
	}


	.responsiveNavButton .line1 {
		top: 8px;
		left: 42px;
	}

	.responsiveNavButton .line2 {
		top: 15px;
		left: 39px;
		opacity: 1;
	}

	.responsiveNavButton .line3 {
		top: 22px;
		left: 36px;
	}


	.responsiveNavButton:hover {
		cursor: pointer;
	}

	.responsiveNavButton:hover .line1,
	.responsiveNavButton:hover .line2,
	.responsiveNavButton:hover .line3 {
		-webkit-animation: responsiveNavButtonHoverEffect 2s ease infinite;
 	  -moz-animation: responsiveNavButtonHoverEffect 2s ease infinite;
 	  animation: responsiveNavButtonHoverEffect 2s ease infinite;
	}

	.responsiveNavButton:hover .line1 { animation-delay: 0.0s; }
	.responsiveNavButton:hover .line2 { animation-delay: 0.2s; }
	.responsiveNavButton:hover .line3 { animation-delay: 0.4s; }



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

	.responsiveNav-open .responsiveNavButton .line1 {
		transform: rotateZ(45deg);
		top: 15px;
		left: 42px;
	}

	.responsiveNav-open:hover .responsiveNavButton .line2,
	.responsiveNav-open .responsiveNavButton:hover .line2,
	.responsiveNav-open .responsiveNavButton .line2  {
		opacity: 0 !important;
		animation-name: xyz !important;
	}

	.responsiveNav-open .responsiveNavButton .line3 {
		transform: rotateZ(-225deg);
		top: 15px;
		left: 41px;
	}


	.responsiveNav .mod_navigation {
		width: 100%;
		display: block;
		overflow: hidden;
		background-color: rgba(0,0,0,0.95);

		text-align: center;

		transition: opacity .5s ease-in-out, height .5s ease-in-out;
		-moz-transition: opacity .5s ease-in-out, height .5s ease-in-out;
		-webkit-transition: opacity .5s ease-in-out, height .5s ease-in-out;

		height: 0px;
		opacity: 0;
		position: relative;
		z-index: 10;
	}

	.responsiveNav-open .mod_navigation {
		height: 100%;
		opacity: 1;
	}

	.responsiveNav .mod_navigation ul {
		margin: 0px;
		list-style: none outside none;
	}

	.responsiveNav .mod_navigation ul.level_1 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.responsiveNav .mod_navigation ul a {
		text-transform: uppercase;
	  font-family: 'Biryani', sans-serif;
	  font-weight: 700;
	  letter-spacing: 2px;
	  font-size: 18px;
	  color: #FFFFFF;
		padding: 3px 0px;
		display: block;
	}

	.responsiveNav .mod_navigation ul.level_2 {
		margin-bottom: 20px;
	}

	.responsiveNav .mod_navigation ul.level_2 li {
		margin: 0px;
	}

	.responsiveNav .mod_navigation ul.level_2 a {
		font-weight: 300;
		font-size: 12px;
		padding: 0px;
	}


	#container  {
		/* background: #000000 !important; */
		background-size: 180% auto;
	  background-image: url(../../files/theme/seliqui-2018/i/content-styles-content-white-still.svg);
	}

	body.vr #container {
	  background-image: url(../../files/theme/seliqui-2018/i/content-styles-content-vr-still.svg);
	}

	body.web #container {
	  background-image: url(../../files/theme/seliqui-2018/i/content-styles-content-web-still.svg);
	}

	body.threeD #container {
	  background-image: url(../../files/theme/seliqui-2018/i/content-styles-content-3d-still.svg);
	}

	body.gfx #container {
	  background-image: url(../../files/theme/seliqui-2018/i/content-styles-content-gfx-still.svg);
	}

	body.colorCircle #container {
	  background-image: url(../../files/theme/seliqui-2018/i/content-styles-content-animated-still.svg);
	}


	header .navMain {
		display: none;
	}

	header .inside,
  footer .inside,
  body.home #main .mod_article,
  body.contentLayout #main .mod_article {
    width: calc(100% - 30px);
  }


	header {
		position: absolute;
	}

	header .logo,
	header .logo h1 a,
	header .logo p a {
		width: 190px;
		height: 85px;
	}


	header .logo {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	header .logo h1 a,
	header .logo p a {
		background-size: 100% auto;
	}

	header.squeeze .logo {
		padding-bottom: 0px;
	}

	header.squeeze .logo h1 a {
	  background-size: 140px auto;
	}


	#pageImages {
		padding-top: 0px;
	}

	#pageImages .overlayTop {
			background-size: 2500px auto;
	}





	.contactWrapper {
		padding-bottom: 200px;
		background-size: auto 300px;
		background-position: center bottom;
	}




	.ce_form .formLeft,
	.ce_form .formRight,
	.ce_form .submit_container,
	.ce_form .widget-captcha,
	.ce_form .widget-recaptcha {
		width: 100%;
		float: none;
	}

	.ce_form .widget-recaptcha {
		text-align: center;
		padding-bottom: 10px;
	}

	.ce_form .widget-recaptcha .g-recaptcha {
	  float: none;
	  padding-right: 0px;
		display: inline-block;
	}

	.ce_form input,
	.ce_form textarea,
	.ce_form select {
		width: calc(100% - 30px);
	}

	.ce_form textarea {
	  min-width: calc(100% - 30px);
	  max-width: calc(100% - 30px);
	}

	.ce_form .widget-select select,
	.ce_form input.submit {
		width: 100%;
	}

	.ce_form .widget-captcha input {
		width: 25px;
	}

	.ce_form .widget-captcha .captcha_text {
		left: 60px;
	}

	.ce_form .submit_container {
		padding-top: 0px;
	}


	.partnersWrapper,
	.clientItems {
		text-align: center;
	}

	.partnersWrapper .partnerItem {
		margin-left: 10px;
		margin-right: 10px;
	}


	.clientItems .clientItem {
		margin-left: 5px;
		margin-right: 5px;
		display: inline-block;
		float: none;
	 }

	 .clientItem .viaInfo {
		 bottom: -10px;
	   opacity: 1;
	 }

	 #main .gfxslideWrapper {
		 height: auto;
		 vertical-align: middle;
	 }

	 #main .gfxslideWrapper .sliderItem {
		 height: 100%;
		 display: inline-block;
		 background: red;
	 }

	 #main .gfxslideWrapper img {
		 border: none;
	 }

	 .slideWrapper .swiper-button-prev,
	 .slideWrapper .swiper-button-next {
		 display: none;
	 }

	 .serviceHomeItem {
		 /*
		 display: inline-block;
		 width: 150px;
		 height: 100px;
		 margin-right: 10px;
		 margin-bottom: 10px;
		 */
		 margin: 20px auto;
		 float: none;
	 }

	 .serviceHomeItem a .titleText {
		 width: 100%;
		 text-align: center;
		 right: 0px;
	 }

	 .getInTouchButton,
	 .getInTouchButton span {
		 height: 75px;
		 background-size: auto 75px;
		 line-height: 75px;
	 }

	 .getInTouchButton {
		 font-size: 12px;
	 }

	 .ce_hyperlink a,
	 .ce_download a {
			min-width: 120px;
			text-align: center;
		}

		.aboutHome,
		.newsHome .newsHomeInner {
			height: auto;
		}

		body.home .ce_hyperlinkCustom {
			margin-bottom: 50px;
		}

		.servicesOverviewItem {
			height: auto;
			min-height: 200px;
		}

		.servicesOverviewItem .servicesOverviewItemBG img {
				height: 200px;
				left: 0px;
				right: auto;
		}

		.servicesOverviewItem-threeD .servicesOverviewItemBG img,
		.servicesOverviewItem-gfx .servicesOverviewItemBG img {
			transform: rotateZ(180deg);
		}

		.servicesOverviewItem .servicesOverviewText {
			padding-top: 200px;
			width: 100%;
			text-align: center;
			padding-bottom: 20px;
		}

		.servicesOverviewItem .servicesOverviewText h3 {
			font-size: 28px;
		}


		.servicesOverviewItem .servicesMoreLink a .lineWrapper {
			display: none;
		}

		.servicesCaseStudy .servicesCaseStudyArrowDown {
			background-size: 50px auto;
			height: 150px;
		}

		.servicesCaseStudy .servicesOverviewText {
			padding-top: 178px;
		}

		.servicesCaseStudy .servicesOverviewText h3 {
			font-size: 18px;
		}

		.servicesCaseStudy .servicesOverviewText h3 span.left,
		.servicesCaseStudy .servicesOverviewText h3 span.right {
			width: calc(50% - 5px);
		}

		.servicesCaseStudy .servicesOverviewText h3 span.left {
    	padding-right: 5px;
		}

		.servicesCaseStudy .servicesOverviewText h3 span.right {
    	padding-left: 5px;
		}

		.servicesCaseStudy:hover .servicesOverviewText h3 span.left  {
		  padding-right: 10px;
		  width: calc(50% - 10px);
		}

		.servicesCaseStudy:hover .servicesOverviewText h3 span.right  {
		  padding-left: 10px;
		  width: calc(50% - 10px);
		}

		.servicesCaseStudyLinkText {
			top: 215px;
		}

		.servicesCaseStudy {
		    margin-top: 110px;
				padding-bottom: 200px;
		}

		.projectWebItem .projectText {
			height: auto;
			padding-bottom: 20px;
			padding-top: 10px;
		}

		.projectWebItem .projectTextLeft .projectTitle {
			margin-top: 0px;
		}

		.projectWebItem .projectTextLeft,
		.projectWebItem .projectTasks {
			width: 100%;
			height: auto;
			float: none;
		}

		.projectWebItem .projectTextLeft .projectDesc {
			padding-right: 15px;
			width: calc(100% - 30px);
		}

		.projectWebItem .projectTextLeft,
		.projectWebItem .projectTasks .tasksInner {
			padding-bottom: 20px;
		}

		.projectWebItem .cornerCenterLeftTop,
		.projectWebItem .cornerCenterRightTop,
		.projectWebItem .cornerCenterLeftDown,
		.projectWebItem .cornerCenterRightDown {
			display: none;
		}


		.ce_gallery,
		.slideWrapper,
		#main .ce_youtubeCustom,
		#main .youtubeMini {
			padding: 5px;
		}

		.ce_gallery,
		#main .ce_youtubeCustom,
		#main .youtubeMini,
		#main .youtubePlaceholder {
			margin: 0px auto 50px auto;
		}



		#main .youtubeMini,
		#main .youtubePlaceholder {
			float: none;
			margin-top: 10px;
		}

		#main .youtubeMini h3,
		#main .youtubePlaceholder h3 {
			font-size: 12px;
		}

		.youtubePlaceholder {
			display: none;
		}

		#main .youtubeMini {
			opacity: 0.66;
		}

		#main .youtubeMini:hover {
			opacity: 1;
		}



	footer {
		padding-top: 70px;
		background-position: center -685px;
		background-size: 15000px auto;
	}

	footer .footerLogo,
	footer .footerContact,
	footer .footerLinks,
	footer .legalLinks {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		text-align: center;
	}

	footer .footerLogo {
		border-right: 0px;
		border-bottom: 1px solid #000000;
		margin: 0 auto;
		background-position: center center;
		padding: 0px 40px;
		height: 140px;
	}

	footer .footerContact,
	footer .footerLinks,
	footer .legalLinks {
		padding-top: 30px;
	}

	footer .footerLinks ul,
	footer .legalLinks p.imprintBlock,
	footer .legalLinks p.privacyBlock {
		text-align: center;
		padding: 0px;
		float: none;
	}

	footer .legalLinks p.imprintBlock {
		padding-bottom: 10px;
	}

	footer .legalLinks,
	footer .legalLinks a {
		color: #000000;
	}

}

/* Phones, Landscape Only */
@media screen and (min-width: 480px) and (max-width: 767px) {

	header {
    /* background: orange; */
  }

	#pageImages .pageImagePhoto {
	    height: 500px;
	}

	#pageImages .pageImagePhoto {
	    background-size: auto 100%;
	}

	body.documentReady #pageImages .pageImagePhoto {
	    background-size: auto 75%;
	}

	:root {
	  --headline-h1-height: 84px;
	  --headline-h1-movement: 42px;

	  --headline-h2-height: 64px;
	  --headline-h2-movement: 32px;
	}

	h3.ce_headline {
		font-size: 22px;
	}

	.newsFull .newsHeadline {
		font-size: 42px;
	}



	.youtubePlaceholder,
	.youtubePlaceholder figure,
	.ce_youtubeCustom,
	.ce_youtubeCustom iframe,
	.youtubeMini,
	.youtubeMini iframe {
		width: 440px;
		height: 247px;
	}

	.ce_gallery,
	.slideWrapper {
			width: 440px;
	}

		#container {
			/* background-position: calc(50% - 130px) top;
			background-size: 1500px auto; */
		}

		.servicesOverviewItem .servicesOverviewText {
			padding-left: 25px;
			padding-right: 25px;
			width: calc(100% - 50px);
		}


}


/* Phones, Portrait Only */
@media screen and (min-width: 1px) and (max-width: 479px) {

	header {
    /* background: green; */
  }

	#pageImages .pageImagePhoto {
		height: 400px;
	}

	#pageImages .pageImagePhoto {
	    background-size: auto 75%;
	}

	body.documentReady #pageImages .pageImagePhoto {
	    background-size: auto 50%;
	}

	:root {
	  --headline-h1-height: 64px;
	  --headline-h1-movement: 32px;

	  --headline-h2-height: 52px;
	  --headline-h2-movement: 26px;
	}

	h1.ce_headline {
		letter-spacing: 4px;
	}

	h3.ce_headline {
		font-size: 20px;
	}

	.newsFull .newsHeadline {
		font-size: 42px;
	}



	.youtubePlaceholder,
	.youtubePlaceholder figure,
	.ce_youtubeCustom,
	.ce_youtubeCustom iframe,
	.youtubeMini,
	.youtubeMini iframe {
		width: 300px;
		height: 170px;
	}




	.ce_gallery,
	.slideWrapper {
			width: 300px;
	}

	.ce_youtubeCustom	h3.ce_headline {
		margin-bottom: 0px;
	}

	#main .youtubeMini h3.ce_headline {
		font-size: 12px;
	}

	#container {
		/* background-position: calc(50% - 210px) top;
		background-size: 1500px auto; */
	}

	.partnersWrapper .partnerItem {
  	width: calc(100% - 10px);
		height: 180px;
	}



	.contactWrapper {
		padding-bottom: 170px;
		background-size: 140% auto;
		background-position: center bottom;
	}


	.hudSection .innerField {
		width: 310px;
	}

	.hudSection .innerField .innerField-blocks svg {
		left: -805px;
	}


	.innerFieldContents .innerField-gfx { left: 115px; }
	.innerFieldContents .innerField-web { left: 33px; }
	.innerFieldContents .innerField-3d  { left: 168px; }
	.innerFieldContents .innerField-vr  { left: 106px; }


	.hudSection .hud-down-outer,
	.hudSection .hud-down-up {
		display: none;
	}


	.hudSection .crosses-inner,
	.hudSection .crosses-middle,
	.hudSection .crosses-outer,
	.hudSection .crosses-wide,
	.hudSection .crosses-grid,
	.hudSection .hud-down-inner {
		-webkit-animation: xxx 5s ease infinite;
	  -moz-animation: xxx 5s ease infinite;
	  animation: xxx 5s ease infinite;
		animation-delay: 0s;
	  filter: blur(0px);
	}


	.hudSection .crosses-wide {
	  background-image: url(../../files/theme/seliqui-2018/i/home/crosses-layer-2-wide-still.svg);
	}

	.hudSection .crosses-inner {
	  background-image: url(../../files/theme/seliqui-2018/i/home/crosses-layer-5-inner-still.svg);
	}

	.hudSection .hud-down-inner {
	  background-image: url(../../files/theme/seliqui-2018/i/home/hud-down-inner-still.svg);
	}

	.hudSection .hud-down-outer {
	  background-image: none;
	}

}

/* 
 * Print-Styles 
 *
 * lab10 collective, seliqui
 * 2017
 */


 @media print {
 

			
 }