/*

Theme Name: Warrnambool Plumbtec

Theme URI: http://asim.pro/workshop/plumbtec/

Author: Rowan Lyles

Author URI: http://asim.pro/workshop/plumbtec/

Description: Warrnambool Plumbtec.

*/

@import url("css/bootstrap.css");

html, body {

	font-family: 'Asap', sans-serif;

}

header {

	margin: 10px 0;

}

h1 {

	margin: 10px 0;

	font-size: 26px;

	font-weight: bold;

	color: #000;

}

.alert {

	border-radius: 0;

	margin: 20px;

}

.nopadd {
	padding-right:0px !important
}
.alert-danger {

	color: #fff;

	background-color: #ef3e33;

	border-color: #333;

}

.carousel-inner > .item > img,

.carousel-inner > .item > a > img {

	width: 100%;

}

.content h2 {

	font-weight: bold;

	margin-top: 0;

	text-decoration: underline;

}

.logo {

	margin: 15px 0;

}

.top-login {

	text-align: right;

	margin-top: 90px;

}

.top-login p {

	font-size: 16px;

	margin: 0;

}

.top-login h3 {

	font-size: 18px;

	font-weight: bold;

	margin: 10px 0;

}

.login-form a {

	color: #000;

	font-size: 13px;

}

.login-form a:hover {

	color: #ef3e33;

	text-decoration: none;

}

.btn-default {

	background-color: #004890;

	color: #fff;

	border-color: transparent;

}

.btn-default.active, .btn-default.focus, 

.btn-default:active, .btn-default:focus, 

.btn-default:hover, .open>.dropdown-toggle.btn-default {

	background-color: #333;

	color: #fff;

	border-color: transparent;

}

.btn {

	border-radius: 0;

}

.form-control {

	border-radius: 0;

}

.top-menu {

	background-color: #ef3e33;

}

.navbar-inverse {

	background-color: #ef3e33;

	border-color: transparent;

}

.navbar {

	margin-bottom: 0;

}

.navbar-inverse .navbar-nav>li>a {

	color: #fff;

	font-size: 18px;

}

.navbar-inverse .navbar-nav>li:hover {

	background-image: url(images/active-bg.png);

	background-position: top center;

	background-repeat: no-repeat;

	background-color: transparent;

}

.navbar-nav>.current_page_item, .navbar-inverse .navbar-nav>.active>a, 

.navbar-inverse .navbar-nav>.active>a:focus, 

.navbar-inverse .navbar-nav>.active>a:hover {

	background-image: url(images/active-bg.png);

	background-position: top center;

	background-repeat: no-repeat;

	background-color: transparent;

}

.slider {

	margin: 25px 0;

}

.carousel-caption {

	background-color: rgba(0,0,0,0.3);

	width: 100%;

	padding: 5px;

	right: 0;

	left: 0;

}

.carousel-caption h3 {

	font-family: 'Lobster', cursive;

	font-size: 36px;

	padding: 0 30px;

	color: #fff;

	text-align: right;

	padding: 0 30px;

}

.breadcrumb {

	background-color: #fff;

	margin-bottom: 0;

	padding: 8px 0;

}

.brand a:hover {

	background-image: url('images/btm-brand-hover.png');

	background-repeat: no-repeat;

	background-position: top center;

}

.footer {

	background-color: #004990;

	padding: 30px 0 15px;

	margin: 20px 0;

}

.btm-logo img {

	margin: 0 auto;

}

.btm-menu {

	margin: 0 10px;

}

.btm-menu ul {

	width: 100%;

	margin: 0;

	padding: 0;

}

.btm-menu li {

	width: 50%;

	float: left;

	border-bottom: 1px solid #1c5d9c;

	list-style: none;

}

.btm-menu h3 {

	font-size: 16px;

	font-weight: bold;

	margin: 5px 0;

	color: #fff;

}

.btm-menu a {

	color: #fff;

	font-size: 13px;

}

.btm-menu a:hover {

	color: #ef3e33;

	text-decoration: none;

}

.btm-contact {

	color: #fff;

	font-size: 13px;

}

.btm-contact h3 {

	font-size: 16px;

	font-weight: bold;

	margin: 5px 0;

	color: #fff;

}

.btm-contact a {

	color: #fff;

	font-size: 13px;

}

.btm-contact a:hover {

	color: #ef3e33;

	text-decoration: none;

}

.copyright {

	font-size: 11px;

	color: #fff;

}

.copyright a {

	color: #fff;

}

.copyright a:hover {

	color: #ef3e33;

	text-transform: none;

}

.ngg-gallery-thumbnail-box {

	margin-right: 9px !important;

	margin-bottom: 9px !important;

}

.top-category ul {

	list-style: none;

	padding: 0;

}

.top-category li {

	float: left;

	padding-right: 20px;

	width: 33.33%

}

.top-category li:last-child {

	padding-right: 0;

}

.top-category li a {

	font-size: 22px;

	font-weight: bold;

	text-decoration: underline;

}

.top-category li a:hover {

	background-color: #ef3e33;

	text-decoration: underline;

}

.category-detail {

	margin-top: 20px;

}

.category-box {

	box-shadow: 0px 0px 10px  rgba(0,0,0,.5);

	margin-bottom: 20px;

	padding: 20px;

}

.category-box h1 {

	margin: 10px;

	font-size: 22px;

	font-weight: bold;

	text-decoration: underline;

	color: #000;

}

.category-box h2 {

	font-family: 'Lobster', cursive;

	font-size: 36px;

	padding: 0 30px;

	color: #004890;

	text-align: right;

	padding: 0 30px;

	text-align: center;

}

.product-title h1 {

	margin: 10px;

	font-size: 22px;

	font-weight: bold;

	text-decoration: underline;

	color: #000;

}

.product-image ul {

	list-style: none;

	padding: 0;

}

.product-image li {

	margin-right: 10px;

	float: left;

margin-bottom: 10px;

}

.product-image img {

	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);

	height: 150px;

	width: 150px;

}

.product-description h2 {

	font-size: 22px;

	font-weight: bold;

	color: #ef3e33;

	margin-bottom: 5px;

}

.product-detail h1 {

	margin: 10px;

	font-size: 22px;

	font-weight: bold;

	text-decoration: underline;

	color: #000;

}

.pro-detail h2 {

	font-size: 18px;

	font-weight: bold;

	color: #000;

	margin-bottom: 15px;

	margin-top: 0;

}

.pro-detail h3 {

	font-size: 16px;

	font-weight: bold;

	color: #000;

	margin-bottom: 5px;

	margin-top: 5px;

}

.ngg-gallery-thumbnail img {

	background-color: #004990 !important;

	border-color: transparent;

	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);

}

.ngg-gallery-thumbnail img:hover {

	background-color: #ef3e33 !important;

	border-color: transparent;

}

.modal-content {

	border-radius: 0;

}

.form-group {

	margin-bottom: 0;

}

.product-detail img {

	height: 270px;

	width: 270px;

}

.wishlist {

	margin-top: 10px;

}

.dropdown-menu {

	min-width: 400px;

}

.navbar-inverse .navbar-nav > .open > a, 

.navbar-inverse .navbar-nav > .open > a:hover, 

.navbar-inverse .navbar-nav > .open > a:focus {

	color: #000;

	background-color: #fff;

	border: 3px solid #ef3e33;

	border-width: 0 3px;

}

.dropdown-menu {

	border: 3px solid #ef3e33;

	border-width: 0 3px 3px 3px;

}

.w-image {

	padding: 0 10px;

}

.w-text {

	padding: 0 10px;

	width: 250px;

}

.w-text p {

	margin: 0 0 5px;

	font-size: 12px;

	font-weight: bold;

}

.w-qty {

	padding: 0 10px;

	width: 90px;

	font-size: 13px;

	font-weight: bold;

}

.w-btn {

	margin-right: 5px;

}

.wishlist-item ul {

	list-style: none;

	padding: 0;

}

.wishlist-item li {

	float: left;

	padding: 20px 20px 20px 0;

	margin: 0 10px 0 0;

	width: 48%;

	border-bottom: 1px solid #e5e5e5;

}

.wishlist-image {

	padding: 0 10px;

}

.wishlist-text {

	padding: 0 10px;

}

.wishlist-text p {

	margin: 0 0 5px;

	font-size: 12px;

	font-weight: bold;

}

.wishlist-qty {

	padding: 0 10px;

	width: 75px;

	font-size: 13px;

	font-weight: bold;

}

.wishlist-form {

	padding: 20px;

	box-shadow: 0px 0px 10px  rgba(0,0,0,.5);

}

.wishlist-form label {

	font-size: 18px;

	margin-top: 10px;

}

.pwishlist-item ul {

	list-style: none;

	padding: 0;

}

.pwishlist-item li {

	float: left;

	padding: 20px 20px 20px 0;

	margin: 0 10px 0 0;

	width: 100%;

	border-bottom: 1px solid #e5e5e5;

}

.pwishlist-image {

	padding: 0 10px;

}

.pwishlist-text {

	padding: 0 10px;

}

.pwishlist-text p {

	margin: 0 0 5px;

	font-size: 12px;

	font-weight: bold;

}

.pwishlist-qty {

	padding: 0 10px;

	width: 75px;

	font-size: 13px;

	font-weight: bold;

}

.carousel-caption p {

	display: none;

}

.carousel-caption h4 {

	font-family: 'Lobster', cursive;

	font-size: 36px;

	padding: 0 30px;

	color: #fff;

	text-align: right;

	padding: 0 30px;

}

.carousel-indicators {

	display: none;

}

.ngg-gallery-thumbnail img {

	background-color: #fff;

	display: block;

	margin: 4px 0 4px 4px;

	padding: 7px !important;

	position: relative;

	border: none !important;

}

.contactform label {

	font-size: 18px;

	margin-top: 10px;

}

.contactform {

	padding: 20px;

	box-shadow: 0px 0px 10px  rgba(0,0,0,.5);

	margin-top: 30px;

}

.btn-primary {

	background-color: #333;

	border-color: transparent;

}

.btn-primary:hover, .btn-primary:focus, 

.btn-primary.focus, .btn-primary:active, 

.btn-primary.active, .open > .dropdown-toggle.btn-primary {

	background-color: #004890;

	border-color: transparent;

}

.fa-fw {

	font-size: 18px !important;

}

.panel {

	border: none;

	box-shadow: none;

	-webkit-box-shadow:none;

}

.panel-default > .panel-heading {

	background-color: #004990;

	color: #fff;

	border-color: transparent;

}

.panel-title {

	font-size: 18px;

	font-weight: bold;

}

.next {

	float: right;

	background-color: #ef3e33;

}

.prev {

	float: left;

	background-color: #ef3e33;

}

.current {

	display: none;

}

.page-numbers {

	display: none;

}

.ngg-navigation a.page-numbers, .ngg-navigation a.next, 

.ngg-navigation a.prev, .ngg-navigation span.page-numbers, 

.ngg-navigation span.next, .ngg-navigation span.prev {

	font-size: 18px;

	font-weight: bold;

	padding: 10px 50px !important;

	color: #fff;

}



@media(max-width:767px){

	.carousel-caption h3 {

		font-size: 16px;

	}

	.btm-contact {

		margin: 120px 0 0 0;

		text-align: center;

	}

	.copyright {

		text-align: center;

	}

	.copyright img {

		margin: 0 auto;

	}

}

@media(min-width:768px){

	.navbar-right {

		float: right !important;

		margin-right: 0;

	}

}

@media(min-width:992px){}

@media(min-width:1200px){}

.category-box .ngg-fancybox {

  float: left;

  margin-right: 0;

}

.abey, .abey-kitchen, .abey-laundry {

  background-image: url(images/Abey-Logo.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  background-size: 100% 100%;

  float: left;

  width: 100px;

  height: 50px;

}

.astra-walker, .astra-walker-laundry, .astra-walker-kitchen{

background-image: url(images/astrawalker.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  background-size: 100% 100%;

  float: left;

  width: 150px;

  height: 64px;

}

.avenir{

background-image: url(images/avenir-logo.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  background-size: 100% 100%;

  float: left;

  width: 150px;

  height: 64px;

}

.con-serv{

background-image: url(images/con-serv-logo.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  background-size: 100% 100%;

  float: left;

  width: 150px;

  height: 64px;

}

.euro-kitchen{

background-image: url(images/euro-Logo.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  background-size: 100% 100%;

  float: left;

  width: 150px;

  height: 64px;

}

.franke-laundry, .franke-kitchen{

background-image: url(images/franke-Logo.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  background-size: 100% 100%;

  float: left;

  width: 100px;

  height: 50px;

}

.faucet-landry, .faucet{

background-image: url(images/Faucet.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  background-size: 100% 100%;

  float: left;

  width: 100px;

  height: 50px;

}

.phoenix, .phoenix-kitchen{

background-image: url(images/phoenix-logo.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  background-size: 100% 100%;

  float: left;

  width: 100px;

  height: 50px;

}

.showerama{

background-image: url(images/SHOWERAMA-logo.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  background-size: 100% 100%;

  float: left;

  width: 150px;

  height: 75px;

}

.victoria-and-albert{

background-image: url(images/V-A-LOGO.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  background-size: 100% 100%;

  float: left;

  width: 200px;

  height: 73px;

}

.timberline{

background-image: url(images/timeberline.png);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  background-size: 100% 100%;

  float: left;

  width: 150px;

  height: 70px;

}

.gemini{

background-image: url(images/Gemini-Logo.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  background-size: 100% 100%;

  float: left;

  width: 150px;

  height: 75px;

}

.heading-btm h4{

	font-family: 'Lobster', cursive;

    font-size: 28px;

    color: #ef3e33;

    text-align: center;

    padding: 0 30px;

}

.img-thumb{
	max-width: 270px;
}