html,
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}
html {
    width: 100%;
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
    position: relative;
    color: #666;
    background-color: #191919;
    font-weight: 500;
    /*font-family: 'Helvetica Neue', Helvetica, sans-serif;*/
    font-family: 'Abel', Helvetica, sans-serif;
}

a,
a:visited {
    color: #d0b280;
    text-decoration: none;
    -webkit-transition: color .2s linear, background-color .2s linear;
    transition: color .2s linear, background-color .2s linear;
}
a:hover {
    text-decoration: none;
}

img {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    -webkit-transform: translateZ(0);
}


p {
    color: #353535;
    font-size: 1.15em;
    line-height: 1.45em;
    margin-bottom: 20px;
    font-weight: 400;
}
strong {
    font-weight: 700;
    color: #000;
}
p:last-child {
    margin-bottom: 0;
}


h1, h2, h3, h4, h5, h6 {
    color: #d0b280;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: 'Abel';
}

h1 {
    color: #000;
    font-size: 2.7em;
    margin-bottom: 30px;
}
h2 {
    font-size: 2.6em;
    margin-bottom: 35px;
}
h3 {
    font-size: 1.7em;
}
h4 {
    font-size: 1.3em;
}

p+h1, p+h2, p+h3, p+h4, p+h5, p+h6,
table+h1, table+h2, table+h3, table+h4, table+h5, table+h6 {
    margin-top: 25px;
}
.btn,
a.btn,
button.btn,
input[type="submit"] {
    max-width: 100%;
    padding: 0 25px;
    height: 50px;
    line-height: 50px;
    background: #d0b280;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    font-size: 1.5em;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    letter-spacing: 0.6px;
    border-radius: 3px;
    -webkit-appearance: none;
    font-family: 'Abel';
}
.btn:hover,
a.btn:hover,
button.btn:hover,
input[type="submit"]:hover {
    background-color: #888;
}

.btn.white,
a.btn.white,
button.btn.white,
input[type="submit"].white {
    background: #fff;
    color: #666;
}
.btn.white:hover,
a.btn.white:hover,
button.btn.white:hover,
input[type="submit"].white:hover {
    background-color: #EFEFEF;
}

.btn.grey,
a.btn.grey,
button.btn.grey,
input[type="submit"].grey {
    background: #58504e;
    color: #fff;
}
.btn.grey:hover,
a.btn.grey:hover,
button.btn.grey:hover,
input[type="submit"].grey:hover {
    background-color: #B6B6B6;
}

.slicknav_nav a {
    font-family: 'Abel';
}
.slicknav_nav a i {
    display: none;
}
.slicknav_menu {
    display: none;
}
.slicknav_btn {
    position: absolute;
    right: 18px;
    bottom: -46px;
    padding: 0;
    top: inherit;
    /*display: none;*/
}
.navtoggle {
    display: none;
    /* text-align: right; */
    line-height: 43.9px;
    /* position: absolute !important; */
    /* bottom: 10px; */
    /* right: 10px; */
    /*display: inline-block;*/
    float: right;
    margin: 8px 20px 0 0;
    position: relative;
    z-index: 50;
}
.navtoggle a {
    display: inline-block;
    font-size: 1.9em;
    color: #FFF;
}

.outerwrapper {
    position: relative;
}

.wrapper {
    max-width: 92%;
    width: 1100px;
    margin: 0 auto;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    /*margin-bottom: 35px;*/
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="date"],
select,
textarea {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border: none;
    border-radius: 2px;
    font-size: .9em;
    margin-bottom: 15px;
    background: #fff;
    font-family: 'Open Sans';
}
textarea {
    height: 165px;
    line-height: 1.5em;
    padding: 15px;
    width: 100% !important;
    background: #fff;
}
::-webkit-input-placeholder {
   color: #888;
}
:-moz-placeholder {
   color: #888;
}
::-moz-placeholder {
   color: #888;
}
:-ms-input-placeholder {
   color: #888;
}

label {
    display: block;
    margin-bottom: 5px;
}
label.checkbox {
    margin-bottom: 13px;
}
label.error {
    color: #D04A4A;
}
label select,
label textarea,
label input {
    margin-top: 7px;
}

.msg {
    background: #F1F1F1;
    padding: 18px;
    font-size: 1.2em;
    text-align: center;
}
.msg .units-row {
    margin-bottom: 0;
}
.msg .error {
    color: #D04A4A;
}
.msg .success {
    color: #3FB824;
}

.slicknav_menu {
    display: none;
    position: relative;
}

table {
    border-collapse: collapse;
    border: 1px solid #eee;
    width: 100%;
    margin-bottom: 20px;
}
table thead th {
    padding: 15px 0px;
    background-color: #f8f8f8;
}
table  tbody td {
    padding: 15px 10px;
    font-weight: 300;
}
table tbody tr:nth-child(even) {
    background: #fbfbfb;
}
table tbody tr:nth-child(odd) {
    background: #FFF;
}
table.process tbody td {
    line-height: 1.8em;
}

.empty {
    font-size: 1.7em;
    color: #C8C8C8;
    text-align: center;
    padding: 20px 0;
    line-height: 1.34em;
    text-transform: uppercase;
}

/***************************************************************************************************/

header {
    width: 100%;
    z-index: 50;
    background: rgba(208,178,128,0.9);
    position: fixed;
    width: 100%;
    z-index: 100;
}

header a.logo {
    display: inline-block;
    padding: 10px 14px;
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
}
header a.logo img {
    /*max-height: 120px;*/
    /*display: block;*/
    transition: all .2s linear;
    height: 40px;
}

header nav ul {
}
header nav ul li {
    display: inline-block;
    position: relative;
}
header nav ul li a:visited,
header nav ul li a {
    display: block;
    color: #FFF !important;
    padding: 0 10px;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 1em;
    white-space: nowrap;
    letter-spacing: 0.4px;
    height: 60px;
    line-height: 60px;
    font-family: 'Abel', sans-serif;
    text-align: center;
    /*background: #d0b280;*/
    z-index: 10;
}
header nav ul li a i {
    color: #d0b280;
    display: inline-block;
    margin-left: 5px;
}
header nav ul li.active a,
header nav ul li:hover a {
    /*color: #d0b280 !important;*/
    background: rgba(182, 155, 109, 0.95);
    text-decoration: none !important;
}


header nav ul li ul.dropdown {
    position: absolute;
    display: none;
    left: 50%;
    width: 220px;
    margin-left: -110px;
    z-index: 9;
    top: 100%;
}
header nav ul li:hover ul.dropdown {
    display: block;
}
header nav ul li ul.dropdown li {
    display: block;
}
header nav ul li ul.dropdown li a {
    display: block;
    background: rgba(208,178,128,0.9);
    text-align: center;
    padding: 0;
}
header nav ul li ul.dropdown li a:hover {
    background: rgba(182, 155, 109, 0.95);
}

/***************************************************************************************************/

section {
    padding: 50px 0;
    position: relative;
    text-align: center;
    background: #fff;
    color: #000;
    overflow: hidden;
    z-index: 4;
}

section ol,
section ul {
    margin-bottom: 15px;
}
section ol li,
section ul li {
    margin-left: 16px;
    margin-bottom: 15px;
    font-size: 1.15em;
    line-height: 1.4em;
    font-weight: 300;
}
section ol li:last-child,
section ul li:last-child {
    margin-bottom: 0;
}

h1.lined, h2.lined, h3.lined {
    padding-bottom: 10px;
    border-bottom: 1px solid #d0b280;
    text-align: center;
    color: #d0b280;
}


h1.boxed,
h2.boxed,
h3.boxed {
    font-size: 4em;
    display: inline-block;
    /*border: 1px solid #d0b280;*/
    /*padding: 8px;*/
    background: none;
    /*margin: 175px 0;*/
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 99;
    white-space: nowrap;
    /*padding-top: 50px;*/
    margin-bottom: 0;
}
h1.boxed span,
h2.boxed span,
h3.boxed span {
    display: inline-block;
    padding: 10px 15px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    margin-bottom: 0;
    position: relative;
}
h1.boxed span:before,
h2.boxed span:before,
h3.boxed span:before {
    content: url('../img/logo-brown.png');
    display: block;
}

section.image {
    padding: 0;
}
section.image img {
    display: block;
    width: 100%;
}
section.image img:first-child {
    border-right: 3px solid #fff;
}
section.image img:last-child {
    border-left: 3px solid #fff;
}
section.image img:first-child:last-child {
    border: none;
    margin: 0 auto;
    display: block;
    float: none;
}
section.image a {
    display: block;
}

section.about {
    padding-bottom: 0;
}

/***************************************************************************************************/

section.slide {
    padding: 0;
}
section.slide .logo {
    padding: 35px;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 99;
}
section.slide .logo img {
    display: block;
}
section.slide .item img {
    width: 100%;
    display: block;
    z-index: 3;
}
section.slide .slider {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
section.slide .slider .owl-dots {
    display: none !important;
}
section.slide .ghost {
    visibility: hidden;
    display: block;
    width: 100%;
}

section.slide .icon {
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 40px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 50;
    margin-left: 11.5px;
}
section.slide .icon img {
    width: 100px;
}
section.slide .icon:hover img {
    transform: scale(1.15);
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
/*section.slide .icon svg {
    fill: #FFF !important;
}*/

section.tagline {
    padding: 25px 0;
    background: #cecece;
    position: relative;
    text-align: center;
}
section.tagline:before {
    content: '';
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background: rgba(255, 255, 255, .5);
}
section.tagline h1 {
    position: relative;
    z-index: 10;
    display: inline-block;
    color: #808080;
    background: #cecece;
    padding: 0 20px;
    text-transform: initial;
    font-size: 2em;
    margin-bottom: 0;
    -moz-box-shadow: 0 0 100px 70px #CECECE;
    -webkit-box-shadow: 0 0 100px 70px #CECECE;
    box-shadow: 0 0 100px 70px #CECECE;
}

section.services div.boxes {
    margin-bottom: 40px;
}
section.services div.boxes > a {
    display: block;
}
section.services div.boxes .image {
    position: relative;
    overflow: hidden;
}
section.services div.boxes .image:before {
    content: 'Read More';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(208,178,128,0.65);
    color: #fff;
    font-family: 'Abel';
    z-index: 10;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.7em;
    line-height: 220px;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    margin-top: -100%;
}
section.services div.boxes > a:hover .image:before {
    opacity: 1;
    margin-top: 0;
}
section.services div.boxes .image img {
    display: block;
    opacity: .75;
}
section.services div.boxes h3 {
    background: #d0b280;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    font-size: 1.4em;
    display: block;
}

body#bespoke .galleries {
    margin-top: 40px;
}
body#bespoke .galleries ul.gallery li {
    margin-bottom: 20px;
}
body#bespoke .galleries ul.gallery li:first-child {
    width: 97%;
}
body#bespoke .galleries ul.gallery li img {
    width: 100%;
    display: block;
}

section.fabric {
    padding: 0;
    position: relative;
    /*background-image: url('../img/fabric-leather.jpg');*/
    /*background-size: cover;*/
    /*background-position: center;*/
}
section.fabric img {
    display: block;
    width: 100%;
}
section.fabric a {
    display: block;
}

section.testimonial {
    /*padding-bottom:0;*/
}
section.testimonial .testimonial-slider {
    border-bottom: 1px solid #d0b280;
    padding-bottom: 40px;
    padding-top: 5px;
}
section.testimonial .item .name {
    font-size: 1.2em;
    color: #8E8E8E;
}

section.contact {
    padding: 40px 0;
    background: #F9F9F9;
}
section.contact .address {
    font-size: 1.7em;
    margin-bottom: 25px;
    line-height: 1.2em;
}
section.contact .details {
    margin-bottom: 30px;
}
section.contact .details > div {
    display: block;
    margin: 0 10px 10px 10px;
    font-size: 1.7em;
}
section.contact .details > div a {
    color: #000;
    height: 38px;
    line-height: 38px;
}
section.contact .details > div i {
    background-color: #d0b280;
    color: #fff;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
    font-size: .8em;
}
section.contact form textarea {
    height: 115px;
}

section.contact .social {
    text-align: center;
    margin-top: 15px;
}
section.contact .social a {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    width: 38px;
    text-align: center;
    color: #fff;
    font-size: 1.1em;
    margin-left: 4px;
}
section.contact .social a.facebook { background-color: #0071b5; }
section.contact .social a.twitter { background-color: #29a4db; }
section.contact .social a.linkedin { background-color: #007bb5; }


section.manufacturers a {
    display: block;
    position: relative;
    /*background: #000;*/
    height: 120px;
}
section.manufacturers a img {
    /*display: block;*/
    max-width: 100%;
    max-height: 100%;
    /*opacity: .75;*/

    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
section.manufacturers a h4 {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
    z-index: 10;
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.2em;
}

/***************************************************************************************************/

section.case_study .wrapper {
    position: relative;
}
section.case_study a.navigation {
    position: absolute;
    top: 50%;
    left: -70px;
    /* padding: 20px; */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 2.6em;
    line-height: 50px;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    margin-top: -25px;
    padding-right: 4px;
}
section.case_study a.navigation:hover {
    background: rgba(208, 178, 128, 0.4);
}
section.case_study a.navigation.inactive {
    opacity: .3;
}
section.case_study a.navigation.inactive:hover {
    background: rgba(0, 0, 0, 0.2);
}
section.case_study a.navigation.next {
    left: inherit;
    right: -70px;
    padding-right: 0;
    padding-left: 4px;
}
section.case_study .description {
    margin-bottom: 30px;
}
section.case_study .description ul li {
    text-align: left;
}

/****************************************************************************************************/

body#contact section.contact {
    padding-top: 10px;
}
body#contact section.contact h1 {
    margin-bottom: 40px;
}

section.map {
    padding: 0;
    position: relative;
}
section.map:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 23px;
    background: #F9F9F9;
    z-index: 10;
    width: 100%;
}
section.map a {
    display: block;
}
section.map #map {
    height: 460px;
    width: 100%;
/*     -webkit-filter: grayscale(1) contrast(1.2) sepia(0.7);
    -moz-filter: grayscale(1) contrast(1.2) sepia(0.7);
    -ms-filter: grayscale(1) contrast(1.2) sepia(0.7);
    -o-filter: grayscale(1) contrast(1.2) sepia(0.7);
    filter: grayscale(1) contrast(1.2) sepia(0.7);*/
}

/****************************************************************************************************/

section.testimonials .testimonial {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d0b280;
}
section.testimonials .testimonial .name {
    margin-top: 15px;
    font-size: 1.2em;
    color: #8E8E8E;
}


/****************************************************************************************************/

footer {
    padding: 30px 0;
    background-color: #d0b280;
    margin-top: 0px;
    font-size: 1.2em;
    color: #fff;
    line-height: 1.4em;
    font-weight: 400;
    z-index: 4;
    position: relative;
}
footer .fsb {
    height: 60px;
    margin: 0 auto;
    display: block;
}

footer .copyright {
    height: 60px;
    font-size: .8em;
    line-height: 2.1em;
}
footer .copyright a {
    color: white;
    font-weight: bold;
}
footer .weboptic {
    text-align: right;
    color: #fff;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
}
footer .weboptic > * {
    float: right;
}
footer .weboptic span {
    font-size: .65em;
    margin-right: 5px;
    display: inline-block;
}
footer .weboptic img {
    height: 30px;
    display: inline-block;
    margin: 14px 2px 0 2px;
}

section.services-image li {
    height: 180px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}