/*
Theme Name: Fabric Warehouse
Description: Fabric Warehouse bespoke theme (relies on Unicon Theme to run)
Author: Maze Creative
Template: unicon
Version: 1.0
*/

@import url("../unicon/style.css");

p {
	margin: 0;
}

h1,h2,h3,h4,h5,h6 {
	text-transform: uppercase;
	font-weight: bold !important;
    line-height: 1.4 !important;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.section-triangle .section-triangle-color {
  display: none !important;
}

.portfolio-detail h3 {
    display: none;
}

.single-portfolio .portfolio-detail-description-text h2,
.single-portfolio .portfolio-detail-description-text h3,
.single-portfolio .portfolio-detail-description-text h4,
.single-portfolio .portfolio-detail-description-text h5 {
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

#pp_full_res iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 400px;
}

div.pp_overlay {
  display: block;
}

div.pp_default .pp_content {
  background-color: transparent;
  width: 100% !important;
  height: auto !important;
}

div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_bottom,
div.pp_default .pp_top,
div.pp_default .pp_close,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_right {
  background: none;
}

.pp_content_container {
  margin-left: 0 !important;
}

div.pp_default .pp_close:after {
  font-size: 30px;
}

pre {
    height: auto;
    font-family: inherit;
    border: none;
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin: 0;
    overflow-x: visible;
    box-shadow: none;
}

.pp_pic_holder {
    width: 72% !important;
    top: 14% !important;
    left: 14% !important;
    right: 14% !important;
    position: fixed !important;
}

div.pp_default .pp_loaderIcon {
  background-color: #ffffff;
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 0;
    top: -40px;
    right: 0px;
    position: absolute;
}

.entry-image .entry-overlay {
  background: rgba(0,0,0,0.7) !important;
}

.portfolio-noslider img {
  width: 100%;
}

.portfolio-sidebyside.columns {
    margin: auto;
    float: none;
    display: block;
    background: #ffffff;
    padding-top: 60px;
}

.single-portfolio #fulltitle,
.single-post #fulltitle {
    background: #000000;
    margin-top: -52px;
    padding-top: 100px;
}

#portfolio-related-post {
  display: none;
}

#about-block-4 img {
    max-width: 60%;
}

#about-block-2 .is-hidden {
    visibility: visible !important;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
    content: '';
    position: absolute;
    top: 50px;
    left: 18px;
    height: 91%;
    width: 4px;
    background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.8) 60%, transparent 60%, transparent 100%), -webkit-linear-gradient(90deg, rgba(255,255,255,0.5) 60%, transparent 60%, transparent 100%);
    background-repeat: repeat-y;
    background-size: 3px 20px;
    background-position: 0px 0px, 1px 0px;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 0;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 3em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: -20px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #000000, inset 0px 0px 0 2px #ffffff;
  background: #000000;
}

.cd-timeline-img span {
    display: block;
    padding: 33px 0 0 0;
    text-align: center;
    color: #ffffff;
    font-size: 40px;
}

.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 130px;
    height: 130px;
    left: 50%;
    z-index: 1;
    margin-left: -65px;
    background: #000000;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
    font-size: 18px;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {

  .cd-timeline-block {
      margin: -100px 0 !important;
  }

    #cd-timeline::before {
        top: 80px;
        height: 83%;
    }

    .cd-timeline-block:first-child .cd-timeline-img {
        margin-top: 80px;
    }

  #about-block-1 .cd-timeline-content {
    margin-top: -40px;
  }

  #about-block-2 img {
    margin-bottom: 40px;
  }

  #about-block-2 {
    margin-top: -500px !important;
  }

  div#about-block-4 {
      margin: -200px 0 -230px 0 !important;
  }

  #about-block-6 img {
      max-width: 80%;
  }

  #about-block-6 p {
      margin: 0;
  }

  #about-block-3 img {
    max-width: 330px;
  }

  #about-block-5,
  #about-block-6 {
    margin: 0 !important;
  }

  #about-block-6 {
    margin-top: -29px !important;
  }

  #about-block-3 .cd-timeline-content,
  #about-block-4 .cd-timeline-content,
  #about-block-5 .cd-timeline-content,
  #about-block-6 .cd-timeline-content {
    padding-top: 0;
  }

  #about-block-3 .cd-timeline-img span,
  #about-block-4 .cd-timeline-img span,
  #about-block-5 .cd-timeline-img span,
  #about-block-6 .cd-timeline-img span,
  #about-block-7 .cd-timeline-img span,
  #about-block-8 .cd-timeline-img span,
  #about-block-9 .cd-timeline-img span {
    font-size: 30px;
    padding-top: 26px;
  }

  #about-block-3 .cd-timeline-img,
  #about-block-4 .cd-timeline-img,
  #about-block-5 .cd-timeline-img,
  #about-block-6 .cd-timeline-img,
  #about-block-7 .cd-timeline-img,
  #about-block-8 .cd-timeline-img,
  #about-block-9 .cd-timeline-img {
    width: 100px;
    height: 100px;
    box-shadow: none;
    margin-left: -50px;
  }

  #about-block-7 img,
  #about-block-8 img,
  #about-block-10 img {
      max-width: 70%;
  }

  #about-block-8 p {
    margin: -70px 0 0 0;
  }

  #about-block-10 {
      margin: 80px 0 0 0 !important;
  }

  #about-block-10 p {
    margin: 0 !important;
  }

  #about-block-7 .cd-timeline-img {
    top: 50px;
  }

  #about-block-7 {
      margin-top: -300px !important;
  }

  #about-block-8 {
      margin: -200px 0 -230px 0 !important;
  }

  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
    padding-left: 50px;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}



@media only screen and (max-width: 1170px) and (min-width: 500px) {

    .cd-timeline-content {
        margin-left: 15%;
    }

    .cd-timeline-img span {
        padding: 21px 0 0 0;
        font-size: 25px;
    }

    .cd-timeline-content p {
        font-size: 16px;
    }

    .cd-timeline-content img {
        max-width: 200px !important;
    }

}


@media only screen and (max-width: 500px) {

    #cd-timeline {
        margin-top: 0 !important;
    }

    .cd-timeline-img {
        width: 50px;
        height: 50px;
    }

    #cd-timeline::before {
        left: 3px;
    }

    .cd-timeline-content {
        margin-left: 20%;
    }

    .cd-timeline-img span {
        padding: 14px 0 0 0;
        font-size: 15px;
    }

    .cd-timeline-content p {
        font-size: 15px;
    }

    .cd-timeline-content img {
        max-width: 100px !important;
    }

}





@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}


#what-we-do-row {
    background-repeat: repeat;
    background-size: 155px 155px;
}

.page-id-319 #content,
.page-id-431 #content,
.single-portfolio #page-wrap,
.blog #page-wrap,
.single-post #page-wrap {
    background-repeat: repeat;
    background-size: 155px 155px;
    background-image: url('./img/bg-texture.png');
}

.single-portfolio #page-wrap {
    margin: 0;
    width: 100%;
    padding: 30px 20px;
}

.portfolio-noslider .noslide {
  display: block;
}

.portfolio-detail-description {
    padding: 25px 20px;
}

.portfolio-noslider {
    padding: 0 20px;
}

.esg-content.eg-mckinley-element-29.esg-none.esg-clear {
    background: black !important;
    height: 1px !important;
    width: 40%;
    margin: 0 auto;
}

.eg-mckinley-element-0-a {
    margin-top: 10px !important;
}

.blog #rev_slider_2_1_wrapper {
    margin-top: -52px !important;
}

.page-id-197 .page-section .wpb_row {
    background-size: contain;
}

#about-row-1 {
    background-position: center 100px;
}

#about-row-3 {
    background-position: center -30px;
}

.single-post #fulltitle {
    margin-top: -52px;
    padding-top: 79px;
}

.single-post #page-wrap {
    padding-top: 20px;
}

#about-row-1 .span_12 .vc_col-sm-4:nth-child(1), #about-row-1 .span_12 .vc_col-sm-4:nth-child(3),
#about-row-2 .span_12 .vc_col-sm-4:nth-child(1), #about-row-2 .span_12 .vc_col-sm-4:nth-child(3) {
    width: 40%;
}

#about-row-1 .span_12 .vc_col-sm-4:nth-child(2),
#about-row-2 .span_12 .vc_col-sm-4:nth-child(2) {
    width: 20%;
}

.page-id-197 .aligncenter {
    margin: auto;
    display: block;
}

.page-id-197 p {
    line-height: 1.4;
    color: #000000;
}

.blog-page .post {
    margin: 0 0 50px 0;
    padding: 0 0 36px 0;
    background-color: #ffffff;
}

.container .twelve.alt.sidebar-right {
  border-color: #b0b0b0 !important;
}

.widget_search {
    border: none !important;
}

.entry-wrap {
    padding: 0 20px;
}

.blog #content,
.single-post #content {
    margin-top: 9px !important;
    padding: 0 20px;
    width: 65% !important;
}

.entry-meta ul li:after {
  display: none;
}

.post-time {
  border-color: rgba(0, 0, 0, 0.2);
}

#sidebar.sidebar-right #sidebar-widgets {
  border-left: none;
  margin-left: 0;
  padding: 0 20px !important;
  margin-top: 9px;
}

footer .container .clearfix .widget_text .textwidget a img {
    max-width: 24%;
    margin: 0;
    display: inline-block;
    float: left;
}

footer .container .clearfix .widget_text .textwidget a img:hover {
    opacity: .5;
}

.single-post .divider-title.align-center:after, .single-post .divider-title.align-left:after {
    position: relative !important;
    width: 100% !important;
    height: 1px !important;
    background: rgba(0,0,0,0.1) !important;
}

#breadcrumbs, #breadcrumbs a {
    font-size: 11px !important;
}

.entry-content {
    line-height: 1.7;
}

#sidebar-widgets .widget_search {
    padding: 0 !important;
    border-bottom: 0;
}

#sidebar .widget ul li a {
    line-height: 1.3;
    padding-right: 10px;
}

#sidebar .widget > ul > li {
    padding: 13px 0 10px 0;
    border-bottom: 2px dotted #efefef;
}

.entry-meta .sharebox {
    margin-top: 4px;
    margin-bottom: 0;
}

.entry-meta .sharebox ul li span {
    display: none;
}

.about-img-column {
    margin: 0 -50px 0 -50px !important;
    padding: 0;
}

.blog-page .post h1, .blog-page .post h2 {
    word-wrap: break-word;
}

#about-img-row {
    padding-top: 150px;
    padding-bottom: 110px;
    background-size: contain;
    background-position: 300px 100px;
    margin-left: 100px;
}

.page-id-319 img.aligncenter.size-full.wp-image-367 {
    position: absolute;
    left: -35%;
    z-index: -1;
    max-width: 115%;
}

.myportfolio-container {
    background-image: url('./img/bg-texture.png') !important;
    background-repeat: repeat !important;
    background-size: 155px 155px !important;
}

/*page-id-319 p {
    font-size: 16px;
    line-height: normal;
}*/

.single-post .sharebox.clearfix {
    display: none;
}

.single-post .entry-meta .sharebox.clearfix {
    display: block;
}

div#comments {
    display: none;
}

.single-post .entry-meta .sharebox ul li:after {
    content: ' | ';
    margin: 0 6px;
    color: #efefef;
    top: 14px;
    position: relative;
}

.social-icons a:hover,
.home .social-icons ul li a:hover {
    opacity: 1;
    color: #8c8c8c;
}

.home .wpb_raw_code {
    margin: 0;
}

.home #showroom-wrapper {
    position: absolute;
    width: 125px;
    height: 125px;
    left: 5%;
    bottom: 5%;
    z-index: 9999;
    display: block;
}

#showroom {
    text-transform: uppercase;
    font-size: 9px;
    font-family: "Georgia", serif !important;
    line-height: 1.3;
    margin-top: 15px;
    font-weight: 100;
    color: #ffffff;
    top: 2px;
    left: -1px;
    position: relative;
    transform: rotate(354deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(354deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(354deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(354deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(354deg) scale(1) skew(1deg) translate(0px);
}

#showroom-wrapper #showroom span {
    font-size: 15px;
    display: block;
    font-weight: 900;
    line-height: 1.2;
}

.home #showroom-wrapper:hover {
    opacity: .8;
}

.home #showroom-wrapper:hover #showroom {
    color: #58585a;
}

#showroom-wrapper {
    display: none;
}

.about-img-column {
    margin-right: -50px;
    margin-left: -50px;
}

.page-id-319 .vc_col-sm-4 {
    padding: 0 !important;
}

#copyright {
    font-size: 13px;
}

#page-wrap.portfolio-detail {
    padding-top: 40px;
}

.home .logo-wrap {
    background-color: rgba(0,0,0,0.8);
}

.home #header.header-v4 {
    background: transparent;
}

.header-v4 #navigation > ul {
    background: #ffffff;
}

#navigation > ul > li > a {
	color: #777777 !important;
}

#navigation > ul > li > a:hover {
	opacity: .7;
}

.home .logo img {
    max-width: 18%;
    padding: 30px 0;
}

.home #content {
    margin-top: -343px !important;
}

.navigation-wrap {
    width: 500px;
    margin: auto;
    text-align: center;
}

#header {
	box-shadow: none;
}

#header.header-v4 {
    background: transparent !important;
}

article.esg-filters.esg-singlefilters {
    background-color: #000000;
    padding: 100px 100px 20px 100px;
}

.esg-overflowtrick {
    padding: 0 100px;
}

#content {
    margin-top: -52px !important;
}

.home #logo {
    background-image: none;
    height: auto;
}

.home #logo a:first-child img {
	display: none;
}

.home #logo a img {
	display: inherit;
}

#logo {
    background-image: url('../fabric-warehouse/img/fabric-warehouse-large-logo-black.png');
    width: 100%;
    display: block;
    text-align: center;
    z-index: 999;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px;
    height: 175px;
}

#logo a img {
	display: none;
}

footer {
    font-size: 14px;
}

.text-light .esg-filterbutton {
    border-right: none !important;
    text-transform: uppercase;
    text-decoration: none;
    color: #C1C1C1 !important;
    font-size: 14px !important;
}

.text-light .esg-navigationbutton:hover, .text-light .esg-filterbutton:hover span:first-child, .text-light .esg-filterbutton.selected span:first-child {
    text-decoration: none !important;
}

.esg-filterbutton:hover {
	color: #ffffff !important;
}

.esg-filterbutton.selected {
    border-right: none !important;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff !important;
    font-size: 14px !important;
}

.text-light .esg-filterbutton.selected span:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    left: -1px;
    top: 3px;
    background-color: silver;
    position: relative;
}

body,h1,h2,h3,h4,h5,h6,.title,
input[type='text'], input[type='password'], input[type='email'], textarea, select,
.eg-mckinley-element-0 { 
	font-family: "adobe-caslon-pro",Georgia,serif !important;
}

.home footer {
    text-align: left;
}

.tp-bullets.simplebullets.round .bullet {
	width: 10px;
    height: 10px;
    margin: 0 4px;
    background-color: rgba(255,255,255,0.9);
    border-radius: 50%;
    background-image: none !important;
}

.tp-leftarrow.default,
.tp-rightarrow.default {
	opacity: .4;
}

.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
    background-color: rgba(0,0,0,0.9);
}

.header-v3 .navigation-wrap.stuck, .header-v4 .navigation-wrap.stuck,
.header-v4 #navigation > ul,
.header-v4 .navigation-wrap {
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.header-v4 .stuck #navigation > ul > li {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.header-v4 #navigation > ul > li {
    margin: 0 -3px;
}

.header-v4 #navigation > ul > li {
    background: #000000;
}

#navigation > ul > li > a {
	color: #ffffff !important;
}

.home .header-v4 #navigation > ul > li,
.page-id-7 .header-v4 #navigation > ul > li,
.single-portfolio .header-v4 #navigation > ul > li,
.single-post .header-v4 #navigation > ul > li {
    background: #ffffff;
}

.single-portfolio #crumbs span.current,
.single-post #crumbs span.current {
    color: #ffffff;
}

.header-v4 #navigation > ul > li > a {
	text-transform: uppercase;
    padding: 17px 12px 17px 12px;
    font-weight: bold;
}

.single-portfolio .titlebar h1,
.single-post .titlebar h1 {
    color: #ffffff;
    font: 400 22px Open Sans, Arial, Helvetica, sans-serif !important;
}

.single-portfolio #content {
    padding-top: 11px;
}

.home .header-v4 #navigation > ul > li > a,
.page-id-7 .header-v4 #navigation > ul > li > a,
.single-portfolio .header-v4 #navigation > ul > li > a,
.single-post .header-v4 #navigation > ul > li > a {
	color: #000000 !important;
}

.header-v4 #navigation > ul > li.current-menu-item > a {
	color: #9d9d9c !important;
}

.header-v4 #navigation > ul > li:first-child {
    padding-left: 10px;
}

.header-v4 #navigation > ul > li:last-child {
    padding-right: 10px;
}

.blog #fulltitle {
    display: none;
}

.blog #page-wrap {
    background-color: #f7f7f7;
    width: 100%;
    padding: 100px 2% 0 2%;
    margin-top: -52px;
}

#post-navigation {
  display: none;
}

.single-post #page-wrap {
    background-color: #f7f7f7;
    width: 100%;
    padding: 20px 2% 0 2%;
    margin-top: 0;
}

#social-links {
    position: absolute;
    right: 50px;
    top: 50px;
}

.social-icons ul li a {
	font-size: 30px;
	opacity: 1;
}

.home .social-icons ul li a {
	color: #ffffff;
}

.social-icons ul li {
	margin: 0 2px;
}

.social-icons {
    position: relative;
    z-index: 999;
}

#rev_slider_3_2_wrapper .bullet {
	width: 10px;
    height: 10px;
    margin: 0 4px;
    border: 1px solid #999999 !important;
    background-color: transparent;
    border-radius: 50%;
    background-image: none !important;
}

#rev_slider_3_2_wrapper .tp-bullets.simplebullets.round .bullet.selected, #rev_slider_3_2_wrapper .tp-bullets.simplebullets.navbar .bullet.selected {
    background-color: #999999;
}

.home {
	text-align: center;
}

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
    background: transparent !important;
    color: #999999 !important;
}

#sidebar-widgets {
    padding-top: 8px;
    width: 30% !important
}

#sidebar-widgets #searchform input#s {
    padding: 12px 10px 7px 35px;
    font-size: 13px;
    line-height: normal;
}

#sidebar .widget {
  border-top: 1px solid rgba(0,0,0,0.2);
  padding: 20px 0 0 0;
}

.entry-image {
  overflow: visible;
}

.entry-meta ul li span {
    color: #444444;
}

.entry-meta ul li.meta-date:after {
    content: "|";
    color: #444444;
    position: relative;
    top: -1px;
    margin-left: 9px;
}

.ms-info h5 {
	font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    margin: 24px 0 10px 0;
}

.ms-info p {
    font-size: 16px;
    line-height: normal;
}

.ms-inner-controls-cont {
	max-width: 100% !important;
}

.ms-staff-carousel .ms-nav-prev {
	left: 0 !important;
} 

.ms-staff-carousel .ms-nav-next {
	right: 0 !important;
}

#new-royalslider-1 {
    margin: auto;
}

.rsDefaultInv .rsBullet span {
    width: 9px !important;
    height: 9px !important;
    background: transparent !important;
    border: 1px solid #999999;
}

.rsDefaultInv .rsBullet span:hover {
	cursor: pointer;
}

.rsDefaultInv .rsBullet.rsNavSelected span {
    background-color: #999999 !important;
}

#mobile-header {
    background: #000000 !important;
}

#mobile-header .logo {
    margin-top: 0 !important;
    text-align: left;
}

#mobile-header a i {
    position: relative;
    top: 5px;
}

.tp-caption {
    text-transform: uppercase;
    font-family: "Georgia", serif !important;
    font-weight: normal !important;
    padding: 30px 15px !important;
    background-color: rgba(0,0,0,0.5) !important;
    border-top: 3px solid white !important;
    border-bottom: 3px solid white !important;
    font-size: 40px !important;
    top: 40% !important;
    line-height: normal !important;
    text-align: center;
}

.home .tp-caption {
    top: 55% !important;
}

#mobile-navigation ul li a {
    text-align: center;
    font-size: 16px !important;
}

.page-id-7 #page-wrap {
    background-color: #f7f7f7;
}





@media (min-width: 1400px) {

    .page-id-197 .page-section .wpb_row#about-row-1 {
        background-size: 90%;
    }

}


@media (min-width: 1450px) {

    #about-row-1 {
        background-position: center 20px;
    }

    .page-id-197 .page-section .wpb_row#about-row-1 {
        background-size: contain;
        margin-top: 60px;
    }

}




@media (max-width: 959px) {

  .blog #content,
  .single-post #content,
  #sidebar.sidebar-right #sidebar-widgets {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .page-id-197 p {
      font-size: 14px;
  }

  #about-row-1 {
      padding-top: 30px !important;
      padding-bottom: 20px !important;
      background-position: center 40px;
  }

  #about-row-2 {
      background-position: center 0px;
      padding-bottom: 40px !important;
  }

  #about-row-3 {
      background-position: center 0px;
  }

  #about-row-2 .spacer {
      height: 60px !important;
  }

  .home #showroom-wrapper {
      display: none;
  }

	.home .logo img {
	    padding: 10px 0 0 0;
	}

	#content {
		margin-top: 0 !important;
	}

	.tp-caption,
  .home .tp-caption {
	    font-size: 50px !important;
	    top: 35% !important;
	}

	.logo img {
	    max-width: 100px !important;
        padding: 8px 0 0 0;
	}

	.home #content {
	    margin-top: 0 !important;
	}

	.vc_responsive .page-section .standard-section .span_12 {
	    max-width: 94% !important;
	}

	#mobile-header .container {
	    width: 90% !important;
	}

	#social-links {
	    display: none;
	}

}





@media (min-width: 767px) {

  .single-portfolio .alpha {
      border-right: 1px solid #D1D1D1;
      margin-right: 0;
      padding-right: 20px;
  }

}





@media (max-width: 767px) {

  body {
    word-break: break-word;
  }

  .home .rev_slider,
  .home #rev_slider_1_1_wrapper {
    min-height: 240px;
  }

  .page-id-11 .standard-section {
      padding-top: 0 !important;
  }

  #footer {
    padding: 20px 15px !important;
  }

  .pp_pic_holder {
    width: 90% !important;
    top: 10% !important;
    left: 5% !important;
    right: 5% !important;
    position: fixed !important;
  }

  #sidebar.sidebar-right #sidebar-widgets {
    padding: 20px !important;
    margin: 20px 0 !important;
  }

  .single-portfolio #page-wrap,
  .single-post #page-wrap {
    padding-top: 0;
  }

    #footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wrapall,
    .container {
        min-width: auto !important;
        width: 100% !important;
    }

    .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .one-third.columns, .container .two-thirds.column, .container .two-thirds.columns {
        width: 100% !important;
    }

    .page-id-197 .vc_responsive .wpb_row .vc_col-sm-4 {
        width: 33.33333%;
    }

    .page-id-197 .wpb_row .span_12 .wpb_column {
        display: inline-block !important;
    }

    #about-row-1 .span_12 .vc_col-sm-4:nth-child(1), #about-row-1 .span_12 .vc_col-sm-4:nth-child(3) {
        width: 38%;
    }

	h1 {
	    font-size: 25px !important;
	}

	article.esg-filters.esg-singlefilters {
	    background-color: #000000;
	    padding: 100px 20px 20px 20px;
	}

	.esg-overflowtrick {
	    padding: 0 20px;
	}

}



@media only screen and (max-width: 767px) and (min-width: 480px) {

	.container .twelve.alt.sidebar-right, .container .twelve.alt.sidebar-left, #sidebar.sidebar-right #sidebar-widgets, #sidebar.sidebar-left #sidebar-widgets {
	    width: 100% !important;
	}

  .container {
      width: 90% !important;
  }

  .single-portfolio #page-wrap,
  .blog #page-wrap,
  .single-post #page-wrap {
    width: 100% !important;
  }

}




@media (max-width: 480px) {

  .vc_responsive .wpb_row .vc_col-sm-4 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  p {
      font-size: 15px;
  }

  #footer .widget,
  #copyright {
    font-size: 12px !important;
    line-height: normal !important;
  }

	.tp-caption,
  .home .tp-caption {
	    font-size: 20px !important;
	    top: 20% !important;
	}

	#mobile-navigation-btn {
	    position: absolute;
	    right: 0px;
	}
	
	.numberb p {
    font-size: 50px !important;
}
	
.et-db #et-boc .et-l .et_pb_newsletter_fields {
    width: 90% !important;
    margin: auto !important;}

}


.forcefullwidth_wrapper_tp_banner{margin-top:0px !important;}

#basketlinks{
    position: absolute;
    float: left;
    font-size: 16px;
    color: #E4C082;
    padding: 40px;
  font: Open Sans, Arial, Helvetica, sans-serif !important;
      z-index: 9999999;
}

#basketlinks a{
    font-size: 16px;
    color: #E4C082;
  font: Open Sans, Arial, Helvetica, sans-serif !important;
}