/*Background: #fff / #eff1f4 (off-white)
Text: #4d4d4d (med-grey) / #494949 (dark grey) / #fff
Primary: #a9a9a9 (light grey)
Secondary: #7f8239 (green)*/
@font-face {
    font-family: 'Consolas';
    src: url('/fonts/Consolas.ttf')
}

.landingpage {
	padding-top: 30vh;
	padding-bottom: 30vh;
	text-align: center;
}

.landingpage h1 {
	margin-bottom: 5%;
	font-size: 30px;
}

.landingpage img {
	width: 30%;
	margin-bottom: 40px;
}

.landingpage p {
	font-size: 18px;
	color: #000;
}
.landingpage a {
	color: #7f8239;
}
.landingpage i {
	font-size: 30px;
	color: #7f8239;
	vertical-align: top;
	display: inline-block;
	width: 5%;
}

body {
	padding: 0;
	margin: 0;
	font-family: 'Consolas', sans-serif;
}

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

a:hover {
	text-decoration: none;
}

h2 {
	font-family: 'Consolas', sans-serif;
}

p {
	line-height: 28.5px;
	font-size: 15px;
}

a:hover .image-wrapper a>img{
	-moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.image-wrapper a>img {
	-moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

.image-wrapper {
	overflow: hidden;
}

.btn-primary {
	width: auto;
	background-color: #fff;
	border-radius: 0;
	border: none;
	color: #000;
	font-size: 12px;
	width: 180px!important;
	padding: 15px 20px;
}

.btn-primary:link, .btn-primary:visited, .btn-primary:hover, .btn-primary:active {
	background-color: #fff;
	border: none;
	color: #000;
}

.btn-primary#grey {
	color: #fff;
	background-color: #a9a9a9;
	border-radius: 0;
	border: 1px solid #a9a9a9;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	width: 180px!important;
	padding: 15px 20px;
}

.btn-primary.grn {
	color: #fff;
	background-color: #7f8239;
	border-radius: 0;
	border: 1px solid #7f8239;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	width: 180px!important;
	padding: 15px 20px;
}

.topbar {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #a9a9a9;
}

.topbar p {
	color: #fff;
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 1.3;
}

.topbar a {
	color: #fff;
	padding-bottom: 0;
	margin-bottom: 0;
}

#topbar-mail {
	padding-left: 30px;
	margin-left:20px;
	border-left: 2px solid #fff;
}

.topbar i {
	font-size: 20px;
	vertical-align: middle;
	padding-right: 20px;
}

.sign-in .col-md-4, .join .col-md-4 {
	padding-right: 0;
}

.sign-in p{
	text-align: right;
}

.join {
	text-align: right;
}

.join .newsletter-signup input {
	padding: 5px;
	margin-top: 5px;
	color: #000!important;
}

.join label {
	/* padding: 5px; */
	margin-top: 5px;
	margin-bottom: 10px;
	color: #4d4d4d!important;
	width: 80%;
	float: left;
	display: inline-block!important;
	vertical-align: middle;
	text-align: left;
}

.join input[type=checkbox] {
	width: 20%;
	float: right;
	display: inline-block;
}

.join .btn-primary{
	float: left;
	text-align: left;
}

#email2 {
	display: none;
}

.dropbtn {
	padding-bottom: 0;
	margin-bottom: 0;
	color: #fff;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 500;
    padding: 15px;
    right: 0;
    top: 35px;
    text-align: right;
}

.dropdown-content input {
	display: block;
	width: 100%;
	padding: 5px;
	margin-bottom: 10px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content .btn-primary {
	width:180px;
	border: 1px solid #a9a9a9; 
}

.dropdown-content.btn-primary:link, .dropdown-content.btn-primary:visited, .dropdown-content.btn-primary:hover, .dropdown-content.btn-primary:active {
	background-color: #fff!important;
}

.show {
	display:block;
}

/*Menubar*/
.navbar-brand{
	display: none;
}

/* .menubar {
	padding-top: 15px;
	padding-bottom: 15px;
} */

.navbar-default{
	background-color: transparent;
	border: none;
	color: #000;
	font-weight: 300;
	font-size: 15px;
	vertical-align: middle;
	text-align: right;
	float: right;
	display: inline-block;
}

.navbar .navbar-nav>li>a {
	color: #000;
	text-decoration: none;
	padding-bottom: 0;
	text-align: right;
	margin-left: 0px;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li .open .dropdown-toggle{
	background-color: transparent!important;
	color: #000!important;
}

.navbar-nav li{
	float: none;
	text-align: right;
	display: inline-block;
}

.logo img {
	width: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar .navbar-nav>li.cart-selector>a {
	text-align: right;
	padding-right: 0!important;
	padding-left: 0px;
}

.mini-cart {
	position: absolute;
	right: 0;
	background-color: #fff;
	top: 50px;
	width: 400px;
	border-radius: 0px;
	z-index: 999;
	padding: 20px;
	border: 2px solid #a9a9a9;
	text-align: center;
}

.mini-cart-item {
	height: 70px;
    border-bottom: 1px solid #ececec;
}

.mini-cart li {
	list-style: none;
}

.mini-cart li span {
	display: inline-block;
}

.mini-cart-item .item-img {
	width: 20%;
	vertical-align: middle;
}

.mini-cart-item .item-img img {
	padding: 0;
	width: 100%;
}

.mini-cart-item .item-name {
	width: 35%;
	font-size: 14px;
	text-align: left;
	margin-left: 10px;
	vertical-align: middle;
}

.mini-cart-item .item-qty {
	width: 10%;
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
}

.mini-cart-item .item-price {
    width: 20%;
    text-align: left;
    font-size: 14px;
    vertical-align: middle;
}

.mini-cart-item .item-remove {
    width: 10%;
    vertical-align: middle;
}

.mini-cart-item .item-remove i {
	font-size: 16px!important;
	color: #a9a9a9;
	padding-right: 0!important;
}

.mini-cart-total {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #eff1f4;
    border-bottom: 1px solid #eff1f4;
    font-weight: 600;
    text-align: left;

}

.mini-cart-total span {
    float: right;
}

.mini-cart .btn-wrapper {
    text-align: center;
}

.mini-cart .btn-wrapper .btn-primary{
	padding: 10px!important;
	font-weight: 400;
	margin-right: 5px;
	margin-left: 5px;
	color: white!important;
	background-color: #a9a9a9;
	min-width: 0;
	width: auto!important;
}

.cart {
	padding-top: 40px;
	padding-bottom: 40px;
}

.cart .btn-primary, .checkout .btn-primary {
	min-width: 100px;
	font-weight: 400;
	margin-right: 5px;
	margin-left: 5px;
	color: white!important;
	background-color: #a9a9a9;
}

.cart-empty {
	text-align: center;
	font-size: 20px;
	line-height: 30px;
}

.cart-empty .btn-primary {
	margin-top: 10px;
}

.cart-products {
	padding: 10px;
}

.cart-products tr {
	list-style: none;
	margin-bottom: 15px;
	margin-top: 15px;
}

.cart-products tr td {
}

.cart-product-image {
	width: 10%;
	vertical-align: top;
}

.cart-product-image img {
	vertical-align: top;
}

.cart-product-name {
	font-weight: 600;
	margin-left: 20px;
}

.cart-product-name p {
	font-weight: 200;
	line-height: 15px;
}

.cart-product-qty {
	width: 10%;
}

.cart-product-price {
	width: 20%;
}

.cart-product-subtotal {
	width: 20%;
}

.cart-total {
	font-size: 18px;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 2px solid!important;
	border-bottom: 2px solid;
	float: right;
	margin-right: 18px;
	margin-top: 5px;
}

.quote-selector .ion-android-document{
		margin-right: 8px;	
}

.cart_or_quote {
    margin-left: 15px;
    margin-right: 15px;
    color: #eff1f4!important;
    font-size: 20px;
    font-weight: 800;
}

.checkout {
	padding-top: 40px;
	padding-bottom: 40px;
}

.checkout input, .checkout select, .checkout textarea {
	padding: 5px;
	width: 100%;
	margin-bottom: 10px;
}

.checkout textarea {
	height: 150px;
}

.checkout-btn {
	max-width: 200px;
	margin-left: 0!important;
}

.product-option-select {
	height: 50px;
	width: 80%!important;
}

.qty {
	height: 50px;
	width: 60px!important;
	padding: 10px;
}
/*Dropdown*/

.dropdown-menu {
	text-align: left;
	padding:10px;
}

.navbar-default li .dropdown-menu>li>a {
	width: 100%;
	font-size: 15px;
	text-align: left;
	padding:10px;
}

.navbar-default li .dropdown-menu>li>a:hover {
	background-color: transparent!important;
	width: 100%;
}

.dropdown-toggle:link, .dropdown-toggle:visited, .dropdown-toggle:hover, .dropdown-toggle:active {
	background-color: transparent!important;
}

/*Home Page*/
/*header Flexslider*/

.header-flexslider {
	margin: 0!important;
	padding: 0!important;
	border: 0px!important;
}

.header-flexslider .slides img {
	width: 100%!important;
	display: inline-block!important;
}

.header-flexslider p {
	color: #fff;
}

.home-header{
	background-image: url('/images/home/home-header.jpg');
	background-size: cover;
	background-position: center;
	height: 600px;
	text-align: center;
	position: relative;
}

.home-slide2{
	background-image: url('/images/home/home-header2.jpg');
	background-size: cover;
	background-position: center;
	height: 600px;
	text-align: center;
	position: relative;
}

.home-slide3{
	background-image: url('/images/home/home-header3.jpg');
	background-size: cover;
	background-position: center;
	height: 600px;
	text-align: center;
	position: relative;
}

/*General Slider Settings*/

.flex-control-nav {
	bottom:20px;
	z-index: 100;
}

.flex-control-paging li a {
	background: rgba(255,255,255,1);
	border: none;
}

.flex-control-paging li a.flex-active {
	background: rgba(255,255,255,1);
	border: none;
}

.flex-control-paging li a:hover {
	background: rgba(255,255,255,1);
}

.home-header h1 {
	position: absolute;
	left: 0;
	top: 200px;
	background-color:rgba(169, 169, 169, 0.9);
	color: #fff;
	padding: 20px;
}

.home-header .btn-primary {
	position: absolute;
	left: 0;
	top: 320px;
	text-transform: uppercase;
/* 	padding-right: 20px;
	padding-left: 20px;
	font-size: 20px; */
}

.home-categories {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #eff1f4;
}

/*Image ovelay hover effect 9 on home page*/

.modal-title {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
}

.modal-header h4 {
	text-transform: uppercase;
}

.modal-body img {
	padding-bottom: 20px;
	width: 50%;
	float: right;
	position: relative;
	padding-left: 20px;
}

.modal-content {
	overflow-y: auto;
	height: auto;
	text-align: left;
}

.modal.in .modal-dialog {
	height: auto;
}

.hovereffect, .about-hovereffect {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	text-align: left;
	cursor: pointer;
}

.hovereffect .overlay  {
	width: 100%;
	height: 400px;
	position: absolute;
	overflow: hidden;
	left: 0;
	/* background-color: rgba(127, 130, 57, 0.5); */
	top: -200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.1s ease-out 0.1s;
		transition: all 0.1s ease-out 0.1s;
}

.about-hovereffect .overlay {
	width: 100%;
	height: 240px;
	position: absolute;
	overflow: hidden;
	left: 0;
	text-align: center;
	background-color: rgba(169, 169, 169, 0.5);
	top: -200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.1s ease-out 0.1s;
		transition: all 0.1s ease-out 0.1s;
}

.hovereffect:hover .overlay, .about-hovereffect:hover .overlay{
	opacity: 1;
	border: none;
	filter: alpha(opacity=100);
	margin-top: 200px;
	-webkit-transition-delay: 0s;
		transition-delay: 0s;
}

.hovereffect img, .about-hovereffect img {
	display: block;
	position: relative;
}

.hovereffect h2 {
	color: #fff;
	font-size: 50px;
	margin-top: 30px;
	padding-left: 40px;
	text-transform: uppercase;
	font-weight: 300;
}

.about-hovereffect h2 {
	color: #000;
	font-size: 50px;
	margin-top: 30px;
	text-transform: uppercase;
	font-weight: 300;
}

.hovereffect .overlay a.btn-primary {
	position: absolute;
	bottom: 80px;
	left: 40px;
	color: #a9a9a9;
	width: 180px;
	background-color: #fff;
	border-radius: 0;
	border: 1px solid #fff;
	text-transform: uppercase;
	display: inline-block;
	-webkit-transform: translateY(-200px);
		-ms-transform: translateY(-200px);
			transform: translateY(-200px);
	-webkit-transition: all ease-in-out 0.1s;
		transition: all ease-in-out 0.1s;
}

.about-hovereffect .overlay a.btn-primary {
	position: absolute;
    text-align: center;
    bottom: 80px;
    left: 90px;
    width: 180px;
    /* top: 100px; */
    color: #a9a9a9;
    /* font-size: 15px; */
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #fff;
    /* padding: 20px; */
    text-transform: uppercase;
    /* display: inline-block; */
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}

.hovereffect:hover a.btn-primary{
	color: #a9a9a9;
	background-color: #fff;
	border: 1px solid #fff;
	-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
			transform: translateY(0px);
	-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
}

.modal-dialog{
	width: 1000px;
	height: auto;
}

.modal-content {
	border-radius: 0;
}

.modal-body {
	padding: 30px;
}

.mobile-button {
	display: none;
}

.home-new-products {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.new-products-heading h2 {
	color: #a9a9a9;
	font-size: 50px;
	margin-bottom: 20px;
	text-transform: uppercase;
	padding-left: 20px;
	font-weight: 300;
	margin: 0;
}

.new-products-heading p {
	margin-bottom: 40px;
}

/*modal in slider*/
.modal-content.home-modal {
	height: auto;
}

/*Slider in new products section on home page*/

.owl-carousel{
	text-align: center;
	position: relative;
}

.owl-carousel p{
	width: auto;
	font-size:20px;
	font-weight: bold;
	color: #4d4d4d;
	padding-top: 5px;
	font-family: 'Consolas', sans-serif;
}

.owl-carousel a:hover {
	text-decoration: none;
	border-bottom: 0;
}

.owl-carousel img{
	width: 80%;
}

.owl-prev i{
	color: #a9a9a9;
	font-size: 40px;
}

.owl-prev{
	display: inline-block;
	/* text-align: left; */
	padding: 20px;
	float: left;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0px;
}

.services .owl-prev {
	display: inline-block;
	text-align: left;
	padding: 20px;
	float: left;
	position: absolute;
	top: 20px;
	bottom: 0;
	left:-20px;	
}

.owl-next i{
	color: #a9a9a9;
	font-size: 40px;
}

.owl-next{
	display: inline-block;
	/* text-align: right; */
	padding: 20px;
	float: right;
	position: absolute;
	top: 0px;
	bottom: 0;
	right:0px;
}

.services .owl-next {
	display: inline-block;
	text-align: right;
	padding: 20px;
	float: right;
	position: absolute;
	top: 20px;
	bottom: 0;
	right:-20px;	
}

.owl-nav{
	margin-top: 0;
	position: absolute;
	top: 35%;
	width: 100%;
}

.owl-theme .owl-nav [class*=owl-] {
	background-color: #231f20;
	font-size: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 0;
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background-color: #3298ed;
	border-radius: 100px;
}

.owl-carousel .owl-dot {
	height: 14px;
    width: 14px;
    background: transparent;
    border: 2px solid #a9a9a9;
    border-radius: 100px;
    display: inline-block;
    position: relative;
    top: -40px;
}

.owl-carousel .owl-dot.active {
	background:rgba(169, 169, 169, 0.5)!important;
} 

.parallax-indoors {
	background-image: url('/images/home/parallax-image-home.jpg');
	background-size: cover;
	background-position: center;
	height: 400px;
	background-attachment: fixed;
	text-align: center;
}

.parallax-indoors h2 {
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size: 50px;
	position: absolute;
	top: 125px;
	left: 140px;
	right: 140px;
	padding: 30px;
	font-weight: 300;
}

.home-about {
	padding-top: 60px;
	padding-bottom: 40px;
}

.home-about h4 {
	color: #a9a9a9;
	font-size: 20px;
	margin-top: 0;
	font-weight: 300; 
	line-height: 30px;
}

.home-about p {
	font-size: 15px;
}

.commissions {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #f3f4f5;
}

.commissions h2 {
	padding-top: 60px;
}

/*About page*/

.about-header .col-md-12 {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.about-header h1 {
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px;
	color: #494949;
	font-size: 30px;
	font-weight: 300;
	background-color: #eff1f4;
	text-transform: uppercase;
}

.about {
	padding-top: 60px;
	padding-bottom: 60px;
}

.about-image2 img {
	padding-bottom: 40px;
}

.about-image1 h2, .about-image3 h2 {
	font-size: 18px;
	margin-top: 10px;
}

.about-paragraph strong {
	font-size: 25px;
	margin-bottom: 20px;
	font-weight: 300; 
	line-height: 1.5;
}

.parallax-about {
	background-image: url('/images/about-page/about-parallax.jpg');
	background-size: cover;
	background-position: center;
	height: 400px;
	background-attachment: fixed;
	text-align: center;
}

.parallax-about h2 {
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size: 40px;
	position: absolute;
	top: 100px;
	left: 40px;
	right: 40px;
	font-weight: 300;
}

.vision-mission-values-purpose {
	padding-top: 60px;
	padding-bottom: 60px;
}

.vision-mission-values-purpose img {
	width: 93%;
}

.vision-mission-values-purpose h2 {
	font-size: 25px;
	text-transform: uppercase;
	margin-top: 0;
}

.vision-mission-values-purpose .col-md-8 {
	padding-left: 100px;
}

/*services page*/

.services-header .col-md-12 {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.services-header h1 {
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px;
	color: #494949;
	font-size: 30px;
	font-weight: 300;
	background-color: #eff1f4;
	text-transform: uppercase;
}

.section1, .section3 {
	background-color: #f3f4f5;
	padding-top: 40px;
	padding-bottom: 40px;
}

.section2, .section4 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.services-contact {
	background-image: url('/images/services-page/services-contact2.jpg');
	background-size: cover;
	background-position: center;
	height: 450px;
	text-align: center;
}

.services-contact p {
	font-size: 40px;
	color: #fff;
	padding-top: 140px;
	line-height: 60px;
}

.services-contact .btn-primary {
	color: #4d4d4d;
	text-transform: uppercase;
	margin-top: 10px;
}

.text {
	padding-top:60px;
}

.text-more {
	padding-top:110px;
}

/*Products page*/

.products-header .col-md-12 {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.products-header h1 {
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px;
	color: #494949;
	font-size: 30px;
	font-weight: 300;
	background-color: #eff1f4;
	text-transform: uppercase;
}

.our-products-intro {
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

/* .container .products-categories-images {
	padding-top: 40px;
	margin-top: 40px;
} */

.products-categories {
	padding-top: 40px;
	padding-bottom: 20px;
	text-align: left;
}

.products-categories h2 {
	font-size: 25px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom:30px;
}

.products-categories .fixed-left ul {
	list-style: none;
	padding-left: 0;
}

.products-categories .fixed-left ul li {
	margin-bottom: 10px;
}

.products-categories .fixed-left ul li a {
	color: #494949;
	font-size: 18px;
}

.products-categories .fixed-left input {
	padding: 5px;
	background-color: #eff1f4;
	border: none;
}

.products-categories-images .col-md-4{
	text-align: center;
}

.products-categories-images .col-md-4 p{
	font-size: 18px;
	padding-top: 15px;
	color: #494949;
	padding-bottom: 15px;
	margin-bottom: 0;
}

.flexslider {
	margin: 0!important;
	padding: 0!important;
	border: 0px!important;
}

.flexslider .slides img {
	width: 100%!important;
	display: inline!important;
	padding-right: 0;
	padding-left: 0;
}

.flex-control-nav {
	bottom: 20px!important;
	z-index: 999!important;
}

.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
	background-color: #fff;
}

.flex-control-paging li a {
	background-color: rgba(255,255,255,0.5);
}

.parent {
	background-color: #f7f7f7;
	padding: 5px;
}

.parent a:focus {
	border-bottom: none;
	text-decoration: none;
}

.sub-categories {
	display: none;
}

#commission {
	text-align: center;
}

.products-categories .btn-primary {
	width: 100%!important;
}

.products-commissions {
	background-color: #f3f4f5;
	padding-top: 60px;
	padding-bottom: 60px;
}

.products-commissions h2 {
	margin-top: 0;
}

.products-commissions .btn-primary {
	margin-top: 20px;
}

/*View products page*/

.view-products-header .col-md-12 {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.view-products-header h1{
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px;
	color: #494949;
	font-size: 30px;
	font-weight: 300;
	background-color: #eff1f4;
	text-transform: uppercase;
}

.product {
	padding-top: 60px;
	/* padding-bottom: 60px; */
}

/* .product .container {
	padding-bottom: 60px;
} */

#og_img {
	position: relative;
	z-index: 3;
}

/*#og_img:hover{*/
/*	z-index: 1;*/
/*}*/

/*#og_img:hover:after{*/
/*	z-index: 3;*/
/*}*/

#nog_img {
	position: absolute;
	top: 0;
	left: 0;
	height: 416.75px;
	width: 555px;
	z-index: 1;
	margin-left: 15px;
}

/*#nog_img:hover {*/
/*	z-index: 3;*/
/*}*/

/*#nog_img:hover:after{*/
/*	z-index: 1;*/
/*}*/

.product .product-gallery {
	padding-left: 0;
	padding-top: 20px;
}

.pi-img-large {
	border: 1px solid rgba(216, 216, 216, 1.0);
	padding-left: 0;		
}

.pi-img-link img {
	margin-right: 20px;	
}


/* .pi-img-thumb { 
	border: 2px solid rgba(216, 216, 216, 1.0);
	margin-bottom: 10px;
	margin-right: auto;	
	margin-left: auto;	
	width: 25%;
	float: 	left;	
}

.product .product-gallery img {
	padding-right: 0px;

	cursor: pointer;
} */

#prod-img, #prod-swatch {
	padding-left: 0;	
}

.prod-img-div {
	border: 1px solid rgba(216, 216, 216, 1.0);
	margin-bottom: 14px;	
}

.product .product-gallery .col-md-4 {
	padding-left: 0;
}

.product .product-disc h2{
	text-transform: uppercase;
	margin-top: 0;
	font-weight: 500;
}

.product .product-disc p {
	font-size: 18px;
	/* padding-bottom: 20px; */
}

.product .product-disc span {
	color: #7f8239;
	text-transform: uppercase;
}

.product .product-disc #paragraph {
	font-size: 15px;
}

.product .product-disc input, .product .product-disc select {
	padding: 10px;
	border: none;
	background-color:#eff1f4;
	display: block;
	width: 70%;
	margin-bottom: 10px;
}

.product .product-disc input#qty {
	display: inline-block!important;
}

.product .product-disc .btn-primary.add-to-cart {
	background-color: #a9a9a9;
	/* padding: 11px; */
	color: #fff;
	/* font-size: 16px; */
	text-transform: uppercase;
	/* max-width: 200px; */
}

input[type=number]::webkit-inner-spin-button {
    cursor:pointer;
    display:block;
    color: #a9a9a9;
    text-align:center;
    position:absolute;
    z-index: 999;
    right: 0px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  

   -webkit-appearance: "Always Show Up/Down Arrows";
   opacity: 1;

}

input[type=number]::-webkit-inner-button:before,
input[type=number]::-webkit-inner-button:after {
    content: "^";
    position:relative;
    right: 0;
    font-family:monospace;
    line-height:10px;
}

input[type=number]::-webkit-inner-button:before {
    top:0px;
}

input[type=number]::-webkit-inner-button:after {
    bottom:0px;
    -webkit-transform: rotate(180deg);
}

.product-specs ul {
	padding-left: 20px;
}

/*Panels*/

.panel-default {
	background-color: transparent;
	border: none;
}

.panel-default>.panel-heading {
	background-color: transparent;
	border-radius: 0;
	border: none;
	padding: 15px 0 0 0;
	position: relative;
  	z-index : 1;
}

.panel-default>.panel-heading h4 {
	padding: 5px 0 5px 0;
	width: 100%;
	display: block;
	text-transform: uppercase;
	color: #a9a9a9;
	font-size: 20px;
}

.panel-body {
	padding: 0 15px 15px 0;
}

.border-specs {
	border: 5px solid #494949;
	width: 	15%;
}

/* #headingOne h4:before {
	border-top: 5px solid #494949;
	content : "";
	position: absolute;
	left    : 0px;
	bottom  : 0;
	height  : 1px;
	width   : 15%;
} */

/* 
#headingTwo:after {
	border-bottom: 5px solid #494949;
	content : "";
	position: absolute;
	left    : 0px;
	bottom  : 0;
	height  : 1px;
	width   : 15%;  
} */



.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top: none;
}
.panel-group {
	margin-bottom: 0;
}

.panel {
	box-shadow: none;
}

.goes-with {
	padding-bottom: 40px;
}

/* .product-specs .col-md-12 {
	padding-top: 50px;	
} */

.border-specs-grey {
	border: 3px solid rgba(216, 216, 216, 1.0);
	margin-top: 20px;
	margin-bottom: 20px;
}

.goes-with h2 {
	padding-bottom: 40px;
	color: #a9a9a9;
	text-transform: uppercase;
	font-size: 20px;
}

.goes-with-gallery {
	text-align: center;
}

.goes-with-gallery p {
	font-size: 18px;
	padding-top: 15px;
	color: #494949;
}

/*view category page*/

.view-category-header .col-md-12 {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.view-category-header h1{
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px;
	color: #494949;
	font-size: 30px;
	font-weight: 300;
	background-color: #eff1f4;
	text-transform: uppercase;
}

.categories {
	padding-bottom: 60px;
}

.categories img {
	padding-bottom: 15px;
}

.categories .col-md-4 {
	min-height: 270px;
	min-width: 33.3%;
	float: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 20px;
}

.categories p, .categories a {
	color: #000;
	margin-bottom: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 20px;
}

.categories .col-left {
	color: #000;
	float: left;
	text-align: left;
	padding-top: 0px;
	display: inline-block;
	line-height: 30px;
	position: absolute;
	bottom: 15px;
	left: 15px;
}

.categories .col-left p {
	font-size: 12px;
}

.categories .col-left p>strong {
	font-size: 15px;
}

.categories .col-right p {
	float: right;
	text-align: right;
	margin-top: 0px;
	display: inline-block;
	vertical-align: middle;
}

.categories .col-right p i.heart {
	position: absolute;
	top: 10px;
	bottom: 15px;
	right: 25px;
	height: 18px;
}

.categories .col-right p i.heart.selected {
	color: #7f8239;
}

.categories .col-right p i.crt-selector {
	position: absolute;
	top: 157.5px;
	right: 15px;
	background-color: #7f8239;
	padding: 5px 10px;
	color: #fff;
}

/* .categories .col-right p, .col-right a {
	color: #000;
	font-size: 12px;
	margin-bottom: 0;
	padding: 0;
	text-align: right!important;
}
 */
/* .categories .col-right p.cart-selector>i {
	float: right;
	text-align: right;
	margin-top: 0px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	bottom: -30px;
	right: 0;
}
 */
.categories .col-right i {
	text-align: right!important;
	vertical-align: middle;
	font-size: 20px;
}

.categories .col-right i:hover {
	color: #7f8239;
}

.selected i{
	color: #7f8239;
}

.categories .col-right input:hover {
	color: #ff6868;
}

#price_stock {
	display: inline-block;
}

#the_hover_image {
	display:none;
}

#both_images:hover #the_hover_image{
	display:block;
}

#both_images:hover #the_normal_image{
	display:none;
}

#the_hover_image1 {
	display:none;
}

#both_images1:hover #the_hover_image1{
	display:block;
}

#both_images1:hover #the_normal_image1{
	display:none;
}


/*#the_hover_image {*/
/*	display: none;*/
/*}*/

/*#the_normal_image:hover {*/
/*	display: none;*/
/*}*/

/*#the_hover_image:hover{*/
/*	display: block;*/
/*}*/

/*#the_hover_image1 {*/
/*	opacity: 0;*/
/*	margin-top: -217.36px;*/
/*}*/

/*#the_normal_image1:hover {*/
/*	display: none;*/
/*	opacity: 0;*/
/*}*/

/*#the_hover_image1:hover{*/
/*	opacity: 100;*/
/*}*/


/*contact page*/

.contact-header .col-md-12 {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.contact-header h1 {
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px;
	color: #494949;
	font-size: 30px;
	font-weight: 300;
	background-color: #eff1f4;
	text-transform: uppercase;
}

.contact {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

/*.contact-heading h2 {
	color: #a9a9a9;
	font-size: 50px;
	margin-bottom: 40px;
	text-transform: uppercase;
	padding-left: 20px;
	font-weight: 300;
}*/

.contact-details {
	padding-top: 40px;
	text-align: left;
}

.contact-details h2 {
	margin-top: 0;
	color: #a9a9a9;
    font-size: 30px;
}

.contact-details p, .contact-details a {
	font-size: 18px;
	color: #000;
}

.contact-details span {
	/* padding-left: 30px; */
	display: inline-block;
	width: 80%;
} 

.contact-details i {
	font-size: 30px;
	color: #7f8239;
	vertical-align: top;
	display: inline-block;
	width: 15%;
}

.contact-social-media i {
	padding-right: 20px;
	color: #7f8239;
}

.contact-form {
	padding-top: 40px;
	text-align: left;
}

.contact-form input {
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #eff1f4;
	border-style: none;
}

.contact-form textarea {
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	height: 100px;
	background-color: #eff1f4;
	border-style: none;
}

.contact-form .btn-primary, .contact-form .btn-primary:link {
	/* width: 250px; */
	border: 1px solid #a9a9a9;
	background-color: #fff;
	margin-bottom: 0;
}

.contact-form .btn-primary:visited, .contact-form .btn-primary:active, .contact-form .btn-primary:focus {
	/* width: 250px; */
	border: 1px solid #a9a9a9!important;
	background-color: #fff;
	color: #000;
	text-decoration: none!important;
}

.error {
	margin-top: 15px;
	padding: 10px;
	background-color: #C0352C;
	color: #fff;
	display: none;
}

.output {
	margin-top: 15px;
	padding: 10px;
	background-color: #7f8239;
	color: #fff;
	display: none;
	margin-left: 0;
}

#email2 {
	display: none;
}

.terms-checkbox {
	margin-top: 20px;
	text-align: left;
}

/*Footer upper*/

.footer-upper {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #a9a9a9;
	color: #fff;
}

.footer-upper img {
	height:230px;
	width: auto;
}

.footer-logo {
	position: relative;
}

.trademark {
    font-size: 30px;
    vertical-align: top;
    position: absolute;
    top: -6px;
    right: 35px;
    color: #000;
}

#logo {
	width: 80%!important;
	padding-bottom: 20px;
	display: inline-block;
}

#payfast-logo {
	width:80%;
	height:auto!important;
	margin-top:15px;
}

.footer-upper .col-md-3 {
	max-height: 300px;
}

.footer-upper a {
	color: #fff;
	line-height: 35px;
	vertical-align: middle;
}

.footer-upper h2 {
	margin-top: 0;
	margin-bottom: 10px;
	color: #fff;
	font-size: 20px;
	margin-left: 0px;
}

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

.footer-upper ul li {
	padding-bottom: 10px;
}

.footer-shop-now .col-md-3 {
	padding-left: 40px;
}

.footer-shop-now ul li {
	padding-bottom: 0;
	font-size: 14px;
}

.footer-newsletter-signup form {
	padding-left: 0px;
}

.footer-newsletter-signup input {
	margin-bottom: 5px;
	padding: 5px;
	width: 100%;
	color: #000;
}

.footer-newsletter-signup select {
	margin-bottom: 5px;
	padding: 5px;
	width: 100%;
	color: #000;
}

.footer-newsletter-signup .terms-checkbox {
	margin-top: 0;
}

.footer-newsletter-signup .btn-primary {
	/* width: 50%; */
}

.social-media {
	/* padding-top: 20px; */
}

.contact-social-media i:hover {
	color: #7f8239;
}

.social-media i {
	font-size: 30px;
	vertical-align: middle;
	padding-right: 30px;
	float: none;
}

.social-media i:hover {
	color: #7f8239;
}

.footer-newsletter-signup {
	/* height: 300px; */
}

.footer-upper .terms, .disclaimer	{
	text-align: center;
	border-right: 2px solid #fff;
	margin-top: 00px;
	min-height: 0;
}

.cookie {
	text-align: center;
	margin-top: 0px;
	min-height: 0;
}

.terms {
	display: block;
	text-align:right;
}

.terms .col-md-4 {
	padding-right: 0;
	text-align:right;
}

.disclaimer {
	display:  block;
	text-align: center;
}

.disclaimer .col-md-4 {
	padding-left: 0;
	padding-right: 0;
	margin-right: 0px;
	margin-left: 0;
}

.cookie {
	display: block;
	text-align: left;
}

.cookie .col-md-4 {
	padding-left: 0;
	text-align:left;
}

.footer-upper .cookie .col-md-4 {
	border: none!important;
}

::-webkit-input-placeholder {
	color: #000;
	opacity: 1;
}

:-moz-placeholder { /*Firefox 18*/
	color: #000;
	opacity: 1;
}

::moz-paceholder { /*Firefox 19+*/
	color: #000;
	opacity: 1;
}

:ms-input-placeholder {
	color: #000;
	opacity: 1;
}

/*Footer*/

.footer {
	background-color: #494949;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer .navbar-nav {
	float: right;
}

.footer .navbar-nav>li>a {
	padding-right: 0;
	padding-left: 20px;
	padding-bottom: 0;
	color: #fff;
	line-height:2;
}

.footer .navbar-nav>li>a:hover {
	background-color: #494949;
}

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

.developer {
	padding-top: 15px;
}

.developer a {
	color: #fff;
}


/*Login page*/

.login-header .col-md-12 {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.login-header h1 {
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px;
	color: #494949;
	font-size: 30px;
	font-weight: 300;
	background-color: #eff1f4;
	text-transform: uppercase;
}

.login {
	padding-top: 40px;
	padding-bottom: 40px;
}

#login-form input {
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #eff1f4;
	border-style: none;
}

input:focus, select:focus, textarea:focus  {
	outline-color: #7f8239; 
}

#login-form .btn-primary {
	background-color: #7f8239;
	/* width: 30%; */
	color: #fff;
}

#login-form a {
	color:#7f8239; 
}

.create-account {
	background-color: #7f8239;
	text-align: center;
	padding:60px;
}

.create-account p,.create-account h2{
	color: #fff;
}

.create-account .btn-primary {
	color: #7f8239;
	margin-top: 20px;
	/* width: 30%; */
}

.btn-primary:focus {
	background-color: inherit;
}

/* Forgot Password */

.forgot-password input, .reset_password input {
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #eff1f4;
	border-style: none;
}

input:focus, select:focus, textarea:focus  {
	outline-color: #7f8239; 
}

.forgot-password .btn-primary, .reset_password .btn-primary {
	background-color: #7f8239;
	/* width: 30%; */
	color: #fff;
}

/*Profile page*/

.profile-header .col-md-12 {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.profile-header h1 {
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px;
	color: #494949;
	font-size: 30px;
	font-weight: 300;
	background-color: #eff1f4;
	text-transform: uppercase;
}

.profile {
	padding-top: 40px;
	padding-bottom: 40px;
}

.profile .btn-primary {
	width: 50%!important;
	font-size: 14px;
	padding: 5px;
	background-color: #7f8239;
	color: #fff;
}

.profile .details p {
	border-bottom: 1px solid #000;
	width: 60%
}

.profile .details p:last-child {
	border-bottom: none;
}

.profile .details span {
	display: inline-block;
	width: 50%;
}

.editDetailsModals {
	margin-top: 60px;
}

.modal-body input, .modal-body select {
	margin-bottom: 20px;
	padding: 8px;
    display: block;
    width: 100%;
    background-color: #eff1f4;
	border-style: none;
}

.modal-body .btn-primary {
	/* width: 30%;
	font-size: 14px;
	padding: 5px; */
	background-color: #7f8239;
	color: #fff;
}

.address {
	margin-top: 40px;
}

/*Register page*/

.register-header .col-md-12 {
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}

.register-header h1 {
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px;
	color: #494949;
	font-size: 30px;
	font-weight: 300;
	background-color: #eff1f4;
	text-transform: uppercase;
}

.register {
	padding-top: 40px;
	padding-bottom: 40px;
}

#day {
	display: inline-block!important;
	width: 15%!important;
	margin-right: 2%;
}

#month {
	display: inline-block!important;
	width: 50%!important;
	margin-right: 2%;	
}

#year {
	display: inline-block!important;
	width: 29%!important;
}

.billing_copy {
	cursor: pointer;
}

.input  {
	width: 49%;
    margin-right: 1%;
    display: inline-block;
    float: left;
}

#register-form input {
	margin-bottom: 20px;
	padding: 8px;
    width: 100%;
    background-color: #eff1f4;
	border-style: none;
}

#register-form select {
	margin-bottom: 25px;
	display: block;
	width: 100%;
	appearance:none;
	-webkit-appearance:none;
	padding: 9px;
	border: 1px solid #999;
	border-radius: 0px;
	background-color: #eff1f4;
	border-style: none;
}
 
#register-form label {
	display: block;
	width: 100%;
}

#register-form .btn-primary {
/* 	width: 30%;
	font-size: 14px;
	padding: 5px; */
	background-color: #7f8239;
	color: #fff;
}

.input#birthdayPicker {
	float: left!important;
}

.wishlist {
	padding-top: 40px;
	padding-bottom: 40px;
}

.wishlist .btn-primary {
	float: none;
}

.order-history {
	padding-top: 40px;
	padding-bottom: 40px;
}

.order {
	padding-top: 40px;
	padding-bottom: 40px;
}

.add-to-wishlist {
	cursor: pointer;
}