* {margin:0; padding:0; font-family: 'Josefin Sans', sans-serif, arial;}

/*SITE WIDTH*/
.content-width {width:1170px; margin:0 auto;}
.u1170 .content-width {width:100%;}
.u800 .content-width {width:100%;}
.u480 .content-width {width:94%;}

/*HEADER*/
#header {margin:20px auto;}
#nav {width:100%; text-align:center;}
.u800 #nav, .u480 #nav {display:none;}
#nav ul li {display:inline-block; font-weight:300; color:#484848; font-size:22px; position:relative; padding:0 20px;}
#nav ul li:first-of-type {padding:20px;}
#nav ul li ul li:first-of-type {padding:0;}
#nav ul ul {visibility: hidden; opacity: 0; position:absolute; transition: visibility 0s, opacity 0.3s ease-in-out;}
#nav ul .drop::after {content: ""; visibility:visible; opacity:1; position:absolute; margin-top:15px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #b19749;}
#nav .drop:hover ul {display:block; opacity:1; visibility: visible; left:-30px; right:-30px; z-index:2; border:solid 1px #E9E9E9; border-bottom:none; margin: 20px 0 0 0; background:#fff;}
#nav ul ul li {display:block; padding: 0; border-bottom:solid 1px #E9E9E9;}
#nav ul ul li a {padding: 10px 20px; display:block;}
#nav ul li a:hover {color:#CB1A1D;} 
#nav ul li a {color:#484848; text-decoration:none; padding:0 20px; display:block;}
.logo {margin:0 28px;}
.logo img {margin-bottom: -25px;}

/*MOB NAV*/
#mob-nav {display:none; text-align:center;}
.u800 #mob-nav, .u480 #mob-nav {display:block;}
#mob-nav #mob-logo {width:125px; margin:0 auto; display:inline-block;}
#mob-nav #mob-toggle {float:left; width:25px; margin:20px -25px 20px 2%; cursor:pointer;}
#mob-menu {border:solid 1px #E9E9E9; list-style-type:none; display:none;}
#mob-menu .cats {padding:4% 0 0 0; color:#b19749;}
#mob-menu li a {padding:4% 0; color:#484848; text-decoration:none; display:block; border:solid 1px #E9E9E9;}
#mob-menu li a:hover {color:#CB1A1D;} 
#mob-menu li ul {margin:4% 0 0 0; background:#EFEFEF; list-style-type:none;}

/*CATEGORIES*/
#category-tiles div {position:relative;}
#category-tiles div img {-webkit-filter: grayscale(0) blur(0); 	filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; opacity:1;}
#category-tiles div:hover img {-webkit-filter: grayscale(100%) blur(10px); filter: grayscale(100%) blur(10px); opacity:0.4;}
#category-tiles div:hover .no-hover {-webkit-filter: grayscale(0%) blur(0px); filter: grayscale(0%) blur(0px); opacity:1;}
#category-tiles div .detail {display:none; transition: 3s ease-in-out; opacity:0; text-align:center;}
#category-tiles div:hover .detail {display:block; opacity:1; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.u800 #category-tiles div:active .detail, .u480 #category-tiles div:active .detail {display:block; opacity:1; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#category-tiles div:hover .detail h3 a {color:#000000; text-decoration:none;}
#category-tiles div:hover .detail p a {color:#000000; text-decoration:none;}
/*two by two*/
.twoxtwo {float:left; width:48%; margin:1%; overflow:hidden;}
.u480 .twoxtwo {width:98%;}
.twoxtwo img {width:100%;}
#category-tiles .twoxtwo:hover .detail h3 {font-size: 45px; font-weight:500;}
.u1170 #category-tiles .twoxtwo:hover .detail h3 {font-size:30px;}
#category-tiles .twoxtwo:hover .detail p {font-size: 18px; margin-top: 40px; padding-top: 40px; border-top: solid 3px #b19749;}
.u1170 #category-tiles .twoxtwo:hover .detail p {font-size:16px;}
.u800 #category-tiles .twoxtwo:hover .detail h3 {font-size: 30px; font-weight:500;}
.u800 #category-tiles .twoxtwo:hover .detail p {font-size: 16px; margin-top: 20px; padding-top: 20px; border-top: solid 3px #b19749;}
.u480 #category-tiles .twoxtwo:hover .detail h3 {font-size: 30px; font-weight:500;}
.u480 #category-tiles .twoxtwo:hover .detail p {font-size: 16px; margin-top: 20px; padding-top: 20px; border-top: solid 3px #b19749;}
/*one by one*/
.onexone {float:left; width:23%; margin:1%; overflow:hidden;}
.u800 .onexone {width:48%;}
.u480 .onexone {width:98%;}
.onexone img {width:100%;}
#category-tiles .onexone:hover .detail h3 {font-size: 30px; font-weight:500;}
.u1170 #category-tiles .onexone:hover .detail h3 {font-size:22px;}
#category-tiles .onexone:hover .detail p {font-size: 16px; margin-top: 20px; padding-top: 20px; border-top: solid 3px #b19749;}
.u1170 #category-tiles .onexone:hover .detail p {font-size:13px; margin-top:10px; padding-top:10px;}
/*one by two*/
.onextwo {float:left; width:23%; margin:1%; overflow:hidden;}
.u800 .onextwo {width:48%;}
.u480 .onextwo {width:98%;}
.onextwo img {width:100%;}
#category-tiles .onextwo:hover .detail h3 {font-size: 30px; font-weight:500;}
#category-tiles .onextwo:hover .detail p {font-size: 16px; margin-top: 20px; padding-top: 20px; border-top: solid 3px #b19749;}


/*INTRO CONTENT*/
#intro-text {text-align:center; padding:0 120px 40px 120px; border-top: dashed 1px #cccccc; margin-top: 15px;}
.u800 #intro-text, .u480 #intro-text {padding:0 10% 40px 10%;}
#intro-text h1 {color:#b19749; font-size:60px; padding:15px 0; font-weight:500;}
.u480 #intro-text h1 {font-size:36px;}
#intro-text h2 {color:#b19749; font-size:30px; padding:15px 0; font-weight:500;}
#intro-text h3 {color:#999999; font-size:20px; padding:15px 0; font-weight:500;}
#intro-text p {color:#999999; font-size:19px; padding:15px 0;}


/*CATEGORY TEXT*/
#category-text {text-align:center; padding:0 120px 40px 120px; border-top: dashed 1px #cccccc; margin-top: 15px;}
.u800 #category-text {padding: 0 10% 40px 10%;}
.u480 #category-text {padding: 0 10% 40px 10%;}
#category-text h1 {color:#b19749; font-size:38px; padding:15px 0; font-weight:500;}
#category-text h2 {color:#b19749; font-size:30px; padding:15px 0; font-weight:500;}
#category-text h3 {color:#999999; font-size:20px; padding:15px 0; font-weight:500;}
#category-text p {color:#999999; font-size:19px; padding:15px 0;}


/*PAGE CONTENT*/
#page-text {padding:0 120px 40px 120px; border-top: dashed 1px #cccccc; margin-top: 15px;}
.u800 #page-text {padding: 0 10% 40px 10%;}
.u480 #page-text {padding: 0 10% 40px 10%;}
#page-text h1 {color:#b19749; font-size:38px; padding:15px 0; font-weight:500;}
#page-text h2 {color:#b19749; font-size:30px; padding:15px 0; font-weight:500;}
#page-text h3 {color:#999999; font-size:26px; padding:15px 0; font-weight:500;}
#page-text p {color:#999999; font-size:19px; padding:15px 0;}
#page-text ul, #page-text ol {margin:5px 20px;}
#page-text li {color:#999999; font-size:19px; padding:15px 0;}
#page-text a {color:#297BC8; text-decoration:none;}
#page-text a:hover {text-decoration:underline;}

/*CATEGORY LISTINGS*/
#category-listings {width: 85%; margin: 0 auto;}
#category-listings .card {width:27%; margin:3%; float:left; text-align:center; position:relative; cursor:pointer;}
.u800 #category-listings .card {width:44%;}
.u480 #category-listings .card {width:94%;}
#category-listings .card img {width:100%; display:block;}
#category-listings .card h2 {font-size: 18px; color: #ffffff; padding: 10px 10px; font-weight: 400;}
#category-listings .card h2 a {color:#FFFFFF; text-decoration:none;}
#category-listings .card p {color:#bfbfbf; font-size: 15px; padding: 0 10px 10px 10px;}
#category-listings .card p a {color:#bfbfbf; text-decoration:none;}
#category-listings .info {position: absolute; background: rgba(51, 51, 51, 0.7); width: 100%; bottom: 0;}


/*PRODUCT IMAGE*/
.top-img {display:none;}
.u800 .top-img, .u480 .top-img {display:block;}
.u800 .bottom-img, .u480 .bottom-img {display:none;}
#product {width:85%; margin:0 auto;}
#product-image {width:48%; float:left; margin: 30px 0 0 0;}
.u800 #product-image, .u480 #product-image {width:100%;}
#product-image img {width:100%;}

#product-images {width:48%; float:left; margin:0 0 10px 0; clear:left;}
.u800 #product-images, .u480 #product-images {width:100%;}
#product-images div {margin:1%; width:23%; height:70px; overflow:hidden; float:left; cursor:pointer;}
#product-images img {width:100%;}

#product-details {width: 40%; float: right; margin: 30px 5% 30px 0;}
.u800 #product-details, .u480 #product-details {width:100%; margin:30px 0;}
#product-details h1 {font-size:38px; font-weight:500; color:#b19749; padding:15px 0; border-bottom:solid 1px #E9E9E9;}
#product-details h2 {font-size:28px; color:#bfbfbf; font-weight:500; padding:15px 0;}
#product-details p {color:#bfbfbf; font-size:19px; padding:7px 0;}
#product-details .icon {width: 25px; margin: 0 5px -6px 0;}
#product-details .buttons {margin:20px 0;}
#product-details .buttons a {color:#FFFFFF; font-size:18px; font-weight:600; padding:10px 15px; text-decoration:none; float:left;}
#product-details .buttons .orange {background:#E55C00;}
#product-details .buttons .blue {background:#0a54a2;}
#product-details .buttons a:hover {opacity:0.8;}


/*FOOTER*/
#footer {background:#E9E9E9; width:100%; padding:60px 0; text-align:right;}
#footer span, #footer a {color:#999999; text-decoration:none; -webkit-transition:  all .3s ease-in-out; transition:  all .3s ease-in-out;}
#footer p {color:#CCCCCC;}
#footer a:hover {color:#CB1A1D;}

/*CLEARFIX*/
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*ENQUIRY FORM*/
.enquiry-form {border-top:solid 2px #e7e7e7; padding-top:35px; margin-top:45px;}
.enquiry-form h2 {margin-bottom:2%;}
.u480 .enquiry-form h2 {margin-bottom:30px;}
.enquiry-form label {color:#b19749; display:block; float:left; width:50%; margin:1% 0; font-size:18px; font-weight:600; clear:none; text-align:left;}
.u640  .enquiry-form label {font-size:16px;}
.u480  .enquiry-form label {width:100%; font-size:14px; float:none; clear:both;}
.enquiry-form label span {color:#e41613;}
.enquiry-form input[type=text] {background:#eeeeee; padding:4%; color:#8e8e8e; font-size:18px; width:88%; border:none; outline:none; border-left:solid 4px #eeeeee; float: none; text-align: left; margin: 0;}
.u960  .enquiry-form input[type=text] {width:88%; font-size:18px; margin:0;}
.u640  .enquiry-form input[type=text] {width:88%; font-size:18px; margin:0;}
.u480  .enquiry-form input[type=text] {width:88%; font-size:18px; margin:0;}
 .enquiry-form select {background: #eeeeee;  padding: 4%; color: #8e8e8e; font-size: 18px;  width: 96%;
 border: none; outline: none; border-left: solid 4px #eeeeee; float: none; text-align: left; margin: 0;}
 .enquiry-form textarea {background:#eeeeee; padding:2% 4%; color:#8e8e8e; font-size:18px; width:90%; border:none; outline:none; border-left:solid 4px #eeeeee;}
.u480  .enquiry-form textarea {width:88%; height:100px;}
 .enquiry-form input[type=text]:hover,  .enquiry-form input[type=text]:focus,  .enquiry-form textarea:focus,  .enquiry-form textarea:hover {color:#999999; border-left:solid 4px #b19749;}
 .enquiry-form .full-width {width:100%;}
 .enquiry-form .captcha {margin:0 0 0 25%;}
.u480  .enquiry-form .captcha {margin:0;}
 .enquiry-form .captcha input[type=text] {width:42%; float:left;}
 .enquiry-form .captcha img {width: 40%; margin-top: 1.5%; float:left;}
 .enquiry-form .opt-ins {clear:both; border-top:solid 2px #e7e7e7; border-bottom:solid 2px #e7e7e7; margin:30px 0 20px 0; padding:20px 0; display: inline-block; width:100%;}
 .enquiry-form .opt-ins label {color:#8e8e8e; font-weight:400;}
 .enquiry-form input[type=submit] {display:block; border:none; cursor:pointer; color:#FFFFFF; text-decoration:none; font-size:20px; padding:20px; margin:35px auto 40px auto; background: #b19749; background-position: 92% 50%; background-size:8px; transition:background-color 0.5s ease; clear:both;}
.u960  .enquiry-form input[type=submit] {margin:40px auto 63px auto;}
.u640  .enquiry-form input[type=submit] {margin:40px auto 63px auto; font-size:18px; padding:15px 25px 15px 15px;}
 .enquiry-form input[type=submit]:hover{background: #7f6d35; background-size:8px; background-position: 92% 50%;}
.u480  .enquiry-form input[type=submit] {font-size:18px; padding:12px; margin:20px auto 15px auto;}
.error {text-align:left; background: url(/images/error-left.png) no-repeat left center #f2dede; background-position: 2% 50%; padding: 2% 2% 2% 79px!important; color: #e41613!important; font-weight: 600; font-size: 22px!important; margin: 0 0 2% 0;}