html, body {padding:0;margin:0;}
body {word-wrap:break-word;font-family:'Lato';background:#fff;}
img {max-width:100%;height:auto;}
body *{text-shadow:none;}

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Open+Sans:400,700');

#top {padding:5px 3px;position:fixed;bottom:50px;right:50px;display:none;cursor:pointer;z-index:9999;}
#top img {height:50px;width:50px;opacity:.5;}
#top img:hover {opacity:1;}

.accreditation {text-align:right;}
.accreditation p {margin:0;padding:0;}
.accreditation img {height:50px;}

#topbar {background:#333;border-bottom:solid 1px #333;}
#topbar p {font:400 11px 'Lato';color:#999;padding:0;margin:0 15px 0 0;display:inline;line-height:35px;}
#topbar p span {color:#bbb;margin:0 6px 0 0;}
#topbar input, #topbar button {border-radius:0;border:none;}

.trigger, .content{text-align:center;}
.trigger {font-weight:bold;color:#fff;width:100%;padding:0 50px;position:relative;z-index:9999;}
.trigger.fixed {position:fixed;top:0;left:0;}
.footer.fixed {position:fixed;bottom:0;left:0;}
.trigger a {display:block;width:28px;height:18px;position:absolute;top:40px;right:25px;}
.trigger a:before, .trigger a:after{content: '';display:block;background:#fff;height:2px;}
.trigger a span {background:#fff;display:block;height:2px;margin:6px 0;}

.mm-listview > li > a, .mm-listview > li > span {padding:10px;color:#fff;text-transform:uppercase;}
.mm-panels, .mm-panels > .mm-panel {background:#111;}
.mm-menu .mm-listview > li .mm-next::after {border-color:#fff;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {color:#fff;}
.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {border-color: #fff;}
.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next::before, .mm-listview > li::after {border:none !important;}

.nav-wrapper {background:url(../images/misc/bgnav.jpg) #fff no-repeat;background-size:100%;border-bottom:solid 1px #ddd;padding:1em 0;}
#menu-desk {width: 100%;text-align:right;}
	#menu-desk > ul {padding:0;margin:35px 0 0 0;}
	#menu-desk > ul > li:last-child {border:none;}
	#menu-desk > ul > li {list-style:none;text-align:center;vertical-align:middle;position:relative;display:table-cell;border-right:solid 1px #ddd;}
	#menu-desk > ul > li > a {display:block;text-decoration:none;padding:8px 15px;font:400 14px 'Lato';color:#22552c;text-transform:capitalize;margin:0 3px;}
	#menu-desk > ul > li > span {display:block;text-decoration:none;padding:8px 15px;font:400 14px 'Lato';color:#22552c;text-transform:capitalize;margin:0 3px;}
	#menu-desk > ul > li:hover > a, #menu-desk > ul > li:hover > span {background:#02a556;color:#fff;}
	#menu-desk > ul > li > a.active, #menu-desk > ul > li > span.active {background:#02a556;color:#fff;}

	#menu-desk ul ul {display:none;padding:0;position:absolute;background:#f0f0f0;z-index:9;}
	#menu-desk ul ul li {list-style:none;text-align:left;float:left;position:relative;border:0;width:15em;}
	#menu-desk ul ul li a {text-decoration:none;padding:12px;display:block;font:400 14px 'Lato';color:#111;}
	#menu-desk ul ul li:hover a {color:#fff;}
	#menu-desk ul ul li:hover {background:#000;}
	
	#menu-desk ul ul ul {position:absolute;left:100%;top:0;}

.trigger a {display:none;}

.banner-caption {display:none;-vendor-animation-duration:3s;-vendor-animation-delay:0s;-vendor-animation-iteration-count:infinite;
	position:absolute;right:0;left:0;bottom:0;background: rgba(34, 34, 34, 0.9);max-width:1140px;margin:0 auto;padding:2em 2em 3em 2em;text-align:center;}
.owl-dots {position: absolute;bottom: 10px;text-align: right;margin: 0px auto;z-index:9999;}
.banner-caption h1 {margin:0 0 12px 0;padding:0;font:400 38px 'Lato';color:#fff;position:relative;z-index: 9;}
.banner-caption p {margin:0;padding:0;font:300 15px 'Lato';color:#fff;line-height:20px;position:relative;z-index: 9;}

#welcome-wrapper {background:url(../images/misc/bgnav.jpg) #fff no-repeat;background-size:cover;padding:2em 0;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;margin-top:1.5em;}
.welcome-content {padding:1em 0;border-top:solid 10px #eee;}

#box-wrapper {background:#f0f0f0;padding:3em 0;position:relative;top:-15px;}
.box-content {background:#02a556;padding:3em 2em;min-height:200px;text-align:center;color:#fff;}
.box-content h1 {font:700 24px 'Lato';margin:0 0 20px 0;padding:0;text-transform:uppercase;}
.box-content p {font:400 13px 'Open Sans';padding:0;margin-bottom:20px;}
.box-content a {color:#fff;font-size:25px;text-decoration:none;}
.box-img {width:100%;}
.box-content { position:relative; z-index:1; }
.box-content:after {content: "";position:absolute;bottom:0; left:0;width:100%; height:0px;background:#222222;z-index:-1;transition: height 0.3s;}
.box-content:hover:after { height:100%; }
.box-content:hover > h1, .box-content:hover > p, .box-content:hover > a {color:#fff;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}

/*.box-content {margin-top:2em;}
.box-content a {text-decoration:none;}
.box-content h1 {font:700 20px 'Lato';color:#111;padding:10px 12px;margin:0;text-transform:capitalize;background:#fecc04;}
.box-content h1 span {float:right;margin-top:3px;}*/

#services-wrapper {background:#fff;padding:2em 0 3em 0;}
.service-content {text-align:center;padding:2em 1em;border-radius:3px;}
.service-content img {width:100px;margin-bottom:15px;transition: all 500ms ease;
color: #fff;
text-align: center;
transition-delay: 0s;
transition-property: all;
transition-timing-function: ease;}
.service-content h1 {margin:0 0 5px 0;padding:0;font:700 24px 'Lato';text-transform:uppercase;color:#111;min-height:80px;vertical-align:text-bottom;}
.service-content p {margin:0 0 25px 0;padding:0;font:400 13px 'Open Sans';color:#111;line-height:20px;}
.service-content:hover {background:#222;}
.service-content:hover > img {transform: rotateY(180deg);}
.service-content:hover > h1 {color:#fff;}
.service-content:hover > p {color:#fff;}

.projects-wrapper {background:#f0f0f0;padding:3em 0 4em 0;}
.project-content {text-align:center;padding:0 15px 3em 15px;}
.project-content h1 {margin:0 0 5px 0;padding:0;font:normal 35px 'Lato';text-transform:uppercase;color:#222;}
.project-content p {margin:0;padding:0;font:400 13px 'Open Sans';color:#222;line-height:20px;}
.project-list {text-align:center;}
.project-list ul {margin:0 0 2em 0;padding:0;}
.project-list li {display:table-cell;}

.affil {padding:2em 0;background:#f0f0f0;}
.affil-content {text-align:center;}
.affil-content h1 {margin:0 0 1em 0;padding:0;font:normal 25px 'Lato';text-transform:uppercase;color:#111;}
.affil-content ul {margin:0;padding:0;}
.affil-content li {list-style:none;display:inline-block;}
.affil-content img {height:40px;}

#footer-wrapper {background:#222;padding:2em 0;}
.footer-content {text-align:left;}
.footer-content img {height:60px;}
.footer-content h1 {font:700 15px 'Lato';color:#fff;padding:0;margin:0 0 15px 0;text-transform:uppercase;}
.footer-content p {font:400 13px 'Open Sans';color:#fff;padding:0;margin:15px 0;}
.footer-content ul {margin:15px 0 0 0;padding:0;}
.footer-content li {list-style:none;display:inline-block;text-align:center;}
.footer-content span {color:#aaa;margin:0 2px;background:#111;width:25px;height:25px;padding:5px 1px;border-radius:50px;transition: all .2s ease-in-out;}
.footer-content span:hover {background:#fff;color:#111;}

.footer-nav h1 {font:700 15px 'Lato';color:#fff;padding:0;margin:0 0 15px 0;text-transform:uppercase;}
.footer-nav ul {padding-left:17px;}
.footer-nav li {list-style-image:url(../images/misc/list.png);}
.footer-nav ul li a {font:400 13px 'Open Sans';color:#fff;text-transform:capitalize;text-decoration:none;}
.footer-nav ul li a:hover {color:#f48221;}

.footer-logo img {width:250px;}
.footer-logo p {font:400 13px 'Open Sans';color:#666;padding:0;margin:25px 0 0 0;}

.devs {padding:3px 0;background:#111;text-align:center;}
.devs p {font:400 12px 'Lato';color:#fff;padding:0;margin:6px 0;}
.devs a {color:#02a556;}

.subpage-wrap {padding:2em 0;background:#fff;}
.subpage-wrap h1 {color:#02a556;margin:0 0 1em 0;padding:0;text-transform:uppercase;font:700 25px 'Lato';}
.subpage-wrap p {color:#111;margin:0 0 1em 0;padding:0;font:normal 14px 'Open Sans';}

.sidenav {margin-bottom:2em;}
.sidenav > ul {margin:0;padding:0;}
.sidenav li {list-style:none;}
.sidenav a {color:#111;display:block;padding:6px 12px;text-decoration:none;font:700 14px 'open Sans';}
.sidenav a.active, .sidenav a:hover {background:#02a556;color:#fff;}

.news-headline {padding-bottom:20px;border-bottom:dotted 1px #999;margin-bottom:16px;font-family:inherit;}
.news-headline .news-title {margin-bottom:8px;}
.news-headline img {width:100%;margin-bottom:8px;}
h1.title {font:normal 30px inherit;padding:0;margin:0 0 8px 0;}
span.news-date {font:normal 10px inherit;color:#666;margin:0;border-radius:2px;}
p.news-text {font:normal 14px inherit;padding:0;margin:8px 0 0 0;}

.news-listing {margin-bottom:16px;position:relative;font-family:inherit;}
.news-listing-img img {width:100%;}
.news-listing-title > h1.title {font:normal 20px inherit;padding:0;margin:0 0 8px 0;}
.news-listing-title > span.news-date {font:normal 10px inherit;color:#666;margin:0;border-radius:2px;}
.news-listing-title > p.news-text {font:normal 13px inherit;padding:0;margin:8px 0;}

@media only screen and (max-width:1024px) {
	.trigger a {display:block;top:10px;right:15px;}
	.service-content {margin-bottom:2em;}
	#menu-desk {width: 100%;text-align:left;}
	.video-content {margin-top:1em;}
	.box-content {padding:2em 1em !important;}
	.banner-caption {max-width:600px;padding:1em 1em 2em 1em;}
	.banner-caption h1 {font-size:35px;}
	.banner-caption p {font-size:12px;line-height:15px;}
	#topbar {padding:10px 0;}
	#topbar p {display:none;}
}

@media only screen and (max-width:767px) {
	.accreditation {display:none;}
	.banner-caption {display:none !important;}
	.project-list li {display:inline-block;}
	#topbar {padding:15px 0;}
	.trigger a {top:20px;right:15px;}
	.footer-logo {margin-bottom:1em;}
}