#header {height: 115px;position: fixed;top:0;width:100%;}
.logo {width: 250px;margin:10px}
.slogan {display: block;float: right;margin-top:-40px;margin-right: 10px;}
.slogan input {font-size: 1.25em;}
form {overflow:initial}
#nav {display: block;height: 41px;overflow: visible;position: fixed;top:115px;z-index: 4;width:100%;text-align: center;}
#nav ul {display: inline-block;text-align: left}
.mobile-menu {display: none;}
.touch-button {top:10px;padding: 0;right: 15px;color: #c5c5c5;}
.lang-holder {position: fixed;top:0;left:0;width:100%;z-index: 11;}.relative {position: relative}
.lang {position: absolute;right: 16px;top:15px;}

#nav {border-bottom: solid 1px #c5c5c5;height: 52px;padding-top: 6px;}
#nav ul {overflow: visible;width:auto;}
#nav ul li {float: left;border:none;position: relative}
#nav ul li a {padding: 7px 25px;font-size: 1em;margin-bottom: 10px;}
#nav ul li .touch-button {display: none;}
#nav ul li ul {position: absolute;width:250px;background: white;margin-left: 0;overflow: visible;top:49px;}
#nav ul li:hover ul {display: block;}
#nav ul li ul li {float: none;position: relative;font-size: 0.875em}
#nav ul li ul li a {padding: 5px 35px 5px 30px;margin-bottom: 5px;}
#nav ul li ul li .touch-button {display: block;}
#nav ul li ul li ul {width:250px;background: white;margin-left: 0;position: absolute;left: 250px;top:-1px;}
#nav ul li:hover ul li ul {display: none;}
#nav ul li:hover ul li:hover ul {display: block;}
#nav ul li a.active {color: white;background-color: #305b9f;box-shadow: 3px 3px 0px #cccccc}

#article {position: relative;margin-top:170px;top:0;margin-bottom: 0;}
.hero-holder {position: relative;}
#article .header {position: absolute;top:0;left:0;right:0;bottom:0;margin: auto;height: 30%;width:70%;overflow: visible;}
#article .header h1 {font-size: 1.75em;margin-bottom: 10px;}
#article .header h2 {font-size: 1.25em;}
#article .header .button {display: inline-block;margin-top:5px;text-decoration: none;padding: 10px 15px;}

#home-section {}
.home-box {width:23%;clear: none !important;margin-bottom: 20px;margin-top:20px;background: url('/images/box-arrow.png') no-repeat right 10px top 6px;background-size: 15px 15px;}
.home-box a {height: 215px;font-size: 0.875em;}
.home-box .text {padding: 5px 40px 5px 10px;}

.quoter.mobile {width:45%;float: left;margin-right:20px;}

#section {overflow: hidden;position: relative; padding-bottom: 30px;}
#section .container {width:40%;float:left;position: relative;left: 25%; min-height:400px;}
#section #subnav, #subnav2 {width: 25%;float: left;margin-bottom: 20px;position: relative;left: -40%;margin-top: 5px;display: block;}
#section #aside {float: right;width:34%;font-size: 0.75em}
#section.fullwidth .container {width:75%;}
#section.fullwidth #subnav, #subnav2 {left:-75%;}
#section p,#section h1,#section h2,#section h3,#section .service-box, #section .boxlist {margin-left: 40px;}
.boxlist {width: 50%;}

.contact {float: left;clear:left;}

#footer{top:0;padding-bottom:0}
.copyright{top:0;margin-bottom: 0px;}

#googlymap, #googlymap2 {
    width: 40%;
	float: right;
	margin: 0 20px 20px 0px;
}

@media screen and (min-width:1200px){
    .holder {width:1200px;margin:0 auto;}
    .hero-holder img {width:100%;}
    #article .header {height: 60%;width:90%;}
    #article .header h1, #article .header h2 {width: 70%;display: inline-block}
#nav ul li a {padding: 7px 40px;}
}

@media screen and (min-width:1270px){
	#home-section {position: absolute;bottom: 0;background: url('/images/section-transparency.png') repeat-x center top;padding: 0;width:100%;}
}

@media screen and (min-width:1400px){
    #article .header {width:60%;}
    #article .header {height: 60%;width:90%;}    
}


.fixed .logo {width:150px;margin-top:5px;margin-bottom:0}
#header.fixed {height: 65px}
#nav.fixed {top:65px}
.established {display:block;float:right;color:white;font-size:0.875em;padding:30px 15px}
.established.fixed {display:none;}
.linkedin {float:left;margin:10px}.linkedin img {width:32px}