.pub-logo {
		font-weight:bold;
		font-size:1.5em;
	}
	@media (min-width:767px) and (max-width:1200px) {
		.pub-logo {
			font-size:1.6vw;
		}
	}
	.pub-logo a,
	.pub-logo a:hover,
	.pub-logo a:visited {
		color:#003399;
		text-decoration:none;
	}

	.pub-logo img {
		width:auto;
	}

	a[xlink: href="javascript:void(0)"] {
		text-decoration:none;
	}
	#form-search {
		padding-top:1.5em;
		width:100%;
	}

	#cart a,
	#cart a:hover,
	#cart a:visited {
		color:#000;
	}
	@media (max-width:980px) {
		#pSearch {
			width:90%;
		}
	}
	@media (max-width:767px) {
		.shopping {
			max-width:300px !important;
			margin:auto !important;
		}
		.phone-menu {
			float:left;
			width:50%;
			margin-top:10px;
			text-align:left;
			padding:0 5%;
		}
		.cart {
			float:left;
			width:30%;
			text-align:right;
			padding:0 2.5%;
		}
	}

/* ----- NAV ----- */

ul.order_pubs > li { padding-left: 1px; padding-right: 0px; }

ul.pub-nav {
	width:100%;
	margin:0 auto;
	padding:8px 0;
	list-style:none;
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.pub-nav > li {
	display:inline-block;
	padding:0.5em 1em;
	text-align:center;
	border-right:1px solid #ccc;
}
.pub-nav > li:last-child {
	border-right:none;
}
.pub-nav > li a {
	display:block;
	color:#000;
	text-decoration:none;
}
.pub-nav > li a:hover {
	background-color:transparent;
	color:#039;
}

/* ----- Carousel ----- */

#pubCarousel {
	width:100%;
	margin-bottom:2em;
}
#pubCarousel .carousel-indicators {
	position:absolute;
	width:100%;
	bottom:-30px;
	top:auto;
	right:auto;
	text-align:center;
	cursor:pointer;
}
#pubCarousel .carousel-indicators > li {
	float:none;
	width:11px;
	height:11px;
	background:rgba(0,0,0,0.5);
	margin:0 6px;
	display:inline-block;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
#pubCarousel .carousel-indicators > li:hover {
	background:rgba(0,0,0,0.7);
}
#pubCarousel .carousel-indicators > li.active {
	background:rgba(156,0,0,1);
}
#pubCarousel .row-fluid {
	margin-bottom:0;
}
#pubCarousel .carousel-control {
	position: absolute;
	top: 40%;
	left: 10px;
	width: 40px;
	height: 40px;
	font-size: 60px;
	font-weight: 100;
	line-height: 30px;
	color: #666;
	text-align: center;
	background: none;
	border: none;
	border-radius: 0;
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 10;
}
#pubCarousel:hover .carousel-control {
	opacity:0.7;
}
#pubCarousel .carousel-control.right {
	left:auto;
	right:10px;
}

.carousel-fade .carousel-inner > .item {
	-webkit-transition: opacity linear 1s !important;
	-moz-transition: opacity linear 1s !important;
	-ms-transition: opacity linear 1s !important;
	-o-transition: opacity linear 1s !important;
	transition: opacity linear 1s !important;
}
.carousel-fade .active.left,
.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

#pubCarousel .carousel-inner > .item > a {
	text-decoration:none;
}

#pubCarousel .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 100%;
}
#pubCarousel .carousel-inner > .item > .well,
#pubCarousel .carousel-inner > .item > a > .well {
	position:absolute;
	top:20%;
	right:5%;
	width:30%;
	background-color:rgba(0,0,0,0.6);
	border:none;
	padding:2%;
}

#pubCarousel .carousel-inner > .item > .well > a h4,
#pubCarousel .carousel-inner > .item > a > .well h4 {
	font-size:2em;
	line-height:1em;
	font-weight:bold;
	color:rgba(255,255,255,1.00);
}
#pubCarousel .carousel-inner > .item > .well > a p,
#pubCarousel .carousel-inner > .item > a > .well p {
	font-size:1.5em;
	font-weight:100;
	line-height:1.25em;
	color:rgba(255,255,255,1.00);
}

@media (max-width:767px) {
	#pubCarousel .carousel-inner > .item > .well,
	#pubCarousel .carousel-inner > .item > a > .well {
		position:relative;
		top:auto;
		right:auto;
		width:100%;
		background-color:#fff;
		color:#808080;
		margin-bottom: 0;
	}
	#pubCarousel .carousel-inner > .item > .well > a h4,
	#pubCarousel .carousel-inner > .item > a > .well h4 {
		color:#990000;
		font-size:1.5em !important;
	}
	#pubCarousel .carousel-inner > .item > .well > a p,
	#pubCarousel .carousel-inner > .item > a > .well p {
		font-size:1em !important;
		font-weight:normal !important;
		line-height:1em !important;
		color:#000;
	}
	#pubCarousel .carousel-control {
		position: absolute;
		top: 10%;
	}
}
@media (max-width:1319px) and (min-width:767px) {
	#pubCarousel .carousel-inner > .item > .well > a h4,
	#pubCarousel .carousel-inner > .item > a > .well h4 {
			font-size:1.7vw;
	}
	#pubCarousel .carousel-inner > .item > .well > a p,
	#pubCarousel .carousel-inner > .item > a > .well p {
		font-size:1.35vw;
	}
}
#pubCarousel .carousel-control {
	z-index:10;
}

#pubCarousel .active.left {
	left:0;
	opacity:0;
	z-index:2;
	padding:0 !important;
	margin:0 !important;
}
#pubCarousel .next {
	left:0;
	opacity:1;
	z-index:1;
	padding:0 !important;
	margin:0 !important;
}

#pubCarousel .active.right {
	left:0;
	opacity:0;
	z-index:2;
	padding:0 !important;
	margin:0 !important;
}

#pubCarousel .prev.right {
	left:0;
	opacity:1;
	z-index:1;
	padding:0 !important;
	margin:0 !important;
}

/* ----- Floating Carousel Buttons ----- */

.carousel-button-yellow {
	position: relative;
	background-color: #ffe500 !important;
    background-image: none;
	color:#000 !important;
    font-weight: bold;
    border: none;
	font-size: 1.25em;
/*	padding: 1em;*/
}
@media (max-width:1319px) and (min-width:767px) {
	.carousel-button-yellow {
		font-size:1.35vw;
	}
}
@media (max-width:767px) {
	.carousel-button-yellow {
		font-size: 1em;
	}
}

/* ----- Main Styles ----- */

h5 {
	border-bottom:1px solid #ccc;
	padding-bottom:.5em;
}

/* ----- Sorter ----- */

.sorter {
	position:relative;
	margin:0 auto 2em;
	width:94%;
}
.pub {
	position:relative;
	margin:0 5px;
	padding:5px;
	min-height:200px !important;
	height:auto;
	text-align:center;
}
.pub img {
	min-height:200px;
	max-height:200px;
	margin:0 auto;
	box-shadow:1px 1px 3px #333;
}
.pub a {
	text-decoration:none;
	line-height:normal;
}

.slick-prev,
.slick-next {
	position: absolute;
	top:40% !important;
	color:#aaa !important;
	background:none !important;
	font-size:3em !important;
	height:100px !important;
	text-decoration:none !important;
}
.slick-prev:before,
.slick-next:before {
	display:none;
}

/* comment for CMS */