/* ===================================
***** Unique Bespoke ******

BUILT BY AARON SLY - WWW.AARONSLY.COM - HELLO@AARONSLY.COM


Colour reference
================
Dark Brown background: #2d2621;
normal text: #2d2621;
Light Brown: #c69453;
Dark Brown: #743600;



/*===================================
	Global
===================================*/
/*	Font size reset - use rem units and provide px unit fall backs for IE 8 and below  */
html {  
  font-size: 62.5%; /* sets the base font to 10px*/
}

body {  
	color: #2d2621;
	font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;  
  /* sets the default sizing to make sure nothing is actually 10px */
}

html, body {
  overflow-x: hidden;
}

a {
	color: #c69453;
}

a:hover {
	text-decoration: none;
}

h1, h3, h4 {
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}

ul {
	padding-left: 0;
	margin-bottom: 0;
}
ul li {
	list-style: none;
}

.container-fluid,
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

.btn-default {
	color: #fff;
	background-color: #c69453;
	border: none;
	text-transform: uppercase;
}

.btn-default:hover {
	color: #c69453;
	background-color: #fff;
	border-color: #c69453;
}

.button-link {
	background: #c69453;
	-moz-border-radius: 5px 0 5px 5px;
  border-radius: 5px 0 5px 5px;
	color: #2d2621;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top:12px;
	margin-top: 0.8rem;
	padding: 10px 25px;
	padding: 1.4rem 3rem;
	position: relative;
	text-transform: uppercase;
}

.button-link:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #743600 #fff;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}

.full-width-bar {
  margin: 0 -9999rem;
  /* add back negative margin value */
  padding: 0rem 9999rem;
  background: #2d2621;
}

.glyphicon-earphone,
.glyphicon-envelope,
.glyphicon-phone,
.fa-clock-o {
	color: #c69453;
	padding-right: 0.8rem;
}

.fa-facebook-square {color:#3b5998;}
.fa-instagram {color:#f56040;}
.fa-twitter-square {color:#1da1f2;}

.fa-facebook-square:hover,
.fa-instagram:hover,
.fa-twitter-square:hover {color: #c69453;}



.carousel,
.what-section,
.why-section,
.others-section,
.page-container,
.row-wrapper,
.products-wrapper {
	margin-bottom: 40px;
	margin-bottom: 4rem;
}


a, .btn-default, .handsaw, .hardhat, .truck, .horse, .pro-cover-pic {
	transition: .4s ease;
}

a:hover,
.header-contact li a:hover,
.what-title a:hover,
.glyphicon-earphone:hover,
.glyphicon-envelope:hover,
.glyphicon-phone:hover {
	color: #fff;
}

.page-container a:hover {color:#2d2621;}

.top-row {
	margin-bottom: 25px;
}

.page-container {min-height: 400px;}

.products-back {margin-top: 20px;}

@media screen and (max-width:460px){
	h1 {font-size:30px;text-align:center;}
}

@media screen and (max-width:768px){
	h1 {text-align:center;}
}

/*===================================
	Header
===================================*/
.brochure-container span {float:left; font-size:16px; margin-right:10px;}
.brochure-container h3 {font-size:16px; margin-top:30px;}
.brochure-container a {color:#2d2621;}
.brochure-container a:hover {color:#c69453;}

.header-contact li,
.header-social li {
	float: left;
}

.header-contact {
	margin-top: 1.5rem;
}

.header-contact li {
	margin-right: 2rem;
}

.header-social li a {
	font-size: 4rem;
	margin-left: 2rem;
}

/*  Navigation  */

.navbar {
	margin-top: 4rem;
	margin-bottom: 4rem;

}

.navbar-default {
  background: none;
  border: none;
}

.navbar-nav {
	position: relative;
	background: #2d2621;
	height:80px;
	margin-right: -9999rem;
  padding-right:9999rem; 
}

.navbar-nav:before {
  border-bottom: 80px solid #2d2621; 
  border-left: 80px solid transparent;
  position: absolute;
  top: 0;
  left: -8rem;
}

.nav li {
	margin-top: 15px;
}


.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-weight: bold;
	padding-left: 20px;
	padding-left: 2rem;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}

.nav>li:last-of-type > a{
	padding-right: 0;
}

.nav li + li::before {
	content: "-";
	color: #fff;
	display: block;
  float: left;
  padding-top: 12px;
  padding-top: 1.2rem;
  padding-right: 5px;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #c69453;
}


.navbar-header {
	width: 25%;
}

.navbar-brand {
	padding-top: 0;
}

.navbar-brand p {
	font-size: 1rem;
	margin-bottom: 0;
	text-align:center;
}

.navbar-brand p:first-of-type {
	font-weight: bold;
}

.main-logo {width: 45%; margin: 0 auto; margin-top:20px; text-align: center;}

.main-logo p:first-of-type {font-size:20px; font-weight: bold;}
.main-logo p {margin-bottom:5px; font-family: 'Open Sans', sans-serif;}

@media screen and (max-width:758px) {
	.brochure-container {margin-left:25px;}
	.brochure-container h3 {margin-top:15px; font-size:12px;}
	.brochure-container span {font-size:14px;margin-right:5px;}
	.navbar-header {width:100%}
	.navbar {margin-top: 10px; margin-bottom: 10px;}
	.navbar-nav:before {display: none;}
	.navbar-nav {margin-right:0; padding-right: 0; height:auto; background: none; text-align:center;}
	.navbar-default .navbar-nav>li>a {color: #2d2621;}
	.nav>li:last-of-type > a {padding-right:15px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
	.navbar-toggle {background-color:#2d2621; border:none;}
	.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#c69453;}
	.main-logo {width: 60%; margin: 10px auto 0;}
	.main-logo p {font-size:12px;font-size: 1.2rem; text-align: center; margin-bottom: 5px;}
	.main-logo p:first-of-type {font-size:13px; font-size: 1.3rem;}
}


@media screen and (min-width:768px) and (max-width:988px) {
	.main-logo {width: 50%; margin: 10px auto 0;}
	.main-logo p {font-size:12px;font-size: 1.2rem; text-align: center; margin-bottom: 5px;}
	.main-logo p:first-of-type {font-size:15px; font-size: 1.5rem;}
	.brochure-container {margin: 0 auto; width: 35%;}
	.navbar-default .navbar-nav>li>a {font-size:1.4rem; padding-left: 20px; padding-left: 1.2rem;}
}

/*===================================
	What we do
===================================*/
.enviroment {margin-top:10px;}

.what-section .handsaw {background: url(../img/icon_handsaw.png) no-repeat; height:80px; display: block; width: 67px; margin:0 auto;}
.what-section .bespoke a:hover .handsaw {background: url(../img/icon_handsaw_light.png) no-repeat; height:80px; display: block; width: 67px; margin:0 auto;}


.what-section .truck {background: url(../img/icon_truck.png) no-repeat; height:80px; display: block; width: 120px; margin:0 auto;}
.what-section .supplies a:hover .truck {background: url(../img/icon_truck_light.png) no-repeat; height:80px; display: block; width: 120px; margin:0 auto;}

.what-section .horse {background: url(../img/icon_horse.png) no-repeat; height:80px; display: block; width: 105px; margin:0 auto;}
.what-section .equestrian a:hover .horse {background: url(../img/icon_horse_light.png) no-repeat; height:80px; display: block; width: 105px; margin:0 auto;}

.what-section .hardhat {background: url(../img/icon_hardhat.png) no-repeat; height:80px; display: block; width: 104px; margin:0 auto;}
.what-section .contracts a:hover .hardhat {background: url(../img/icon_hardhat_light.png) no-repeat; height:80px; display: block; width: 104px; margin:0 auto;}

.local-bus {margin-top:20px;}
.what-center-text {
	max-width: 80%;
	margin: 0 auto 40px;
}


.what-title {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 40px;
	position: relative;
}

.what-title h1 {
	margin-top: 0;
    padding-right: 2rem;
}


.what-section h3 {font-size: 20px;}
.what-section a {color: #2d2621;}
.what-section a:hover {color:#c69453;}

.what-center-text a {color:#c69453;}
.what-center-text a:hover {color: #2d2621;}

@media screen and (max-width:768px) {
	.what-section .equestrian, .what-section .contracts {margin-top: 25px;}
	.what-section .services p, .what-section .bespoke p, .what-section .equestrian p, .what-section .contracts p {max-width: 80%; margin-left:auto; margin-right: auto;}
	
	.what-section h1 {float:none !important; text-align:center;}
}

/*===================================
	Brochure Bar
===================================*/

.brochure-text {
	position: relative;
	padding: 13px;
	padding: 1.3rem;
	text-align:center;
}


.brochure-text p {
	font-size: 20px;
	font-size: 2rem;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.brochure-text a {
	font-size: 30px;
	font-size: 2.5rem;
	text-decoration: underline;
	text-transform: uppercase;
}

/*===================================
	Contact forms
===================================*/

.form-control {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

.quick-quote-submit {
	margin-bottom: 25px;
	margin-bottom: 2.5rem;
}

.quick-quote {
	background-image: url(../img/quote_bg.jpg);
	background-repeat: no-repeat;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
}

.form-group .g-recaptcha {padding-bottom:12px;padding-bottom:1.2rem;}
.quick-quote:before {
	background-color: #2d2621;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .70;
}

.quote-container {
	margin: 0 auto;
	position: relative;
	width: 80%;
	z-index: 2;
}

.quote-container h3 {
	border-bottom: 4px solid #c69453;
	color: #fff;
	padding: 2rem 0;
	margin-bottom: 2rem;
	text-align: center;
	font-size:20px;
}

/*===================================
	Why Unique
===================================*/
.enviroment h3, .affordable h3, .experienced h3, .uk-manu h3, .local-bus h3{padding-bottom:23px;}
.why-section h1 {
	padding-top: 40px;
	padding-top: 4rem;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.why-bg-bar {
	margin-right: -9999px;
	margin-right: -9999rem;
	margin-left: -9999px;
	margin-left: -9999rem;
	padding-right: 9999px;
  	padding-right: 9999rem;
  	padding-left: 9999px;
  	padding-left: 9999rem;
  	position: relative;
  	background: #efefef;
 	background-image: url(../img/why_bg.jpg);
}

.why-bg-bar:before {
	background-color: #efefef;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .85;
}

.why-section h1 {
	position: relative;
}

@media screen and (max-width:768px) {
	.why-section p, .services-page p {max-width:80%; margin-left: auto; margin-right:auto;}
	.why-section .affordable ol {width:80%; margin: 0 auto; padding-bottom:10px;}
}

@media screen and (min-width:769px) and (max-width:988px) {
	.affordable h3 {padding-top:10px;}
}

/*===================================
	Footer
===================================*/

footer {
	color: #fff;
}

footer h3 {
	border-bottom: 4px solid #c69453;
	margin-bottom: 30px;
	margin-bottom: 3rem;
	padding-bottom: 10px;
	padding-bottom: 1rem;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #c69453;
}

.footer-bg-bar {
	margin-right: -9999px;
	margin-right: -9999rem;
	margin-left: -9999px;
	margin-left: -9999rem;
	padding-right: 9999px;
  	padding-right: 9999rem;
  	padding-left: 9999px;
  	padding-left: 9999rem;
  	position: relative;
  	background: #2d2621;
 	background-image: url(../img/footer_bg.jpg);
}

.footer-bg-bar:before {
	background-color: #2d2621;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .90;
}

.footer-container {
	padding-top: 40px;
	padding-top: 4rem;
	padding-bottom: 20px;
	padding-bottom: 2rem;
}

.footer-menu {text-align:center;}

.footer-menu ul li {
	padding-bottom: 15px;
	padding-bottom: 1.5rem;
	display: inline-block;
}

.footer-menu ul li a {padding: 10px 20px; font-weight: bold; text-transform: uppercase; font-family: 'Open Sans', sans-serif;}

.footer-extra-items {
	text-align: center;
}

.footer-extra-items ul li {
	display: inline-block;
	margin-right: 10px;
	margin-right: 1rem;
}

.footer-extra-items ul li a {
	font-size: 64px;
	font-size: 6.4rem;
}

.footer-extra-items ul li img {padding:0 20px 30px;}

.footer-extra-items .social-icons .tp-widget {padding-bottom:0;}

.cards-accepted {margin-bottom: 10px;}
.cards-accepted ul li{padding: 10px	20px;}
.company-details {font-size:10px; font-size: 1rem;}

.site-credits {
	font-size: 1rem;
	position: relative;
}

.site-credits a {
	color: #c69453;
}

.site-credits a:hover {
	color: #fff;
}

.site-credits p {margin-bottom: 0;}

@media screen and (max-width:768px) {
	.about-header, .contact-title-footer, .information-footer-header {width:80%; margin-left: auto; margin-right:auto;}
	.contact-title-footer, .information-footer-header {padding-top:25px;}
	.footer-logo img {margin-left:auto; margin-right:auto;}
	footer {text-align: center;}
	footer p {width:90%; margin-left: auto; margin-right: auto;}
}

/*===================================
	Contact page
===================================*/

.contact-details,
.contact-details ul {
	padding-top: 20px;
}

.contact-details ul li {
	padding-bottom: 10px;
}

.contact-details .glyphicon-earphone,
.contact-details .glyphicon-envelope,
.contact-details .glyphicon-phone,
.contact-details .fa-clock-o,
.contact-details a:hover {
	color: #2d2621;
}

.contact-social ul li {display: inline-block; margin-right:10px; margin-right: 1rem;}
.contact-social ul li a {
	font-size: 50px;
	font-size: 5rem;
}

.fb-page {margin-top: 15px; margin-top: 1.5rem;}

@media screen and (max-width:768px) {
	.contact-page .what-title {margin-bottom:10px;}
	.contact-details {text-align:center; padding-top:0;}
	.contact-details ul {padding-top:10px;}
}
/*===================================
	About page
===================================*/

.about-text {
	width: 80%;
	margin: 0 auto;
	text-align: justify;
}

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

.about-links a {
	margin-right: 15px;
	margin-right: 1.5rem;
}

@media screen and (max-width:768px) {
	.what-title {width:80%; margin-left:auto; margin-right:auto;}
	.about-links a { margin-left: auto; margin-right: auto; display: block; width: 75%; margin-bottom: 20px;}
	.about-links {padding-bottom: 0;}
}
/*===================================
	Services page
===================================*/

.bespoke-service-img {
	margin-top:15px;
	margin-top: 1.5rem;
}

.bespoke-service-img img {
	display: inline-block;
	margin-right: 15px;
	margin-right: 1.5rem;
	margin-top: 15px;
	margin-top: 1.5rem;
}

.contracts-services p:last-of-type {
	padding-bottom: 10px;
	padding-bottom: 1rem;
}

.contracts-services a:hover, .supplies-services a:hover {color:#2d2621; text-decoration: underline;}

.services-equine-row {
	padding-top: 40px;
	padding-bottom: 40px;
}

.services-row {
	margin-bottom: 40px;
}

.services-full-width-bar {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

/*===================================
	Gallery page
===================================*/
.photo-thumb{
        width:210px;
        height:210px;
        float:left;
        border: thin solid #d1d1d1;
        margin:0 0 1em 1em;
    }


.photos-page .page-header a:hover, .photos-page p a:hover { color: #2d2621; }

.photos-page p {margin-top:10px;}


div#blueimp-gallery div.modal {
    overflow: visible;
}

/*===================================
	How to page
===================================*/

/*.howto p {width:80%;}*/

.howto section {margin-bottom:40px;}

/*===================================
	Products Pages
===================================*/
.contain-prod-imgs {max-width:50%; margin:0 auto;}
.courtyard-gates h3, .pedestrian-gates h3, .field-gates h3, .fencing-trellis h3 {margin-top:0;}
.products-wrapper>div {margin-bottom:30px}
.pro-cover-pic {box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75); border: 2px solid;}
.pro-cover-pic:hover {-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}
.prod-opt-wrap {padding-top:15px;}
.prod-opt-wrap p {margin-top: 10px;}
.prod-opt-title {padding-top:10px;}
.products-grid-top a {color:#2d2621;}
.products-grid-top a:hover {color:#c69453;}
.prod-cat-wrap a:hover .pro-cover-pic {-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}
.product-wrapper {border-bottom:1px solid #d6d6d6; padding-bottom:20px;}
.measure-wrap p {text-align: center;}
.measure-tape {content:''; background: url(../img/icon_tape.png) no-repeat; margin-right:10px; height: 26px; width:40px; display: inline-block;}
.made-to-measure-content {width:90%; margin:0 auto;} 

.more-imgs {
	width: 25%;
    margin-top: 15px;
}

.ped-gate-imgs {width:45%; margin-right:5%; float:left;}

.stile-img {margin:0 auto;}

/* Lightbox image bg on open*/
.courtyard-gates .slide-content,
.field-entrance-gates .slide-content,
.pedestrian-gates .slide-content,
.fencing-trellis .slide-content,
.products-page .slide-content {padding:20px; background-color:#fff; max-height: 80% !important}

@media screen and (max-width:480px){
	.made-to-measure-content h3,
	.made-to-measure-content h4 {text-align:center;}
	.prod-cat-wrap img {margin:0 auto;}
	.prod-cat-wrap { padding-top:1rem;}
	.product-wrapper h3 {padding-top:1rem;}
}
/*===================================
	Thanks page
===================================*/

.thanks-page a:hover {color: #2d2621; }
.thanks-page .button-link:hover {color: #fff;}

.thanks-social {
    text-align: center;
    font-size: 6rem;
}

.thanks-social a {
    margin-right: 2rem;
}

@media screen and (max-width:768px) {
	.services-bespoke-row, .services-equine-row {padding-right: 15px; padding-left: 15px;}
	.contracts-services p:last-of-type {padding-bottom:0;}
}