/* 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%;
  }
}

/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
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;
}

/**
 * Swiper 4.3.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 5, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/*
 * 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 {
 

			
 }