@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: rgba(255, 255, 255, .66);
}
a:active,
a:focus,
a:hover {
    color: rgb(0, 121, 173);
}
.fff {
    color: #FFF;
    font-weight: 100
}
.pushDown {
    margin-top: 125px
}
.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 {
    margin-top: 50px;
    text-align: center
}
#motto h2 {
    color: #FFF;
    font-size: 46px;
    line-height: 1em;
    transition: font-size 1s ease;
    -webkit-transition: font-size 1s ease
}
#motto h2 span {
    color: #BBBDBF
}
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;
}
section#mainContentArea {
    height: auto;
    border-top: 40px solid #0079AD;
    background-image: url(../svgs/emtech_mountain_gmbh_contact.svg);
    background-repeat: no-repeat;
    background-size: 100% auto
}
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;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:95.63px;
        height:212.81px;
		margin-top:-15px;
    }
}
@media only screen and (min-width: 480px) {
    #mainContentArea div#brandName {
        width:65.63px;
        height:72.81px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:95.63px;
        height:212.81px;
		margin-top:-15px;
    }
}
@media only screen and (min-width: 600px) {
    #mainContentArea div#brandName {
        width:89.53px;
        height:81.2px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:119.53px;
        height:221.2px;
		margin-top:-14px;
    }
}
@media only screen and (min-width: 640px) {
    #mainContentArea div#brandName {
        width:97.5px;
        height:83.75px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:127.5px;
        height:223.75px;
		margin-top:-13px;
    }
}
@media only screen and (min-width: 768px) {
    #mainContentArea div#brandName {
        width:123px;
        height:92.5px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:153px;
        height:232.5px;
		margin-top:-12px;
    }
}
@media only screen and (min-width: 800px) {
    #mainContentArea div#brandName {
        width:129.38px;
        height:94.69px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:159.38px;
        height:234.69px;
		margin-top:-11px;
    }
}
@media only screen and (min-width: 900px) {
    #mainContentArea div#brandName {
        width:149.3px;
        height:101.52px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:179.3px;
        height:241.52px;
		margin-top:-10px;
    }
}
@media only screen and (min-width: 1024px) {
    #mainContentArea div#brandName {
        width:174px;
        height:110px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:204px;
        height:250px;
		margin-top:-9px;
    }
}
@media only screen and (min-width: 1080px) {
    #mainContentArea div#brandName {
        width:185.16px;
        height:113.83px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:215.16px;
        height:253.83px;
		margin-top:-8px;
    }
}
@media only screen and (min-width: 1200px) {
    #mainContentArea div#brandName {
        width:209.6px;
        height:122.3px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:239.6px;
        height:262.3px;
		margin-top:-7px;
    }
}
@media only screen and (min-width: 1280px) {
    #mainContentArea div#brandName {
        width:225px;
        height:127.5px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:255px;
        height:267.5px;
		margin-top:-6px;
    }
}
@media only screen and (min-width: 1366px) {
    #mainContentArea div#brandName {
        width:242.13px;
        height:133.38px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:272.13px;
        height:273.38px;
		margin-top:-5px;
    }
}
@media only screen and (min-width: 1440px) {
    #mainContentArea div#brandName {
        width:256.88px;
        height:138.44px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width:286.88px;
        height:278.44px;
		margin-top:-4px;
    }
}
@media only screen and (min-width: 1600px) {
    #mainContentArea div#brandName {
        width: 288.75px;
        height: 149.38px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width: 318.75px;
        height: 289.38px;
		margin-top:-3px;
    }
}
@media only screen and (min-width: 1680px) {
    #mainContentArea div#brandName {
        width: 304.69px;
        height: 154.84px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width: 334.69px;
        height: 294.84px;
		margin-top:-2px;
    }
}
@media only screen and (min-width: 1800px) {
    #mainContentArea div#brandName {
        width: 328.59px;
        height: 163.5px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width: 358.59px;
        height: 303.5px;
		margin-top:-1px;
    }
}
@media only screen and (min-width: 1920px) {
    #mainContentArea div#brandName {
        width: 352.5px;
        height: 171.25px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width: 382.5px;
        height: 311.25px;
		margin-top:0px;
    }
}
@media only screen and (min-width: 2048px) {
    #mainContentArea div#brandName {
        width: 408px;
        height: 180px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width: 408px;
        height: 320px;
		margin-top:1px;
    }
}
@media only screen and (min-width: 2560px) {
    #mainContentArea div#brandName {
        width: 510px;
        height: 415px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width: 510px;
        height: 405px;
		margin-top:2px;
    }
}
@media only screen and (min-width: 2880px) {
    #mainContentArea div#brandName {
        width: 573.75px;
        height: 236.88px;
    }
    #motto .sixcol img, #motto .sixcol p {
        width: 573.75px;
        height: 326.88px;
		margin-top:4px;
    }
}
#motto .sixcol p {
	width:75%;
	text-align:center;
	margin:0 auto;
	color:#FFF;
	font-size:32px;
	line-height:36px;
	padding-top:64px;
	font-weight:100;
}
@media only screen and (max-width: 900px) {
	#motto .sixcol p {
		width:50%;
		font-size:24px;
		line-height:28px;
		padding-top:48px;
	}
}
.blue {color:#003347;}
.Lblue {color:#0079AD;}
#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:rgba(255,255,255,.66);
    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
}
#centerNav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    z-index: 111;
    background: #5F2259;
    border-bottom: 10px solid #0079AD;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 10px 20px rgba(25, 54, 72, .6);
    padding-top: 10px;
    transition: box-shadow 3s linear, border-bottom 1s linear;
    -webkit-transition: box-shadow 3s linear, border-bottom 1s linear
}
#centerNav.fixed ul {
    width:508px;
    margin:0 auto;
    text-align:center;
    padding-left:18px;
}
#centerNav.fixed ul li {
    float: left;
    width: 90px;
	margin-right:10px;
}
#centerNav.fixed ul li a:link,
#centerNav.fixed ul li a:visited {
    padding-top: 70px;
    background-image: url("../jpgs/btn_small_sprite.png");
    color: #193648;
    opacity: .66;
    transition: color 1s ease, text-shadow 1s ease, opacity .33s ease;
    -webkit-transition: color 1s ease, text-shadow 1s ease, opacity .33s ease
}
#centerNav.fixed ul li a:active,
#centerNav.fixed ul li a:focus,
#centerNav.fixed ul li a:hover {
    color: #fff;
    text-shadow: 6px -14px rgba(255, 255, 255, .1);
    opacity: 1
}
#centerNav.fixed ul li a.selected {
    color: #fff;
    cursor: default;
    opacity: 1
}
#centerNav.fixed nav {
    margin-top: 0
}
#centerNav.fixed ul li:nth-of-type(1) a {
    background-position: 12px 0;
    background-repeat: no-repeat
}
#centerNav.fixed ul li:nth-of-type(2) a {
    background-position: -71px 0;
    background-repeat: no-repeat
}
#centerNav.fixed ul li:nth-of-type(3) a {
    background-position: -166px 0;
    background-repeat: no-repeat
}
#centerNav.fixed ul li:nth-of-type(4) a {
    background-position: -262px 0;
    background-repeat: no-repeat
}
#centerNav.fixed ul li:nth-of-type(5) a {
    background-position: -356px 0;
    background-repeat: no-repeat
}
#centerNav.fixed .row fieldset#twelveCol select {
    margin: 0 auto
}
#centerNav.fixed .row ul li a span {
    visibility: hidden
}
#centerNav.fixed .row ul li a:active span,
#centerNav.fixed .row ul li a:focus span,
#centerNav.fixed .row ul li a:hover span {
    visibility: visible
}
.pageSection {
    padding-bottom: 10px;
    text-align: center
}
.pageSection div.row h2.sixcol {
    text-align: center;
    color: #fff;
    margin: 80px auto 30px;
    font-size: 40px;
    line-height: 1.55em
}
.pageSection div.row h2.sixcol span {
    background-color: #193648;
    padding: 8px 10px 4px
}
.pageSection div.row article.eightcol p {
    font-size: 30px;
    font-weight: 100;
    line-height: 1.2em;
    color: rgba(255, 255, 255, .85)
}
.pageSection div.row article.eightcol p:first-of-type {
    color: rgba(255, 255, 255, .75);
    font-size: 30px
}
div.row h2.tencol {
    text-align: center;
    border-top: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
    padding: 20px 0 12px;
    margin: 80px 0;
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 100;
	color:#F3F3F3;
}
.pageSection div.row article.eightcol iframe {
    margin: 10px auto;
    padding: 5px;
    box-shadow: 0 0 5px rgba(255, 255, 255, .6)
}
.pageSection .row .eightcol iframe#smallMap {
    display: none
}
a[title="emtech on google maps"] {
    font-size: 20px
}
.eightcol form {
    color: rgba(255, 255, 255, .8)
}
.eightcol form fieldset {
    margin: 1em 0 1em 3.25em;
    font-size: 18px
}
.eightcol form fieldset p {
    clear: both;
    text-align: center
}
.eightcol form fieldset label {
    width: 20%;
    display: block;
    float: left;
    padding: .25em 0
}
.eightcol form fieldset input {
    display: block;
    float: left;
    width: 40%;
    background-color: #193648;
    color: #FFF;
    padding: .25em
}
.eightcol form fieldset input.submit_btn {
    display: block;
    width: 30%;
    margin: 40px 0 0 7.75em;
    float: none;
    border: none
}
.eightcol form fieldset textarea {
    display: block;
    float: left;
    width: 60%;
    height: 150px;
    background-color: #193648;
    color: #FFF;
    padding: .25em;
    margin-bottom: 2em
}
.eightcol form fieldset input:focus,
.eightcol form fieldset input:hover,
.eightcol form fieldset textarea:focus,
.eightcol form fieldset textarea:hover {
    box-shadow: 1px 1px 2px rgba(255, 255, 255, .5)inset, 1px -1px 2px rgba(255, 255, 255, .5)inset, -1px 1px 2px rgba(255, 255, 255, .5)inset, -1px -1px 2px rgba(255, 255, 255, .5)inset;
    -webkit-box-shadow: 1px 1px 2px rgba(255, 255, 255, .5)inset, 1px -1px 2px rgba(255, 255, 255, .5)inset, -1px 1px 2px rgba(255, 255, 255, .5)inset, -1px -1px 2px rgba(255, 255, 255, .5)inset
}
.eightcol form fieldset input:active,
.eightcol form fieldset textarea:active {
    box-shadow: none
}
form#form fieldset label.error {
    clear: both;
    display: block;
    width: 80%;
    text-align: center;
    color: #E1733F
}
label.math {
    display: inline!important;
    padding: 0!important;
    font-size: 28px;
    font-weight: 100;
    color: #E1733F;
    text-align: center;
    width: auto!important;
    margin-left: 4.75em
}
p.verify {
    font-size: 22px!important
}
span.asterisk {
    color: #E1733F
}
input#rightResult {
    display: none;
    text-align: center;
    font-size: 28px
}
input#result {
    text-align: center;
    width: 2em;
    margin: -.25em 0 0 .5em;
    font-size: 28px
}
p#successnote {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 888;
    background-color: rgba(255, 255, 255, .9);
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #E1733F
}
p#failnote {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 888;
    background-color: rgba(255, 255, 255, .9);
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    color: red
}
p#failnote a,
p#successnote a {
    display: block;
    padding: .25em;
    color: #555
}
#content section#downOne {
    padding-bottom: 10px
}
#downOne .row {
    margin-top: 10px
}
#downOne .row article.threecol h2,
#downOne .row article.threecol p,
#downOne .row article.threecol time {
    padding-left: 16px
}
#content section#downTwo {
    background-color: #5F2259;
}
#content section.pageSection:last-child {
    padding-bottom: 120px
}
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: #1D3748;
}
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 {
    color: #1EA3E1;
    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: rgba(0, 0, 0, .5);
    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_contact.svg) no-repeat center top;
    background-size: 122% auto
}
aside .goToFourth:hover {
    background-color: #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: 15px;
    padding-bottom: 22px;
    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
}
@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;}
    section#motto h2 {
        font-size: 38px
    }
    #mainContentArea section#centerNav h2 {
        font-size: 24px
    }
    h2.colHead {
        font-size: 18px;
        line-height: 1.1em;
        height: 180px
    }
    #downOne article.row h2.tencol,
    .pageSection .row h2.tencol {
        font-size: 30px;
        line-height: 1.1em;
        font-weight: 100
    }
    .pageSection article.row h2.sixcol {
        font-size: 30px;
        line-height: 1.55em
    }
    .pageSection article.row p.tencol {
        font-size: 24px;
        line-height: 1.1em
    }
    .pageSection .row .eightcol iframe#mediumMap {
        display: none
    }
    .pageSection .row .eightcol iframe#smallMap {
        display: block
    }
}
@media handheld,
only screen and (max-width: 767px) {
    .pushDown {
        margin-top: 55px
    }
    header h1 {
        width: 260px;
        font-size: 16px
    }
    #motto h2 {
        font-size: 28px;
        line-height: 1.1em
    }
    #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
    }
    #centerNav.fixed nav {
        margin-top: 0!important
    }
    #centerNav.fixed fieldset label {
        margin-top: 0
    }
    article.threecol img {
        display: none
    }
    section#mainContentArea {
        text-align: center
    }
    #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 {
        font-weight: 100;
        width: 80%;
        margin: 0 auto 60px
    }
    .pageSection div.row h2.sixcol {
        font-size: 30px
    }
    .pageSection div.row article.eightcol p,
    .pageSection div.row article.eightcol p:first-of-type {
        font-size: 22px
    }
    div.row h2.tencol {
        font-size: 30px
    }
    label.math {
        font-size: 24px;
        margin-left: .75em
    }
    .eightcol form fieldset input.submit_btn {
        margin: 40px 0 0 4em
    }
    #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
    }
}
@media only screen and (max-width: 599px),
only screen and (max-height: 599px) {
    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
    }
}