﻿

.cover,
.sideBig {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.half,
.twoCol {
    display: block;
    float: left;
    width: 50%;
    height: 100%
}
.threeCol {
    display: block;
    float: left;
    width: 33.3333%
}
.quarter {
    display: block;
    float: left;
    width: 25%;
    height: 100%
}
.hideScale {
    display: block
}
.scale {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    display: block;
    margin: auto;
    width: 100%
}
.hideScale:hover .scale {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05)
}
.table {
    display: table;
    height: 100%;
    width: 100%
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    height: 100%
}
.padd,
a.brochureLink {
    display: block
}
a.brochureLink img {
    display: block;
    margin: auto;
    padding-bottom: 25px
}
.woocommerce-info {
    border-top-color: #545454
}
.woocommerce-info:before {
    color: #545454
}
.woocommerce-info a {
    text-decoration: underline
}
.woocommerce ul#shipping_method li input {  }
.content h1,
.content h2,
.content h3,
.content h4,
.single-galleries #siteBanner .content h1 {
    padding-bottom: 20px
}
.sideMenu,
.sideMenu>.box>ul {
    padding: 0
}
.single-galleries #siteBanner .content h1 {
    line-height: .8
}
#siteBanner .content h1 {
    padding-bottom: 0
}
#siteBanner .content h1.withImg,
#siteBanner.withImg .content h1,
.catLoop ul.prodList li:hover a.prodAnch .bWrap {
    text-shadow: 0 0 10px rgba(0, 0, 0, .8)
}
.catLoop ul.prodList li a.prodAnch .bWrap .button,
span.button {
    text-shadow: none
}
.single-product .content h1 {
    font-weight: 300
}
#mainSection .content nav ul {
    padding: 0;
    margin: 0
}
.content #tab-description h2 { padding-bottom: 20px; }
.content h1 {
    font-size: 28px;
    font-weight: 600
}
.content h2 {
    font-size: 26px
}
.content h3 {
    font-size: 24px;
    font-weight: 700
}
.content h4 {
    font-size: 20px
}
.headLine {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase
}
.content li,
.content p {
    line-height: 1.6
}
.content p {
    padding-bottom: 20px
}
.uppercase {
    text-transform: uppercase
}
#gallerySection img,
.button,
.closeMenu,
.mobButton,
.summary a strong,
a,
div.thumbnails a img {
    color: #444;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}
a img {
    border: none
}
a:active,
a:focus,
a:hover {
    outline: 0
}
em {
    font-style: italic
}
.padd {
    padding: 30px
}
.single-product.woocommerce div.product form.cart .variations label {
    padding-top: 5px
}
.whiteBg {
    background-color: #fff
}
.blue {
    color: #585858
}
.blueBg {
    background-color: #a9a9a9;
    color: #fff
}
.button.blueBg {
    background-color: #585858
}
.dGreyBg {
    background-color: #444;
    color: #fff
}
.greyBg {
    background-color: #585858;
    color: #fff
}
.lightGreyBg {
    background-color: #f1f1f1
}
.lightBlue {
    color: #77d4ff
}
.button,
.footButton {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    padding: 8px 15px
}
.footButton {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
span.button {
    margin-top: 18px;
    -webkit-tap-highlight-color: transparent;
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}
span.button:hover {
    background-color: #fff;
    color: #444
}
.button.white {
    border: 2px solid #fff;
    color: #fff
}
.blueBg.priceG,
.woocommerce .blueBg.button {
    background-color: #a9a9a9;
    color: #fff
}
.button.blueBg.active,
.button.blueBg:hover,
a.blueBg:hover {
    background-color: #676767
}
.button.greyBg:hover {
    background-color: #383838
}
.woocommerce a.footButton.active,
.woocommerce a.footButton:hover,
a.footButton.greyBg.active,
a.footButton.greyBg:hover {
    background-color: #000;
    color: #fff
}
.priceG.content p {
    font-size: 13px
}
#contactPop,
.padd,
.pagination a,
.pagination span,
form input,
form textarea,
input[type=select],
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.woocommerce .woocommerce-message {
    line-height: 2!important
}
.worldpayBox ul li {
    display: block;
    float: left;
    margin-right: 5px
}
.worldpayBox ul li img {
    display: block;
    width: auto;
    height: 22px
}
.worldpLogo {
    display: block;
    clear: both;
    padding-bottom: 10px
}
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover {
    background-color: #cacaca
}
.product_cat-ancillaries .woocommerce-variation-add-to-cart.variations_button {
    display: block
}
.pinit {
    position: absolute!important;
    top: 20px!important;
    left: 20px!important;
    z-index: 500
}
#introBanner,
#introBanner .padd {
    position: relative
}
#introBanner {
    color: #fff;
    background-color: #fff
}
#introBanner h2 {
    font-size: 50px;
    font-weight: 300
}
#introBanner .captionBg {
    position: absolute;
    bottom: 60px
}
.flexslider,
.flexslider .slides {
    position: relative
}
.leftCaption {
    left: 25px
}
.rightCaption {
    right: 25px
}
.captionBg {
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}
.captionBg .content p {
    line-height: 1.7
}
.flexslider {
    opacity: 1;
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s
}
.overlay,
.splash {
    transition: all .5s
}
.flexslider.loading {
    opacity: 0
}
#introBanner .flex-control-nav {
    bottom: 20px;
    z-index: 100
}
#introBanner .flex-control-paging li a {
    border: 2px solid #666
}
#introBanner .flex-control-paging li a.flex-active {
    border: 2px solid #fff;
    background: #dadada
}
#introBanner .flex-control-nav li {
    margin: 0 4px
}
#introBanner a.whiteButton {
    position: absolute;
    bottom: 137px;
    left: 50%;
    margin-left: -86px;
    display: block;
    padding: 20px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 16px;
    text-align: center
}
#introBanner a.whiteButton.withcaptions { /* bottom: 210px; */ }
.catLink,
.catLink .table,
.projLink,
.social li a {
    position: relative
}
#introBanner a.whiteButton:hover {
    background-color: #fff;
    color: #444
}
.introText .content p {
    font-size: 13px;
    padding-bottom: 10px
}
.caption,
.prodloop,
.whiteButton {
    -webkit-animation: all .5s ease-in-out;
    -moz-animation: all .5s ease-in-out;
    -o-animation: all .5s ease-in-out;
    animation: all .5s ease-in-out
}

.ctaBar { display: block; min-height: 95px; }
.ctaBar.padd { padding: 40px; }
.ctaBar a { font-size: 35px; display: inline-block; position: relative; padding-right: 76px; }
.ctaBar a img { position: absolute; top: -16px; right: 0; -moz-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9);
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}
.ctaBar a:hover img { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

.caption,
.fiLeft,
.fiRight,
.foLeft,
.foRight,
.whiteButton {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -ms-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s
}
.caption.fadeInRight,
.fiLeft.fadeInLeft,
.fiRight.fadeInRight,
.foLeft.fadeOutLeft,
.foRight.fadeOutRight,
.whiteButton.fadeInRight {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1
}
.fadeInLeft,
.leftCaption.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.brochLink,
.catLink {
    color: #fff;
    border:1px solid #fff;
}
.brochLink,
.catLink,
.projLink {
    display: block;
    height: 100%
}
.catLink.box {
    height: 50%
}
.brochLink { position: relative; }
.catLink img,
.projLink img {
    display: block;
    width: 100%
}
.catLink span,
.brochLink span {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 28px;
    text-shadow: 0 0 10px rgba(0, 0, 0, .4);
    z-index: 50
}
.overlay,
.projLink .captionBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}
.brochLink .tableCell span,
.catLink .tableCell span {
    padding: 20px;
    display: block;
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.brochLink:hover .tableCell span,
.catLink:hover .tableCell span {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.overlay {
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    opacity: 0;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}
.brochLink:hover .overlay,
.catLink:hover .overlay,
.projLink:hover .overlay,
.splash {
    opacity: 1
}
.brochLink .table { position: relative; }
.brochLink .overlay { z-index: 10; }
.catLink .overlay,
.projLink .overlay {
    z-index: 40
}
.projLink .captionBg {
    font-size: 28px;
    z-index: 50
}
.blurWrap {
    height: 100%;
    position: relative;
    z-index: 100;
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
    filter: blur(7px)
}
.spacer,
header {
    height: 100px
}
.splash,
header {
    position: fixed;
    right: 0;
    left: 0;
    top: 0
}
.blurWrap.noblur,
.hidesplash .blurWrap {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0)
}
body.noscroll.hidesplash {
    overflow: auto;
    overflow-x: hidden
}
.hidesplash .splash {
    display: none
}
.splash {
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    z-index: 99999
}
.splash h2 {
    font-size: 25px;
    font-weight: 300
}
.welcome {
    display: block;
    padding: 30px
}
ul.buttons {
    margin: 20px 0 0
}
ul.buttons li {
    display: inline-block;
    margin-bottom: 20px
}
ul.buttons li a {
    display: block;
    padding: 15px 30px;
    color: #fff;
    border: 2px solid #fff;
    margin: 0 10px
}
ul.buttons li a:hover {
    background-color: #fff;
    color: #444
}
.splashLogo {
    display: block;
    margin: 0 auto 40px;
    width: 240px
}
.woocommerce-account form.register h3 {
    display: none
}

.searchForm input[type=search] {
    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    background-color: transparent;
    padding: 8px 0;
    color: #666262;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px
}
.searchForm input[type=submit],
.searchHolder input[type=submit] {
    background-image: url(images/mag-min.html);
    background-repeat: no-repeat;
    background-color: transparent;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -99999px;
    position: absolute;
    right: 5px;
    top: 5px
}
.searchForm input[type=submit]:hover,
.searchHolder input[type=submit]:hover {
    background-color: transparent
}
header .searchForm {
    float: left
}
header .searchForm input[type=search] {
    
    width: 190px;
    margin-right: 33px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #666262;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}
.sideMenu .searchForm {
    background: #5d5d5d;
    margin-bottom: 20px
}
.searchHolder input[type=search],
.sideMenu .searchForm input[type=search] {
    padding: 12px 45px 12px 12px;
    width: 100%;
    border: none;
    color: #fff;
    font-size: 13px
}
.bestPrice {
    margin: auto;
    padding-bottom: 10px;
    width: 120px
}
.woocommerce div.product form.cart div.quantity {
    display: none!important
}
.woocommerce .showQty div.product form.cart div.quantity {
    display: block!important
}
.mobButton {
    display: block;
    cursor: pointer;
    position: fixed;
    top: 30px;
    right: 35px;
    z-index: 99999;
    margin-right:100px;
    
}
.minicart {
    display: block;
    margin-top: 2px;
    margin-right: 98px
}
.mobButton:before {
    content: "Menu";
    display: block;
    float: left;
    padding: 10px 15px 0 0;
    font-weight: 700
}
#nav-icon {
    width: 30px;
    height: 25px;
    margin: 6px 0;
    position: relative;
    float: left;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}
#nav-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #262625;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}
#nav-icon span:nth-child(1) {
    top: 0
}
#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
    top: 10px
}
#nav-icon span:nth-child(4) {
    top: 20px
}
#nav-icon.open span:nth-child(1),
#nav-icon.open span:nth-child(4) {
    top: 7px;
    width: 0;
    left: 50%
}
#nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.sideMenu .mobnav li.menu-item-67 {
    display: none
}
.sideMenu {
    display: block;
    bottom: 0;
    left: 0;
    width: 450px;
    top: 0;
    position: fixed;
    background-color: #444;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 99999;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 1;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%)
}
.sideMenu ul li,
.sideMenu ul li a {
    position: relative;
    color: #fff;
    background-color: transparent;
    display: block
}
.sideMenu.open {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .55);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .55);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .55);
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}
.sideMenu .box {
    -webkit-overflow-scrolling: touch;
    position: relative;
    overflow-y: auto;
    height: 100%
}
.aContent,
.row,
.row1,
.sideMenu ul li ul {
    overflow: hidden
}
.sideMenu .box .padd {
    padding: 70px 30px 30px
}
.sideMenu,
.sideMenu ul,
ul.sideshow {
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease
}
.sideMenu ul li {
    float: none;
    font-size: 18px;
    border-bottom: 1px solid #5d5d5d;
    padding-bottom: 0
}
.sideMenu ul li a {
    padding: 15px 0;
    z-index: 99
}
.sideMenu ul>li.current-menu-item>a {
    color: #888
}
.sideMenu ul li ul li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #fff;
    font-size: 18px;
    padding-right: 10px
}
.sideMenu ul li.menu-item-has-children .arrow {
    position: absolute;
    right: -15px;
    top: 17px;
    z-index: 99999
}
.minus {
    content: "\f068"
}
.sideMenu ul li.menu-item-has-children .arrow:before {
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    font-family: FontAwesome;
    content: "\f067";
    color: #fff;
    cursor: pointer;
    padding: 17px 17px 17px 27px
}
.sideMenu ul li.menu-item-has-children .arrow.minus:before {
    content: "\f068"
}
.sideMenu ul li ul {
    max-height: 0
}
.sideMenu ul li ul.sideshow {
    display: block;
    max-height: 1000px;
    padding-bottom: 20px
}
.sideMenu ul li ul li {
    border: none;
    padding-bottom: 10px
}
.sideMenu ul li ul li:first-child {
    padding-top: 10px
}
.sideMenu ul li ul li a {
    padding: 0 0 5px;
    font-size: 16px
}
.sideMenu ul li ul li ul {
    padding-left: 20px;
    padding-bottom: 0!important;
    margin-bottom: 15px!important
}
.sideMenu ul .mobnavli ul li ul li a {
    padding: 0 0 12px;
    font-size: 13px
}
.sideMenu .closeMenu {
    position: absolute;
    top: 22px;
    right: 30px;
    cursor: pointer;
    color: #fff
}
.sideMenu .closeMenu:after {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 20px;
    margin-left: 10px;
    position: relative;
    top: 2px
}
.sideMenu .hTel:before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 21px;
    padding-right: 7px
}
.sideButtons {
    float: none
}
.sideButtons li {
    margin: 0 15px 15px 0;
    display: block;
    float: left
}
.sideButtons a {
    color: #fff;
    padding: 10px 15px;
    display: block;
    text-transform: uppercase
}
.row {
    display: block;
    height: 365px
}
.row1 {
    height: auto;
    display: block
}
#gallerySection,
#gridSection,
#newsSection,
.container,
.prodloop {
    max-width: 80%;
    display: block;
    margin: auto
}
.up-sells .prodloop { max-width: 100%; }
#gallerySection.prodGall {
    max-width: 65%;
    display: block;
    margin: auto
}
.single-projects #gallerySection.prodGall {
    padding-bottom: 0
}
.single-projects .projectSlider .slick-next,
.single-projects .projectSlider .slick-prev {
    z-index: 9999!important;
    bottom: -95px
}
.single-projects .content .gThumbs {
    padding-top: 90px;
    margin-bottom: 40px;
}
.sContainer {
    width: 750px;
    display: block;
    margin: auto
}
.wideCol {
    width: 70%
}
.narrowCol {
    width: 30%
}
.paddRight {
    display: block;
    padding-right: 60px
}
.paddLeft {
    display: block;
    padding-left: 60px
}
.single .wideCol h1 {
    padding-bottom: 30px
}
#siteBanner.paddBig {
    padding: 30px 60px
}
#siteBanner a {
    color: #fff
}
.textBox {
    display: block;
    padding: 50px 0
}
.bannerHead.left {
    width: 30%;
    display: block
}
.bannerHead.fullWidth,
.bannerHead.onlyTitle {
    width: auto
}
.bannerHead h1,
.bannerHead h2 {
    font-size: 50px;
    font-weight: 300
}
.single-projects #siteBanner .bannerHead h1,
.single-projects #siteBanner .bannerHead h2 {
    padding-bottom: 10px
}
.introContent {
    width: 70%
}
.introContent p {
    font-size: 16px
}
.term-description p {
    padding-bottom: 0
}
span.pCat {
    display: block;
    padding-bottom: 12px;
    font-size: 13px
}
#introBanner {
    z-index: 50
}
.downArrow {
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -14px;
    cursor: pointer;
    z-index: 65;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite
}
.downArrow:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 44px;
    color: #fff
}
@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-10px)
    }
    60% {
        -webkit-transform: translateY(-5px)
    }
}
@-moz-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-10px)
    }
    60% {
        -moz-transform: translateY(-5px)
    }
}
@-o-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -o-transform: translateY(0)
    }
    40% {
        -o-transform: translateY(-10px)
    }
    60% {
        -o-transform: translateY(-5px)
    }
}
@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-10px)
    }
    60% {
        transform: translateY(-5px)
    }
}
.is-sticky .stick {
    z-index: 99999!important
}
.is-sticky .filters {
    padding: 20px
}
.woocommerce .is-sticky .woocommerce-ordering {
    position: fixed;
    right: 10px;
    top: 30px;
    z-index: 9999999
}
.narrowCol .sidebar-widget>div ul li,
.sideNav ul li,
.woocommerce-MyAccount-navigation ul li {
    display: block;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    padding-left: 20px;
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}
.narrowCol .sidebar-widget>div ul li:hover,
.sideNav ul li:hover,
.woocommerce-MyAccount-navigation ul li:hover {
    padding-left: 25px
}
.narrowCol .sidebar-widget>div ul li:before,
.sideNav ul li:before,
.woocommerce-MyAccount-navigation ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    color: #318db6;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px
}
.narrowCol .sideNav ul li:before,
.woocommerce-MyAccount-navigation ul li:before {
    margin-top: -14px
}
.narrowCol .sidebar-widget>div ul li a,
.sideNav ul li a,
.woocommerce-MyAccount-navigation ul li a {
    color: #444;
    display: block;
    padding: 18px 0
}
.narrowCol h3 {
    font-size: 20px;
    padding: 10px;
    background-color: #efefef
}
.narrowCol .helpline h3 {
    margin-bottom: 20px
}
.bigoverlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .45);
    z-index: -10;
    opacity: 0;
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}
.bigoverlay.show {
    opacity: 1;
    z-index: 999999
}
#contactPop {
    width: 600px;
    display: block;
    margin: 5% auto 0;
    position: relative;
    padding: 30px;
    max-width: 90%
}
.closePop {
    position: absolute;
    top: 9px;
    right: 11px;
    cursor: pointer
}
.closePop:after {
    content: "\f00d";
    font-family: FontAwesome;
    font-size: 24px;
    color: #404040
}
.topInfo {
    display: block;
    padding-bottom: 20px;
    margin: 0
}
#contactPop h2 {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    padding-right: 50px;
    line-height: 1.1
}
#contactPop h2 span {
    font-weight: 400
}
#contactPop form label {
    text-transform: uppercase;
    font-weight: 300;
    padding-bottom: 5px
}
#contactPop form .twoCol {
    width: 47%;
    margin: 0 1.5%
}
#contactPop form .oneCol {
    margin: 0 1.5%
}
#contactPop form p {
    padding-bottom: 15px
}
#contactPop .logo {
    width: 124px;
    padding: 10px 10px 0 15px
}
#contactPop form textarea {
    height: 200px
}
#contactPop form input[type=submit] {
    width: auto;
    float: right;
    text-transform: uppercase;
    border: 0;
    margin-right: 1.5%;
    font-weight: 700;
    font-size: 20px
}
.single-product a.contactFormPop,
.single-product.woocommerce a.button {
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none
}
.ctaButtons a {
    position: relative
}
.ctaButtons a:after,
.woocommerce.single-product a.button.compare:after {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 17px;
    position: absolute;
    top: 14px;
    right: 15px
}
.ctaButtons a,
.woocommerce.single-product a.button.compare {
    margin-bottom: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    clear: both;
    float: none;
    width: 370px;
    padding: 15px 45px 15px 15px
}
a.contactFormPop {
    background-color: #b1b1b1;
    color: #fff
}
a.contactFormPop:hover {
    background-color: #8a8a8a
}
.product.has-default-attributes.has-children>.images {
    opacity: 1
}
.woocommerce.single-product a.button.compare {
    display: block
}
address {
    line-height: 1.3
}
.flexslider ul li span {position: absolute;bottom: 0;right: 0;z-index: 99;display: block;padding: 8px 25px;background-color: rgba(0, 0, 0, 0.4);color: #fff;}
.content a.pdfdown {
    display: inline-block;
    position: relative;
    text-decoration: none
}
.content a.pdfdown:before {
    content: "\f1c1";
    top: 0;
    left: 0;
    font-family: FontAwesome;
    font-size: 20px;
    padding-right: 8px;
    color: red
}
#mainSection .content ul {
    margin: 0 0 25px 25px;
    list-style: square
}
#mainSection .content ul.custProds,
#mainSection .content .flexslider ul,
#mainSection .content .woocommerce ul,
#mainSection .content ul.prodList,
#mainSection .content ul.tabs {
    margin: 0;
    list-style: none
}
#mainSection .content ul.tabs {
    margin-bottom: 50px
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 65%
}
.woocommerce .woocommerce-message .button {
    margin-top: 0!important
}
a.shipping-calculator-button {
    display: none
}
tr a.shipping-calculator-button {
    display: block
}
section.shipping-calculator-form {
    opacity: 0;
    position: relative;
    z-index: -1
}
tr section.shipping-calculator-form {
    opacity: 1;
    position: relative;
    z-index: 10
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 31%;
    margin: 0 3.5% 6% 0;
    position: relative;
    padding-bottom: 38px;
    min-height: 335px
}
.woocommerce #review_form #respond p,
.woocommerce ul.products li.product-category,
.woocommerce-page ul.products li.product-category {
    margin-bottom: 0
}
.woocommerce table.shop_table,
.woocommerce table.shop_table p,
.woocommerce-page table.shop_table,
.woocommerce-page table.shop_table p {
    line-height: 1
}
.woocommerce table.shop_table p,
.woocommerce-page table.shop_table p {
    font-size: 1em
}
.woocommerce .cart_totals table.shop_table {
    border: 0
}
.shop_table tr.fee {
    display: none
}
.trade-loggedin .shop_table tr.fee {
    display: table-row
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
    margin-right: 0
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
    width: auto
}
a.checkout-button.button.alt.wc-forward {
    margin-top: 4px!important;
    line-height: 1;
    float: right
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th {
    padding: 10px 12px 10px 0;
    width: 215px;
    line-height: 1.4em
}
.woocommerce-page table.cart td.actions .coupon .input-text {
    width: 150px;
    height: 31px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.woocommerce .cart-collaterals .cart_totals table td {
    width: 300px;
    text-align: right;
    padding-top: 14px;
    line-height: 1.4em
}
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-page .cart-collaterals .cart_totals table {
    float: right;
    width: 100%;
    text-align: left
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    max-width: 350px
}
.woocommerce td.product-name dl.variation dd,
.woocommerce td.product-name dl.variation p {
    margin: 0;
    padding: 0
}
.woocommerce table.shop_table td.product-name a {
    padding-bottom: 5px;
    font-weight: 700;
    display: block
}
.woocommerce a.remove {
    color: #585858!important
}
.woocommerce a.remove:hover {
    background-color: #000!important;
    color: #fff!important
}
.woocommerce-cart table.cart img {
    width: 65px
}
.woocommerce #review_form #respond textarea {
    background-color: #efefef;
    min-height: 200px
}
.woocommerce #respond input#submit {
    background-color: #828282;
    color: #fff
}
.woocommerce #respond input#submit:hover {
    background-color: #568832;
    color: #fff
}
.cupsells {
    background-color: #e7e7e7
}
.cupsells .upsells {
    position: relative;
    padding: 50px 0 20px
}
.woocommerce p.stars a {
    color: #ef4b3e
}
.featuredProds ul li,
.woocommerce .upsells.products ul li.product,
.woocommerce .upsells.products ul.products li.product,
.woocommerce-page .related ul li.product,
.woocommerce-page .related ul.products li.product,
.woocommerce-page .upsells.products ul li.product,
.woocommerce-page .upsells.products ul.products li.product {
    width: 25%;
    
}
.single .content .upsells h2 {
    font-size: 24px;
    padding-bottom: 30px;
    font-weight: 400
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #A2A2A2
}
.page-template-blanktemplate .woocommerce form #payment p.form-row {
    margin: 0
}
form #payment p.form-row label {
    padding-bottom: 0
}
span.disc {
    display: block;
    padding: 11px 0 0;
    font-size: 12px
}
.woocommerce .horizontaldiscounttable td {
    font-size: 13px!important
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background-color: #efefef
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    padding: 10px 15px
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #000
}
.woocommerce .product_meta table.shop_attributes td,
.woocommerce .product_meta table.shop_attributes th {
    width: auto;
    border: 0;
    padding: 0;
    font-style: normal;
    text-align: left
}
.woocommerce .product_meta table.shop_attributes.addTable {
    text-align: left
}
#gallerySection ul.prodList li,
.content .gThumbs,
.gThumbs .slick-slide,
.pagination,
.prodInfo,
.projectSlider .slick-slide .captionText,
.single .upsells,
.wp-caption,
ul.siteSelect {
    text-align: center
}
.woocommerce table.shop_attributes .alt td,
.woocommerce table.shop_attributes .alt th {
    background-color: transparent
}
.woocommerce table.shop_attributes {
    border: 0;
    margin: 0 0 7px
}
.woocommerce table.shop_attributes+table {
    margin-bottom: 15px
}
.woocommerce table.shop_attributes th {
    text-transform: uppercase;
    width: 120px!important;
    font-weight: 500;
    line-height: 1.3
}
.woocommerce table.shop_attributes th:after {
    content: ":"
}
.woocommerce input.button {
    width: auto
}
.content p.form-row {
    padding-bottom: 0
}
.woocommerce form .form-row {
    margin: 0 0 20px;
    padding: 0
}
.relative {
    position: relative
}

.showCaseSlide { display: block; padding-top: 50px; }
.showCaseSlide h2 { font-size: 35px; }

.bigImgHolder .flex-direction-nav a,
.gallerySlider.flexslider .flex-direction-nav a {
    -webkit-background-size: 15px;
    background-size: 15px;
    opacity: .8;
    padding: 5px;
    width: 16px;
    height: 25px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .7)
}
.bigImgHolder ul.slides li,
.gallerySlider ul.slides li {
    position: relative;
    overflow: hidden
}
.bigImgHolder ul.slides li img {
    margin-left: 1px
}
.gallerySlider ul.slides li span {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    z-index: 100
}
.bigImgHolder .flex-direction-nav a.flex-prev {
    left: 0;
    background-position: 8px 8px
}
.bigImgHolder .flex-direction-nav a.flex-next {
    right: 0;
    background-position: 8px 8px
}
.gallerySlider.flexslider .flex-direction-nav a.flex-prev {
    left: 0;
    background-position: 6px 6px
}
.gallerySlider.flexslider .flex-direction-nav a.flex-next {
    right: 0;
    background-position: 6px 6px
}
.bigImgHolder iframe {
    width: 100%;
    height: 471px;
    display: block
}
.content iframe { max-width: 100%; display: block; }
.single-post iframe { width: 100%; display: block; height: 450px; }
.woocommerce div.product div.images div.thumbnails {
    display: none
}
table.pTable {
    margin-top: 20px;
    border-collapse: collapse;
    margin-bottom: 20px
}
table.pTable th {
    font-weight: 400;
    color: #29211c
}
table.pTable td,
table.pTable th {
    padding: 10px
}
table.pTable,
table.pTable td,
table.pTable th {
    border: 1px solid #e7e7e7
}
.woocommerce-page div.product div.thumbnails a {
    width: 86px;
    margin: 0 15px 15px 0!important;
    clear: none!important
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images { 
    float: left;
}
.woocommerce div.product div.images {
    width: 35%
}
.woocommerce div.product div.images ul {
    padding-bottom: 20px
}
.woocommerce-page div.product div.summary {
    width: 62%;
    float: right;
}
.bigImgHolder .flex-direction-nav a {
    -webkit-background-size: 15px;
    background-size: 15px;
    opacity: .8;
    padding: 5px;
    width: 19px;
    height: 31px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .7)
}
.bigImgHolder .flex-prev,
.gallerySlider .flex-direction-nav a.flex-prev {
    background-image: url(images/leftArrow.html);
    background-repeat: no-repeat
}
.bigImgHolder .flex-next,
.gallerySlider .flex-direction-nav a.flex-next {
    background-image: url(images/rightArrow.html);
    background-repeat: no-repeat
}
.bigImgHolder .flex-direction-nav .flex-disabled {
    opacity: 0!important
}
.woocommerce div.product div.images .bigImgHolder ul.slides li a {
    display: block
}
.woocommerce div.product div.images .bigImgHolder ul li img {
    display: block;
    width: 100%
}
.flexslider.gallerySlider {
    margin-top: 20px
}
.projectSlider {
    margin-top: 45px
}
.pTableHolder.clearfix {
    margin-top: 20px;
    border-top: 1px solid #efefef;
    padding-top: 10px
}
.sDesc,
.single-product .product_meta p {
    padding-bottom: 10px
}
.single-product .product_meta {
    padding-bottom: 20px
}
.product_meta a,
.single-product .product_meta {
    color: #444
}
.single-product .product_meta>span {
    display: block;
    padding-bottom: 10px
}
.single-product .product_meta p.dataSheet,
.single-product .product_meta p.tradeText {
    padding-bottom: 0
}
.content .summary p.dataSheet a {
    display: inline-block;
    text-decoration: none;
    padding-top: 3px
}
.content .summary p.dataSheet strong {
    padding-left: 5px;
    display: inline-block
}
.content .summary p.dataSheet a:hover strong {
    padding-left: 10px
}
.dataSheet a:before {
    content: "\f019";
    font-family: FontAwesome;
    font-size: 18px;
    color: #585858
}
.woocommerce-tabs.wc-tabs-wrapper {
    padding-bottom: 30px;
    border-bottom: 1px solid #d3ced2;
    margin-bottom: 30px
}
#products {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    min-height: 0;
    clear: both
}
#products.loaded {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1
}
.single-product.woocommerce .content h1 {
    padding-bottom: 10px
}
.single-product.woocommerce div.product p.price,
.single-product.woocommerce div.product span.price {
    color: #585858;
    font-size: 24px;
    line-height: 1.2
}
.single-product.woocommerce div.product p.price .smallInc,
.single-product.woocommerce div.product span.price .smallInc,
small.woocommerce-price-suffix {
    color: #444
}
.single-product.woocommerce div.product p.price .smallInc {
    font-size: 13px
}
.content .summary p a,
.product_meta a {
    color: #585858
}
.content .summary p a,
.product_meta a:hover {
    text-decoration: underline
}
.single-product.woocommerce .woocommerce-breadcrumb {
    position: relative;
    top: auto;
    left: auto;
    padding: 0 0 0 25px;
    display: inline-block;
    margin-right: 45px;
    line-height: 1.3
}
.bButton {
    position: absolute;
    top: 5px;
    right: 25px;
    color: #444;
    font-size: 12px
}
.woocommerce .quantity .qty {
    background-color: #ebe9eb;
    border-radius: 3px;
    padding: 7px 5px 6px
}
.prodPadd {
    display: block;
    padding: 0 25px
}
.single-product.commCust .woocommerce-variation-price,
.single-product.commCust .woocommerce-variation-price .price {
    display: none
}
.single .woocommerce-variation-price {
    display: block;
    padding-bottom: 20px
}
.narrowCol .sidebar-widget>div {
    float: none;
    margin-bottom: 25px
}
.narrowCol .sidebar-widget .searchHolder {
    position: relative;
    border: 1px solid #e1e1e1;
    margin-bottom: 25px
}
.searchHolder input[type=submit] {
    position: absolute;
    top: 5px;
    right: 5px
}
.sidebar-widget>div {
    display: block;
    float: left;
    margin: 0 5px
}
.sidebar-widget div.widget_layered_nav_filters {
    padding-top: 8px
}
.woocommerce .widget_layered_nav ul li.chosen a:before,
.woocommerce .widget_layered_nav_filters ul li a:before {
    color: #585858
}
.woocommerce .widget_layered_nav_filters ul li {
    margin-right: 10px;
    font-size: 13px
}
.woocommerce .widget_layered_nav_filters ul li a:before {
    margin-right: 5px
}
.woocommerce .related ul li.product,
.woocommerce .related ul.products li.product {
    display: block;
    float: left;
    width: 25%;
    margin: 0
}
.catLoop .woocommerce-breadcrumb {
    display: none
}

.term-ancillaries ul.prodList li.product_cat-ancillaries {
    margin-bottom: 30px
}
.term-ancillaries ul.prodList li.product_cat-ancillaries .bWrap {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto
}
.term-ancillaries ul.prodList li .table,
.term-ancillaries ul.prodList li .tableCell {
    display: block
}
.term-ancillaries ul.prodList li .bWrap .prodInfo span.loop-title {
    text-shadow: none;
    font-size: 16px;
    color: #444;
    padding-bottom: 15px;
    font-weight: 600
}
.term-ancillaries ul.prodList li .button.white,
.term-ancillaries ul.prodList li a.prodAnch small.woocommerce-price-suffix {
    color: #444
}
.term-ancillaries ul.prodList li .prodInfo {
    text-shadow: none;
    font-size: 14px;
    color: #444;
    padding: 20px
}
.bWrap,
.yith-woocompare-widget a.compare:hover,
ul.prodList li a.prodAnch small.woocommerce-price-suffix {
    color: #fff
}
.term-ancillaries ul.prodList li span.pPrice {
    padding-top: 0
}
.term-ancillaries ul.prodList li .button.white,
.term-ancillaries ul.prodList li span.pPrice:before,
.term-ancillaries ul.prodList li span.vgall:before {
    border-color: #d6d6d6
}
.term-ancillaries ul.prodList li .button.white:hover {
    background-color: #444;
    color: #fff;
    border-color: #444
}
.term-ancillaries ul.prodList li:hover img:hover {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .55);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .55);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .55)
}
.term-ancillaries ul.prodList li:hover img {
    -moz-filter: brightness(100%);
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
ul.prodList li {
    display: block;
    float: left;
    width: 25%
}
ul.prodList li img {
    display: block;
    width: 100%;
    height: auto;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all .5s;
    -wekit-transition: all .5s;
    transition: all .5s
}
.page-template-product-showcase #gallerySection { padding: 0 0 60px; }
ul.prodList li, 
#gallerySection ul.prodList li {
    position: relative;
    z-index: 10;
}
ul.prodList li:hover, 
#gallerySection ul.prodList li:hover {
    z-index: 999;
}
#gallerySection ul.prodList li:hover img,
ul.prodList li:hover img {
    -moz-filter: brightness(50%);
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 100;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .55);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .55);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .55)
}
a.prodAnch {
    position: relative;
    display: block
}
.prodInfo {
    padding: 30px;
    display: block;
    text-shadow: 0 0 10px rgba(0, 0, 0, .59)
}
.woocommerce ul.prodList li span.onsale {
    top: 15px;
    left: auto;
    right: 15px;
    background-color: #318db6;
    line-height: 3.3;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .4)
}
.onsale {
    z-index: 150
}
#gallerySection img,
.catLoop .prodList li img,
.woocommerce img,
.woocommerce-page img {
    position: relative;
    z-index: 50;
    max-width: 100%
}
.bWrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    line-height: 1.2
}
.upsells .bWrap .prodInfo span.loop-title {
    font-size: 18px;
}
.upsells .prodInfo {
    padding: 20px;
}
.bWrap .prodInfo span.loop-title {
    display: block;
    font-size: 24px;
    font-weight: 300
}
span.pPrice {
    display: block;
    padding-top: 15px
}
span.pPrice:before,
span.vgall:before {
    content: "";
    display: block;
    border-bottom: 1px solid #fff;
    width: 150px;
    margin: 0 auto 15px
}
.filters {
    display: block;
    padding: 20px 20px 10px
}
.filters select,
.sidebar-widget select,
.woocommerce-ordering select {
    display: block;
    padding: 5px;
    border-radius: 3px
}
#gallerySection ul.prodList li img,
.catLoop .prodList li img,
.prodList li img {
    
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}
.woocommerce div.product form.cart .variations {
    width: auto
}
.woocommerce div.product form.cart .variations select {
    width: auto;
    border: 1px solid #e7e7e7;
    min-width: 0;
    padding: 8px
}
.woocommerce .woocommerce-breadcrumb {
    margin-bottom: 20px;
    font-size: 12px
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
    margin-bottom: 0
}
.woocommerce .woocommerce-ordering {
    float: right;
    position: relative;
    right: 0;
    top: 5px
}
.woocommerce .productloop .woocommerce-ordering {
    padding: 15px
}
.sidebar-widget .widget_layered_nav,
.widget_product_categories {
    width: 142px;
    margin: 0 .2%;
    font-size: 12px
}
.woocommerce .woocommerce-ordering select {
    font-size: 12px
}
.sidebar-widget .widget_layered_nav select,
select.dropdown_product_cat {
    width: 100%;
    outline: 0
}
.filters h3 {
    padding: 10px 0
}
.refineTitle {
    padding: 9px 0 0;
    font-size: 12px
}
.yith-woocompare-widget a.clear-all,
.yith-woocompare-widget ul.products-list {
    display: none
}
.yith-woocompare-widget a.compare {
    padding: 10px
}
.pageDetails {
    padding: 20px;
    display: block
}
.archive.woocommerce .woocommerce-breadcrumb {
    background-color: #f1f1f1
}
.woocommerce .woocommerce-breadcrumb {
    display: block;
    position: absolute;
    top: -32px;
    left: 20px;
    padding: 10px 15px;
    color: #444;
    z-index: 9999
}
.woocommerce .woocommerce-breadcrumb span {
    margin: 0 5px
}
.woocommerce .woocommerce-result-count {
    padding: 28px 10px 0 20px;
    font-size: 12px
}
.woocommerce .woocommerce-result-count:after {
    content: "|";
    margin-left: 10px
}
.pagination a,
.woocommerce nav.woocommerce-pagination ul li a {
    background-color: #fff;
    color: #444
}
.pagination span,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: #585858;
    color: #fff
}
.pagination,
.woocommerce nav.woocommerce-pagination {
    padding: 25px 0
}
.pagination {
    display: block;
    clear: both
}
.pagination a,
.pagination span {
    display: inline-block;
    padding: 8px;
    min-width: 1em;
    line-height: 1;
    border: 1px solid #d3ced2;
    margin: 0 2px
}
#gridSection,
#newsSection,
.prod-loop {
    background-color: #fff;
    /*padding: 60px 0 40px;*/
}
.prod-loop {
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    background-color: #fff;
    padding: 60px 0 40px;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.prod-loop.loaded { 
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1; 
}
.woocommerce.single-product div.product form.cart,
.woocommerce.single-product div.product p.cart {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e9e9e9
}
.withImg p {
    text-shadow: 0 0 10px rgba(0, 0, 0, .8)
}
.woocommerce table.shop_table td.product-name a {
    color: #585858
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    width: auto
}
.accordian article .accHead {
    border-bottom: 1px solid #d7d7d7;
    font-size: 26px;
    display: block;
    padding: 15px 0;
    cursor: pointer;
    position: relative
}
.accordian article .accHead:after {
    content: "\f107";
    font-family: FontAwesome;
    color: #6f625a;
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 16px
}
.accordian article.show .accHead:after {
    content: "\f106"
}
.aContent {
    max-height: 0;
    display: block;
    transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -webkit-transition: all .8s;
    -o-transition: all .8s
}
.show .aContent {
    max-height: 9000px
}
.sPadd {
    padding: 20px 0;
    display: block
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    display: none;
    content: ""
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    box-shadow: none;
    background-color: #b1b1b1;
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    margin: 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #fff;
    background-color: transparent;
    transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -webkit-transition: none;
    -o-transition: none
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
    color: #fff
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:hover a {
    color: #444
}
.related .bWrap .prodInfo span.loop-title {
    font-size: 20px
}
.postInfo { padding-top: 20px; margin-top: 20px; border-top: 1px solid #e1e1e1; }
.single .date {
    padding-bottom: 20px;
    display: block;
    font-size: 13px
}
.single .content h2,
.single-post .content h1 {
    padding-bottom: 5px
}
#gallerySection {
    position: relative
}
.single-galleries #gallerySection.prodGall {
    padding-bottom: 95px
}
.projectSlider {
    max-height: 550px
}
.projectSlider .slick-slide .captionText {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}
.projectSlider .slick-slide span {
    text-align: center;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    display: inline-block;
    padding: 8px 15px;
    z-index: 500;
    color: #fff;
    background-color: rgba(0, 0, 0, .5)
}
.projectSlider .slick-center span {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}
.projectSlider .slick-slide,
.projectSlider .slick-slide:focus {
    outline: 0!important;
    border: 0
}
.projectSlider .slick-dots {
    bottom: -35px
}
.projectSlider .slick-dots li {
    margin: 0 2px
}
.projectSlider .slick-dots li button:before {
    font-size: 35px
}
.projectSlider .slick-next:before,
.projectSlider .slick-prev:before {
    color: #585858
}
.gThumbs .slick-slide img,
.projectSlider img {
    position: relative
}
.gThumbs .slick-slide img,
.projectSlider .slick-slide span,
.projectSlider img {
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}
.projectSlider .slick-center img {
    -moz-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .55);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .55);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .55)
}
.projectSlider .slick-slide {
    opacity: .3
}
.slick-slide {
    display: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}
.single-projects .woocommerce ul.prodList li {
    width: 33.3333%
}
.single-projects .woocommerce ul.prodList li .bWrap {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto
}
.single-projects .woocommerce ul.prodList li .bWrap .table,
.single-projects .woocommerce ul.prodList li .bWrap .tableCell {
    height: auto
}
.single-galleries .projectSlider .slick-next,
.single-galleries .projectSlider .slick-prev {
    
}
.projectSlider .slick-next,
.projectSlider .slick-prev {
    bottom: -80px;
    top: auto;
    z-index: 40!important
}
.projectSlider div {
    position: relative;
    z-index: 50;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}
.projectSlider div.slick-current {
    opacity: 1
}
.projectSlider .slick-center {
    z-index: 60
}
.projectSlider .slick-list {
    overflow: visible
}
.gThumbs .slick-next,
.gThumbs .slick-next:hover,
.gThumbs .slick-prev,
.gThumbs .slick-prev:hover,
.projectSlider .slick-next,
.projectSlider .slick-next:hover,
.projectSlider .slick-prev,
.projectSlider .slick-prev:hover {
    background-color: rgba(255, 255, 255, .7);
    width: 26px;
    height: 35px;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: 6px 6px;
    z-index: 99999!important;
    -webkit-background-size: 15px;
    background-size: 15px
}
.gThumbs .slick-next,
.gThumbs .slick-prev {
    top: auto;
    bottom: 30px
}
.gThumbs .slick-prev,
.projectSlider .slick-prev {
    left: 0;
    background-image: url(images/leftArrow.html)
}
.gThumbs .slick-next:before,
.gThumbs .slick-prev:before,
.projectSlider .slick-next:before,
.projectSlider .slick-prev:before {
    content: "";
    display: none
}
.gThumbs .slick-next,
.projectSlider .slick-next {
    right: 0;
    background-image: url(images/rightArrow.html)
}
.projectSlider img {
    height: 550px;
    width: auto
}
.gallContent,
.gallContent span {
    display: block
}
.gallContent {
    padding: 25px
}
.flexslider.gallerySlider {
    display: block
}
.content .gThumbs {
    margin: 0;
    padding: 0;
    list-style: none
}
.gThumbs .slick-slide {
    outline: 0;
    padding: 0;
    cursor: pointer;
    display: block;
    margin: 20px 0;
    float: left;
    width: 120px;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 100;
    position: relative
}
.gThumbs .slick-slide img,
.thumbnails img {
    display: block;
    width: 120px;
    height: auto;
    height: 100%;
    -moz-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3
}
.gThumbs .slick-current>img,
.gThumbs .slick-slide>img:hover {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}
.gThumbs .slick-current {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 500
}
.bottSlide {
    margin-bottom: 60px
}
#siteBanner .bBack {
    text-transform: uppercase;
    font-weight: 700;
    color: #585858
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #585858
}
#search_results article {
    margin-bottom: 20px;
    background: #f9f9f9;
    padding: 30px
}
.content #search_results h2 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e4e4e4
}
.page-template-wheretobuy .sidebar-widget #wp_find_your_nearest_form-2 {
    float: none;
    margin: 0;
    padding-bottom: 30px
}
.page-template-wheretobuy #search_results img {
    width: auto
}
.page-template-wheretobuy .sidebar-widget #wp_find_your_nearest_form-2 label {
    padding-bottom: 20px
}
#mainSection .content .associatedProds ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.associatedProds:before {
    content: "";
    display: block;
    margin-top: 30px;
    border-top: 1px solid #cecece;
    padding-bottom: 30px
}
.content .associatedProds {
    display: block
}
.content .associatedProds ul li {
    width: 33.3333%;
    margin: 0;
    display: block;
    float: left
}
.content .associatedProds ul li .bWrap .prodInfo span.loop-title {
    font-size: 20px
}
.content .associatedProds ul li img {
    display: block;
    width: 100%
}
.requestB {
    padding-top: 30px;
    display: block
}
.requestB img {
    padding-bottom: 15px
}
.requestB .headLine {
    font-size: 16px;
    display: block;
}
.single-post .wp-post-image {
    float: right;
    width: 400px;
    display: block;
    margin: 0 0 30px 30px;
    max-width: 100%
}
#products center {
    margin-top: 50px;
    display: block
}
.woocommerce span.onsale {
    background-color: #0072a7
}
.wpcf7 form {
    margin: 0 -1.5%;
    overflow: hidden
}
.page-template-contact .wpcf7 form {
    margin: 0
}
.wpcf7 form .oneCol,
.wpcf7 form .twoCol {
    margin: 0 1.5%
}
.wpcf7 form .twoCol {
    width: 47%
}
.wpcf7 form label {
    padding-bottom: 5px
}
.wpcf7 span.wpcf7-list-item {
    margin-left: 0
}
#mainSection .content .teamBlock ul {
    margin: 0; 
    padding: 0;
}
.teamBlock {
    display: block; 
    padding: 50px 50px 0;
    text-align: center;
}
.teamBlock ul li {
    display: inline-block; margin: 0px 20px 40px; 
}
.teamBlock ul li img { 
    width: 230px;
    max-width: 100%;
    display: inline-block; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%; 
    margin-bottom: 20px;
}
.teamBlock ul li span { 
    display: block;
    padding-bottom: 5px; 
}
form input,
form select,
form textarea {
    position: relative;
    outline: 0;
    padding: 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    background: #fff;
    width: 100%
}
.sidebar-widget select,
.woocommerce .woocommerce-ordering select,
form input,
form select,
form textarea {
    border: 1px solid #e9e9e9
}
.wpcf7 form input,
.wpcf7 form textarea {
    width: 100%
}
.woocommerce form input[type=checkbox],
.wpcf7 form .wpcf7-quiz,
.wpcf7 form input[type=checkbox],
.wpcf7 form select,
form input[type=checkbox],
form input[type=radio] {
    width: auto
}
.wpcf7-quiz-label {
    padding-bottom: 5px;
    display: block
}
form label {
    display: block;
    padding-bottom: 10px
}
form label.checkLabel {
    padding-right: 10px
}
form input[type=submit] {
    font-size: 1.3em;
    text-transform: uppercase;
    color: #fff;
    border: none;
    outline: 0;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    padding: 5px 15px;
    background: #585858;
    width: auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}
.woocommerce form .form-row label.inline {
    display: block;
    padding-top: 20px
}
.woocommerce form input[type=checkbox] {
    position: relative;
    top: 3px
}
form input.wpcf7-not-valid,
form textarea.wpcf7-not-valid {
    border: 1px solid #cd7174!important;
    -webkit-box-shadow: 0 0 10px 0 rgba(205, 113, 116, .75)!important;
    -moz-box-shadow: 0 0 10px 0 rgba(205, 113, 116, .75)!important;
    box-shadow: 0 0 10px 0 rgba(205, 113, 116, .75)!important
}
.wpcf7 span.wpcf7-not-valid-tip {
    display: none!important
}
.wpcf7 div.wpcf7-mail-sent-ok,
.wpcf7 div.wpcf7-validation-errors {
    border: none;
    display: block;
    margin: 0 1.5%;
    padding: 0;
    width: 100%
}
.wpcf7 div.wpcf7-validation-errors {
    color: #F0A8A8;
    line-height: 1.4em
}
.wpcf7 span.wpcf7-not-valid-tip {
    border: none;
    background: 0 0;
    color: #8D0000;
    top: 2%;
    left: 10px
}
.your-message span.wpcf7-not-valid-tip {
    top: 8px
}
.wpcf7-mail-sent-ok {
    color: #398F14
}
.content .related h2 {
    padding-bottom: 30px;
    display: block;
    clear: both;
}
.sideContact {
    padding: 14px 0;
    display: none
}
.logged-in tr.fee th:after {
    display: none;
    content: ""
}
.page-id-10 tr.fee th:after,

ul.custProds li { display: block; float: left; width: 47%; margin: 0 1.5% 20px; }
ul.custProds li img { width: auto; display: inline-block; margin-bottom: 10px; max-width: 100%; }
ul.custProds li a { padding: 0 15px; }
ul.custProds li a, ul.custProds li span { display: block; }
.taRight { text-align: center;  }
.taRight img { max-width: 100%; display: inline-block; }

/*footer .logo,
ul.siteSelect {
    display: block
}
tr.fee th:after {
    content: "(Requires Login)";
    font-weight: 400;
    padding-left: 5px;
    font-size: 12px
}
footer {
    position: relative;
    border-top: 1px solid #f1f1f1;
    margin-top: 30px
}
footer section {
    float: left;
    margin-right: 30px
}
footer .padd {
    padding: 35px
}
footer .logo,
footer.content h4 {
    padding-bottom: 30px
}
footer nav {
    width: 400px
}
footer nav ul li {
    padding-bottom: 10px;
    float: left;
    margin-right: 10px
}
footer a,
footer p {
    color: #9e9e9e
}
footer ul.siteSelect li a.button:hover {
    color: #fff
}*/
.content .siteSwitch p {
    font-size: 16px;
    color: #444;
    padding-bottom: 10px;
    margin-left: 1.6%
}
ul.siteSelect {
    padding: 0 0 25px
}
ul.siteSelect li,
ul.siteSelect li a {
    display: inline-block
}
ul.siteSelect li {
    margin: 0 5px 5px
}
.quickLinks nav ul li {
    width: 50%;
    margin: 0 0 8px;
    padding: 0
}
.addthis_inline_share_toolbox {
    display: block;
    padding: 30px 0
}
@media screen and (max-width: 1600px) {
    
    /*.quickLinks nav ul li { width: auto; float: none; }
    footer nav { width: auto; }*/

    header .searchForm:hover input[type=search] {
        width: 150px
    }
    .row {
        clear: both;
        overflow: visible
    }
    .row1 .quarter { min-height: 300px; }
    .quarter { width: 50%; }
    .row2 .half, .row2 .quarter { width: 33.3333%; }
    .catLink span,
    .projLink .captionBg {
        font-size: 24px
    }
    .catLink span {
        line-height: 1.2
    }
    .row1 .half {
        width: auto;
        float: none
    }
    .row3 .half {
        width: 100%
    }
}
@media screen and (max-width: 1450px) {

    .teamBlock {
    padding: 30px 0 0;
    }
    .woocommerce-page .upsells.products ul.prodList li.product { width: 50%; }
    ul.prodList li, .woocommerce .related ul li.product,
    .woocommerce .related ul.products li.product {
        width: 33.333%
    }
    .woocommerce .related ul li.product:last-child,
    .woocommerce .related ul.products li.product:last-child {
        display: none
    }
}
.mobMenuBut {
    display: none
}
.filterBlock {
    position: relative
}
@media screen and (max-width: 1375px) {
    .refineTitle {
        float: none;
        padding-bottom: 9px
    }
    .filterBlock {
        background-color: #f1f1f1
    }
    .woocommerce .productloop .woocommerce-ordering {
        padding: 15px 15px 0
    }
    .filters {
        padding: 20px
    }
    .dropMenu {
        position: relative;
        display: block;
        clear: both;
        padding: 0
    }
    .sidebar-widget .widget_layered_nav,
    .sidebar-widget>div,
    .widget_product_categories {
        margin: 0 5px 0 0
    }
}
@media screen and (max-width: 1325px) {
    #gallerySection,
    .container,
    .prodloop {
        max-width: 100%;
        padding: 0 30px
    }
    #gallerySection.prodGall {
        padding: 60px 30px 95px
    }
    .projectSlider img {
        height: 450px
    }
    header .logo {
        width: 160px;
        margin-left: -80px;
        top: 31px
    }
    .quickLinks {
        display: none
    }
    #introBanner h2 {
        font-size: 35px
    }
}
@media screen and (max-width: 1260px) {
    
    .row2 .half { width: 100%; float: none; }
    .row2 .quarter { width: 50%; }
    #introBanner .leftCaption.captionBg {
        bottom: auto;
        top: 125px
    }
    .headTop.left {
        padding-left: 25px
    }
}
@media screen and (max-width: 1100px) {

    .woocommerce-page .upsells.products ul li.product {  }

    /*footer .social { text-align: center; }
    footer .social li { float: none; margin: 0 6px 5px; display: inline-block; }*/
    
    .teamBlock ul li {
        margin: 0 30px 30px; 
    }
    .gitBox {
        display: none
    }
    /*footer {
        height: 270px;
        text-align: center
    }
    .siteSwitch,
    footer section {
        float: none;
        margin: 0
    }
    footer section.followBox {
        margin-bottom: 20px
    }
    ul.siteSelect {
        padding: 25px 0 0
    }
    footer.content h4 {
        padding-bottom: 15px
    }
    footer div.right {
        float: none
    }
    .worldpayBox { text-align: center; padding-bottom: 25px; }
    footer .logo { padding-bottom: 10px; }
    .worldpayBox ul li, .bwc.left { float: none; }
    .worldpayBox ul li { margin: 0 3px; display: inline-block; }
    footer .siteSwitch a.logo { margin: auto; }

    .footButton { padding: 8px; font-size: 11px; }

    footer .siteSwitch a.logo { width: 200px; }
    .woocommerce .related ul li.product,
    .woocommerce .related ul.products li.product {
        max-width: 100%;
        width: 300px;
        height: auto;
        margin: auto;
        display: block;
        float: none
    }*/
    .woocommerce .related ul li.product img,
    .woocommerce .related ul.products li.product img {
        height: auto
    }
    .prodloop {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .projectSlider img {
        height: 300px
    }
    .bannerHead,
    .introContent {
        width: auto;
        float: none;
        text-align: center
    }
    .bannerHead .table,
    .bannerHead .tableCell {
        display: block;
        height: auto
    }
    .bannerHead h1 {
        font-size: 30px
    }
    .introContent p {
        font-size: 14px
    }
    .textBox {
        padding: 30px 0
    }
    #siteBanner.paddBig {
        padding: 40px 30px 60px
    }
    #siteBanner .paddLeft {
        padding-left: 0
    }
    header .searchForm {
        display: none
    }
    header .borderBox {
        border: none
    }
}
.mobDrop {
    display: none
}
@media screen and (max-width: 950px) {
    .refineTitle {
        float: left
    }
    .mobDrop {
        display: inline-block;
        margin-left: 7px;
        position: relative;
        top: -2px;
        cursor: pointer
    }
    .mobDrop:before {
        content: "\f107";
        font-family: FontAwesome;
        font-size: 32px;
        color: #444
    }
    .show .mobDrop:before {
        content: "\f106"
    }
    .dropdown {
        max-height: 0;
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: 59px;
        background-color: #f1f1f1;
        z-index: 9999;
        transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s
    }
    .dropdown .sidebar-widget {
        padding: 20px 20px 10px
    }
    .dropdown .sidebar-widget>div {
        padding: 0;
        float: none;
        width: 300px;
        margin: auto
    }
    .dropdown select {
        width: 100%;
        margin-bottom: 10px
    }
    .show .dropdown {
        max-height: 800px
    }
}
@media screen and (max-width: 900px) {
    #gallerySection,
    #gridSection,
    #newsSection,
    .prod-loop {
        padding: 30px
    }
    #gallerySection,
    #gridSection,
    .container,
    .prodloop {
        margin: 0 auto;
        max-width: 100%
    }
    ul.prodList li {
        width: 50%
    }
}
@media screen and (max-width: 850px) {
    .narrowCol,
    .wideCol,
    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images,
    .woocommerce-page div.product div.summary {
        width: auto;
        float: none
    }
    .single-post iframe { height: 300px; }
    #introBanner .captionBg {
        bottom: 138px
    }
    .paddRight {
        padding-right: 0
    }
    .content h1 {
        font-size: 24px
    }
    .content h2 {
        font-size: 22px
    }
    
}
@media screen and (max-width: 810px) {
    .content .associatedProds ul li {
        width: 50%
    }
    .sContainer {
        width: auto;
        padding: 0 30px
    }
}
.sideMenu .sideContact a,
.sideMenu .sideContact p {
    color: #fff;
    font-size: 24px;
    font-weight: 700
}
@media screen and (max-width: 750px) {
    
    .woocommerce-page .upsells.products ul.prodList li.product { width: auto; float: none; }

    #mainSection .content ul.custProds { padding-top: 30px; }

    .page-template-product-showcase #mainSection .twoCol { width: auto; float: none; }

    .single-projects .content .gThumbs { padding-top: 20px; }
    #siteBanner .introContent,
    .headTop.left {
        display: none
    }
    .bannerHead.left {
        width: auto
    }
    .tax-product_cat .bannerHead .textBox {
        padding: 30px 0 50px
    }
    header .logo {
        margin-left: 0;
        top: auto;
        position: relative;
        float: left;
        left: auto;
        padding: 30px
    }
    #gallerySection.prodGall {
        max-width: 100%;
        padding: 30px
    }
    .bottSlide {
        margin-bottom: 30px
    }
    .projectSlider {
        margin-top: 0
    }
    .projectSlider .slick-center img {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    .projectSlider .slick-next,
    .projectSlider .slick-prev {
        top: 50%;
        bottom: auto
    }
    .projectSlider .slick-list {
        overflow: hidden
    }
    .single-projects #mainSection {
        padding-top: 0
    }
}
@media screen and (max-width: 700px) {
    #gallerySection.prodGall {
        max-width: 100%
    }
    .catLink.box { height: 300px; }
    .quarter, .row2 .quarter,
    .row3 .quarter {
        width: 100%;
        float: none
    }
    .quarter a, .row3 .half {
        height: 365px
    }
    .row.row1 {
        height: auto
    }
    .row.row2>div {
        height: 365px
    }
    .row.row2 {
        height: 1095px
    }
    .row.row3.clearfix {
        height: 730px
    }
    .row3 .quarter {
        height: 365px
    }
}
@media screen and (max-width: 650px) {
    ul.prodList li {
        width: auto;
        float: none
    }
    #gallerySection ul.prodList li img,
    .catLoop .prodList li img,
    ul.prodList li img {
        height: auto;
        max-height: 100%
    }
    .single-post .wp-post-image {
        margin: 0 auto 20px;
        display: block;
        width: auto
    }
}
@media screen and (max-width: 550px) {

    .prodloop { padding: 0; }

    ul.custProds li { float: none; width: auto; margin: 0 0 20px; }

    #contactPop .wpcf7 form,
    #contactPop form .oneCol,
    #contactPop form .twoCol,
    .content .associatedProds ul li,
    .wpcf7 form .oneCol,
    .wpcf7 form .twoCol {
        width: auto;
        margin: 0;
        float: none
    }
    #gallerySection,
    #gridSection,
    #newsSection,
    .prod-loop {
        padding: 20px
    }
    .single-product #mainSection.mainPadd {
        padding-top: 38px
    }
    .padd {
        padding: 20px
    }
    #introBanner h2,
    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon {
        padding-bottom: 0
    }
    #introBanner .captionBg {
        left: 25px;
        right: 25px;
        text-align: center
    }
    .borderBox a {
        font-weight: 400;
        font-size: 13px
    }
    #introBanner h2 {
        font-size: 30px
    }
    .ctaButtons a,
    .woocommerce.single-product a.button.compare {
        width: auto
    }
    .woocommerce #content table.cart td.actions .button,
    .woocommerce #content table.cart td.actions .button.alt,
    .woocommerce #content table.cart td.actions .input-text,
    .woocommerce #content table.cart td.actions .input-text+.button,
    .woocommerce #content table.cart td.actions input,
    .woocommerce table.cart td.actions .button,
    .woocommerce table.cart td.actions .button.alt,
    .woocommerce table.cart td.actions .input-text,
    .woocommerce table.cart td.actions .input-text+.button,
    .woocommerce table.cart td.actions input,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .button.alt,
    .woocommerce-page #content table.cart td.actions .input-text,
    .woocommerce-page #content table.cart td.actions .input-text+.button,
    .woocommerce-page #content table.cart td.actions input,
    .woocommerce-page table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .button.alt,
    .woocommerce-page table.cart td.actions .input-text,
    .woocommerce-page table.cart td.actions .input-text+.button,
    .woocommerce-page table.cart td.actions input {
        float: none;
        width: 172px;
        margin: auto auto 10px;
        display: block
    }
    .woocommerce .cart-collaterals .cart_totals table,
    .woocommerce-page .cart-collaterals .cart_totals table {
        float: none
    }
    input#coupon_code {
        float: none;
        clear: both;
        display: block;
        margin: 0 auto 20px
    }
    .shop_table.cart tbody,
    .shop_table.cart td,
    .shop_table.cart th,
    .shop_table.cart thead,
    .shop_table.cart tr,
    .woocommerce .cart-collaterals .cart_totals table,
    .woocommerce-page .cart-collaterals .cart_totals table .shop_table.cart table {
        display: block
    }
    .shop_table.cart thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    .shop_table.cart tr {
        border: none
    }
    .woocommerce-cart td {
        border: none;
        position: relative;
        padding-left: 50%
    }
    .globalSign td {
        padding-left: 0
    }
    .woocommerce-cart td:before {
        position: relative;
        padding-right: 10px;
        white-space: nowrap;
        display: block;
        padding-bottom: 15px
    }
    .shop_table.cart td:nth-of-type(1):before {
        content: "Remove Product"
    }
    .shop_table.cart td:nth-of-type(3):before {
        content: "Product"
    }
    .shop_table.cart td:nth-of-type(4):before {
        content: "Price"
    }
    .shop_table.cart td:nth-of-type(5):before {
        content: "Quantity"
    }
    .shop_table.cart td:nth-of-type(6):before {
        content: "Total"
    }
}
@media screen and (max-width: 500px) {
    .mobButton {
        right: 25px
    }
    .sideMenu {
        width: auto;
        right: 0
    }
    .headTop.right {
        padding: 18px 30px 0 0
    }
    .minicart {
        margin-right: 35px
    }
    .cItems,
    .headTop .woocommerce-Price-amount {
        position: relative;
        top: -8px
    }
    .cart-contents:before {
        position: relative;
        top: -4px;
        font-size: 25px;
        padding-right: 8px
    }
    .mobButton {
        top: 16px
    }
    .mobButton:before {
        content: "";
        display: block
    }
    .spacer,
    header {
        height: 70px
    }
    header .logo {
        position: relative;
        margin-left: 0;
        top: auto;
        left: auto;
        padding: 0px 0 0 15px;
        width: 95px;
        margin-top:0 !important;
       
    }
}
@media screen and (max-width: 450px) {
    .is-sticky .sidebar {
        top: 69px!important
    }
    #introBanner .padd {
        padding: 15px 30px;
        font-size: 24px
    }
    .sideContact {
        display: block
    }
    .flagIcon,
    .term-description p {
        display: none
    }
}
@media screen and (max-width: 320px) {
    .cItems {
        display: none
    }
}
::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none
}
::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none
}
::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none
}
.alignnone {
    margin: 5px 20px 20px 0
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}
a img.alignleft,
a img.alignnone {
    margin: 5px 20px 20px 0
}
a img.alignleft {
    float: left
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px
}
.wp-caption.alignleft,
.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px
}
.wp-caption img {
    border: 0;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}
.gallery-caption,
.wp-caption .wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}
@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    * {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}