article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,time,root {display:block}
body, html {margin:0;padding: 0;}
body {font-size: 100%;font-family: Geneva, Tahoma, sans-serif;-webkit-backface-visibility: hidden;-webkit-font-smoothing: antialiased;background-color: #305b9f;color:#fff;} 
img {max-width: 100%;display:block;height: auto;border: 0;outline: 0;}
.clear {clear:both;overflow: hidden;}

#header {background-color: #305b9f;color: white;overflow: hidden;position: fixed;width:100%;z-index: 2;}
.logo {display: block;width:145px;margin:5px;}
form {background-color:#3c4761;overflow:hidden;}
.slogan {display: block;float: right ;margin:5px 10px 5px 0;font-size:0.875em;}
.slogan input {border-radius: 6px;-webkit-border-radius: 6px;}

#nav {display: none;position: fixed;top:60px;z-index: 5;width:100%;background: white;}
#nav ul {margin:0;padding: 0;list-style: none;width:100%;overflow: hidden;}
#nav ul li {border-bottom: solid 1px #dfdfdf;cursor: default;}
#nav ul li a {color: #333333;text-decoration: none;text-transform: none;display: block;padding: 5px 10px;margin:5px;}
#nav ul li a:hover {color: white;background-color: #305b9f;box-shadow: 3px 3px 0px #cccccc}
#nav ul li ul {display: none;overflow: hidden;margin-left:20px;}
#nav ul li ul li {border-top: solid 1px #dfdfdf;border-bottom: none;}
.item-with-ul {position: relative;}
.touch-button {position: absolute;top:0px;right: 10px;padding: 5px 10px;cursor: pointer;}
.mobile-menu {z-index: 3;display: block;position: fixed;top:20px;right: 10px;width: 33px;height:24px;background-repeat: no-repeat;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAYCAYAAAB0kZQKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjI4QzQ5OUQ1NEIxMTFFNThERTBCMjMyRDU5OTlFRjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjI4QzQ5OUU1NEIxMTFFNThERTBCMjMyRDU5OTlFRjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMjhDNDk5QjU0QjExMUU1OERFMEIyMzJENTk5OUVGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMjhDNDk5QzU0QjExMUU1OERFMEIyMzJENTk5OUVGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtgIYHMAAADWSURBVHjaYvz//78rAwNDGRDLAvE/IP7PQHvABMR/gHgHEHexAImFQCzJMDBAB4iZQS4SZxhYYAByxJMBdsRZRmCasAYySoBYBYj/0slikOd/AfEmIJ4EcgRMghmIGekYAn9gDBYkwb8DFR9MDIMADApHgKJDGIjdgViUznaD0sQFID4KSpgbgAz/AQqED0CcCXLE/wGOjT2gNPF7gB3xEZQm+oE4AYh56VR5MUDLI1BleQeIp8AKK8sBqkWPA/ELxoFPEqOF1WhhNVpYjRZWhAsrgAADAKuDUOpD24oYAAAAAElFTkSuQmCC);background-size: contain;cursor: pointer;}
.lang {z-index: 4;position: fixed;right: 60px;top:23px;color: white; font-size: 0.75em}
a.lang:hover {text-decoration: none;}

#nav ul li.products ul li>ul {
    display: none !important;
}

.service-box {
	float: left;
	display: inline-block;
	margin: 10px 0px 10px 20px;
	width: 40%;
	text-align: center;
	}

.service-box a {
    display: block;
    margin: 5px;
    padding: 20px 10px;
    text-decoration: none;
    text-transform: uppercase;
	background-color: #fff;
	border: 1px solid #3d3d3d;
	border-radius: 6px;
    box-shadow: 5px 5px 0 #cccccc;
    color: #3d3d3d;
	font-size: 12px;
}
#section {background-color: white;color: #333}
#section ol, #section ul {
margin-left: 20px;
font-size: 0.875em;
}

.service-box a:hover {
	color: #999;
    background-color: #fff;
}
#service-section {overflow: hidden;}

#subnav {border-bottom: solid 5px #30a2dd;background:white;}
#subnav ul {margin:0;padding: 0;list-style: none;border: solid 1px #dfdfdf; border-top:none;}
#subnav ul li {border-top:solid 1px #dfdfdf;}
#subnav ul li a {color: #30a2dd;display: block;padding: 10px 20px;text-decoration: none;}
#subnav ul li a:hover, #subnav ul li a.active {background:#30a2dd;color: white;}
#subnav ul li ul {display: none;border:none;margin-left: 20px;}
#subnav ul li ul li {border:none;}
#subnav ul li ul li a {font-size: 0.875em;padding: 5px 20px;}
#subnav .touch-button {color: #30a2dd;top:5px;}
#subnav2 {display: none;}

#article {position: relative;top:95px;z-index: 1;margin-bottom: 80px;}
#article .header {text-align: center;color: white;}
#article .header h1 {overflow: hidden;display: block;background: #3c4761;margin:0;padding: 10px 20px;font-size: 1.125em;font-weight: normal;margin-bottom: 0px;}
#article .header h2 {overflow: hidden;display: block;background: #65bae6;margin:0;padding: 7px 20px;font-size: 1em;text-shadow: 2px 2px 2px #333;-webkit-text-shadow: 2px 2px 3px #3d3d3d;font-weight: normal;}
#article .header .button {display: block;background-color: #31a3dd;color: white;padding: 5px 15px;text-decoration: none;text-decoration: underline;}
#article .header a.button:hover {text-decoration: none;}
#article .hero-holder img {width:100%}

#home-section {background: #3c4761;padding: 30px 20px;overflow: hidden;}
.home-box {overflow: hidden;margin-bottom: 30px;background: url('/images/box-arrow.png') no-repeat right 20px top 20px;background-size: 15px 15px;}
.home-box .text {padding: 15px 50px 15px 10px;display: block;line-height: 1.25em;}
.home-box a{text-decoration: none;color: white;font-size: 1.5em;display: block;position: relative;height: 330px;}
.home-box a img {position: absolute; bottom: 0;}
.home-box.green {border-top:solid 5px #00af66}
.home-box.orange {border-top:solid 5px #f07c39}
.home-box.purple {border-top:solid 5px #9f3b74;clear:left;}
.home-box.blue {border-top:solid 5px #2e76d0}

#section h1 {margin: 0.5em 20px;text-transform: none;color: #30a2dd}
#section h2 {margin: 0.5em 0 0 20px;text-transform: none; font-size:16px;}
#section h3 {margin: 0.5em 0 0 20px;text-transform: none; font-size:13px;}
#section p {margin: 1em 20px;font-size: 0.875em;overflow: visible}
#section p a {color: #333;}
#section #aside {border: solid 1px #dfdfdf;}
#section #aside table {border:none;margin: 10px 0 10px 18px;width:100%;}
#section #aside table p.disclaim {margin-left: 0; width:90%;}
#footer {background: #414042;color: white;overflow: hidden;position:relative;top:15px;padding-bottom:20px}
.quoter {width:50%;float: left;font-size: 0.875em;}
.quoter.mobile {width:100%;}
.quoter p {margin:20px 0 0px 20px;}
.quoter p b {text-decoration: underline;font-size: 1.125em;display: block;}
.quoter p a {color: white;text-decoration: none;}
.quoter p a:hover {text-decoration: underline}

.copyright {background: #305b9f;color: white;overflow: hidden;font-size: 0.875em;position: relative;top:15px;margin-bottom: 15px;}
.copyright small {margin: 10px 20px;display: block;text-align: right;}
.copyright a {color: white;}
.copyright a:hover {text-decoration: none;}

.icons {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAA2CAMAAAD9LTlFAAAA6lBMVEVBQEL///8AAAD7+/vKysvFxcVFREVgYGE/PkBoaGn8/Pybm5vX19e7u7uNjY1ra2xkZGVDQkTr6+uysrJ0dHVVVVZQT1FISEnw8PDg4ODNzc3HxseDg4N+fn54eHlubm5dXV5aWltGRkf29vb09PTt7e3j4+Pd3d7BwMGko6SLi4uHh4d7e3tZWVpNTE1LS0wHBwf4+Pja2trT0tPOzs6ura6oqKiYmJiPj49xcXJTUlMrKysjIyMYGBjm5ubQ0NDCwsK+vr+goKCTk5OSkZI7Ozs2NjYfHx8VFRUPDw8NDQ25ubm0tLQ4ODhpCHxlAAABxklEQVQ4y62S15LiMBQF75GNLAfAAcbknHPOTM67+/+/sxYzgKFqn3b6xVVtlUq6ajpw09LpkhsT6cqF6Te6U3QulAo1Zxg3YdUAli0kwqoF3Nk2D6sOsKJLkkD+SjkRtOmKBG7962UzxOR3PTy7EsYrTj3FOythAuqiU4NGZzIAFias8M2bQDU3AYUoW4Aae6AwcSud1Tb00wyyTfXErFEgKnO7gTNLf0CZtjz6kTXpE2rhWfDIl0iVKO6CfgEe54/S3Gqkp6BQFMBsSM8GphuKAd9KDrAwH9AwdVKdSkl3nGGcl5rfKkF2ut7Vs0rb8TOBiih9SqQApQ4YcyGioN9JETdwxBPOA3GRg3LEwJ0vq5pbkROq1f/vmdnxvFbSQyHqpm5r3Mw8Fk/PdY9ULCcPd18UX8Vl673dyDegKMiWpeGmt2eMmVFvUQPaMlmt987YPgq4tTEw0WSChR1jby4C6mm32g3UalyLMbZNyPlb67zMcVkF8owxG1DEq58MVM9FdRsoLv90y3Kv/jT9hwV8Nr3PD8uVyjEL7MDbaLTbFiuH/nR2YpQkidDej+ZDE8dLvrxsKnzPXouhnou5p6eCnqR/8Bc01ChPqjIj3wAAAABJRU5ErkJggg==);
width:18px;height:18px;display: inline-block;vertical-align: middle}
.icons.phone {background-position: 0px 0px;}
.icons.email {background-position: 0px -18px;}
.icons.webpage {background-position: 0px -36px;}

.boxlist {
margin: 0 0 20px 20px;
padding: 0;
list-style:none;
border: 1px solid #ccc;
background-color:#fff;
width: 70%;
overflow: hidden;
}

.first-list {
display: block;
padding: 1% 2% 1% 2%;
background-color:#ccc;
width: 96%!important;
color: #fff;
}

.boxlist li {
display: inline-block;
float: left;
padding: 1% 2% 1% 2%;
width: 46%;
}

#googlymap, #googlymap2 {
    display: block;
    height: 200px;
	margin: 20px;
}
#contact {padding-bottom: 60px;}
.container, .container2 {overflow: hidden;}

div.page-nav ul { list-style-type: none; padding: 0 20px; }
div.page-nav ul li { display: inline-block; }
div.page-nav ul li a { text-decoration: none; color: #000; padding: 4px;}
div.page-nav ul li.current { color: #fff; background: #30a2dd; }
div.page-nav ul li.page-back a, div.page-nav ul li.page-next a { display: none; }
div.page-nav ul li.page-back a.active { display: block !important}
div.page-nav ul li.page-next a.active { display: block !important; }

@media screen and (min-width:658px){
    #home-section {padding: 30px 0;}
    .home-box {width:45%;float:left;margin-left: 10px; margin-right: 10px;}
    .service-box {width:25%;}
	.service-box a {font-size: 15px;}
}

#cookie-bar {position: fixed; z-index: 3; width: 100%; background: white; top: 0; left: 0;}
#cookie-bar p {padding:10px;font-size:0.875em;margin:0;}
#cookie-bar p a {display:inline-balock;margin-left:10px;background: #65bae6;color:white;padding: 3px 5px;text-decoration: none;}
.established {display:none;}
input {    -webkit-appearance: none;}
.linkedin {margin:20px 0 0 20px} .linkedin img {width:32px}