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:15px;right:15px;display:none;cursor:pointer;z-index:9999;}
#top img {height:40px;width:40px;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:999;}
.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:15px;}
.trigger a:before, .trigger a:after{content: '';display:block;background:#1a0088;height:2px;}
.trigger a span {background:#1a0088;display:block;height:2px;margin:6px 0;}

.mm-listview > li > a, .mm-listview > li > span {padding:10px;color:#fff;}
.mm-panels, .mm-panels > .mm-panel {background:#1a0088;}
.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 {padding:1em 0;border-top:solid 12px #1a0088;}
#navigation {float:right;}
#menu-desk {width: 100%;}
	#menu-desk > ul {padding:0;margin:0;}
	#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:35px 10px;font:400 16px 'Roboto';color:#222;text-transform:uppercase;}
	#menu-desk > ul > li > span {display:block;text-decoration:none;padding:35px 10px;font:400 16px 'Roboto';color:#222;text-transform:uppercase;}
	#menu-desk > ul > li:hover > a, #menu-desk > ul > li:hover > span {background:#e74c3c;color:#fff;}
	#menu-desk > ul > li > a.active, #menu-desk > ul > li > span.active {background:#e74c3c;color:#fff;}

	#menu-desk ul ul {display:none;padding:0;position:absolute;background:#e74c3c;z-index:9;border-radius:4px;margin-top:4px;}
	#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 10px;display:block;font:400 13px 'Roboto';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;}

.search-wrapper {background:#1a0088;padding:12px 0;}

.banner-caption::before {position: absolute;height: 500%;width: 1500%;left: -65%;background: #1a0088;opacity: 0.8;content: '';-webkit-transform: rotate(25deg);-moz-transform: rotate(25deg);-o-transform: rotate(25deg);}
.banner-caption {display:none;-vendor-animation-duration:3s;-vendor-animation-delay:0s;-vendor-animation-iteration-count:infinite;
	position:absolute;top:0;right:0;height:100%;padding:3em;max-width:500px;}
.owl-dots {position: absolute;bottom: 10px;text-align: right;margin: 0px auto;right: 10px;z-index:9999;}
.banner-caption h1 {margin:0;padding:0;font:700 55px 'Roboto';color:#fff;position:relative;z-index: 9;text-transform:uppercase;}
.banner-caption p {margin:12px 0 0 0;padding:0;font:400 14px 'Roboto';color:#fff;line-height:20px;position:relative;z-index: 9;}

.welcome-wrapper {background:#1a0088;padding:4em 0;margin-top:-12px;}
.welcome-content {text-align:center;}
	.welcome-content h1 {font:300 65px 'Roboto';color:#fff;margin:0 0 15px 0;padding:0;text-transform:uppercase;}
	.welcome-content p {font:300 18px 'Roboto';color:#fff;text-decoration:none;line-height:28px;}

.box-content {width:20%;display:table-cell;position:relative;overflow:hidden;background:#000;}
	.box-content img {width:100%;background:#000;opacity:.5}
	/*.boxcon {position:absolute;bottom:0;width:100%;top:0;left:0;right:0;text-align:center;z-index:3;}*/
	.boxcap {position: absolute;height: 100%;width: 100%;padding: 6% 8%;z-index: 5;top: 0;left: 0;}
	.box-content:hover > .boxcap {position: absolute;height:200%;width:200%;left:20%;background: #1a0088;opacity: 0.8;content: '';-webkit-transform: rotate(25deg);-moz-transform: rotate(25deg);-o-transform: rotate(25deg);transition: all .2s ease-in-out;}
	.box-content:hover > img {}
	.boxcon {position: absolute;z-index: 999;top: 0;left: 0;right: 0;bottom:0;padding:1.5em;}
	.boxcon h1 {font:700 35px 'Roboto';color:#fff;margin:0 0 1em 0;padding:0;text-transform:uppercase;}
	.boxcon p {font:300 16px 'Roboto';color:#fff;text-decoration:none;line-height:18px;margin:0 0 2em 0;padding:0;}
	.boxcon a {font:400 12px 'Roboto';color:#fff;margin:0;padding:15px 20px;border-radius:30px;background:#195bbe;text-decoration:none;}

.product-wrapper {padding:4em 0;background:#393939;}
.wrapper-title {text-align:center;margin-bottom:2em;}
.wrapper-title h1 {font:300 65px 'Roboto';color:#fff;margin:0 0 15px 0;padding:0;text-transform:uppercase;}
.wrapper-title a {font:400 12px 'Roboto';color:#fff;margin:0;padding:15px 20px;border-radius:30px;background:#195bbe;text-decoration:none;}
.product-content {min-height:400px;position:relative;}
	.product-content img {border:solid 1px #eee;margin-bottom:12px;}
	.product-content h1 {font:700 20px 'Roboto';color:#fff;margin:0 0 1em 0;padding:0;text-transform:uppercase;height:50px;}
	.product-content p {font:400 14px 'Roboto';color:#fff;text-decoration:none;line-height:18px;padding:0;margin:0 0 1em 0;}
	.product-content a {font:400 12px 'Roboto';color:#fff;margin:0;padding:15px 20px;border-radius:30px;background:#195bbe;text-decoration:none;position:absolute;bottom:0;left:0;}

#news-wrapper {padding:0 0 3em 0;background:#393939;}
.news-header h1 {font:700 35px 'Roboto';color:#fff;margin:0 0 1em 0;padding:0;}
.news img {margin-bottom:12px;width:250px;}
.news h1 {font:700 22px 'Roboto';color:#fff;margin:0 0 1em 0;padding:0;}
.news p {font:400 14px 'Roboto';color:#fff;margin:0 0 2em 0;padding:0;line-height:22px;}
.news a {font:400 12px 'Roboto';color:#fff;margin:0;padding:15px 20px;border-radius:30px;background:#195bbe;text-decoration:none;}

#footer-wrapper {background:#1a0088;}
.footer-links {padding:2em 1em;border-left:solid 1px #085a1b;min-height:250px;}
.footer-links h1 {font:400 18px 'Roboto';color:#fff;margin:0 0 1em 0;padding:0;text-transform:uppercase;}
.footer-links ul {margin:0;padding:0;}
.footer-links li {list-style:none;line-height:18px;padding:3px 0;}
.footer-links a {font:300 11px 'Roboto';color:#fff;text-decoration:none;text-transform:uppercase;}
.footer-links a:hover {color:#1c2a0a;}

.footer-social h1 {font:400 20px 'Roboto';color:#fff;margin:0 0 1em 0;padding:0;text-transform:uppercase;}
.footer-social ul {margin:0;padding:0;}
.footer-social li {list-style:none;display:inline-block;}
.footer-social span {color:#fff;font-size:22px;margin:0 12px 0 0;}
.footer-social span:hover {color:#fff;}

.footer-contact {padding:2em 1em;border-left:solid 1px #085a1b;min-height:250px;border-right:solid 1px #085a1b;}
.footer-contact h1 {font:400 18px 'Roboto';color:#fff;margin:0 0 1em 0;padding:0;text-transform:uppercase;}
.footer-contact p {font:300 13px 'Roboto';color:#fff;text-decoration:none;line-height:18px;}

.footer-logo {padding:2em 0;}
.footer-logo img {margin-bottom:12px;}
.footer-logo p {font:300 13px 'Roboto';color:#fff;text-decoration:none;line-height:18px;}
.footer-logo a {color:#ffc000;}

.subpage-wrap {padding:2em 0;}
.subpage-wrap h1 {color:#195bbe;font:700 25px 'Roboto';margin:0 0 10px 0;padding:0;text-transform:uppercase;}
.subpage-wrap h2 {color:#444;font:700 16px 'Roboto';margin:0 0 10px 0;padding:0;}
.subpage-content p, .subpage-content li {color:#444;font:400 15px 'Roboto';margin:0 0 12px 0;padding:0;}
.subpage-content p {line-height:20px;}

.sidenav ul {margin:0 0 2em 12px;padding:0;}
.sidenav li {list-style:none;}
.sidenav a {font:normal 13px 'Roboto';color:#333;text-decoration:none;display:block;padding:5px 10px;}
.sidenav a:hover, .sidenav a.active {background:#195bbe;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, Helevtice Neue, sans-serif;}
.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;}
	.welcome-content h1, .wrapper-title h1 {font-size:35px;}
	.boxcon h1 {font-size:15px;}
	.banner-caption h1 {font-size:30px;}
	.footer-logo img {width:300px;}
	.footer-contact, .border-links {border:none;}
}

@media only screen and (max-width:767px) {
	.banner-caption {display:none !important;}
	.box-content {width:100%;display:block;}
	.product-content {min-height:450px;}
}