/* ----- General ----- */

body {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:1.6em;
	color:#000;
    
	background: url(../img/bodybg/bg3.jpg) repeat left top;
}

a:active {
	outline:0;
}

.clear {
	clear:both;
}

/* ----- Layout ----- */

.container {
	padding:0 20px 0 20px;
	position:relative;
}

#wrapper{
	width:100%;
	margin:0;	
	padding:0;
}

#wrapper.boxed{
	width:1230px;
	overflow:hidden;
	margin:0 auto;	
	padding:0;
	background:#fff;
}

.row,.row-fluid {
	margin-bottom:30px;
}

.row .row,.row-fluid .row-fluid{
	margin-bottom:30px;
}

.row.nomargin,.row-fluid.nomargin {
	margin-bottom:0;
}

/* ----- Responsive Media ----- */

.video-container,.map-container,.embed-container 		{ position:relative; margin:0 0 15px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:none; }
.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.video-container object,  
.video-container embed 					{ position:absolute; top:0; left:0; width:100%; height:100%; }
iframe {
	border:none;
}

img.img-polaroid {
	margin:0 0 20px 0;
}
.img-box {
	max-width:100%;
}

/* ----- Header ----- */

 .nav-top {
   height:auto;
   color:#fff;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;

}

.nav-top-inner  ul{
	list-style:none;
	margin-top:8px;
	margin-left:0;
}

.nav-top-inner  ul li {
	display:inline;
	margin:0 20px 0 0;
}

.nav-top-inner ul li.social-top {margin-right:0;}
.nav-top-inner ul li.social-top a {color:#e4f1f9;}

 .fa-facebook {color:#3B5998}
 .fa-twitter {color:#4099FF}
 .fa-google-plus {color:#d34836}

 .nav-top.toggle-link-open {
  padding: 10px 0;
}
.nav-top a {
  color: #ffffff;
}

#header-hidden-link {
  position: absolute;
  right: 60px;
  top: 0px;
  
}
#header-hidden-link a.toggle-link,
#header-hidden-link a.top-link {
	outline:0;
  font-size: 0;
  line-height: 1;
  padding: 5px 10px;
  height: 20px;
  display: block;
  text-align: center;
  color: #fefefe;
  text-decoration: none;
}

#header-hidden-link a.toggle-link:active,#header-hidden-link a.toggle-link:focus,#header-hidden-link a.toggle-link:hover {
	outline:0;
}

#header-hidden-link a.toggle-link i,
#header-hidden-link a.top-link i {
  font-size: 16px;
  line-height: 1;
}
#header-hidden-link a.toggle-link:hover,
#header-hidden-link a.top-link:hover {
  text-decoration: none;
  color: #ffffff;
}
#header-hidden-link a.toggle-link > i:before {
  content: "\f067";
  font-family: 'FontAwesome';
  font-size: 13px;
  font-weight:normal;
  font-style: normal;
}
#header-hidden-link a.toggle-link.open {
  text-decoration: none;
}
#header-hidden-link a.toggle-link.open > i:before {
  content: "\f068";
}
.toggle-link-open {
  height: auto !important;
  min-height: 40px;
  max-height: 40000px;
}
.toggle-link-close {
  height: 0;
  overflow: hidden;
}


/*let's do some nav overrides*/

.navbar .nav {
float:none!important;
text-align:center;
color:#fff;
font-weight:700;
}


#nav-container ul.nav li {
 
    display: inline-block;
 
}
.navbar .nav > li {
   float: none;
}


.navbar .nav > li > a {
  margin-left: 10px;
  margin-right: 10px;
}

li.active a {text-decoration:underline!important;
}


/* --- header -- */
header{
	background: #fff;
	margin:0;
	padding:0;
	position:relative;
}

header .row {margin-bottom:0;}

header .logo {
	margin:10px 0 0 0;
	float:left;
}

header .logo img {
	margin-bottom:10px;
}
header .logo h1 {
	font-size:14px;
	margin:0;
}

/* ----- Nav ----- */

#nav-container {background:#1c3664;}
#nav-container .row {margin-bottom:0;}

#nav-container .navigation {
	/* float:right; */
}

#nav-container ul.nav li {
	border:none;
	margin:0;
}

#nav-container ul.nav li a {	
	font-size:15px;
	border:none;
	font-weight:bold;
	text-transform:uppercase;
}
.navbar .nav > li > a {
  color: #fff;
  text-shadow: none;
  font-weight:600;

}

.navbar .nav a:hover {
	background:none;
}

.navbar .nav > .active > a,.navbar .nav > .active > a:hover {
	background:none;
	font-weight:600;
}

.navbar .nav > .active > a:active,.navbar .nav > .active > a:focus {
	background:none;
	outline:0;
	font-weight:600;
}

.navbar .nav li .dropdown-menu {
	z-index:2000;
}

#nav-container ul.nav li ul {
	margin-top:1px;
}
#nav-container ul.nav li ul li ul {
	margin:1px 0 0 1px;
}
.dropdown-menu .dropdown i {
	position:absolute;
	right:0;
	margin-top:3px;
	padding-left:20px;
}

.navbar .nav > li > .dropdown-menu:before {
  display: inline-block;
  border-right: none;
  border-bottom: none;
  border-left: none;
  content:none;
}

.navbar .nav > li > .dropdown-menu:after {
  display: inline-block;
  border-right: none;
  border-bottom: none;
  border-left: none;
  content: '';
}

ul.nav li.dropdown a {
	z-index:1000;
	display:block;
}

 select.selectmenu {
	display:none;
}
.loginbar .input-append {
    margin-bottom:0;
}
.loginbar .btn-green {
    padding-top:4px;
    padding-bottom:4px;
}

.loginbar, .cartbar {margin:50px 0 10px 0;}


section.callaction {
	background:#f9f9f9;
	padding:5px 0 0 0;
}

/* ----- Content ----- */

#content {
	position:relative;
	background:#fff;
	padding:50px 0 0 0;
}

#content img {
	max-width:100%;
	height:auto;
}

.help .faq-search{display:none;}


/* ----- Headlines ----- */

#inner-headline{
	background:#252525;
	position:relative;
	margin:0;
	padding:0;
	color:#fefefe;
}


#inner-headline .inner-heading h2 {
	color:#fff;
	margin:20px 0 0 0;
}

/* --- breadcrumbs --- */
#inner-headline ul.breadcrumb {
	margin:30px 0 0;
	float:right;
}

#inner-headline ul.breadcrumb li {
	margin-bottom:0;
	padding-bottom:0;
}
#inner-headline ul.breadcrumb li {
	font-size:13px;
	color:#ddd;
}

#inner-headline ul.breadcrumb li i{
	color:#dedede;
}

#inner-headline ul.breadcrumb li a {
	color:#fff;
}

ul.breadcrumb li a:hover {
	text-decoration:none;
}

/* ----- Forms ----- */

.search{
	float:right;
	margin:35px 0 0;
	padding-bottom:0;
}

#inner-headline form.input-append {
	margin:0;
	padding:0;
}

/* defaults */

input, textarea, .uneditable-input {
    width: 95%;
}

/* ----- Products ----- */

#thumbs {
	margin: 0;
	padding: 0;	
}

#thumbs li {
	list-style-type: none;
}

.product-list {
	margin: 0;
	padding: 0;	
}

.product-list li {
	list-style-type: none;
}

.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}

.item-thumbs a + img {
	width: 99%;	
}
    .item-thumbs h6 {
        text-align:center;
    }
.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;	
	opacity: 0;
	filter: alpha(opacity=0);
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #fff;
	font-size: 32px;
	line-height: 1em;	
	opacity: 1;
	filter: alpha(opacity=100);
}

/* ----- Elements ----- */

blockquote {
	font-size:16px;
	font-weight:400;
	font-family:'Noto Serif', serif;
	font-style:italic;
	padding-left:0;
	color:#a2a2a2;
	line-height:1.6em;
	border:none;
}

blockquote cite { display:block; font-size:12px; color:#666; margin-top:10px; }
blockquote cite:before { content:"\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited { color:#555; }

.pullquote-left {
	display:block;
	color:#a2a2a2;
	font-family:'Noto Serif', serif;
	font-size:14px;
	line-height:1.6em;
	padding-left:20px;
}

.pullquote-right {
	display:block;
	color:#a2a2a2;
	font-family:'Noto Serif', serif;
	font-size:14px;
	line-height:1.6em;
	padding-right:20px;
}

/* ----- Lists ----- */

ul.general {
	list-style:none;
	margin-left:0;
}

ul.link-list{
	margin:0;
	padding:0;
	list-style:none;
}

ul.link-list li{
	margin:0;
	padding:2px 0 2px 0;
	list-style:none;
}

footer ul.link-list li a{
	color:#919191;
}

/* ----- Headings ----- */

h4.heading {
	font-weight:300;
}

h4.heading strong {
	font-weight:700;
}

.heading { margin-bottom: 30px; }

.heading {
	position: relative;
	
}

/* ----- Widgets ----- */

.widgetheading {
	width:100%;

	padding:0;
}

#bottom .widgetheading {
	position: relative;
	border-bottom: #e6e6e6 1px solid;
	padding-bottom: 9px;
}

aside .widgetheading {
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
}

footer .widgetheading {
	position: relative;
}

footer .widget .social-network {
	position:relative;
}


#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {	
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	right:0;

}

/* ----- Testimonials ----- */

.testimonial {
	background:#fff;
	padding:20px 20px 10px 20px;
	border:1px solid #e6e6e6;
}

.testimonial .author img {
	float:left;
	margin:0 10px 0;
}

.testimonial p.text {
	color:#000000;
	font-family:'Noto Serif', sans-serif;
	font-size:14px;
	font-style:italic;
	line-height:1.6em;
	margin-bottom:20px;
}

.testimonial p.name {
	color:#b2b2b2;
}

.testimonial .author p.name {
	font-weight:bold;
}

/* --- Map --- */
.map{
	position:relative;
	margin-top:-50px;
	margin-bottom:40px;
}

.map iframe{
	width:100%;
	height:450px;
	border:none;
}

.map-grid iframe{
	width:100%;
	height:350px;
	border:none;
	margin:0 0 -5px 0;
	padding:0;
}

/* ----- Blog ----- */

article{
	float:left;
	width:100%;
	margin-bottom:40px;
}

article .post-heading h3 {
	margin-bottom:20px;
}

article .post-heading h3 a {
	font-weight:700;
	color:#353535;
}

article .post-heading h3 a:hover {
	text-decoration:none;
}

.post-meta {
	background:#fcfcfc;
	border:1px solid #e6e6e6;
	border-top:none;
	text-align:center;
}

.post-meta .format {
	border-bottom:1px solid #e6e6e6;
	padding:10px 0 10px;
}

.post-meta i{
	margin:0;
}

.post-meta .date {
	border-bottom:1px solid #e6e6e6;
	padding:10px 0 10px;
}

.post-meta .date span {
	text-align:center;
	color:#999;
	font-size:12px;
	font-weight:600;
}

.post-meta .comments {
	padding:10px 0 10px;
}

.post-meta .comments a {
	color:#999;
	font-size:12px;
	font-weight:700;
}

.post-meta .comments a:hover {
	text-decoration:none;
}

.post-image {
	margin-bottom:20px;
}

.post-quote {
	margin-bottom:20px;
}

.post-video {
	margin-bottom:20px;
}

.post-audio {
	margin-bottom:20px;
}

.post-link {
	margin-bottom:20px;
}

.post-slider {
	margin-bottom:20px;
}


.post-quote blockquote {
	font-size:16px;
	color:#999;
	font-family:'Noto Serif', serif;
	font-style:italic;
	line-height:1.6em;
}

ul.meta-post{
	float:left;
	margin: 0;
	padding:0;
	list-style:none;
}

ul.meta-post li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
	border-right:1px dotted #e9e9e9;
	padding-right:10px;
}

ul.meta-post li i {
	float:left;
	font-size:12px;
	margin:2px 5px 0 0;
}

ul.meta-post li a{
	color:#999;
	float:left;
	font-size:12px;
	font-weight:600;
}

.bottom-article{
	float:left;
	width:100%;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	padding:10px 0 10px 0;
	margin-top:20px;
}

.about-author {
	border:1px solid #d5d5d5;
	padding:20px;
	float:left;
	margin-bottom:5px;
}

.about-author h5 {
	margin-bottom:10px;
}

.media-content{
	overflow:hidden;
	margin-left:12px;
	border-bottom:1px dotted #d5d5d5;
	padding-bottom:20px;
}

.media-content h6 {
	font-size:14px;
	font-weight:700;
}

.media-content span{
	color:#a9a9a9;
	font-size:14px;
	font-weight:300;
}

.filter-list{
	margin-top:20px;
}

/* --- pagination --- */

#pagination a,
#pagination span {
    display: block;
    float: left;
    margin: 0 7px 0 0;
    padding: 7px 10px 6px 10px;
    font-size: 12px;
    line-height:12px;
    color: #888;
	font-weight:600;
}

#pagination a:hover {
    color: #fff;
	text-decoration:none;
}

#pagination span.current {
    background: #333;
    color: #fff;
    font-weight: bold;
}


/* ----- Sidebar ----- */

aside{
	position:relative;
	margin-bottom:40px;
}

.sidebar-nav{
	float:left;
	width:100%;
}

.right-sidebar{
	border-left:1px solid #e9e9e9;
	padding:0 0 0 30px;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);

}

.left-sidebar{
	border-right:1px solid #e9e9e9;
	padding:0 30px 0 0;
-webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
}

.left-sidebar .widget h3, .left-sidebar .widget .widget-content{
	padding-right:20px;
}

aside .widget {
	margin-bottom:40px;
}

ul.cat, ul.recent, ul.folio-detail, ul.contact-info{
	margin:0;
	padding:0;
	list-style:none;
}

ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li{
	margin:0 0 15px 0;
	list-style:none;
}

ul.cat li a, ul.folio-detail li a{
	color:#656565;
}

ul.folio-detail li label{
	display:inline;
	cursor:default;
	color:#353535;
	font-weight:bold;
}

.widget ul.recent li {
	margin-bottom:20px;
}

ul.recent li h6 {
	margin:0 0 10px 0;
}

ul.recent li h6 a{
	color:#353535;
	font-size:16px;
	font-weight:600;
}

/* ----- More Widgets ----- */

.widget ul.tags {
	list-style:none;
	margin:0;
}

.widget ul.tags li {
	margin:0 5px 15px 0;
	display:inline-block;
}

.widget ul.tags li a {
	background:#e6e6e6;
	color:#333;
	padding:5px 10px;
}

.widget ul.tags li a:hover {
	text-decoration:none;
	color:#fff;
}

.recent-post{
	margin:20px 0 0 0;
	padding:0;
	line-height:18px;
}

.recent-post h5 a:hover {
	text-decoration:none;
}

.recent-post .text h5 a {
	color:#353535;
}


ul.time-post{
	float:left;
	width:120px;
	padding:0;
	list-style:none;
	margin:0 20px 0 0;
	text-align:center;
	color: #0e0f0f;
}

ul.time-post li{
	float:none;
	background:#f8f8f8;
	list-style:none;
	margin:0 0 2px 0;
	padding:0;
}

ul.time-post li a img:hover{
	opacity: 0.8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	
}
 	
ul.time-post li.time{
	float:none;
	padding:5px 0 5px 0;
	text-shadow: none;	
}

.recent-post ul.time-post li.time{
	color:#121214;
}

.post-meta{
	margin-bottom:20px;
}

.post-meta span{
	padding:0 10px 0 10px;
	margin-bottom:10px;
}

.post-meta span a{
	color:#919191;
}

.post-meta strong{
	font-weight:200;
	color:#c7c7c7;
}

.item .text {
	margin-left:140px;
	margin-bottom:20px;
}

/* ----- Footer ----- */

footer{
	background:#1c3664;
	padding:50px 0 0 0;
	color:#bbb;
}

footer a {
	color:#eee;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
	color:#eee;
}

footer address {
	line-height:1.6em;
}

footer h5 a:hover, footer a:hover {
	text-decoration:none;
}

ul.social-network {
	list-style:none;
	margin:0;
}

ul.social-network li {
	display:inline;
}

#sub-footer{
	background:#0a0a0a;
	text-shadow:none;
	color:#5d5d5d;
	padding:0;
	padding-top:30px;
	margin:20px 0 0 0;
}

#sub-footer p{
	margin:0;
	padding:0;
}

#sub-footer span{
	color:#c7c7c7;
}

.copyright {
	text-align:left;
	font-size:12px;
}

#sub-footer ul.social-network {
	float:right;
}


/* ----- Dividers ----- */

.solidline {
	border-top:1px solid #e6e6e6;
	margin:0 0 30px;
}

.dottedline {
	border-top:1px dotted #e6e6e6;
	margin:0 0 30px;
}

.dashedline {
	border-top:1px dotted #e6e6e6;
	margin:0 0 30px;
}

.blankline {
	height:1px;
	margin:0 0 30px;
}


/* scroll to top */
.scrollup{
    position:fixed;
	width:32px;
	height:32px;
    bottom:0px;
    right:20px;
}

a.scrollup {
	outline:0;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-decoration:none;
}
a.scrollup i:hover {
	text-decoration:none;
}


/* ----- Position ----- */

.absolute{
	position:absolute;
}

.relative{
	position:relative;
}

.aligncenter{
	text-align:center;
}

.aligncenter span{
	margin-left:0;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

.floatnone {
	float:none;
}

.aligncenter {
	text-align:center;
}

/* ----- Alignment ----- */

img.pull-left, .align-left{
	float:left;
	margin:0 15px 15px 0;
}

.widget img.pull-left {
	float:left;
	margin:0 15px 15px 0;
}

img.pull-right, .align-right {
	float:right;
	margin:0 0 15px 15px;
}

article img.pull-left, article .align-left{
	float:left;
	margin:5px 15px 15px 0;
}

article img.pull-right, article .align-right{
	float:right;
	margin:5px 0 15px 15px;
}

/* ----- Faq ----- */
.faq-container .faq-search {
  margin-bottom: 2em;
  text-align: right;
}
.faq-container .faq-search input {
  width: 96%;
  display: block;
  padding: 2%;
}
.faq-container .faq-empty {
  display: none;
}
.faq-container .faq-toc {
  padding: 1.5em 0;
  margin: 2em 0 0;
  border: 1px dotted #CCC;
  border-right: none;
  border-left: none;
}
.faq-container .faq-toc ol {
  padding: 0;
  margin: 0;
}
.faq-container .faq-toc ol li {
  margin-bottom: .75em;
  list-style: none;
}
.faq-container .faq-toc ol li a {
  margin-left: .5em;
}
.faq-container .faq-list {
  padding: 0;
  margin: 3em 0 0;
  list-style: none;
}
.faq-container .faq-list li {
  display: table;
  margin-bottom: 2em;
}
.faq-container .faq-list li .faq-icon {
  display: table-cell;
  padding-right: 1.25em;
  vertical-align: top;
}
.faq-container .faq-list li .faq-text {
  display: table-cell;
  vertical-align: top;
}
.faq-container .faq-list li .faq-text h4 {
  margin-top: 0;
}
.faq-container .faq-list li .faq-number {
  width: 32px;
  height: 32px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 32px;
  color: #ffffff;
  background: #0fa1d5;
  border: 3px solid #ffffff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 100px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* clear FAQ search box */
.clearable{
  background: #fff url(data:image/gif;base64,R0lGODlhGgAaALMJAHt7e8jIyJycnPT09JiYmL29vWVlZd7e3lpaWv///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAAAaABoAAASLMEl5pr0YH1PzDZxmIEjnJQUZThtJmljqrsnovpl8r8HtwigfbqKbmYq/mDCEHCp9AIKwdApOd8DcVZX1NEmA7kmwHFQxA5tPcLYcANtCO9HaIuTV+k6IzxymAgNwPn1uU3h6LoV0h25qiiyNF39CAXSPJIuRPgYUj5qGRiw2oJNckwaWcxticywWEQA7) no-repeat right -40px center;
  border: 1px solid #999;
  padding: 3px 40px 3px 4px; /* Use the same right padding in jQ! */
  transition: background 0.4s;
}
.clearable.x  { background-position: right 15px center; }
.clearable.onX{ cursor: pointer; }

/* ----- Products ----- */
.product-home-content {
    padding: 30px 0 0 0 !important;
}
.product-home-content .product-popular-nav a { font-weight: bold;background: #1c3664;color: #fff;font-size: 14px;margin-right:5px;}
.product-home-content .product-popular-nav a:hover {background:#5C9CC7}
.product-home-content .product-popular-nav .product-nav-specials {background:#d34836}
.product-list li h6 {font-weight:bold;font-size:14px;line-height:16px;margin:5px 0;text-align:center;}
.product-list ul.slides {height:120px;overflow:hidden;}
.new-product {border:1px solid #ddd;}
.category-list {margin-bottom:0 !important;}
.category-list h6 {font-weight:bold;}
.category-list .item-thumbs {border-top:5px solid #5C9CC7;padding-top:10px;margin-bottom: 10px;}
.category-list ul.slides {height:120px;overflow:hidden;}
.popover-content p {
    font-size: 11px;line-height: normal;
}
.product-home-content ul.unstyled { font-size: 12px;}
/* ----- Spaces & Margins ----- */

.clear-marginbot{
	margin-bottom:0 !important;
}

.marginbot10{
	margin-bottom:10px;
}
.marginbot20{
	margin-bottom:20px;
}
.marginbot30{
	margin-bottom:30px;
}
.marginbot40{
	margin-bottom:40px;
}

.clear-margintop{
	margin-top:0;
}

.margintop10{
	margin-top:10px;
}

.margintop20{
	margin-top:20px;
}

.margintop30{
	margin-top:30px;
}

.margintop40{
	margin-top:40px;
}

/* ----- Responsive ----- */

@media (min-width: 979px) and (max-width: 1200px) {
	#wrapper.boxed{
		width:1000px;
		margin:0 auto;	
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	
     .well.payment ul li span {clear:both; display: inline-block;}
    
    #wrapper.boxed{
		width:784px;
		margin:0 auto;	
	}


	.navbar .nav {
		border:none;
	}	
	
	.navbar .nav li a{
		border:none;
	}	

	a.detail{
		background:none;
		width:100%;
	}
	
	
	footer .widget form  input#appendedInputButton {
		  display: block;
		  width: 91%;
		  -webkit-border-radius: 4px 4px 4px 4px;
			 -moz-border-radius: 4px 4px 4px 4px;
				  border-radius: 4px 4px 4px 4px;
	}
	
	footer .widget form  .input-append .btn {
		  display: block;
		  width: 100%;
		  padding-right: 0;
		  padding-left: 0;
		  -webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				  box-sizing: border-box;
				  margin-top:10px;
	}

	ul.related-folio li{
		width:156px;
		margin:0 20px 0 0;
	}	
}

@media (max-width: 767px) {

    .navbar .nav {
  display: none;
  
}

    select.selectmenu {
  margin-top: 20px;

}

  body {
    padding-right: 0;
    padding-left: 0;
  }
  
	#wrapper.boxed{
		width:90%;
		margin:0 auto;	
	}
	
	  .navbar-fixed-top,
	  .navbar-fixed-bottom,
	  .navbar-static-top {
		margin-right: 0;
		margin-left: 0;
	  }

	.navbar .nav {
		margin-top:40px;
		border-bottom:1px solid #2d2d2d;
	}	
	
	div nav ul {
		display:none;
	}
	nav ul li {
		display:none;
	}
	
    select.selectmenu  {    
      display: block;
	  width:100%;
	  margin-bottom:20px;
	  color:#111;
	  margin-right:20px;
	  line-height:30px;
		font-size:13px;
		
    }
	
	select.selectmenu .bold {
		font-weight:bold;
	}

	
	.box {
		border-bottom:1px solid #e9e9e9;
		padding-bottom:20px;
	}

	#featured .flexslider .slide-caption {
		width: 90%; 
		padding: 2%; 
		position: absolute; 
		left: 0; 
		bottom: -40px; 
	}

	#inner-headline .breadcrumb {
		float:left;
		clear:both;
		width:100%;
	}
	
	#inner-headline .search {
		float:left;
		margin-top:20px;
	}
	

	.breadcrumb > li {
		font-size:13px;
	}

	
	ul.portfolio li article a i.icon-48{
		width:20px;
		height:20px;
		font-size:16px;
		line-height:20px;
	}


	.left-sidebar{
		border-right:none;
		padding:0 0 0 0;
		border-bottom: 1px dotted #e6e6e6;
		padding-bottom:10px;
		margin-bottom:40px;
	}
	
	.right-sidebar{
		margin-top:30px;
		border-left:none;
		padding:0 0 0 0;
	}
	
	
	footer .span1, footer .span2, footer .span3, footer .span4, footer .span5, footer .span6, 
	footer .span7, footer .span8, footer .span9, footer .span10, footer .span11, footer .span12{
		margin-bottom:20px;
	}

	#sub-footer ul.social-network {
		float:left;
	}
	
	.loginbar, .cartbar {margin-top:0}

	
  [class*="span"] {
		margin-bottom:20px;
  }

 


}

@media (max-width: 480px) {

     .well.payment ul li span {clear:both; display: inline-block;}

	header .logo {
		margin:0 auto;
		text-align:center;
		margin-top:20px;
		float:none;
	}

	header .logo img {
		margin-bottom:10px;
	}
	header .logo h1 {
		font-size:14px;
		margin:0;
	}

    .loginbar .input-append {
        margin-bottom: 5px;
    }
	
	.bottom-article a.pull-right {
		float:left;
		margin-top:20px;
	}

	.navbar .nav {
		margin-top:40px;
		border-bottom:1px solid #2d2d2d;
	}	
	.search{
		float:left;
	}

	.flexslider .slide-caption {
		display:none;
	}
	
	ul.portfolio li article a i.icon-48{
		width:20px;
		height:20px;
		font-size:14px;
	}
}

@media (max-width: 360px) {

}


/* ----- Customisations ----- */

#map img {max-width: none !important;}
#aspnetForm {margin:0;}
.home-icon-panel .fa-circle, h2 .fa-circle {color:#5C9CC7}
#faq-3 dd {margin-bottom:10px;}
.centerme {text-align:center}
.title {font-weight:bold; color:#1c3664;}
.newproducts {margin-bottom:0px;}
.nav-products { font-size: 120% !important;}
.form-compressed .control-group {margin-bottom: 10px;}
.checkout-nav li a {padding:0;}
.product-popular-nav {margin-bottom:25px;}
.product-popular-nav-title {padding:8px 20px 8px 0;font-size:18px;}
.ssl-wrap {position:relative;padding-right:60px;}
.ssl-wrap h3 {color:#3a87ad;font-size:14px;text-transform:uppercase;font-weight:bold;margin:10px 0;}
.ssl-wrap p {font-size:12px;}
.ssl-seal { padding:0 20px 0 0;float: left;}

.home-login input[type="password"] {margin-top:10px;}
.supplier-list { margin: 0 0 0 20px;width:97% !important}

.homehero {
    background:url(../img/content/sail-boat.jpg) center 70% no-repeat!important;
    padding:50px 0!important;
}

div.panels p {
    margin:0 0 20px 0;
    display:inline-block;
}

div.panels p i { color: #5c9cc7;}

div.panels p i.fa-inverse {
    color: #fff;
}

.subscribe label {
    color:#ccc;
}

.subscribe input[type=text] {
    background:#ccc;
    width:80%
}

.homehero h1, .homehero h2 {
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    width: 85%;
}

.homehero h2 {
    font-weight: bold;
    color: #4e4e4e;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.60);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.flex-direction-nav {
    display: none;
}


.control-label span {color:red;
}

/* ----- Responsive Customisations ----- */

@media (max-width: 480px) {
    .homehero h2 {
        font-size:16px;
    }

    .homehero h1 {
        font-size:22px;
    }
}

/* ----- Print ----- */

@media print {
    body {
        width: 100%;
        margin: 0;
        background: #fff;
        font-size: 12pt;
        color: #000;
        text-align: left;
    }

    #wrapper {
        width: 100% !important;
    }

    @page {
        margin: 0 0 0 10px;
    }

    header, .nav-top, #nav-container, .searchbar, .product-header, .rcount, .paging, footer {
        display: none;
    }

    #projects li.item-thumbs {
        height: 277px !important;
        display: inline-block;
        width: 23%;
        float: left;
        margin-right: 2%;
        padding: 0px !important;
        border: none;
    }

    .prodprice {
        font-size: 11px !important;
        font-weight: bold;
        vertical-align: middle;
    }

    .p-cart {
        margin: 0 !important
    }

    #projects select {
        border: none;
        padding: 0px !important;
        font-size: 11px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: none;
        margin: 0px !important;
    }

    #projects .product-image {
        margin: 0px !important;
    }

    #projects .productspecs {
        padding: 0px !important;
        font-size: 10px !important;
        line-height: 12px;
        font-weight: normal !important;
    }

    .product-list li h6 {
        font-size: 11px !important;
        font-weight: normal !important;
        line-height: 12px !important;
        margin: 0px !important;
        text-align: center;
    }

    .zoom-icon {
        display: none;
    }

    .p-cart input {
        display: none;
    }

    .productspecs .btn {
        display: none;
    }

    .productspecs p {
        margin: 0;
    }

    .product-image img {
        border: 1px solid #666;
        height: 120px !important;
    }

    #projects li.item-thumbs a[href]:after {
        content: "";
    }

    .totals {
        padding: 0 !important;
        margin: 0 !important;
        font-size: 12px !important;
    }

        .totals span.label {
            padding: 5px 5px !important
        }
}


/* new css 2016*/
.narrow {width:50%;}
.asterix {color:red;}
.alert-info {color: #00547e;}
.larger {font-weight:700;}
.totals { margin: 0 20px;padding:10px;}
.totals-inrow { padding:20px;}