@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,800&display=swap');


*,  .btn-primary {
	font-family: 'Maven Pro';
}

body {
	color: #000;
}

p {
	font-size: 1em;
	line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Maven Pro';
}

a {
	color: #666;
}

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

/* header */

.container {
	max-width: 100%;
}

.topbar {
	background: #fff;
	border-bottom: 1px solid #ddd;
}

.shippingDiv {
	padding: 20px 0;
	max-width: 1140px;
	margin: 0 auto;
}

.shippingDiv .container {
	border-radius: 5px;
	background: #F7F7F7;
	border: 1px solid #ddd;
	padding: 10px 15px;
	color: #f00;
	font-weight: bold;
}

#productlist-header .headerInner {
	border-radius: 5px;
	background: #F7F7F7;
}

.shippingDiv i {
	color: #000;
}

.brand {
	padding-left: 0;
}

.brand a {
	margin-left: 0;
}

.topbar .tablinks a:hover, .btn-primary {
	background: #FF0000;
	border-color: #f00;
}

/* menu */

.navbar-inverse {
	background: #000;
}

.navbar-inverse .Horizontal_Menu {
	display: flex;
	position: relative;
	padding: 0;
	margin-bottom: 0;
}

.saleitems {
	margin-left: auto;
}

.navbar-inverse .Horizontal_Menu > li {
	margin-top: 10px;
	border: 1px solid #eee;
	background: #fff;
	border-radius: 5px;
	margin-right: 10px;
}

.navbar-inverse .Horizontal_Menu > li:last-child {
	margin-right: 0;
}

.navbar-inverse .Horizontal_Menu > li > *:not(ul) {
	font-weight: bold;
	padding: 5px 10px;
	display: inline-block;
	color: #000;
}

.navbar-inverse .Horizontal_Menu > li > *:not(ul):hover {
	background: #eee;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
}

.navbar .level_2 {
	position: absolute;
}

.navbar .level_3 {
	column-count: 4;
}

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

.navbar ul {
	padding: 20px;
}

.dropdown1.brands > ul {
	width: 100%;
	column-width: 150px;
	left: 0;
	word-break: break-all;
	max-height: 80vh;
	overflow: auto;
}

.dropdown1.brands > ul > li {
	line-height: 20px;
	padding: 5px 10px;
	border-radius: 5px;
}

.dropdown1.brands > ul > li > a {
	font-weight: normal;
}

.dropdown1 > ul {
	display: none;
	width: 25%;
	background: #fff;
	padding-right: 0;
	border-radius: 0 0 0 20px;
	box-shadow: -10px 10px 20px rgba(0,0,0,0.1);
}

.dropdown1:hover > ul {
	display: block;
}

.dropdown1 > ul > li {
	line-height: 50px;
	padding: 0 10px;
	border-radius: 5px 0 0 5px;
}

.dropdown1 > ul > li > a {
	font-weight: bold;
	color: #000;
	display: block;
}

.dropdown1 > ul > li > a:hover {
	text-decoration: none;
	color: #f00;
}

.dropdown1:not(.brands) > ul > li > a:before {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url('images/icons/051-bowl.svg') no-repeat center center;
	background-size: contain;
}

.dropdown1 > ul > li.DEPARTMENT_54 > a:before {
	background-image: url('images/icons/051-bird.svg');
}

.dropdown1 > ul > li.DEPARTMENT_50 > a:before {
	background-image: url('images/icons/051-cat.svg');
}

.dropdown1 > ul > li.DEPARTMENT_47 > a:before {
	background-image: url('images/icons/051-dog.svg');
}

.dropdown1 > ul > li.DEPARTMENT_76 > a:before {
	background-image: url('images/icons/051-pig.svg');
}

.dropdown1 > ul > li.DEPARTMENT_59 > a:before {
	background-image: url('images/icons/051-fish.svg');
}

.dropdown1 > ul > li.DEPARTMENT_55 > a:before {
	background-image: url('images/icons/051-grooming-glove.svg');
}

.dropdown1 > ul > li.DEPARTMENT_56 > a:before {
	background-image: url('images/icons/051-snake.svg');
}

.dropdown1 > ul > li.DEPARTMENT_93 > a:before {
	background-image: url('images/icons/051-drops.svg');
}

.dropdown1 > ul > li.DEPARTMENT_53 > a:before {
	background-image: url('images/icons/051-hamster.svg');
}

.dropdown1 > ul > li.DEPARTMENT_49 > a:before {
	background-image: url('images/icons/051-bird-1.svg');
}
.dropdown1 > ul > li:hover {
	background: #eee;
}

.dropdown1 li:hover .level_3 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.dropdown1 .level_3 {
	display: none;
	width: 300%;
	left: 100%;
	top: 0;
	column-count: 4;
	position: absolute;
	height: 100%;
	overflow: auto;
	background: #eee;
	border-radius: 0 0 20px 0;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
}

.dropdown1 .level_3 li {
	line-height: 30px;
}

.dropdown1 .level_3 li a {
	color: #000;
}

ol.breadcrumb {
	padding-left: 15px;
}

.breadcrumb a {
	color: #000;
}

.breadcrumb-wrapper {
	background: #f5f5f5;
}

.department-header {
	left: 0;
}

#slider {
	margin: 30px auto;
}

/* blog */

#stream {
	display: flex;
	flex-wrap: wrap;
	padding: 0 10px;
}

#stream .post {
	flex: 0 0 calc(33.3% - 20px);
	margin: 10px;
	background: #fafafa;
	padding: 20px 20px 50px;
	position: relative;
	border: 1px solid #eee;
	border-radius: 6px;
}

#stream .post .post-meta {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fafafa;
	border-top: 1px solid #ddd;
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#blog-latest {
	display: flex;
	padding: 0;
	margin-bottom: 30px;
}

#blog-latest .post {
	flex: 1 1 33%;
	margin: 15px;
	padding: 0;
	background: #fff;
}

#blog-latest .post .cover {
	margin: 0 0 20px;
}

#blog-latest a, .post a {
	color: #000;
}

#blog-latest p {
	color: #6a6a6a;
}

#blog-latest .post-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
	border-top: 1px solid #eee;
}

.article-contentDiv p {
	margin: 0 0 1em;
}

.article-contentDiv p:first-of-type:first-letter {
	float: none;
	font-size: 1em;
	line-height: inherit;
	margin: 0;
}

#article .panel-default {
	padding: 50px 0;
	border: 0;
}

.post .cover {
	margin: -20px -20px 20px;
	border-radius: 5px;
	display: block;
	background-size: cover;
	background-position: center center;
}

.post .cover:before {
	content: "";
	padding-top: 60%;
	display: block;
}

/* pages */

.image-carousel .owl-controls .owl-pagination {
	bottom: 13px;
}

.container.slider {
	margin: 15px auto;
}

.owl-theme .owl-controls .owl-page span {
	background: #fff;
}

.page-home .product-carousel-wrapper h3 {
	display: none;
}

.page-home .product-carousel-wrapper {
	margin-left: 0;
	padding-bottom: 0;
}

.page-home .product-carousel-wrapper .container {
	padding: 0;
}

.image-carousel {
	border-radius: 20px;
	overflow: hidden;
}

.image-carousel .slide:before {
	display: none;
}

.owl-item .thumbnail {
	margin: 15px;
}

.owl-item .thumbnail .caption {
	width: 100%;
	padding: 15px;
	bottom: 0;
}

.caption h5 {
	margin-bottom: 0;
}

.caption .sku {
	font-size: 12px;
	margin-bottom: 10px;
	display: block;
	opacity: 0.8;
}

.thumbnail .buying {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
	border-top: 1px solid #f3e9bf;
}

.owl-item .thumbnail a {
	color: #000;
}

.owl-item .thumbnail .btn {
	background: #fff;
	box-shadow: inset -10px -10px 30px rgba(255, 195, 36, 0.5);
	border: 1px solid #f3e9bf;
}

.owl-item .thumbnail {
	border-radius: 5px;
	background: #fff;
	box-shadow: inset 50px -50px 150px rgba(255, 195, 36, 0.27);
	border: 1px solid #f3e9bf;
}

.product-list .thumbnail {
	border-radius: 5px;
	background: #fff;
	box-shadow: inset 50px -50px 150px rgba(191, 191, 191, 0.27);
	border: 1px solid #eaeaea;
}

.product-list .buying {
	border-top: 1px solid #eaeaea;
	margin-top: auto;
}

.buying p {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
}

.product-list  .thumbnail .btn {
	background: #fff;
	box-shadow: inset -10px -10px 30px rgba(191, 191, 191, 0.5);
	border: 1px solid #eaeaea;
	color: #000;
}

.owl-item .thumbnail a.product-thumbnail-image,
.product-list .product-thumbnail {
	mix-blend-mode: multiply;	
}

.columns {
	display: flex;
	padding: 20px;
	background: #f5f5f5;
	border-radius: 20px;
}

.columns .column {
	flex: 1 1 30%;
}

.columns .column ~ .column {
	margin-left: 30px;
}

.page-home #customcontent {
	padding-bottom: 100px;
}

.page-home #customcontent .column {
	text-align: center;
	padding-top: 30px;
}

.page-home #customcontent hr {
	margin-bottom: 0;
	border-color: #ddd;
}

.page-home #customcontent img {
	display: block;
	width: 100px;
	height: auto;
	margin: 0 auto;
	padding: 10px;
	background: #f5f5f5;
	transform: translateY(-50%);
	border-radius: 10px;
	margin-bottom: -20px;
}

.page-home #customcontent h1 {
	text-align: center;
	padding-top: 100px;
}

.page-home #customcontent h1 ~ p {
	margin: 0 auto 1em;
	max-width: 700px;
}

.pagebody-wrapper {
	background: #fff;
}

#testimonials {
	padding: 50px;
	border-radius: 20px;
	background: #f5f5f5;
	margin: 50px auto;
}

#testimonials .testimony {
	padding-right: 25px;
}

#testimonials .owl-item + .owl-item .testimony  {
	padding-left: 25px;
}

#testimonials .owl-theme .owl-controls .owl-page span {
	background: #f00;
}

.navbar #nsc_cart_container ul {
	margin: 0;
	padding: 0;
}

.text-pricestrike {
	text-decoration: line-through;
	color: red;
}

.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	background: none;
	color: #fff;
	font-size: 30px;
}

.owl-theme .owl-controls .owl-buttons div:before {
	content: "â–º";
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: 10px;
	right: unset;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:before {
	content: "â—€";
}

.owl-theme .owl-controls .owl-buttons div.disabled {
	opacity: 0;
}

.product-carousel-wrapper .owl-wrapper {
	display: flex !important;
}

.product-carousel-wrapper .owl-wrapper .owl-item {
	display: flex;
	flex-direction: column;
}

.product-list .caption {
	position: static;
}

.product-list .buying {
	flex-wrap: wrap;
}

.owl-item .thumbnail, .product-list .thumbnail {
	display: flex;
	flex-direction: column;
	flex-grow: 2;
	min-height: unset;
}

.owl-item .thumbnail .caption {
	position: static;
}

/* brands page */

#brandlist ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, auto));
	grid-gap: 20px;
	clear: both;
	padding: 30px 0 0;
}

#brandlist ul li {
	width: 100%;
	list-style-type: none;
	padding: 0;
	position: relative;
}

#brandlist ul li > a {
	display: block;
	padding: 0;
	height: 80px;
}

#brandlist ul li img {
	position: absolute;
	height: 76px;
	top: 2px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 118px;
	background: #fff;
	object-fit: contain;
	object-position: center center;
}

#brandlist ul li p {
	word-break: break-all;
	max-width: 120px;
	text-align: center;
	margin: 0 auto;
}

#brandlist ul li p a {
	color: #000;
}

#brand-sort div {
	padding: 0;
}

#brand-sort .col-sm-9 {
	text-align: right;
}

/* listing */

#products {
	display: flex;
	flex-wrap: wrap;
	clear: both;
}

#searchresult {
	margin-bottom: 15px;
}

.product-list {
	padding: 0;
}

.product-list .thumbnail h5 a {
	color: #000;
}

.product-list .product-thumbnail {
	margin-bottom: 0px;
}

.product-list .caption {
	top: 210px;
	display: flex;
	flex-direction: column;
	margin-top: auto;
}

.product-list-item {
	display: flex;
	flex-direction: column;	
}

.product-list .caption h6 {
	margin-bottom: 5px;
}

div#panel-filteredsearch {
	padding-right: 30px;
}

.pfs ul li a {
	margin-left: 5px;
	color: #777;
}

#panel-filteredsearch ul li {
	display: flex;
	align-items: center;
	padding-bottom: 5px;
}

#panel-filteredsearch ul li input {
	margin-top: 0;
}

.category-pictures-panel a {
	mix-blend-mode: multiply;
	height: 200px;
}

.category-pictures-panel h5 {
	color: #000;
}

.brand a {
	max-width: 100%;
}

.header .container {
	position: relative;
}

.franchiseBtn {
	clear: both;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translateY(100%);
}

.franchiseBtn img {
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 100px;
}

.navbar .container {
	padding-right: 0;
}

/* blog */

#blog {
	display: flex;
}

#blog #stream {
	padding-left: 5px;
	flex: 1 1 70%;
}

#blog aside {
	flex: 0 0 200px;
	margin-left: 30px;
}

#blog aside .panel {
	padding: 15px 15px 0;
}

#blog aside ul {
	padding-left: 0;
	list-style-type: none;
	margin: 0 -15px;
}

#blog aside ul li a {
	display: block;
	background: #eee;
	padding: 10px 15px;
	border-top: 1px solid #ddd;
}

#blog aside h3 {
	margin-top: 0;
}

.post .cover.default {
	background: #eee url('images/icons/051-bowl.svg') no-repeat center center;
	background-size: auto 60%;
	opacity: 0.5;
	border: 1px solid #ddd;
}

.page-content-20976 .cover.default {
	background-image: url('images/icons/051-cat.svg');
}

.page-content-20970 .cover.default {
	background-image: url('images/icons/051-dog.svg');
}

/* product page */

.product-info h1 {
	margin-top: 0;
	font-weight: bold;
	line-height: 1.1em;
}

.row + table.pagination {
	margin-bottom: 30px;
}

.pagination a {
	color: #000;
}

#productlist-header #prodlist-sorting {
	vertical-align: middle;
}

.product-image .flag {
	position: absolute;
	top: 0;
	left: 0;
}

/* footer */

.newsletter-wrapper {
	background: #333;
	color: #fff;
}

.newsletter .row {
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.newsletter .row:before, .newsletter .row:after {
	display: none;
}

.newsletter h3 {
	margin: 0;
}

.newsletter h1, .newsletter h3, .newsletter p {
	color: inherit;
}

.newsletter button {
	background: #555;
	color: #fff;
	border: 0;
	border-radius: 4px;
	padding: 10px 20px;
	margin-left: 20px;
	transition: all 0.3s;
}

.newsletter button:focus {
	outline: none;
	background: #f00;
}

.newsletter button:hover {
	background: #f00;
}

#newsletter {
	padding: 20px 0;
	display: none;
}

footer {
	background: #fff;
	color: #444;
}

footer .container {
	text-align: left;
	padding: 20px 0;
}

footer h6 {
	font-size: 1.6em;
}

footer ul {
	list-style-type: none;
	padding-left: 0;
}

footer a {
	color: #666;
}

.container.slider {
	padding: 0;
}

@media (min-width: 1280px) {

	.container {
		width: 80%;
		max-width: 1700px;
	}

	.container .container {
		width: 100%;
	}

}


@media screen and (max-width: 768px) {
	.brand a {
		margin: 20px auto 0;
	}

	.navbar ul {
		padding: 0;
	}

	.navbar .container {
		padding: 0 15px;
	}

	.pagebody-wrapper {
		padding: 15px;
	}

	.pagination a {
		padding: 5px 10px;
	}

	.newsletter-wrapper {
		margin: 0 -15px;
	}

	.newsletter .row {
		padding: 15px;
	}

	.smallprint {
		padding: 15px;
	}

	a.footerLogo {
		margin-top: 20px;
	}

	#productlist-header .headerInner {
		padding: 15px 15px 0;
	}

	.slideCaption {
		background: none;
		position: absolute;
	}

	.slideCaption {
		border-radius: 10px;
	}

	.columns {
		display: block;
	}

	.columns .column ~ .column {
		margin-left: 0;
	}

	#blog-latest {
		flex-wrap: wrap;
	}

	#blog-latest .post {
		flex: 1 1 300px;
	}

	footer {
		padding: 20px;
	}

	#mobile-brands {
		margin-bottom: 20px;
		padding: 20px;
	}

	#menu .mm-navbar-bottom-1 {
		height: unset;
	}
}

@media screen and (max-width: 767px) {

	div#panel-filteredsearch {
		position: sticky;
		top: 50px;
		z-index: 5486754;
		padding-right: 0;
	}

}

@media screen and (max-width: 500px) {
	.franchiseBtn {
		position: static;
		transform: translateY(0);
	}

	.newsletter .row {
		flex-direction: column;
	}

	.newsletter button {
		margin: 20px 0 0 0;
	}

	.product-list .thumbnail {
		margin-bottom: 10px;
	}

	.slideCaption {
		border-radius: 5px;
	}

	#blog-latest {
		display: block;
	}

	footer .container {
		padding: 15px;
	}

	#testimonials {
		padding: 15px;
		margin: 15px;
	}

	#testimonials .owl-item + .owl-item .testimony {
		padding-left: 0;
	}

	.caption h5 a {
		display: block;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;  
	}

	.product-list .thumbnail .btn {
		font-size: 0;
	}

	.product-list .thumbnail .btn i.fa {
		font-size: 12px;
	}

	div#panel-filteredsearch {
		padding-right: 0;
		margin: 0 -15px 15px;
	}

	#togglePFS {
		background: #000;
		color: #fff;
	}

	.page-search .pagebody-wrapper, .page-product .pagebody-wrapper {
		padding: 15px 0;
	}

}