html, body {padding:0;margin:0;}
body {word-wrap:break-word;font-family:'Source Sans Pro';background:url(../images/misc/bg.png) center bottom repeat;background-attachment:fixed;}
img {max-width:100%;height:auto;}
body *{text-shadow:none;}

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro: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 {/*background:#0d7cc1;*/padding:30px 0;display:inline-block;}
.logo-wrapper img {width:400px;}
.search-bar {padding-top:40px;}

.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:#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:#0d7cc1;}
.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:#0d7cc1;}
.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 input[type=text] {
    width: 220px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    position:relative;
    z-index: 5;
    border:none;
    border-radius:2px;
}

/* When the input field gets focus, change its width to 100% */
.nav-wrapper input[type=text]:focus {
    width: 100%;
}

.search-bar > img {width:25px;position:relative;top:-35px;right:5px;float:right;z-index:1;}
.social-tabs {margin:0;padding:55px 0 0 0;text-align:right;}
.social-tabs li {list-style:none;display:inline-block;}
.social-tabs li span {color:#fff;margin-left:15px;transition: all .2s ease-in-out;font-size:20px;}
.social-tabs li span:hover {background:#76bd1d;color:#fff;}

.nav-wrapper {
background: #3b679e;
background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
margin-bottom:30px;}
#navigation {border-top:solid #fff 1px;}
#menu-desk {width: 100%;}
	#menu-desk > ul {padding:0;margin:12px 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:10px 20px;font:400 11pt 'Source Sans Pro';color:#fff;margin:0 2px;letter-spacing:1px;text-transform:uppercase;border-radius:2px;}
	#menu-desk > ul > li > span {display:block;text-decoration:none;padding:10px 20px;font:400 11pt 'Source Sans Pro';color:#fff;margin:0 2px;letter-spacing:1px;text-transform:uppercase;border-radius:2px;}
	#menu-desk > ul > li:hover > a, #menu-desk > ul > li:hover > span {background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%);
background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );color:#111;}
	#menu-desk > ul > li > a.active, #menu-desk > ul > li > span.active {background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%);
background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );color:#111;}

	#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 14pt 'Source Sans Pro';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;}

.social-top ul {margin:0;padding:0;text-align:right;}
.social-top ul li {list-style:none;display:inline-block;text-align:center;}
.social-top ul li a span {font-size:16px;color:#fff;background:#0d7cc1;width:35px;height:35px;padding:9px 6px;border-radius:30px;}

.banner-wrapper, .sub-banner {}
.banner-caption {display: none;-vendor-animation-duration: 3s;-vendor-animation-delay: 0s;-vendor-animation-iteration-count: infinite;
position:absolute;bottom:30px;left:0;right:0;text-align:center;z-index:9999;width:75%;margin:0 auto;}
.banner-caption h1 {font:700 35px 'Source Sans Pro';color:#fff;padding:0;margin:0;text-transform:uppercase;}
.banner-caption p {font:400 16px 'Source Sans Pro';color:#fff;padding:0;margin:0 0 2em 0;}
.owl-dots {position: absolute;bottom:0;text-align: center;margin: 0px auto;right: 0px;left: 0px;}

.boxes-wrapper {padding:20px 0 50px 0;}
.boxes-content h1 {font:700 30px 'Source Sans Pro';color:#0d7cc1;padding:0;margin:0;}
.boxes-content p {font:400 15px 'Source Sans Pro';color:#444;padding:0;margin:6px 0 0 0;}

.boxes-slider {margin-top:30px;}

.box img {border:solid 10px #fff;transition:all .2s ease-in-out;}
.box p {font:700 18px 'Source Sans Pro';color:#0d7cc1;padding:0;margin:10px 0 0  0;}
.box:hover img {border-color:#0d7cc1;}

.news-wrapper .owl-prev {position:absolute;bottom:-50px;left:-5px;width:30px;height:30px;}
.news-wrapper .owl-next {position:absolute;bottom:-50px;left:35px;width:30px;height:30px;}

.get-btn {padding-top:100px;}

.content-wrapper {padding:30px 0 15px 0;}
.content-wrapper h1 {font:300 32px 'Source Sans Pro';padding:0;margin:0 0 30px 0;text-transform:capitalize;}
.featured-box img {margin:0 0 15px 0;border-radius:2px;}
.featured-box h2 {font:700 16px 'Source Sans Pro';padding:0;margin:0;text-transform:capitalize;}
.featured-box p {font:400 14px 'Source Sans Pro';color:#999;padding:0;margin:4px 0 30px 0;}
.featured-box h2 a {color:#0d7cc1;}

.news-wrapper h2 {font:700 30px 'Source Sans Pro';color:#0d7cc1;padding:0;margin:0 0 30px 0;}
.news img {margin-bottom:10px;}
.news h1 {font:700 18px 'Source Sans Pro';color:#0d7cc1;margin:0;padding:0;text-transform:uppercase;}
.news span {font:400 13px 'Source Sans Pro';color:#999;margin:0 0 12px 0;padding:0;}
.news p {font:400 14px 'Source Sans Pro';color:#666;margin:16px 0 0 0;padding:0;line-height:1.5;}
.news a {border-radius:2px;background:#0d7cc1;padding:5px 9px;font:400 11px 'Source Sans Pro';color:#fff;text-transform:uppercase;text-decoration:none;}
.news a:hover {background:#555;}

.footer-wrapper {background: #3b679e;
background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );padding:50px 0;border-top:solid 2px #eee;}
.footer-wrapper h1 {font:700 14pt 'Source Sans Pro';color:#fff;padding:0;margin:0;text-transform:uppercase;}
.footer-contact {text-align:right;}
.footer-contact p {font:300 14px 'Source Sans Pro';color:#fff;padding:4px 0 0 0;margin:0;}

.footer-contact ul {margin:5px 0 0 0;padding:0;}
.footer-contact li {list-style:none;display:inline-block;text-align:center;}
.footer-contact span {color:#fff;margin-left:10px;transition: all .2s ease-in-out;}
.footer-contact span:hover {background:#76bd1d;color:#fff;}

.footer-social {text-align:right;}

.devs {padding:2px 0;background:#111;text-align:left;border-bottom:solid 6px #0d7cc1;}
.devs p {font:700 9pt 'Source Sans Pro';color:#fff;padding:0;margin:6px 0;text-transform:uppercase;}
.devs a {color:#76bd1d;font-weight:bold;}

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

.subpage-wrap {padding:30px 0;}
.subpage-wrap h1 {font:300 30px 'Source Sans Pro';color:#0d7cc1;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:0 0 1em 0;padding:0;font:400 14px 'Source Sans Pro';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 'Source Sans Pro';text-transform:uppercase;border-bottom:dotted 1px #ddd;letter-spacing:1px;}
.sidenav a.active, .sidenav a:hover {background:#0d7cc1;color:#fff;}

.product-grid {margin-bottom:30px;}
.product-grid img {margin-bottom:15px;border-radius:3px;}
.grid-cap h2 {color:#1f537f;font:900 18px 'Source Sans Pro';padding:0;margin:0 0 12px 0;text-transform:capitalize;}
.grid-cap h2 a {color:#1f537f;}
.grid-cap h2 a:hover {text-decoration:underline !important;}
.grid-cap p {color:#111;margin:15px 0 20px 0;padding:0;font:400 15px 'Source Sans Pro';line-height:1.5;}
.grid-cap a.add-cart {color:#fff;margin:0;padding:8px 12px;font:400 12px 'Source Sans Pro';line-height:1.5;text-transform:uppercase;background:#ff3939;letter-spacing:1px;}
.grid-cap a.add-cart span {margin-left:10px;}
.subpage-content .btn-group button {color:#fff;text-transform:uppercase;font-size:12px;letter-spacing:1px;padding:6px 12px;}

#container {
	    width: 600px;
	    margin: 0 auto;
	    padding: 20px;
	}

	.btn {
	    /* display: inline-block;
	    padding: 10px;
	    border-radius: 5px;
	    color: #aaa;
	    font-size: .875em; */
	}

	.pagination {
	    margin: 0;
	}

	.page {
	    display: inline-block;
	    padding: 0px 9px;
	    margin-right: 4px;
	    border-radius: 3px;
	    border: solid 1px #c0c0c0;
	    background: #e9e9e9;
	    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
	    font-size: .875em;
	    font-weight: bold;
	    text-decoration: none;
	    color: #717171;
	    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
	}

	.page:hover, .page.gradient:hover {
	    background: #fefefe;
	    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
	    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
	}

	.page.active {
	    border: none;
	    background: #616161;
	    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
	    color: #f0f0f0;
	    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
	}

@media only screen and (max-width:1024px) {
	.trigger a {display:block;}
	.search-bar {padding-top:0;}
	.get-btn {text-align:center;padding-bottom:30px;}
	.get-btn img {width:300px;}

	.footer-contact {text-align:left;}
	.footer-logo img {width:300px;margin-bottom:30px;}
	.footer-contact span {margin:5px 15px 0 0;}
}

@media only screen and (max-width:767px) {
	.banner-caption {display:none !important;}
	.featured-box {text-align:center;}
	.featured-box img {width:125px;}
	.social-tabs {display:none;}
}