/* Canine Hoopers homepage styles preserved from the legacy site. */
.carousel-indicators .active {
	border: none;
	margin: auto 5px;
	width: 13px;
	height: 13px;
}

.carousel-indicators li {
	background-color: #fff;
}

.carousel-indicators .active {
	background-color: #04756f;
}

.carousel-caption {
	left: 10%;
	top: calc(100% - 450px);
	text-align: left;
	width: 30%;
}

.carousel-caption .title,
.promobanner .title {
	font-size: 45px;
	color: #fff;
	font-weight: 600;
	text-align: left;
}

.carousel-caption .btn,
.promobanner .btn {
	min-width: 250px;
	font-size: 20px;
	margin: 50px auto 0px;
}

.promobanner .title {
	text-align: right;
}

.promobanner .btn {
	margin: 25px auto 0px;
}

.promobanner .item {
	position: absolute;
	top: 25%;
	text-align: right;
	right: 10%;
	width: 30%;
}

.btn-white {
	background-color: #fff;
	color: #04756f;
	text-transform: uppercase;
	padding: 15px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px 3px 0px rgba(3, 78, 81, 0.7);
	-moz-box-shadow: 0px 5px 3px 0px rgba(3, 78, 81, 0.7);
	box-shadow: 0px 5px 3px 0px rgba(3, 78, 81, 0.7);
}

#final_wrapper {
	background-color: #023a37;
	border-top: none;
	font-size: 12px;
	padding-bottom: 20px;
	text-align: center;
	padding-top: 20px;
}

#final_wrapper a {
	color: #fff;
}

.footermail {
	margin: 15px auto;
}

#footer_follow_us {
	margin: 10px auto;
}

#footer_follow_us a.cart .text,
#footer_follow_us .myaccount a {
	font-size: 12px;
}

#footer_follow_us .myaccount a {
	color: #fff;
}

#footer_follow_us a.cart {
	border-radius: 10px;
}

#footer_follow_us .myaccount .dropdown-menu a {
	color: #04756F;
}

#footer_wrapper {
	background-color: #04756f;
	padding: 40px 0;
}

section.hooopercourses,
section.promobanner,
section.shopmore {
	padding: 45px 0;
}

section.howcan {
	padding-top: 45px;
}

section.howcan hr {
	margin-top: 75px;
}

.howcan .head,
.hooopercourses .head,
.shopmore .head {
	margin-bottom: 50px;
}

.howcan .head .title,
.hooopercourses .head .title,
.shopmore .head .title {
	font-size: 45px;
	font-weight: 600;
	margin-bottom: 25px;
}

.howcan .head .text,
.hooopercourses .head .text,
.shopmore .head .text {
	color: #666666;
	font-size: 20px;
	line-height: 22px;
}

.howcan .item {
	padding: 0px 4%;
}

.howcan .item .title {
	font-weight: 700;
	font-size: 25px;
	margin: 25px auto;
}

.howcan .item .text {
	color: #666666;
	font-size: 18px;
	line-height: normal;
	margin-bottom: 25px;
}

.howcan .btn.btn-lg {
	padding: 15px 15px;
	font-size: 24px;
	line-height: normal;
	border-radius: 10px;
}

.btn-primary {
	background-color: #04756f;
	background-image: none;
	border-color: #04756f;
	text-shadow: none;
	box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #84eed3;
	border-color: #84eed3;
	color: #04756f;
}

.hooopercourses .item {
	background-color: #84eed3;
	padding: 15px;
	display: block;
	margin: 15px auto;
	text-align: left;
	position: relative;
}

.hooopercourses .item .title,
.shopmore .item .title {
	color: #04756f;
	font-size: 24px;
	font-weight: 700;
	margin-top: 0px;
}

.hooopercourses .item .text,
.shopmore .item .text {
	color: #04756f;
	font-size: 16px;
}

.hooopercourses .item .btn {
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 5px 20px;
	position: relative;
	right: auto;
	top: 0;
}

.shopmore .item {
	background-color: #84eed3;
	display: block;
	margin: 15px auto;
	text-align: left;
	padding: 15px 0px;
	min-height: 160px;
}

.shopmore .img-responsive.center-block {
	width: auto !important;
}

.shopmore div.col-md-6.col-sm-6 .item {
	min-height: 200px;
}

.shopmore div.col-md-4.col-sm-6 .item {
	min-height: 220px;
}

.shopmore div.col-md-3.col-sm-6 .item {
	min-height: 250px;
}

.shopmore div.col-md-3.col-sm-6 .item {
	min-height: 250px;
}

.shopmore .head .title {
	color: #04756f;
	display: block;
	margin: 25px auto;
	line-height: normal;
}

.shopmore .item .price {
	color: #04756f;
	font-size: 18px;
	font-weight: 600;
}

.shopmore .viewall {
	color: #04756f;
	text-decoration: underline;
	font-size: 15px;
	font-weight: 600;
	margin: 15px auto;
	display: block;
}

.shopmore .img-responsive.center-block {
	width: auto !important;
}

.shopmore div.col-md-6.col-sm-6 .img-responsive.center-block {
	height: 500px;
}

.shopmore div.col-md-4.col-sm-6 .img-responsive.center-block {
	height: 400px;
}

.shopmore div.col-md-3.col-sm-6 .img-responsive.center-block {
	height: 300px;
}

.shopmore div.col-md-3.col-sm-6 .img-responsive.center-block {
	height: 300px;
}

section.testimonial {
	padding-bottom: 45px;
}

.testimonial .item {
	padding-left: 40px;
	padding-top: 50px;
}

.testimonial .text {
	color: #666666;
	font-size: 35px;
	line-height: normal;
}

.testimonial .text:before {
	content: '"';
	color: #04756f;
	font-size: 90px;
	position: absolute;
	left: 0;
	font-weight: 700;
	top: 0px;
	font-style: italic;
}

.testimonial .title {
	color: #04756f;
	font-size: 15px;
	font-weight: 600;
	margin: 25px auto;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #04756f;
}

#sort_menu_wrapper,
.form_header {
	background-color: #04756f;
}


/* Fit the legacy brand within the current CMS header and navigation. */
body {
	border-top-color: #04756f;
	color: #444;
}

h1,
h2,
h3,
a,
#header_basket {
	color: #04756f;
}

/*#logo img { max-height: 150px; width: auto; }*/
.navbar-default,
#top_menu a {
	background: #04756f;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
}

#header .fa {
	color: #04756f;
}

.promobanner .col-md-12 {
	position: relative;
}

@media (max-width: 767px) {
	#logo img {
		max-height: 120px;
	}

	#header #logo {
		flex: 0 0 auto;
		width: auto;
	}

	#header #header_right {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
	}

	#header #logo img {
		width: auto;
		height: 120px;
		max-width: none;
		max-height: 120px;
	}

	.howcan .head .title,
	.hooopercourses .head .title,
	.shopmore .head .title {
		font-size: 30px;
	}

	.howcan .item {
		margin-bottom: 25px;
	}

	.testimonial .text {
		font-size: 20px;
	}

	.promobanner .item {
		position: static;
		width: auto;
		text-align: center;
		padding: 15px;
	}

	.promobanner .title {
		color: #04756f;
		text-align: center;
		font-size: 28px;
	}

	.carousel-caption {
		display: none;
	}
}

#main-menu,
.sm-blue {
	background: #fff !important;
}

#header_right .btn {
	/*background: #04756f;
	border-color: #04756f;
	color: #fff;*/
}

#main-menu a:hover,
#main-menu a:focus {
	background: #84eed3;
	color: #04756f;
}

@media (min-width: 1600px) {
	.hooopercourses .item .btn {
		position: absolute;
		right: 15px;
		top: 30%;
	}
}