html, body {padding:0;margin:0;}
body {word-wrap:break-word;font-family:'PT Sans' !important;background:#00387b;}
img {max-width:100%;height:auto;}
body *{text-shadow:none;}

h1, h2, h3, h4, h5, h6 {font-family:'PT Sans' !important;}

@import url('https://fonts.googleapis.com/css?family=PT+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;}

.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:35px;right:25px;}
.trigger a:before, .trigger a:after{content: '';display:block;background:#00387b;height:2px;}
.trigger a span {background:#00387b;display:block;height:2px;margin:6px 0;}

.mm-listview > li > a, .mm-listview > li > span {padding:10px;color:#00387b;}
.mm-panels, .mm-panels > .mm-panel {background:#fff;}
.mm-menu .mm-listview > li .mm-next::after {border-color:#fff;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {color:#00387b;}
.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 {padding:20px 0;background:#fff;}
#navigation {float:right;}
#menu-desk {width: 100%;}
	#menu-desk > ul {padding:0;margin:18px 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;}
	#menu-desk > ul > li > a {display:block;text-decoration:none;padding:15px 10px;font:700 11pt 'PT Sans';color:#666;margin:0 4px;text-transform:uppercase;}
	#menu-desk > ul > li > span {display:block;text-decoration:none;padding:15px 10px;font:700 11pt 'PT Sans';color:#666;margin:0 4px;text-transform:uppercase;}
	#menu-desk > ul > li:hover > a, #menu-desk > ul > li:hover > span {color:#00387b;}
	#menu-desk > ul > li > a.active, #menu-desk > ul > li > span.active {color:#00387b;}

	#menu-desk ul ul {display:none;padding:0;position:absolute;z-index:9;padding-top:12px;}
	#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:10px 16px;display:block;font:400 14px 'PT Sans';color:#fff;background:#00387b;}
	#menu-desk ul ul li:hover a {color:#fff;background:#222;}

	#menu-desk ul ul ul {position:absolute;left:100%;top:0;}

.trigger a {display:none;}

.banner-caption {display:block;
position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:9999;max-width:1140px;margin:0 auto;background:rgba(0,0,0,0.25);padding:30px 30px 50px 30px;}
.banner-caption h1 {font:700 40px 'PT Sans';color:#fff;padding:0;margin:0 0 10px 0;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
.banner-caption p {font:400 16px 'PT Sans';color:#fff;padding:0;margin:0 0 2em 0;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
.banner-caption a {font:400 14px 'PT Sans';color:#fff;padding:12px 24px;background:#00387b;border-radius:6px;text-decoration:none;transition:all 0.2s ease-in-out;}
.banner-caption a:hover {background:#444;}
.banner-wrapper .owl-dots {position: absolute;bottom:0;text-align: center;margin: 0px auto;right: 0px;left: 0px;}
.banner-wrapper .owl-prev {position:absolute;top:47%;left:35px;width:30px;height:30px;}
.banner-wrapper .owl-next {position:absolute;top:47%;right:35px;width:30px;height:30px;}
.banner-wrapper .owl-prev span {font-size:35px;}
.banner-wrapper .owl-next span {font-size:35px;}
.banner-wrapper .owl-theme .owl-controls .owl-nav [class*=owl-] {background:none;}

.sub-banner .owl-nav {display:none !important;}

.bar-wrapper {background:#00387b;padding:50px 0;}
.bar-content {text-align:center;}
.bar-content h1 {font:400 25px 'PT Sans';padding:0;margin:0 0 20px 0;line-height:1.25;color:#fff;}
.bar-content p {color:#fff;font:400 15px 'PT Sans';padding:0;margin:0;line-height:1.5;}

.intro-wrapper {background:#fff;padding:100px 0;}
.intro-content {text-align:left;}
.intro-content h1 {font:700 40px 'PT Sans';padding:0;margin:0 0 20px 0;text-transform:uppercase;line-height:1.25;}
.intro-content p {color:#111;font:400 15px 'PT Sans';padding:0;margin:0;line-height:1.5;}

.services-wrapper {background:url(../images/misc/hex.png) #222 center right;padding:100px 0;background-repeat:no-repeat;background-size:cover;}
.services-heading h1 {font:700 40px 'PT Sans';padding:0;margin:0 0 30px 0;text-transform:uppercase;line-height:1.25;color:#fff;text-align:center;}
.serv-content, .serv-icon {margin:15px 0;}
.serv-content h1 {font:700 22px 'PT Sans';padding:0;margin:25px 0 20px 0;text-transform:uppercase;line-height:1.25;color:#fff;}
.serv-content p {color:#fff;font:400 15px 'PT Sans';padding:0;margin:0;line-height:1.25;}

.clients-wrapper {background:#fff;padding:100px 0;text-align:center;}
.clients-content h1 {font:300 40px 'PT Sans';padding:0;margin:0 0 45px 0;text-transform:uppercase;line-height:1.25;color:#444;text-align:center;}
.clients-content ul {margin:25px 0;padding:0;}
.clients-content ul li {list-style:none;display:inline-block;margin:25px 30px;}
.clients-content ul li img {height:50px;}

.news-wrapper {padding:100px 0;background:#f0f0f0;}
.section-header h1 {font:700 40px 'PT Sans';padding:0;margin:0 0 30px 0;text-transform:uppercase;line-height:1.25;text-align:center;}
.news-item h1 {font:700 20px 'PT Sans';padding:0;margin:20px 0 6px 0;text-transform:capitalize;line-height:1.25;}
.news-item h1 a {color:#00387b;text-decoration:none;display:block;transition:all .2s ease-in-out;}
.news-item h2 {color:#aaa;font:400 12px 'PT Sans';padding:0;margin:0 0 15px 0;line-height:1.5;text-transform:uppercase;}
.news-item p {color:#777;font:400 15px 'PT Sans';padding:0;margin:0;line-height:1.5;}
.news-item:hover h1 a {color:#999;}

.footer-wrapper {background:#222;padding:100px 0;}
.footer-wrapper h1 {font:700 22px 'PT Sans';padding:0;margin:0 0 30px 0;text-transform:capitalize;line-height:1.25;color:#fff;}

.footer-sitemap ul {margin:0;padding:0;}
.footer-sitemap ul li {list-style:none;}
.footer-sitemap ul li a {color:#fff;font:400 15px 'PT Sans';padding:0;margin:0;line-height:1.5;color:#fff;}

.footer-contact p {color:#fff;font:400 15px 'PT Sans';padding:0;margin:0;line-height:1.5;}
.footer-contact ul {margin:20px 0 0 0;padding:0;}
.footer-contact ul li {list-style:none;display:inline-block;text-align:center;margin-right:6px;}
.footer-contact ul li a {color:#444;}
.footer-contact ul li a span {background:#fff;width:40px;height:40px;padding:12px 10px;font-size:18px;border-radius:50px;}

.devs {padding:6px 0;background:#00387b;text-align:left;}
.devs p {font:400 15px 'PT Sans';color:#3572ba;padding:0;margin:6px 0;}
.devs a {color:#3572ba;}

.subpage-wrap {padding:100px 0;background:#fff;position:relative;margin-top:-10px;}
.subpage-wrap h1 {font:300 35px 'PT Sans';color:#00387b;padding:0 0 12px 0;margin:0 0 20px 0;text-decoration:none;border-bottom:solid 1px #eee;text-transform:capitalize;}
.subpage-wrap p {color:#111;margin:15px 0;padding:0;font:400 15px 'PT Sans';line-height:1.5;}

.sidenav {margin-bottom:2em;}
.sidenav > ul {margin:0;padding:0;}
.sidenav li {list-style:none;}
.sidenav a {color:#999;display:block;padding:6px 10px;text-decoration:none;font:400 14px 'PT Sans';text-transform:uppercase;border-bottom:dotted 1px #ddd;letter-spacing:1px;}
.sidenav a.active, .sidenav a:hover {background:#00387b;color:#fff;}

@media only screen and (max-width:1024px) {
	.trigger a {display:block;}
	.banner-caption {width:80%;}
	.banner-caption h1 {font-size:28px;margin-bottom:10px;}
	.banner-caption p {font-size:14px;}
	.banner-caption a {font-size:14px;}
	.serv-content {padding:0 10px;}
	.serv-content h1 {font-size:18px;text-transform:capitalize;}
	.intro-content {padding:0 30px;}
}

@media only screen and (max-width:767px) {
	.footer-wrapper h1 {margin:30px 0 10px 0;} .banner-caption {display:none !important;}
	.serv-icon {width:50%;margin:15px auto;}
	.serv-content, .serv-icon {text-align:center;}
	.footer-wrapper {text-align:center !important;padding:50px 30px;}
	.devs {text-align:center;}
}

.modal.in .modal-dialog { z-index: 9999999999; }