@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100;200;300;400;500;600;700&family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

h1,h2,h3,h4,h5,h6 {
    font-family: 'Antonio';
}

p {
    font-family: Cabin;
    color: #666766;
}

.blog, .blog p {
    font-family: Cabin;
    color: #fff !important;
}

.blogtitle, .blogtitle h2 {
    font-family: Cabin;
    color: #003366;
}

.Button, .Button a, .Button a:link, .Button a:active, .Button a:visited {
    border: none;
    font-size: 18px;
    background: #ff9900;
    color: #fff;
    outline: none;
    padding: 7px 30px;
    position: relative;
    transition: 0.5s ease;
}


.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.Button:hover, .Button a:hover {
    background: #ff6600;
    color: #fff;
}

.BrownButtonList, .BrownButtonList a, .BrownButtonList a:link, .BrownButtonList a:active, .BrownButtonList a:visited
{
    border-bottom: solid 2px #ba8848;
    color: #ba8848;
    outline: none;
    padding: 10px 0 15px 0;
    position: relative;
    transition: 0.5s ease;
    text-transform: uppercase;
    font-family: Cabin;
    display: block;
    text-align: center;
}

.BrownButtonList:hover, .BrownButtonList a:hover
{
    background: #aa8845;
    color: #fff;
    transition: 0.5s ease;
}



.CartPos
{
    background-color:#ba8848;
    padding:10px 0;
    position:fixed;
    top:74px;
    width:100%;
    z-index:499;
}

.header {
    width:100%;
    position:fixed;
    z-index:500;
    /*background: #192413;*/
    padding: 15px;
    padding-bottom: 3px;
    top: 0;
}

.header ul {
    float:right;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.header ul li {
    display: inline-block;
    margin-left: 15px;
    position:relative;
    top: -12px;
}

.header ul li+li+li {
    max-width:40px;
    top: 0;
}

.header ul li p a {
    color: #ba8748;
    font-family: Lora;
}

.ProductImg, .ProductImg img
{
    max-height:415px;
    min-height:415px;
    object-fit:cover;
}

.ProductPadding
{
    padding-top:120px;
}

#sf-sidebar .sf-label-metro .sf-navicon-button {
    margin: 0;
}

.ShoppingCartInfo ul
{
    list-style:none;
    margin:0;
    padding:0;
}

.ShoppingCartInfo li
{
    font-family: Lora;
    color:#332305;
    display:inline-block;
    float:left;
    list-style:none;
    margin:0;
    padding:0 10px;
}

.ShoppingCartInfo li a, .ShoppingCartInfo li a:link, .ShoppingCartInfo li a:active, .ShoppingCartInfo li a:visited
{
    color:#332305;
    text-decoration:none;
    transition:.5s ease;
}

.ShoppingCartInfo li a:hover
{
    color:#fff;
    text-decoration:none;
    transition:.5s ease;
}

.singleItem {
    margin-top: 50px;
    background: #f6f2ec;
    padding: 0;
}

.singleItem h2 {
    padding-bottom: 25px;
    color: #333333;
}

.singleItem p {
    color: #333333;
}

.singleItem .info {
    padding: 50px 15px;
}

.singleItem .info div {
    padding: 0 15px;
}

.TextBoxCalc {
    padding: 10px;
    font-family: Cabin;
}

.TextBox {
    border: inset 1px #666666;
}

@media(min-width:560px) {
    .singleItem .info .eLeft {
        padding: 0 30px;
    }
}

.singleItem .info a {
    color: #ba8748;
    text-transform: uppercase;
    font-family: 'Myriad Pro';
    letter-spacing: 2px;
}

a.arrowBefore {
    position:relative;
    padding-left: 250px;
}

.arrowBefore:after {
    position:absolute;
    content:"";
    left: 0;
    top: 7px;
    height:13px;
    width:235px;
    background: url('/img/linkArrow.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

.instagram {
    margin-top: 50px;
    background: #ba8748;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding: 50px 0;
}

.infobox {
    background: #192413;
    color: #fff;
    padding: 50px 25px;
}

.infobox p {
    font-family: 'Lora';
    margin: 0;
    font-size: 1.4em;
    color: #fff;
}

.bigContact {
    text-align:center;
    padding-top: 50px;
}

.bigContact a {
    color: #ba8748;
    font-family: Cabin;
    letter-spacing: 5px;
    border: 2px solid #ba8748;
    padding: 15px 100px;
    font-size: 0.8em;
}

.contactLeft p a, .contactRight p a {
    color: #ba8748;
    font-family: 'Lora';
    transition: 0.5s ease;
}

.contactLeft p a:hover, .contactRight p a:hover {
    color: #fff;
}

.contactLeft p, .contactRight p {
    font-family: Cabin;
}


.contactLeft p, .contactRight p {
    text-align:center;
}

.footer {
    background: #121710;
    padding-top: 50px;
    padding-bottom: 50px;
}

.footer p {
    color: #fff;
}

ul.footerNav, ul.footerSocials {
    list-style-type: none;
    padding-left: 0;
    text-align:center;
}

ul.footerNav li, ul.footerSocials li {
    display: inline-block;
    padding: 0 10px;
}

ul.footerNav li a {
    color: #fff;
    font-family: Cabin;
    font-weight: 500;
    letter-spacing: 2px;
    transition: 0.5s ease;
}

ul.footerNav li a:hover {
    color: #ba8748;
}

.showcase {
    min-height:100vh;
    background: url('/img/internalBG.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.showcase h2 {
    color: #fff;
    font-size: 2em;
}

.customContainer {
    max-width:1440px;
    margin: 0 auto;
}

.showcase p {
    color: #fff;
}

.carousel {
    padding-top: 50px;
}

.carousel-cell {
  width: 32%;
  margin-right: 15px;
}

@media (max-width:1024px)
{
    .singleItem h2 {
        padding-bottom: 25px
    }
}

@media (max-width:768px)
{
    a.arrowBefore 
    {
        padding-left: 140px;
    }

    .arrowBefore::after 
    {
        width: 135px;
        top: 5px;
    }

    .CartPos
    {
        top:64px;
    }

    .ProductPadding
    {
        padding-top: 200px;
    }

    .ShoppingCartInfo li
    {
        font-family: Lora;
        color:#332305;
        display:block;
        float:left;
        font-size:10pt;
        list-style:none;
        margin:0;
        padding:10px;
    }

    .singleItem h2 {
        padding-bottom: 0px;
        margin-top: 0;
    }
    .singleItem .info {
        padding: 15px;
    }

}

@media (max-width:560px)
{
    .singleItem h2 {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    a.arrowBefore {
        padding-left: 65px;
    }
    .arrowBefore::after {
        background-size: cover;
        background-position: right center;
        width: 50px;
        top: 5px;
    }
    .singleItem {
        margin-top: 0;
    }
    .instagram {
        margin-top: 0;
    }
    .bigContact a {
        padding: 15px 45px;
        white-space: nowrap;
        font-size: 20px;
    }
}

@media (max-width:560px) 
{
    #layerslider {
        display: none;
    }

    .contactLeft p, .contactRight p {
        font-size: 1em;
    }

    .infobox p {
        font-size: 1em;
        padding-bottom: 15px;
    }

    .header ul li + li + li {
        margin-top: 5px;
        margin-bottom: 5px;
        max-width: 30px;
        top: 0;
    }

    ul.footerNav li {
        display: block;
        padding: 0 10px;
    }
}

.bigContact a {
    position:relative;
    z-index: 2;
    transition: 0.5s ease;
}

.bigContact a:hover {
    color: #fff;
    border: 2px solid #fff;
}

.mobileLS {
    width: 100%;
    padding: 100px 15px;
    min-height:100vh;
    background: url('/img/internalBG.jpg');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.mobileLS p {
    color: rgb(207, 207, 219);
}

@media(min-width:561px){
    .mobileLS {
        display: none;
    }
}

.flickity-prev-next-button {
    background: transparent;
    height:100px;
    width:100px;
}

.flickity-prev-next-button:hover {
    background: transparent;
}

.flickity-prev-next-button .arrow {
    fill: rgba(255,255,255,0.6);
}

.flickity-prev-next-button:hover .arrow {
    fill: rgba(255,255,255,1);
}

.flickity-prev-next-button:focus {
    outline: 0;
    box-shadow: none;
}

.flickity-prev-next-button.previous {
    left: -100px;
}

.flickity-prev-next-button.next {
    right: -100px;
}

.ls-nav-start, .ls-nav-stop {
    opacity: 0;
    pointer-events: none;
}

.ls-v6 .ls-bottom-slidebuttons a.ls-nav-active {
    background-color: rgba(255,255,255, 0.75) !important;
}

.header ul li a {
    transition: 0.5s ease;
}

.header ul li a:hover {
    color: #fff;
}

p.numbers {
    display: none;
}

.mainBlogIMG {
    position:relative;
    overflow:hidden;
    margin-bottom: 15px;
}

.mainBlogIMG:hover img {
    transition: 0.5s ease;
    max-width:100%;
}

.mainBlogIMG .imgOverlayText {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(25, 36, 19, 0.9);
    width:100%;
    padding: 15px;
    color: #fff;
    pointer-events: none;
    cursor: pointer;
}

.mainBlogIMG .imgOverlayText p {
    margin: 0;
}

.mainBlogIMG .imgOverlayText p span {
    transition: all 0.5s ease;
}

.mainBlogIMG:hover .imgOverlayText p span {
    color: #ba8748;
}

.mainBlogIMG:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#GridViewCaseStudies {
    width:100%;
}

#GridViewCaseStudies tr {
    display:none;
}

#GridViewCaseStudies tr+tr {
    display: inline-block;
    width:50%;
}

 @media(max-width:560px) {
     #GridViewCaseStudies tr+tr {
        display: inline-block;
        width:100%;
    }
 }

 h3.archive, h2.blogCats {
     font-family: 'Droid Serif';
     font-size: 26px;
 }

 #GridViewArchive tr {
     display: none;
 }

 #GridViewArchive tr+tr {
     display: block;
     padding-bottom: 5px;
 }

 ul.catList {
     list-style-type: none;
     padding: 0;
 }

 #GridViewArchive p {
     font-family: 'Droid Sans';
 }

 #GridViewArchive a {
     color: #ba8748;
     color: #192413;
     transition: 0.5s ease;
 }

#GridViewArchive tr:hover a {
    color: #ba8748;
}

ul.catList li {
    border-left: 5px solid #ba8748;
    padding-left: 15px;
    transition: 0.5s ease;
}

ul.catList li:hover {
    border-left: 15px solid #ba8748;
}

ul.catList li a {
    color: #ba8748;
    font-family: Cabin;
}

a.boldButton {
    background:#ba8848;
    color: #fff;
    padding: 15px 40px;
    position: relative;
    transition: 0.5s ease;
}

a.boldButton:hover {
    background: #aa8845;
}

.naj a img {
    max-width: 200px;
}

#GridViewArchive span {
    font-family: Cabin;
}

.blogSearchR a {
    color: #ba8748;
    font-family: Cabin;
}

.blogSearchR .Button a {
    color: #ba8748;
    border: 2px solid #ba8748;
    padding: 15px 50px;
    transition: 0.5s ease;
}

.blogSearchR .Button a:hover {
    color: #fff;
    background: #ba8748;
}

#layerslider {
    margin-top: 5px;
}

#sf-sidebar .sf-sidebar-bg {
    /*background-image: url('/img/menubg.jpg');
    background-size:cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;*/
    background-color: #486c73;
}

.contactContainer .container {
    background: #f6f2ec;
    padding: 15px;
    text-align: center;
}

#EnquiryForm_TextBoxName, #EnquiryForm_TextBoxPhone, #EnquiryForm_TextBoxEmail, #EnquiryForm_TextBoxComments {
    width: 100%;
    /*border: none;*/
    margin-top: 15px;
    padding: 5px;
    color: #666766;
}

#EnquiryForm_TextBoxComments {
    height: 130px;
}

#EnquiryForm_ButtonSubmit
{
    margin-top: 50px;
    border: none;
    background: #ba8848;
    color: #fff;
    outline:none;
    padding: 15px 40px;
    position: relative;
    transition: 0.5s ease;
    text-transform: uppercase;
    font-family: Cabin;
}

#EnquiryForm_ButtonSubmit:hover
{
    background: #aa8845;
}

.infobox p {
    font-size: 1.2em;
}

.infobox p span {
    color: rgb(186, 135, 72);
    display: block;
    text-transform: uppercase;
    font-size: 1.4em;
}

.infobox .col-xs-12 {
    height: 150px;
}

.mainBlogIMG .imgOverlayText p {
    color: #fff;
}

.mainBlogIMG .imgOverlayText p span {
    color: rgb(186, 135, 72);
}

.mainBlogIMG:hover .imgOverlayText p span {
    color: #fff;
}

@media(min-width:980px) and (max-width:1025px) {
    #layerslider {
        padding-top: 50px;
    }
}

ul.footerNav2 li a {
    font-weight: 100;
    font-family:'Droid Serif';
    font-size: 12px;
    text-transform: uppercase;
}