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

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

/*.logo-wrapper {position:absolute;z-index:999;top:1em;left:0;right:0;}*/
.logo-wrapper img {width:180px;}

.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:25px;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 16px;color:#b8095c;}
.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:#b8095c;}
.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:#133768;padding:30px 0;}
#menu-desk {width: 100%;text-align:right;}
	#menu-desk > ul {padding:0;margin:8px 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:inline-block;}
	#menu-desk > ul > li > a {display:block;text-decoration:none;padding:15px 15px;font:400 15px 'Roboto';color:#fff;text-transform:capitalize;border-radius:2px;}
	#menu-desk > ul > li > span {display:block;text-decoration:none;padding:15px 15px;font:400 15px 'Roboto';color:#fff;text-transform:capitalize;border-radius:2px;}
	#menu-desk > ul > li:hover > a, #menu-desk > ul > li:hover > span {color:#fff;background:#b8095c;}
	#menu-desk > ul > li > a.active, #menu-desk > ul > li > span.active {color:#fff;background:#b8095c;}

	#menu-desk ul ul {display:none;padding:4px 0 0 0;position:absolute;z-index:9;}
	#menu-desk ul ul li {list-style:none;text-align:left;float:left;position:relative;border:0;width:15em;left:0;overflow:hidden;}
	#menu-desk ul ul li a {text-decoration:none;padding:12px;display:block;font:400 13px 'Roboto';color:#fff;background:#b8095c;}
	#menu-desk ul ul li:hover a {color:#fff;background:#b8095c;}
	#menu-desk ul ul li:hover {}
	#menu-desk ul ul li:first-child {border-top-left-radius:2px;border-top-right-radius:2px;}
	#menu-desk ul ul li:last-child {border-bottom-left-radius:2px;border-bottom-right-radius:2px;}
	
	#menu-desk ul ul ul {position:absolute;left:100%;top:0;}

.trigger a {display:none;}

.top-wrapper {background:#b8095c;padding:10px 0;}
.top-content p {font:200 13px 'Roboto';color:#fff;padding:0;margin:0;}
.top-content p span {margin-right:12px;}

.banner-wrapper, .sub-banner {position:relative;}
.banner-caption {display: none;-vendor-animation-duration: 3s;-vendor-animation-delay: 0s;-vendor-animation-iteration-count: infinite;
position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:9999;max-width:1140px;margin:0 auto;background:#b8095c;padding:30px 30px 50px 30px;/*display:none !important;*/}
.banner-caption h1 {font:700 35px 'Roboto';color:#fff;padding:0;margin:0 auto;text-transform:capitalize;}
.banner-caption p {font:200 18px 'Roboto';color:#fff;padding:0;margin:0 0 2em 0;}
.banner-caption a {font:400 12px 'Roboto';color:#b8095c;padding:12px 30px;margin:0;background:#fff;border-radius:2px;text-transform:uppercase;text-decoration:none;
transition:all 0.1s ease-in-out;}
.banner-caption a:hover {background:#333;color:#fff;}
.owl-dots {position: absolute;bottom:0;text-align: center;margin: 0px auto;right: 0px;left: 0px;}

.intro-wrapper {background:#133768;}
.intro-content {text-align:left;padding:75px 0;}
.intro-content h1 {font:900 35px 'Roboto';color:#fff;padding:0;margin:0 0 40px 0;text-transform:capitalize;}
.intro-content p {font:400 16px 'Roboto';color:#fff;padding:0;margin:20px 0;line-height:1.5;}
.intro-button a {font:400 16px 'Roboto';color:#fff;padding:30px 50px;margin:0;height:30px;width:30px;background:#b8095c;border-radius:100px;text-transform:uppercase;text-decoration:none;transition:all 0.1s ease-in-out;}
.intro-button a:hover {background:#333;color:#fff;}
.intro-button {text-align:center;padding-top:100px;}

.box-wrapper {padding:100px 0;}
.box-content h1 {font:700 25px 'Roboto';color:#b8095c;padding:0;margin:0 0 10px 0;text-transform:capitalize;}
.box-content img {margin-bottom:10px;}
.box-content p {font:400 15px 'Roboto';color:#000;margin:0 0 20px 0;padding:0;line-height:1.5;}

.newsbar-wrapper {padding:75px 0;}
.newsbar-content h1 {font:300 35px 'Roboto';padding:0 0 20px 0;margin:0 0 50px 0;color:#b8095c;text-transform:uppercase;text-align:left;border-bottom:solid 1px #ddd;}
.newsbar img {margin:0 0 20px 0;}
.newsbar h3 {font:300 20px 'Roboto';color:#ccc;text-decoration:none !important;}
.newsbar h1 {padding:0;margin:0 0 20px 0;line-height:0;}
.newsbar h1 a {font:900 20px 'Roboto';color:#b8095c;text-decoration:none !important;}
.newsbar p {font:400 14px 'Roboto';color:#999;margin:0 0 20px 0;padding:0;line-height:1.5;}
.newsbar a {font:700 15px 'Roboto';color:#b8095c;margin:0;padding:0;line-height:1.5;text-decoration:underline;}

.footer-wrapper {background:#b8095c;padding:100px 0;border-top:solid 2px #eee;text-align:center;}
.footer-wrapper h1 {font:700 22px 'Roboto';color:#fff;padding:0;margin:0;text-transform:capitalize;}
.footer-contact p {font:400 14px 'Roboto';color:#fff;padding:4px 0 0 0;margin:0;line-height:1.5;}
.footer-wrapper p.copyright {font:400 13px 'Roboto';color:#fff;padding:0;margin:6px 0 0 0;text-align:center;}

.footer-social ul {margin:10px 0 0 0;padding:0;}
.footer-social li {list-style:none;display:inline-block;text-align:center;}
.footer-social span {color:#b8095c;margin:0 1px;background:#fff;width:30px;height:30px;padding:8px 1px;border-radius:50px;transition: all .2s ease-in-out;}
.footer-social span:hover {background:#b8095c;color:#fff;}

.devs {padding:20px 0;background:#133768;text-align:center;}
.devs p {font:400 9pt 'Roboto';color:#fff;padding:0;margin:6px 0;text-transform:uppercase;}
.devs a {color:#fff;font-weight:bold;}

.sub-container {background:rgba(255,255,255,.9);padding:30px 25px;}

.subpage-wrap {padding:50px 0;}
.subpage-wrap h1 {font:700 25px 'Roboto';color:#b8095c;padding:0;margin:0 0 20px 0;text-decoration:none;text-transform:capitalize;}
.subpage-wrap p {color:#111;margin:15px 0;padding:0;font:400 14px 'Roboto';line-height:1.5;}

.sidenav {margin-bottom:2em;}
.sidenav > ul {margin:0;padding:0;}
.sidenav li {list-style:none;}
.sidenav a {color:#666;display:block;padding:8px 10px;text-decoration:none;font:400 14px 'Roboto';text-transform:capitalize;border-bottom:dotted 1px #ddd;}
.sidenav a.active, .sidenav a:hover {background:#b8095c;color:#fff;}

@media only screen and (max-width:1366px) {
	.banner-caption h1 {font-size:35px;}
}

@media only screen and (max-width:1024px) {
	.trigger a {display:block;}
	.banner-caption {padding:30px 50px;background:rgba(185,6,92,0.8);}
	.banner-caption h1 {font-size:20px;}
	.banner-caption p {font-size:14px;margin-bottom:0;}
	.banner-caption a {font-size:10px;display:none;}
	.intro-button {text-align:center;padding-top:0;}
	.intro-wrapper {padding-bottom:100px;}
	#menu-desk {text-align:left;}
	.box-wrapper {padding:50px 0;}
	.intro-content {padding:50px 30px;text-align:center;}
	.newsbar-wrapper {padding:50px 0}
}

@media only screen and (max-width:767px) {
	.banner-caption {display:none !important;}
	#menu-desk {width: 100%;text-align:left;}
	.app-content h1 {font-size:26px;}
	.app-content p {font-size:16px;}
	.tracktrace-content h1, .newsbar-content h1 {font-size:26px;}
	.newsbar {text-align:center;}
	.intro-content p {font-size:14px;}
}