@font-face{font-family:MyriadPro-Light;src:url(../font/MyriadPro-Light.eot);src:url(../font/MyriadPro-Light.eot?#iefix) format('embedded-opentype'),
url(../font/MyriadPro-Light.woff) format('woff'),
url(../font/MyriadPro-Light.ttf) format('truetype'),
url(../font/MyriadPro-Light.svg#svgFontName) format('svg')
}
* {
	font-family:MyriadPro-Light, 'Myriad Pro Light', Trebuchet, Verdana, Helvetica, sans-serif
}
article, aside, footer, header, nav, section {
    display:block;
    margin:0;
    padding:0;
}
body {
    background-color:#0079AD;
    margin:0 auto;
    border-top:3px solid #1E3748;
}
dl, ol, ul {
    list-style:none;
    margin:0;
    padding:0;
}
h2, h3, h4, p {font-weight:100;}
h2 {font-size:28px;}
p {
    font-size:16px;
    text-shadow:0 0 2px rgba(0, 0, 0, .1);
    margin-bottom:1em;
    transition:font-size .33s linear;
    -webkit-transition:font-size .33s linear;
}
a:link, a:visited {color:#1EA3E1;}
a:active, a:focus, a:hover {color:#953E00;}
.fff {
    color:#FFF;
    font-weight:100;
}
.unseen {display:none !important;}
header {
    margin:0 auto;
    height:130px;
}
header h1 {
    height:26px;
    width:330px;
    margin:0 auto;
    background-color:#193648;
    text-align:center;
    font-size:18px;
    color:#FFF;
    word-spacing:2px;
    padding-top:4px;
	font-weight:100;
    -moz-transition:width 1s linear, font-size 1s linear;
    -webkit-transition:width 1s linear, font-size 1s linear;
    transition:width 1s linear, font-size 1s linear;
}
header h1 a:link, header h1 a:visited {
    color:rgba(240,240,255,.5);
    -moz-transition:color .33s linear;
    -webkit-transition:color .33s linear;
    transition:color .33s linear;
}
header h1 a:hover, header h1 a:focus, header h1 a:active {
    color:rgba(255,255,255,1);
}
.spaced {
    margin-left:6px;
    color:rgba(255, 255, 255, .2);
    text-shadow:none;
}
.last {
    margin-right:0;
}
header div#motto {text-align:center;}
#motto .sixcol img {
    margin:0 auto;
    transition:width 1s linear, height 1s linear;
    -webkit-transition: width 1s linear, height 1s linear;
}
#motto .sixcol #path {
    width:0;
    height:0;
    margin:0 auto;
    padding-top:10px;
    border-left:30px solid transparent;
    border-right:30px solid transparent;
    border-top:30px solid #1D3748;
    opacity:0;
    animation:pathway 2s linear 3;
    -webkit-animation:pathway 2s linear 3;
}
@media only screen and (min-width: 480px) {
	@keyframes pathway {
		0% {
			margin-top:-50px;
			opacity:.2;
		}
		10% {
			margin-top:-45px;
			opacity:.2;
		}
		20% {
			margin-top:-40px;
			opacity:0;
		}
		30% {
			margin-top:-35px;
			opacity:0;
		}
		40% {
			margin-top:-30px;
			opacity:.5;
		}
		50% {
			margin-top:-25px;
			opacity:.5;
		}
		60% {
			margin-top:-20px;
			opacity:0;
		}
		70% {
			margin-top:-15px;
			opacity:0;
		}
		80% {
			margin-top:-10px;
			opacity:.8;
		}
		90% {
			margin-top:-5px;
			opacity:.8;
		}
		100% {
			margin-top:0px;
			opacity:0;
		}
	}
	@-webkit-keyframes pathway {
		0% {
			margin-top:0;
			opacity:.2;
		}
		10% {
			margin-top:2.5px;
			opacity:.2;
		}
		20% {
			margin-top:5px;
			opacity:0;
		}
		30% {
			margin-top:7.5px;
			opacity:0;
		}
		40% {
			margin-top:10px;
			opacity:.5;
		}
		50% {
			margin-top:12.5px;
			opacity:.5;
		}
		60% {
			margin-top:15px;
			opacity:0;
		}
		70% {
			margin-top:17.5px;
			opacity:0;
		}
		80% {
			margin-top:20px;
			opacity:.8;
		}
		90% {
			margin-top:22.5px;
			opacity:.8;
		}
		100% {
			margin-top:25px;
			opacity:0;
		}
	}
}
@media only screen and (min-width: 640px) {
	@keyframes pathway {
		0% {
			margin-top:-25px;
			opacity:.2;
		}
		10% {
			margin-top:-20px;
			opacity:.2;
		}
		20% {
			margin-top:-15px;
			opacity:0;
		}
		30% {
			margin-top:-10px;
			opacity:0;
		}
		40% {
			margin-top:-5px;
			opacity:.5;
		}
		50% {
			margin-top:0px;
			opacity:.5;
		}
		60% {
			margin-top:5px;
			opacity:0;
		}
		70% {
			margin-top:10px;
			opacity:0;
		}
		80% {
			margin-top:15px;
			opacity:.8;
		}
		90% {
			margin-top:20px;
			opacity:.8;
		}
		100% {
			margin-top:25px;
			opacity:0;
		}
	}
	@-webkit-keyframes pathway {
		0% {
			margin-top:0;
			opacity:.2;
		}
		10% {
			margin-top:2.5px;
			opacity:.2;
		}
		20% {
			margin-top:5px;
			opacity:0;
		}
		30% {
			margin-top:7.5px;
			opacity:0;
		}
		40% {
			margin-top:10px;
			opacity:.5;
		}
		50% {
			margin-top:12.5px;
			opacity:.5;
		}
		60% {
			margin-top:15px;
			opacity:0;
		}
		70% {
			margin-top:17.5px;
			opacity:0;
		}
		80% {
			margin-top:20px;
			opacity:.8;
		}
		90% {
			margin-top:22.5px;
			opacity:.8;
		}
		100% {
			margin-top:25px;
			opacity:0;
		}
	}
}
@media only screen and (min-width: 900px) {
	@keyframes pathway {
		0% {
			margin-top:0;
			opacity:.2;
		}
		10% {
			margin-top:5px;
			opacity:.2;
		}
		20% {
			margin-top:10px;
			opacity:0;
		}
		30% {
			margin-top:15px;
			opacity:0;
		}
		40% {
			margin-top:20px;
			opacity:.5;
		}
		50% {
			margin-top:25px;
			opacity:.5;
		}
		60% {
			margin-top:30px;
			opacity:0;
		}
		70% {
			margin-top:35px;
			opacity:0;
		}
		80% {
			margin-top:40px;
			opacity:.8;
		}
		90% {
			margin-top:45px;
			opacity:.8;
		}
		100% {
			margin-top:50px;
			opacity:0;
		}
	}
	@-webkit-keyframes pathway {
		0% {
			margin-top:0;
			opacity:.2;
		}
		10% {
			margin-top:5px;
			opacity:.2;
		}
		20% {
			margin-top:10px;
			opacity:0;
		}
		30% {
			margin-top:15px;
			opacity:0;
		}
		40% {
			margin-top:20px;
			opacity:.5;
		}
		50% {
			margin-top:25px;
			opacity:.5;
		}
		60% {
			margin-top:30px;
			opacity:0;
		}
		70% {
			margin-top:35px;
			opacity:0;
		}
		80% {
			margin-top:40px;
			opacity:.8;
		}
		90% {
			margin-top:45px;
			opacity:.8;
		}
		100% {
			margin-top:50px;
			opacity:0;
		}
	}
}
div#esa {
	position:absolute;
	top:3px;
	left:5%;
	width:145px;
	-moz-box-shadow:0 0 5px rgba(29,55,72,.85);
	-webkit-box-shadow:0 0 5px rgba(29,55,72,.85);
	box-shadow:0 0 5px rgba(29,55,72,.85);
	z-index:400;
}
#esa a {
	display:block;
	width:calc(100% - 20px);
	height:100%;
	margin:0;
	margin-top:-20px;
	padding-top:20px;
	background:#FFF;
	border-top:20px solid #1D3748;
	border-left:10px solid #FFF;
	border-right:10px solid #FFF;
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
}
#esa a:hover {
	margin-top:0;
	padding-top:40px;
}
#esa a img, #esa a object {
	display:block;
	width:100%;
	height:100%;
	margin:0;
}
div#eu {
	position:absolute;
	top:3px;
	right:5%;
	width:145px;
	-moz-box-shadow:0 0 5px rgba(29,55,72,.85);
	-webkit-box-shadow:0 0 5px rgba(29,55,72,.85);
	box-shadow:0 0 5px rgba(29,55,72,.85);
	z-index:400;
}
#eu a {
	display:block;
	width:calc(100% - 20px);
	height:100%;
	margin:0;
	margin-top:-20px;
	padding-top:20px;
	background:#FFF;
	border-top:20px solid #1D3748;
	border-left:10px solid #FFF;
	border-right:10px solid #FFF;
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
}
#eu a:hover {
	margin-top:0;
	padding-top:40px;
}
#eu a img, #eu a object {
	display:block;
	width:100%;
	height:100%;
	margin:0;
}
section#mainContentArea {
    height:auto;
    border-top:40px solid #0079AD;
    background-image:url(../svgs/emtech_mountain_gmbh.svg);
    background-repeat:no-repeat;
    background-size:100%
}
div.zeroHeight {height:0;}
#mainContentArea div#brandName {
    margin:0 auto;
    margin-top:45.5%;
    background:url("../svgs/brandName.svg") no-repeat center center;
	background-size:contain;
    transition:width 1s linear, height 1s linear;
    -webkit-transition: width 1s linear, height 1s linear;
}
@media only screen and (max-width: 479px) {
    #mainContentArea div#brandName {
        width:65.63px;
        height:72.81px;
    }
	header div#motto {margin-top:-10px;}
    #motto .sixcol img {
        width:95.63px;
        height:212.81px;
    }
}
@media only screen and (min-width: 480px) {
    #mainContentArea div#brandName {
        width:65.63px;
        height:72.81px;
    }
	header div#motto {margin-top:-5px;}
    #motto .sixcol img {
        width:95.63px;
        height:212.81px;
    }
}
@media only screen and (min-width: 600px) {
    #mainContentArea div#brandName {
        width:89.53px;
        height:81.2px;
    }
	header div#motto {margin-top:0px;}
    #motto .sixcol img {
        width:119.53px;
        height:221.2px;
    }
}
@media only screen and (min-width: 640px) {
    #mainContentArea div#brandName {
        width:97.5px;
        height:83.75px;
    }
	header div#motto {margin-top:5px;}
    #motto .sixcol img {
        width:127.5px;
        height:223.75px;
    }
}
@media only screen and (min-width: 768px) {
    #mainContentArea div#brandName {
        width:123px;
        height:92.5px;
    }
	header div#motto {margin-top:10px;}
    #motto .sixcol img {
        width:153px;
        height:232.5px;
    }
}
@media only screen and (min-width: 800px) {
    #mainContentArea div#brandName {
        width:129.38px;
        height:94.69px;
    }
	header div#motto {margin-top:15px;}
    #motto .sixcol img {
        width:159.38px;
        height:234.69px;
    }
}
@media only screen and (min-width: 900px) {
    #mainContentArea div#brandName {
        width:149.3px;
        height:101.52px;
    }
	header div#motto {margin-top:20px;}
    #motto .sixcol img {
        width:179.3px;
        height:241.52px;
    }
}
@media only screen and (min-width: 1024px) {
    #mainContentArea div#brandName {
        width:174px;
        height:110px;
    }
	header div#motto {margin-top:25px;}
    #motto .sixcol img {
        width:204px;
        height:250px;
    }
}
@media only screen and (min-width: 1080px) {
    #mainContentArea div#brandName {
        width:185.16px;
        height:113.83px;
    }
	header div#motto {margin-top:30px;}
    #motto .sixcol img {
        width:215.16px;
        height:253.83px;
    }
}
@media only screen and (min-width: 1200px) {
    #mainContentArea div#brandName {
        width:209.6px;
        height:122.3px;
    }
	header div#motto {margin-top:50px;}
    #motto .sixcol img {
        width:239.6px;
        height:262.3px;
    }
}
@media only screen and (min-width: 1280px) {
    #mainContentArea div#brandName {
        width:225px;
        height:127.5px;
    }
    #motto .sixcol img {
        width:255px;
        height:267.5px;
    }
}
@media only screen and (min-width: 1366px) {
    #mainContentArea div#brandName {
        width:242.13px;
        height:133.38px;
    }
    #motto .sixcol img {
        width:272.13px;
        height:273.38px;
    }
}
@media only screen and (min-width: 1440px) {
    #mainContentArea div#brandName {
        width:256.88px;
        height:138.44px;
    }
    #motto .sixcol img {
        width:286.88px;
        height:278.44px;
    }
}
@media only screen and (min-width: 1600px) {
    #mainContentArea div#brandName {
        width: 288.75px;
        height: 149.38px;
    }
    #motto .sixcol img {
        width: 318.75px;
        height: 289.38px;
    }
}
@media only screen and (min-width: 1680px) {
    #mainContentArea div#brandName {
        width: 304.69px;
        height: 154.84px;
    }
    #motto .sixcol img {
        width: 334.69px;
        height: 294.84px;
    }
}
@media only screen and (min-width: 1800px) {
    #mainContentArea div#brandName {
        width: 328.59px;
        height: 163.5px;
    }
    #motto .sixcol img {
        width: 358.59px;
        height: 303.5px;
    }
}
@media only screen and (min-width: 1920px) {
    #mainContentArea div#brandName {
        width: 352.5px;
        height: 171.25px;
    }
	#motto .sixcol .blueberry {margin-top:0px;}
    #motto .sixcol img {
        width: 382.5px;
        height: 311.25px;
    }
}
@media only screen and (min-width: 2048px) {
    #mainContentArea div#brandName {
        width: 408px;
        height: 180px;
    }
    #motto .sixcol img {
        width: 408px;
        height: 320px;
    }
}
@media only screen and (min-width: 2560px) {
    #mainContentArea div#brandName {
        width: 510px;
        height: 415px;
    }
    #motto .sixcol img {
        width: 510px;
        height: 405px;
    }
}
@media only screen and (min-width: 2880px) {
    #mainContentArea div#brandName {
        width: 573.75px;
        height: 236.88px;
    }
    #motto .sixcol img {
        width: 573.75px;
        height: 326.88px;
    }
}
#brandName a:link,
#brandName a:visited {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent!important;
    border: none!important
}
#mainContentArea div#centerNav {
    margin: 0 auto
}
#centerNav nav {
    margin-top: 80px
}
#centerNav ul {
    width:608px;
    margin:0 auto;
    text-align:center;
    padding-left:18px;
}
#centerNav ul li {
    float: left;
    width: 110px;
	margin-right:10px;
}
#centerNav ul li a:link,
#centerNav ul li a:visited {
    display: block;
    padding-top: 90px;
    color: #193648;
    text-shadow: none;
    background-image: url(../jpgs/btn_sprite.png);
    opacity: .5;
    transition: color 1s ease, text-shadow 1s ease, opacity .33s ease;
    -webkit-transition: color 1s ease, text-shadow 1s ease, opacity .33s ease
}
#centerNav ul li a:active,
#centerNav ul li a:focus,
#centerNav ul li a:hover {
    color: #fff;
    text-shadow: 6px -14px rgba(255, 255, 255, .1);
    opacity: 1
}
#centerNav ul li:nth-of-type(1) a {
    background-position: 10px 0;
    background-repeat: no-repeat
}
#centerNav ul li:nth-of-type(2) a {
    background-position: -100px 0;
    background-repeat: no-repeat
}
#centerNav ul li:nth-of-type(3) a {
    background-position: -225px 0;
    background-repeat: no-repeat
}
#centerNav ul li:nth-of-type(4) a {
    background-position: -352px 0;
    background-repeat: no-repeat
}
#centerNav ul li:nth-of-type(5) a {
    background-position: -475px 0;
    background-repeat: no-repeat
}
#centerNav ul li:nth-of-type(5) a span {padding-right:5px;}
#centerNav ul li a.selected {
    color: #fff;
    cursor: default;
    opacity: 1
}
#centerNav ul li a.selected:hover {
    text-shadow: none
}
#centerNav fieldset {
    display: none
}
h2.colHead {
    font-size: 22px;
    height: 100px;
    color: rgba(0, 0, 0, .75);
    line-height: 26px;
    transition: font-size .33s linear;
    -webkit-transition: font-size .33s linear;
	text-align:center;
}
h2.colHead span {
	display:inline-block;
    width: 100%;
    height: auto;
	margin:0 auto;
	text-align:center;
}
.pageSection article.row p.eightcol a:link,
.pageSection article.row p.eightcol a:visited,
article.threecol p a:link,
article.threecol p a:visited {
    border-bottom: 1px dashed rgba(255, 255, 255, .75);
    padding-bottom: 1px
}
.pageSection article.row p.eightcol a:active,
.pageSection article.row p.eightcol a:focus,
.pageSection article.row p.eightcol a:hover,
article.threecol p a:active,
article.threecol p a:focus,
article.threecol p a:hover {
    border-bottom: none
}
p.readMore {
    margin: 6px auto;
    font-size: 22px;
    text-align: center;
    color: #333
}
/*#downOne p.readMore {
    text-align: left
}*/
#downOne .row .twelvecol p.readMore {
    text-align: center
}
p.readMore a:link,
p.readMore a:visited {
    background-color: rgba(255, 255, 255, .75);
    box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    color: #222;
    text-shadow: 0 0 1px #666;
    border-bottom: none!important;
    padding: 0 .25em;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    animation: pluspulsate 3s linear infinite;
    -webkit-animation: pluspulsate 3s linear infinite
}
p.readMore a:hover {
    background-color: transparent!important;
	color: #DEDEDE;
}
#downOne .row .threecol p.readMore a:link,
#downOne .row .threecol p.readMore a:visited {
    background: 0 0;
    box-shadow: none
}
@keyframes pluspulsate {
    0% {
        opacity: .4
    }
    16.666666666666666666666666666667% {
        opacity: .6
    }
    33.333333333333333333333333333333% {
        opacity: .8
    }
    50% {
        opacity: 1
    }
    66.666666666666666666666666666667% {
        opacity: .8
    }
    83.333333333333333333333333333333% {
        opacity: .6
    }
    100% {
        opacity: .4
    }
}
@-webkit-keyframes pluspulsate {
    0% {
        opacity: .4
    }
    16.666666666666666666666666666667% {
        opacity: .6
    }
    33.333333333333333333333333333333% {
        opacity: .8
    }
    50% {
        opacity: 1
    }
    66.666666666666666666666666666667% {
        opacity: .8
    }
    83.333333333333333333333333333333% {
        opacity: .6
    }
    100% {
        opacity: .4
    }
}
.blue {color:#003347;}
.Lblue {color:#0079AD;}
/*#downOne .threecol:first-of-type div:first-of-type {
    background-color: #950583;
    opacity: 1;
    width: 66%;
    margin: 0 0 2px 1em
}
#downOne .threecol:nth-of-type(2) div:first-of-type {
    background-color: #950583;
    opacity: .6;
    width: 66%;
    margin: 0 0 2px 1em
}
#downOne .threecol:nth-of-type(3) div:first-of-type {
    background-color: #950583;
    opacity: .2;
    width: 66%;
    margin: 0 0 2px 1em
}
#downOne .threecol div.date {
    background-color: #193648;
    margin: 0 0 1em 1em;
    padding-top: 2em;
    width: 66%;
    height: auto;
    display: block
}
#downOne .threecol div.date time {
    color: rgba(255, 255, 255, .5);
    text-align: center;
    font-size: 44px;
    padding: 1em 0 0 .1em;
    line-height: .75em
}
#downOne .threecol:first-of-type div.date time {
    color: #950583
}
#downOne .threecol div.date time span {
    color: rgba(25, 255, 255, .2);
    padding: .5em 0 0 .1em
}*/
#downOne .eightcol div:first-of-type {
    background-color: #42A192;
    opacity: 1;
    width: 25%;
    margin:0 auto 2px /*0 0 2px 1em*/;
}
#downOne .eightcol div.date {
    background-color: #0079AD;
    margin:0 auto 1em /*0 0 1em 1em*/;
    padding-top: 2em;
    width: 25%;
    height: auto;
    display: block;
	text-align:center;
}
#downOne .eightcol div.date time {
	display:block;
	width:100%;
	margin:0;
    color: #950583;
    text-align: center;
    font-size: 44px;
    line-height: .75em
}
#downOne .eightcol div.date time span {
	display:block;
	width:calc(100% - .125em);
	margin:0;
    padding:0 .125em .125em 0;
    color: rgba(25, 255, 255, .8);
}
#downOne .eightcol p {
	text-align:center;
	color:rgba(255,255,255,.9);
	font-size:1.125rem;
}

.pageSection {
    padding-bottom: 120px;
    border-bottom: 3px dashed #fff
}
.pageSection div.icon {
	width:200px;
	height:150px;
	margin:-150px auto 0;
	background:url("../jpgs/btn_sprite_dark.png") no-repeat center center;
	background-size:400%;
	opacity:0;
}
#downTwo div.icon {background-position: -107px 17px;}
#downThree div.icon {background-position: -277px 17px;}
#downFour div.icon {background-position: -617px 17px;}
.pageSection div.row h2.sixcol {
    text-align: center;
    color: #fff;
    margin: 30px auto 80px;
    font-size: 40px;
    line-height: 1.2em;
    transition: font-size .33s linear;
    -webkit-transition: font-size .33s linear;
}
.pageSection div.row h2.sixcol span {
    background: #193648;
    padding: 8px 10px 4px;
    font-weight: 100;
}
.pageSection article.row p.eightcol {
    font-size: 30px;
    line-height: 1.2em;
    text-align: center;
    color: rgba(255, 255, 255, .85)
}
.pageSection article.row p.eightcol a {
    color: inherit
}
article.row h2.tencol,
div.row h2.tencol {
    text-align: center;
    border-top: 1px solid #0079AD;
    border-bottom: 1px solid #0079AD;
    padding: 20px 0 12px;
    margin-bottom: 80px;
    font-size: 40px;
    font-weight: 100;
    line-height: 1.2em;
    transition: font-size .33s linear;
    -webkit-transition: font-size .33s linear
}
div.row h2.tencol {
    margin-top: 60px
}
#content section#downFour,
#content section#downThree,
#content section#downTwo {
    padding-top: 40px;
    border-bottom: none!important;
}
#content div#downOne {
    padding-bottom: 80px;
    border-bottom: 3px dashed #fff
}
#downOne .row {
    margin-top:30px;
}
#downOne .row article:first-of-type {
    margin-left:0;
}
#downOne .row article:nth-of-type(2) {
    margin-left:-15px;
    margin-right:-15px;
}
#downOne .row article:last-of-type {
    margin-left:0;
}
#downOne div.row section.twelvecol {
    text-align:center;
    padding-top:50px;
}
#downOne .row h2:nth-of-type(2) {
    border: none;
    color: #FFF;
}
#downOne .row h2:nth-of-type(2) span {
    background-color: #42A192;
    padding: 8px 10px 4px;
    font-weight: 100
}
#downOne div.row section.twelvecol p {
    font-size: 22px
}
#downOne .row article.threecol img {
    width: 75%;
    height: 75%;
    margin-bottom: 16px;
}
#downOne .row article.threecol h2,
#downOne .row article.threecol p {
    padding-left: 16px;
}
#content section#downTwo {background-color:#0079AD;}
#content section#downThree {background-color:#AC4821;}
#content section#downFour {background-color:#5F2259;}
#content section#downFive {background-color:#5F2259;}
#content div.parallax {
	position:relative;
	width:100%;
	height:50vh;
}
#content div.parallax div {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#content div.parallax div:nth-of-type(1) {
	background:transparent url("../jpgs/matrix.jpg") no-repeat center center;
	background-size:cover !important;
	background-attachment:fixed !important;
	-o-animation:parallax-slider 24s ease-in-out infinite;
	-moz-animation:parallax-slider 24s ease-in-out infinite;
	-webkit-animation:parallax-slider 24s ease-in-out infinite;
	animation:parallax-slider 24s ease-in-out infinite;
	z-index:140;
}
#content div.parallax div:nth-of-type(2) {
	background:transparent url("../jpgs/code.jpg") no-repeat center center;
	background-size:cover !important;
	background-attachment:fixed !important;
	z-index:130;
}
@-o-keyframes parallax-slider {
    0%   {opacity: 0;}
    25%  {opacity: 1;}
    50%  {opacity: 0;}
    75%  {opacity: 1;}
    100% {opacity: 0;}
}
@-moz-keyframes parallax-slider {
    0%   {opacity: 0;}
    25%  {opacity: 1;}
    50%  {opacity: 0;}
    75%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes parallax-slider {
    0%   {opacity: 0;}
    25%  {opacity: 1;}
    50%  {opacity: 0;}
    75%  {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes parallax-slider {
    0%   {opacity: 0;}
    25%  {opacity: 1;}
    50%  {opacity: 0;}
    75%  {opacity: 1;}
    100% {opacity: 0;}
}
#content div.parallax p {
	position:absolute;
	top:40%;
	left:0;
	width:100%;
	height:auto;
	margin:0;
	z-index:150;
}
#content div.parallax p span {
	display:block;
	width:35%;
	margin:0 auto;
	padding:8px 10px 2px;
	font-size:2.5rem;
	line-height:3rem;
	text-align:center;
	color:#1D3748;
	background-color:rgba(255,255,255,.85);
}
@media only screen and (max-width: 1024px) {
	#content div.parallax {height:75vh;}
	#content div.parallax p {
		top:30%;
	}
	#content div.parallax p span {
		width:90%;
		font-size:2rem;
		line-height:2.25rem;
	}
}
div#bgGreen {
    width:20%;
    float:left;
    background-color:#42A192;
}
div#bgOrange {
    width: 20%;
    float: left;
    background-color: #AC4821;
}
div#bgPurple {
    width: 20%;
    float: left;
    background-color: #5F2259;
}
div#bgLBlue{
    width: 20%;
    float: left;
    background-color: #0079AD;
}
div#bgBlue {
    width: 20%;
    float: left;
    background-color: #1E3748;
}
div#bgWhite {
    width: 20%;
    float: left;
    background-color: #FFF;
}
footer#pageFooter {
    background:#FFF;
    color: rgba(0, 0, 0, .5);
    text-align: center;
    padding-top: 80px;
}
#pageFooter .row .tencol {
    border-top: 1px solid #193648;
    border-bottom: 1px solid #193648;
    margin-bottom: 50px;
}
#pageFooter h2 {
    padding: 20px 0 10px;
    font-size: 30px;
    line-height: 1.1em;
    font-weight: 100;
}
#pageFooter p {
    text-align: center;
    margin: 0 auto;
    font-size: 30px;
    line-height: 1.1em;
    padding: 10px 0 20px;
}
#pageFooter .row .footInfo {
    background: url("../svgs/emtech-gmbh_logo.svg") no-repeat top center;
	background-size:300px;
    border-top: none;
    border-bottom: none;
    margin: 40px 0 10px;
    padding-top: 80px;
}
#pageFooter .row .footInfo h2 {
	height:250px;
    color: transparent;
    font-size: 38px;
    margin-bottom: 50px;
}
#pageFooter .row .footInfo p {
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: .95em;
}
#pageFooter p a {
    padding: 0 10px;
}
#pageFooter p a:link,
#pageFooter p a:visited {
    text-shadow: none;
    transition: color .66s ease-in-out, text-shadow .33s ease-in-out;
    -webkit-transition: color .66s ease-in-out, text-shadow .33s ease-in-out;
}
#pageFooter p a:active,
#pageFooter p a:focus,
#pageFooter p a:hover {
    color: inherit;
    text-shadow: .5px .25px rgba(255, 255, 255, .1), .25px -.5px rgba(0, 0, 0, .1), -.5px .25px rgba(255, 255, 255, .1), -.25px -.5px rgba(0, 0, 0, .1);
}
#pageFooter .row .footInfo p a {
    padding: 0 1px;
}
aside {
    position: fixed;
    width: 60px;
    top: 165px;
    right: 2px;
    z-index: 222;
    text-align: center;
    color: #fff;
}
aside:hover {
    cursor: default;
}
aside select {
    display: none!important;
}
aside h4 {
    font-size: .8em;
    font-weight: 400!important;
    margin: 5px 0;
    line-height: 1.2em;
    animation: flytopulsate 3s linear infinite;
    -webkit-animation: flytopulsate 3s linear infinite;
}
@keyframes flytopulsate {
    0% {
        color: #fff;
    }
    16.666666666666666666666666666667% {
        color: #ddd;
    }
    33.333333333333333333333333333333% {
        color: #bbb;
    }
    50% {
        color: #999;
    }
    66.666666666666666666666666666667% {
        color: #bbb;
    }
    83.333333333333333333333333333333% {
        color: #ddd;
    }
    100% {
        color: #fff;
    }
}
@-webkit-keyframes flytopulsate {
    0% {
        color: #fff;
    }
    16.666666666666666666666666666667% {
        color: #ddd;
    }
    33.333333333333333333333333333333% {
        color: #bbb;
    }
    50% {
        color: #999;
    }
    66.666666666666666666666666666667% {
        color: #bbb;
    }
    83.333333333333333333333333333333% {
        color: #ddd;
    }
    100% {
        color: #fff;
    }
}
aside div#arrowDown {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid rgba(255, 255, 255, .75);
    animation: arrowpulsate 3s linear infinite;
    -webkit-animation: arrowpulsate 3s linear infinite;
}
@keyframes arrowpulsate {
    0% {
        border-top: 30px solid rgba(255, 255, 255, .75);
    }
    16.666666666666666666666666666667% {
        border-top: 30px solid rgba(221, 221, 221, .75);
    }
    33.333333333333333333333333333333% {
        border-top: 30px solid rgba(187, 187, 187, .75);
    }
    50% {
        border-top: 30px solid rgba(153, 153, 153, .75);
    }
    66.666666666666666666666666666667% {
        border-top: 30px solid rgba(187, 187, 187, .75);
    }
    83.333333333333333333333333333333% {
        border-top: 30px solid rgba(221, 221, 221, .75);
    }
    100% {
        border-top: 30px solid rgba(255, 255, 255, .75);
    }
}
@-webkit-keyframes arrowpulsate {
    0% {
        border-top: 30px solid rgba(255, 255, 255, .75);
    }
    16.666666666666666666666666666667% {
        border-top: 30px solid rgba(221, 221, 221, .75);
    }
    33.333333333333333333333333333333% {
        border-top: 30px solid rgba(187, 187, 187, .75);
    }
    50% {
        border-top: 30px solid rgba(153, 153, 153, .75);
    }
    66.666666666666666666666666666667% {
        border-top: 30px solid rgba(187, 187, 187, .75);
    }
    83.333333333333333333333333333333% {
        border-top: 30px solid rgba(221, 221, 221, .75);
    }
    100% {
        border-top: 30px solid rgba(255, 255, 255, .75);
    }
}
aside li {
    height: 50px;
    border-bottom: 2px solid #193648;
    font-size: .725em;
}
aside .goToFifth,
aside .goToFirst,
aside .goToFourth,
aside .goToSecond,
aside .goToSixth,
aside .goToThird {
    background: rgba(0, 0, 25, .25);
    transition: background .5s ease;
    -webkit-transition: background .5s ease;
}
aside .goToTop {
    background: url(../svgs/emtech_mountain_alt.svg) no-repeat center top;
    background-size: 122% auto;
}
aside .goToTop:hover {
    background: url(../svgs/emtech_mountain_gmbh.svg) no-repeat center top;
    background-size: 122% auto;
}
aside .goToFifth {
    animation: onoff5 2.5s linear 3s;
    -webkit-animation: onoff5 2.5s linear 3s;
}
@keyframes onoff5 {
    0% {
        background-color: rgba(0, 0, 25, .25);
    }
    20%,
    5% {
        background-color: #950583;
    }
    100%,
    25% {
        background-color: rgba(0, 0, 25, .25);
    }
}
@-webkit-keyframes onoff5 {
    0% {
        background-color: rgba(0, 0, 25, .25);
    }
    20%,
    5% {
        background-color: #950583;
    }
    100%,
    25% {
        background-color: rgba(0, 0, 25, .25);
    }
}
aside .goToFifth:hover {
    background-color: #950583;
}
aside .goToFourth {
    animation: onoff4 2.5s linear 3s;
    -webkit-animation: onoff4 2.5s linear 3s;
}
@keyframes onoff4 {
    0%,
    20% {
        background-color: rgba(0, 0, 25, .25);
    }
    25%,
    40% {
        background-color: #42A192;
    }
    100%,
    45% {
        background-color: rgba(0, 0, 25, .25);
    }
}
@-webkit-keyframes onoff4 {
    0%, 20% {
        background-color: rgba(0, 0, 25, .25);
    }
    25%,
    40% {
        background-color: #42A192;
    }
    100%,
    45% {
        background-color: rgba(0, 0, 25, .25);
    }
}
aside .goToFourth:hover {
    background-color: #42A192;
}
aside .goToThird {
    animation: onoff3 2.5s linear 3s;
    -webkit-animation: onoff3 2.5s linear 3s;
}
@keyframes onoff3 {
    0%,
    40% {
        background-color: rgba(0, 0, 25, .25);
    }
    45%,
    60% {
        background-color: #0079AD;
    }
    100%,
    65% {
        background-color: rgba(0, 0, 25, .25);
    }
}
@-webkit-keyframes onoff3 {
    0%, 40% {
        background-color: rgba(0, 0, 25, .25);
    }
    45%,
    60% {
        background-color: #0079AD;
    }
    100%,
    65% {
        background-color: rgba(0, 0, 25, .25);
    }
}
aside .goToThird:hover {
    background-color: #0079AD;
}
aside .goToSecond {
    animation: onoff2 2.5s linear 3s;
    -webkit-animation: onoff2 2.5s linear 3s;
}
@keyframes onoff2 {
    0%,
    60% {
        background-color: rgba(0, 0, 25, .25);
    }
    65%,
    80% {
        background-color: #AC4821;
    }
    100%,
    85% {
        background-color: rgba(0, 0, 25, .25);
    }
}
@-webkit-keyframes onoff2 {
    0%, 60% {
        background-color: rgba(0, 0, 25, .25);
    }
    65%,
    80% {
        background-color: #AC4821;
    }
    100%,
    85% {
        background-color: rgba(0, 0, 25, .25);
    }
}
aside .goToSecond:hover {
    background-color: #AC4821;
}
aside .goToFirst {
    animation: onoff1 2.5s linear 3s;
    -webkit-animation: onoff1 2.5s linear 3s;
}
@keyframes onoff1 {
    0%,
    80% {
        background-color: rgba(0, 0, 25, .25);
    }
    85%,
    99% {
        background-color: #5F2259;
    }
    100% {
        background-color: rgba(0, 0, 25, .25);
    }
}
@-webkit-keyframes onoff1 {
    0%, 80% {
        background-color: rgba(0, 0, 25, .25);
    }
    85%,
    99% {
        background-color: #5F2259;
    }
    100% {
        background-color: rgba(0, 0, 25, .25);
    }
}
aside .goToFirst:hover {
    background: #5F2259;
}
aside li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
}
aside li a span {
    display: block;
    line-height: 1.1em;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    color: rgba(255, 255, 255, .25);
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    border-left: 1px solid rgba(255, 255, 255, 0);
    opacity: 0;
    transition: margin-left 2s ease, opacity 2s ease, border 4s linear;
    -webkit-transition: margin-left 2s ease, opacity 2s ease, border 4s linear;
}
aside li a:hover span {
    z-index: 333;
    width: auto;
    margin-left: -70px;
    color: rgba(255, 255, 255, .9);
    border-bottom: 1px solid rgba(255, 255, 255, .9);
    border-left: 1px solid rgba(255, 255, 255, .9);
    opacity: 1;
}
a#btnGooglePlus:link,
a#btnGooglePlus:visited {
    position: fixed;
    top: 170px;
    left: 0;
    width: 40px;
    height: 40px;
    background-image: url(../svgs/Google_plus_opt.svg);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    border-radius: 10px 5px 5px 10px;
}
a#btnLinkedIn:link,
a#btnLinkedIn:visited {
    position: fixed;
    top: 220px;
    left: 0;
    width: 40px;
    height: 40px;
    background: url(../svgs/Linkedin_opt.svg);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    border-radius: 10px 5px 5px 10px;
}
button#showPolicy,
div#policy {
    text-align: center;
    position: fixed;
    bottom: 0;
    font-size: 16px;
    z-index: 999;
}
div#policy {
    display: none;
    left: 0;
    width: 100%;
    margin: 0 auto;
    background: rgba(255, 255, 255, .9);
    padding: 25px;
    box-shadow: 0 0 25px rgba(85, 85, 85, .75);
}
button#showPolicy,
div#policy button#hidePolicy {
    background: rgba(0, 0, 0, .25);
    color: #FFF;
    border: none;
    box-shadow: 0 0 5px rgba(0, 0, 25, .25);
    transition: background 1s ease-in-out, box-shadow 1.2s ease-in-out, color 1s ease-in-out;
    -webkit-transition: background 1s ease-in-out, box-shadow 1.2s ease-in-out, color 1s ease-in-out;
    text-shadow: 1px 1px rgba(255, 255, 255, .25);
    -webkit-text-shadow: 1px 1px rgba(255, 255, 255, .25);
}
button#showPolicy:hover,
div#policy button#hidePolicy:hover {
    cursor: pointer;
    color: #FFF;
    background: rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 25, .5);
}
#policy p {
    width: 75%;
    margin: .5em auto;
}
#policy p:first-of-type {
    font-size: 20px;
    color: #222;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
}
#policy span {
    color: rgba(150, 100, 150, .75);
    font-weight: 600;
}
#policy button#hidePolicy {
    margin-top: 2em
}
@media only screen and (max-width: 1023px) {
	div#esa {width:95px;}
	#esa a {
		width:calc(100% - 10px);
		margin-top:-10px;
		padding-top:10px;
		border-top:10px solid #1D3748;
		border-left:5px solid #FFF;
		border-right:5px solid #FFF;
	}
	#esa a:hover {padding-top:20px;}
    #mainContentArea div#centerNav h2 {
        font-size: 24px;
    }
    h2.colHead {
        font-size: 18px;
        line-height: 1.1em;
        height: 180px;
    }
    #downOne .row h2.tencol,
    .pageSection .row h2.tencol {
        font-size: 30px;
        line-height: 1.1em;
        font-weight: 100;
    }
    .pageSection div.row h2.sixcol {
        font-size: 30px;
        line-height: 1.5em;
        font-weight: 100;
    }
    .pageSection article.row p.eightcol {
        font-size: 26px;
    }
    .pageSection article.row p.tencol {
        font-size: 24px;
        line-height: 1.1em;
    }
    p.readMore {
        font-size: 18px;
        line-height: 1.3em;
    }
}
@media
only screen and (max-width: 767px) {
    header h1 {
        width: 260px;
        font-size: 16px;
    }
    #mainContentArea div#centerNav {
        margin: 0 auto 60px;
    }
    #mainContentArea div#centerNav nav {
        margin-top: 30px;
    }
    #mainContentArea div#centerNav h2 {
        margin: 40px auto 20px;
    }
    #centerNav ul {
        display: none;
    }
    #centerNav fieldset {
        display: block;
        text-align: center;
        width: 150px;
        margin: 0 auto;
    }
    #centerNav fieldset select#centerNavSelect {
        border: 0!important;
        -webkit-appearance: none;
        -moz-appearance: none;
        min-width: 180px;
        margin: 0 auto;
        margin-top: 1px;
        padding-top: 9px;
        color: rgba(68, 68, 136, .5);
        background: #FFF;
        text-align: center;
        transition: color .33s linear, opacity .66s linear;
        -moz-transition: color .33s linear, opacity .66s linear;
        -webkit-transition: color .33s linear, opacity .66s linear;
        -o-transition: color .33s linear, opacity .66s linear;
    }
    #centerNav fieldset select#centerNavSelect:active,
    #centerNav fieldset select#centerNavSelect:hover {
        box-shadow: 0 0 .2125em #1EA3E1;
        -moz-box-shadow: 0 0 .2125em #1EA3E1;
        -webkit-box-shadow: 0 0 .2125em #1EA3E1;
        color: #193648;
    }
    #centerNav fieldset select#centerNavSelect:focus {
        border: .125em solid rgba(255, 255, 255, .33);
    }
    #centerNav fieldset select#centerNavSelect option {
        padding: 5px 0;
        border-bottom: 1px solid #1EA3E1;
    }
    article.threecol img {
        display: none;
    }
    section#mainContentArea {
        text-align: center;
    }
    #downOne .threecol div.date,
    #downOne .threecol:first-of-type div:first-of-type,
    #downOne .threecol:nth-of-type(2) div:first-of-type,
    #downOne .threecol:nth-of-type(3) div:first-of-type {
        width: 50%;
        margin: 0 auto 2px;
    }
	#downOne .eightcol div:first-of-type, #downOne .eightcol div.date {
		width:50%;
	}
    p.readMore {
        font-size: 22px;
        margin-bottom: 30px;
        text-align: center;
    }
    #downOne p.readMore {
        text-align: center;
    }
    h2.colHead {
        font-size: 22px;
        line-height: 1.15em;
        height: auto;
        margin-bottom: 30px;
    }
    #downOne .row article:first-of-type {
        margin-left: 0;
    }
    #downOne .row article:nth-of-type(2) {
        margin-left: 0;
        margin-right: 0;
    }
    #downOne .row article:last-of-type {
        margin-left: 0;
    }
    #downOne .row h2.tencol {
        width: 80%;
        margin: 0 auto 60px;
    }
    #pageFooter h2,
    #pageFooter p {
        font-size: 24px;
        line-height: 1em;
    }
    a#btnGooglePlus:link,
    a#btnGooglePlus:visited {
        position: fixed;
        top: 100px;
        left: 0;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    a#btnLinkedIn:link,
    a#btnLinkedIn:visited {
        position: fixed;
        top: 140px;
        left: 0;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    #policy p {
        font-size: 14px;
    }
    #policy p:first-of-type {
        font-size: 17px;
    }
    #policy button#hidePolicy {
        margin-top: 1em;
    }
}
@media only screen and (max-width: 599px),
only screen and (max-height: 599px) {
	div#esa {width:70px;}
	#esa a {
		width:calc(100% - 10px);
		margin-top:-10px;
		padding-top:10px;
		border-top:10px solid #1D3748;
		border-left:5px solid #FFF;
		border-right:5px solid #FFF;
	}
	#esa a:hover {padding-top:20px;}
    aside {
        top: 100px;
    }
	@media only screen and (max-width: 599px),
only screen and (max-height: 599px) {
	div#eu {width:70px;}
	#eu a {
		width:calc(100% - 10px);
		margin-top:-10px;
		padding-top:10px;
		border-top:10px solid #1D3748;
		border-left:5px solid #FFF;
		border-right:5px solid #FFF;
	}
	#eu a:hover {padding-top:20px;}
    aside {
        top: 100px;
    }
    aside h4 {
        float: right;
    }
    aside ul {
        display: none!important;
    }
    aside select {
        display: block!important;
        width: 60px;
        height: 50px;
        color: rgba(0, 0, 0, .6);
        text-align: center;
        font-size: 12px;
        padding: 15px 0;
    }
    aside select option {
        color: #1EA3E1;
        margin: 5px 0;
    }
    aside .goToFifth,
    aside .goToFirst,
    aside .goToFourth,
    aside .goToSecond,
    aside .goToThird,
    aside .goToTop {
        background: #eee;
    }
    aside div#arrowDown {
        clear: both;
        float: right;
    }
}