/*!
Theme Name: Offiscape 2015
Theme URI: http://nicholascoupland.com
Author: Nicholas Coupland
Author URI: http://nicholascoupland.com
Description: WebDev framework starter theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: webdev
Tags:

*/
/*--------------------------------------------------------------
# Globals
--------------------------------------------------------------*/
body{
  font-family: 'Raleway', sans-serif!important;
  font-weight: 400;
}

h1,h2,h3,h4,h5,h6{
  font-family: 'DIN Next W01 Regular', 'Raleway', sans-serif!important;
  font-weight: 500!important;
}

.small-heading {
  text-transform: uppercase!important;
  font-size: 14px!important;
  font-weight: 500!important;
}

.heading {
  text-transform: uppercase!important;
  font-size: 16px!important;
  font-weight: 500!important;
}

.big-heading {
  text-transform: uppercase!important;
  font-size: 20px!important;
  font-weight: 500!important;
}

.page-title-alt {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 4px;
  line-height: 24px;
  color: #222222;
  text-transform: uppercase;
  position: relative;
  margin: 0;
}

.page-title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 4px;
  line-height: 24px;
  color: #222222;
  text-transform: uppercase;
  position: relative;
  margin: 0;
}

.page-title::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 12px;
  border: 2px solid #222;
  border-bottom: 0px;
  border-color: #bbc41e;
  left: 50%;
  margin-left: -30px;
  top: -23px;
}

.page-title::after {
  content: '';
  position: absolute;
  width: 60px;
  height: 12px;
  border: 2px solid #222;
  border-top: 0px;
  border-color: #bbc41e;
  left: 50%;
  margin-left: -30px;
  bottom: -23px;
}

.sep{
  height:1px;
  width:100%;
  display: block;
  background:#eae8e8;
  margin:80px 0;
}

.small-gap{
  display: inline-block;
  width:100%;
  height:30px;
}

blockquote {
  background: #f3f3f3;
  border-left: 5px solid #e3e3e3!important;
  margin: 1.5em 10px;
  padding: 30px 10px!important;
  
}
blockquote:before {
  color: #bbc41e;
  content: "\f10d";
  font-family: "FontAwesome";
  font-size: 20px;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: 6px;
}
blockquote p {
  display: inline;
  font-size: 18px!important;
  font-family: sans-serif!important;
  font-style: italic;
  font-weight: 300!important;
  padding:15px 0 15px 15px!important;
  color:#252525!important;
}



:focus {outline:none!important;}
::-moz-focus-inner {border:0!important;}



/*--------------------------------------------------------------
# FROM OVERRIDES
--------------------------------------------------------------*/
.form-control {
  box-shadow: none!important;
  border:1px solid #eeeeee!important;
  padding:10px 16px!important;
  height:42px!important;
  line-height: 23px!important;
}

button,.button,input[type="submit"]
{
  background-color:#000000!important;
  border-color:#000000!important;
  color:#FFF!important;
  padding:10px 16px!important;
  font-size:12px!important;
  text-transform: uppercase;
  line-height:23px!important;
  letter-spacing: 1px!important;
  font-weight: 500!important;
  height:42px!important;
}


/*--------------------------------------------------------------
## Facet WP
--------------------------------------------------------------*/
.facetwp-pager {
  text-align: center;
}

.facetwp-pager .facetwp-page {
  background:#f3f3f3;
  border:1px solid #e3e3e3;
  border-radius:0px;
  padding:3px 5px;
  color:#333;
  text-align:center;
  min-width:30px;
}

.facetwp-pager .active {
  background:#000;
  border:1px solid #111;
  color:#fff;
  font-weight:400;
}

.facetwp-facet {
  margin:0 0 10px 0!important;
}

.facetwp-dropdown{
  cursor: pointer;
  -webkit-appearance: none!important;
  -moz-appearance: none!important;
  appearance: none!important;
  width: 100%;
  background: #FFF url(img/select-bg.png) 98% / 15% no-repeat;
  background-size: 14px 21px;
  font-family: inherit;
  box-shadow: none;
  color: rgba(0,0,0,0.75);
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 23px;
  outline: none;
  border:1px solid #e3e3e3;
  padding:10px 16px;
  height:42px;
  border-radius: 0px!important;
}

.facetwp-search {
  -webkit-appearance: none!important;
  -moz-appearance: none!important;
  appearance: none!important;
  width: 100%;
  background: #FFF;
  background-size: 14px 21px;
  font-family: inherit;
  box-shadow: none;
  color: rgba(0,0,0,0.75);
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 23px;
  outline: none;
  border:1px solid #e3e3e3;
  padding:10px 16px;
  height:42px;
  border-radius: 0px!important;
}



/*--------------------------------------------------------------
## WP Live Search
--------------------------------------------------------------*/
#ajaxsearchlite1 .probox{
  height:38px!important;
}

div[id*="ajaxsearchlite"] .probox .promagnifier,
div[id*="ajaxsearchlite"] .probox .proclose{
  margin-top:6px!important;
}

div[id*="ajaxsearchlite"] .probox .proloading{
  width:23px!important;
  height:23px!important;
  margin-top: 8px!important;
}

div[id*='ajaxsearchlite'] .probox div.asl_simple-circle {
    border: 2px solid rgb(0, 0, 0)!important;
}

.wpls--results-wrap {
  color:#fff;
  padding:0 15px 10px 15px;
}

#wpls--input-wrap {
  padding:0 15px!important;
  margin-bottom:15px!important;
}

#wpls--input-wrap input[type="text"]{
  border-radius: 0!important;
}

.wpls--loading {
  right: 25px!important;
}

.wpls--item a {
  height:auto!important;
}

.wpls--item a .wpls--item-title {
  text-transform: uppercase!important;
  font-size: 12px!important;
  font-weight: 500!important;
  color:#fff;
}

.wpls--item a:hover .wpls--item-title {
  color:#252525!important;
}

.advanced-search-button {
  text-align: center;
}

.advanced-search-button a {
  color: #ffffff;
  font-size: 12px;
  margin: 20px 0 50px 0;
  display: inline-block;
}

.advanced-search-button a:hover {
  color: #f3f3f3;
}

.open-search-button {
  margin-top: 35px;
  display: inline-block;
  font-size: 16px;
}

.open-search-button span {
  display: none;
}



/*--------------------------------------------------------------
# Gravity Forms
--------------------------------------------------------------*/
.gform_body label {
  margin-top:25px!important;
}

.gform_body .gfield_checkbox label{
  margin-top:0!important;
}

.gform_body textarea{
  height:100px!important;
}

.gform_body input, .gform_body textarea{
  border:1px solid #e3e3e3!important;
}


/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
#page {
  padding: 40px 0 0 0;
}

.section{
  width:100%;
  display:inline-block;
  padding:80px 0;
}

#topbar {
  padding: 8px 0;
  background: #333;
  color: #fff;
  font-size: 12px;
}

#topbar a{
  color:#fff;
}

#topbar .topbar-contact-details span {
  margin-right: 25px;
  text-transform: uppercase;
  line-height: 20px;
}

#topbar .social-link {
  color: #000000;
  background: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  text-transform: uppercase;
  display:inline-block;
  border-radius: 100%;
  -moz-border-radius:100%;
  -o-border-radius:100%;
  -webkit-border-radius:100%;
}

#topbar .topbar-social-icons {
  text-align: right;
}

#topbar .topbar-social-icons a {
  margin: 0 3px;
}

.home #header {
  background: #fff;
}

#header {
  background: #fff;
  padding: 25px 0;
  width:100%;
}

#header .site-logo {
  margin-top:30px;
  margin-bottom:30px;
  text-align: center;
}

#header .site-logo img{
  width:260px;
}

#header .site-tagline{
  text-align: center;
  margin-top:10px;
  margin-bottom: 0;
  color:#bbc41e;
  font-size: 17px!important;
  text-transform: uppercase;
}

#header .site-logo .logo-description {
  display: block;
}

#header .site-logo a {
  font-size: 30px;
}

#header .header-search .header-search-wrapper {
  width: 100%;
  float: right;
  margin-top: 0;
}

#header .header-search .header-search-wrapper #s {
  width: 70%;
  float: left;
  border-right: 0;
}

#header .header-search .header-search-wrapper #searchsubmit {
  width: 30%;
}

#primary-navigation {
  background: #f3f3f3;
  border-bottom: 1px solid #e3e3e3;
  color: #333;
}

#content-holder {
  padding: 30px 0;
  background: #fff;
}

.page-builder-holder {
  padding: 0 !important;
}

.page-builder-holder .entry-content {
  margin-bottom: 0;
}

#content-holder .primary {
  margin-bottom: 0px;
}

#footer-widgets {
  background: #333;
  color: #777;
  padding:30px 0 5px;
  font-size: 12px;
}

#footer-widgets .footer-logo {
  max-width: 170px;
}

#footer {
  background: #252525;
  color: #666;
  padding: 25px 0;
  font-size: 12px;
}

#footer .copyright {
  text-align: center;
  margin-bottom: 10px;
}

.blog-search {
  float:right;
  margin-bottom:15px;
  width:100%;
}

.blog-search .form-group {
  width:100%;
  float:right;
}


.blog-search input[type="submit"] {
  width:100%;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* Primary*/
.navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 99999;
}

.navigation ul li {
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
  border-right: 0px solid #999;
  background: none;
}

.navigation ul ul li {
  border: none;
  background: none;
}

.navigation ul li a {
  display: block;
  text-decoration: none;
  font-size: 12px;
  color: #555;
  padding: 0 15px;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  transition:all 0s ease-in-out!important;
}

.navigation ul li:hover a {
  position: relative;
  background: #fff;
  color: #000;
}

.navigation ul ul, .navigation ul li:hover ul ul {
  position: absolute;
  display: none;
}

.navigation ul ul li:hover ul, .navigation ul li:hover ul li:hover ul {
  display: block;
  top: 0;
  left: 100%;
}

.navigation ul li:hover ul {
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

.navigation ul ul {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-top: 0;
}

.navigation ul ul ul {
  background: #fff !important;
  border-color: #e3e3e3 !important;
  margin-left: -14px;
}

.navigation ul ul li a {
  float: none;
  width: 220px;
  line-height: 25px;
  font-variant: normal;
  font-weight: 400;
  font-size: 12px;
  color: #555 !important;
  text-transform: none;
  padding: 8px 10px;
  background: none !important;
  text-transform: uppercase;
}

.navigation ul ul ul li a {
  color: #fff;
  font-weight: 700;
}

.navigation ul ul li:hover > a {
  background: #f3f3f3 !important;
  color: #333 !important;
}

.navigation ul ul ul li:hover > a {
  background: #f3f3f3 !important;
  color: #333 !important;
}

/* Footer */
.footer-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.footer-menu ul li {
  display: inline;
}

.footer-menu ul li a {
  margin-left: 7px;
  font-size: 12px;
  color: #2ba6cb;
}

.footer-menu ul li a:hover {
  color: #fff;
}


/* Pagination */
.pagination {
  margin: 0 0 50px 0;
  text-align: center;
}

.pagination ul {
  padding: 0!important;
  margin: 0!important;
}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
  text-decoration:none;
}

.pagination li {
  display: inline;
}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
  background:#f3f3f3;
  border:1px solid #e3e3e3;
  border-radius:0px;
  padding:3px 5px;
  color:#333;
  text-align:center;
  min-width:30px;
  display: inline-block;
  margin:0 2px;
}

.pagination li a:hover,
.pagination li.active a {
  background-color: #000;
  color: #fff;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 50px 0;
}

.widget .sidebar-rslides img {
  border:1px solid #e3e3e3;
}

.widget .sidebar-rslides h4{
  position: absolute;
  left: 0px;
  bottom: 48px;
  width: 160px;
  text-transform: uppercase;
  font-size:1em;
  background:rgba(0,0,0,.8);
  color:#fff;
  padding:15px;
}

.widget .sidebar-rslides ul, .widget .sidebar-rslides li, .widget .sidebar-rslides a {
  padding:0!important;
  margin:0!important;
  border:0!important;
}


.widget_search .form-group {
  width: 100%;
}

.widget_search #s {
  width: 70%;
  float: left;
  border-right: 0;
}

.widget_search #searchsubmit {
  width: 30%;
}

.widget select {
  max-width: 100%;
}

.widget .widget-title {
  font-size: 12px;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 700;
}

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

.widget ul li a {
  padding: 5px 20px;
  border-bottom: 1px solid #e3e3e3!important;
  color: #333;
  width: 100%;
  display: inline-block;
  width:100%;
  font-size: 14px;
}

.widget ul li a:hover {
  background:#f3f3f3;
}

.widget ul li:last-child a {
  border-bottom: 0!important;
}

.widget .social-widget .social-facebook:hover {
  color: #3b5998;
}

.widget .social-widget .social-twitter:hover {
  color: #00aced;
}

.widget .social-widget .social-instagram:hover {
  color: #517fa4;
}

.widget .social-widget .social-linkedin:hover {
  color: #007bb6;
}

.widget .social-widget .social-googleplus:hover {
  color: #dd4b39;
}

.widget .social-widget .social-youtube:hover {
  color: #bb0000;
}

.footer-widget {
  margin-bottom: 30px;
  font-size: 13px;
}

.footer-widget p{
  line-height: 30px;
}

.footer-widget-title {
  font-size: 18px;
  color: #fff;
}

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

.footer-widget ul li a {
  padding: 0px 20px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
  color: #fff;
  width: 100%;
  display: inline-block;
  font-size: 13px;
  line-height: 30px;
}

.footer-widget ul li:last-child a {
  border-bottom: 0;
}

.footer-widget .form-control {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.footer-widget .form-control:focus {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}

.mobile-widget {
  font-size: 12px !important;
}

.mobile-widget select {
  width: 100%;
}

.mobile-widget-title {
  color: #fff;
  font-size: 12px;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 700;
}

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

.mobile-widget ul li a {
  padding: 5px 20px;
  border-bottom: 1px dotted #555;
  color: #333;
  width: 100%;
  display: inline-block;
  font-size: 12px !important;
}

.mobile-widget ul li a:last-child {
  border-bottom: 0;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/
.home #slider{
  padding:15px 0 20px 0;
}

.home #carousel-example-generic{
  max-height: 600px;
  overflow: hidden;
  position: relative;
}

.home #carousel-example-generic .item .banner-text{
  position: absolute;
  bottom:20%;
  left:21%;
  background:rgba(0,0,0,0.6);
  padding: 20px;
  color: #fff;
  width:100%;
  max-width:400px;
}

.home #carousel-example-generic .item .banner-text h1{
  margin: 0 0 5px 0;
  color:#fff;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 300;
}

.home #carousel-example-generic .item .banner-text h2{
  margin: 0 0 10px 0;
  color:#fff;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
  font-family: 'Raleway', sans-serif!important;
}

.home #carousel-example-generic .item .banner-text a,
.home #carousel-example-generic .item .banner-text a:hover{
  color: #fff;
  text-transform: uppercase;
}


.home #slider .container-fluid{
  padding:0;
}

.home .banner-scroll-down{
  position: absolute;
  z-index: 99;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  bottom: 13px;
  left: 50%;
  letter-spacing: 1px;
  margin-left: -50px;
}

.home #categories{
  text-align: center;
  margin-top: 15px;
}

.home #categories .cat{
  margin-bottom: 30px;
}

.home #categories a .cat-hover{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(255,255,255,.8) url(img/cross-black.png) no-repeat center center;
  opacity:0;
  transition:opacity .3s ease-in-out;
}

.home #categories a:hover .cat-hover{
  opacity:1;
}

.home #categories .cat-image-holder{
  width:150px;
  height:150px;
  margin:0 auto;
  overflow: hidden;
  position:relative;
}

.home #categories h5{
  text-transform: uppercase;
  font-size:14px;
  letter-spacing: 1px;
}

.home #content-blocks .about-us{
  background:#f3f3f3;
  padding:50px 35px;
  margin-bottom: 80px;
  margin-top:-30px;
}

.home #content-blocks .recent-projects{
  margin-bottom: 50px;
}

.home .project-item{
  margin-bottom:30px;
}

.home .project-item img, .home .recent-blog-post img{
  display:block;
  height:auto;
  width:100%;
  margin-bottom: 15px;
}

.home #content-blocks h4{
  font-size:16px;
}

.home #content-block .title{
  letter-spacing: 1px;
  font-size:14px;
}

.home #subscribe{
  padding: 0 15px 15px 15px;
}

.home #subscribe .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  margin-top:0!important;
}

.home #subscribe .gform_wrapper li.gfield.gfield_error{
  border-top:0!important;
  border-bottom:0!important;
  background: none!important;
}

.home #subscribe .subscribe-holder{
  background: #fff url(img/subscribe-bg.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
  padding:80px 0;
}

.home #subscribe .form-holder{
  max-width:650px;
  width:100%;
  margin:0 auto;
  overflow:auto;
}

.home #subscribe .form-holder .gfield_label{
  display:none;
}

.home #subscribe input[type="text"]{
  padding:10px 20px!important;
  height:40px!important;
}

.home #subscribe input[type="submit"]{
  padding:10px 20px!important;
  height:40px!important;
  background:#000000;
  color:#ffffff;
  text-transform: uppercase;
  font-size:12px;
  letter-spacing: 1px;
  font-weight: 500;
}

.home #subscribe .form-holder .gform_body {
  width:100%;
}

.home #subscribe .form-holder .gform_body .ginput_container{
  margin-top: 0;
}

.home #subscribe .form-holder .gform_body input[type="text"] {
  width:100%;
}

.home #subscribe .form-holder .gform_footer {
  width:100%;
  clear:both;
}

.home #subscribe .form-holder .gform_footer input[type="submit"] {
  width:100%;
}


/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs-holder {
  background:#fff;
  border-bottom: 1px solid #e3e3e3;
  padding: 13px 0;
  text-transform: capitalize;
  display: none;
}

.breadcrumbs .start {
  margin-right:15px;
  text-transform: capitalize;
}

.breadcrumbs {
  font-size:12px;
  color:#999;
}

.breadcrumbs a {
  color:#999;
  text-transform: capitalize;
}

.breadcrumbs span {
  text-transform: capitalize;
}

.breadcrumbs a:hover {
  color:#555555;
}

.breadcrumbs i {
  margin:0 10px;
}



/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

/*--- Product Archive ---*/
.page-filtering {
  background:#fff url(img/facet-bg.jpg) no-repeat center center;
  background-size: cover;
}

.page-filtering .page-filtering-overlay {
  padding:60px 0 0 0;
  background: rgba(33, 33, 33, 0.75);
}

.page-filtering .page-filtering-overlay .page-title {
  color: #ffffff;
  margin: 0;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
  text-align: center;
  margin-bottom: 80px;
  margin-top:20px;
}

.page-filtering .filtering-holder {
  background:#f3f3f3;
  padding:20px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}

.page-filtering .facet-reset {
  text-align: right;
}

.page-filtering .facet-reset button {
  margin-top: 0;
}

.product-archive .product-item {
  text-align: center;
  margin-bottom: 50px;
  height:auto;
}

.product-archive .product-item .product-image-holder {
  position: relative;
}

.product-archive .product-item a .product-image-holder .product-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background:rgba(255,255,255,.8) url(img/cross-black.png) no-repeat center center;
  opacity: 0;
  transition:opacity .3s ease-in-out;
}

.product-archive .product-item a:hover .product-image-holder .product-image-overlay {
  opacity: 1;
}

.blog-archive .primary {
  padding: 0 15px!important;
}

.brand-page .primary {
  padding: 0 15px!important;
}

.brand-page .brand-item-holder{
  margin-bottom:30px;
}

.brand-page .brand-item {
  background: #f3f3f3;
  width:100%;
}

.brand-page .brand-item .brand-item-text {
  padding:25px;
  height:106px;
  display: table-cell; 
  vertical-align: middle;
}

.brand-page .brand-item .heading {
  margin: 0!important;
} 
  
.brand-page .product-item {
  margin-bottom: 30px!important;
  text-align: left;
}

.product-archive .brand-details {
  background: #f3f3f3;
  padding:25px;
  margin: 20px 15px 60px 15px;
  overflow: auto;
  display: none;
}

.brand-desc-expand {
  float:left;
  text-transform: uppercase;
  font-size:12px;
  color:#252525;
  margin-top: 30px;
}

.brand-desc-expand:hover {
  color:#555;
}

.brand-desc-expand i {
  margin-right: 5px;
}

.product-archive .brand-details .brand-logo img {
  float: none;
  margin:20px auto 0 auto;
}

.product-archive .product-item img {
  width:100%;
  display:block;
  height:auto;
}

.product-archive .product-item .small-heading {
  margin-top:15px;
  height:40px;
}

.product-archive .product-item .small-heading a {
  color:#252525;
}

.facet-navigation{
  margin-bottom: 50px;
}


/*--- Single Product ---*/
.single-product .product-gallery {
  margin-bottom:40px;
  position: relative;
}

.single-product .product-gallery #enlarger {
  position: absolute;
  top:16px;
  right:16px;
  z-index:999;
  background:rgba(0,0,0,.9);
  color:#ffffff;
  padding:5px 8px;
  text-transform: uppercase;
  font-size: 12px;
}

.single-product .product-title {
  background:#ffffff url(img/facet-bg.jpg) no-repeat center center;
  background-size: cover;
}

.single-product .product-title .product-title-overlay {
     padding:80px 0 80px 0;
     background: rgba(33, 33, 33, 0.75);
}

.single-product .product-title h4{
  color:#ffffff;
  margin:0;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
  text-align: center;
}

.single-product .product-item {
  text-align: center;
  margin-bottom: 80px;
}

.single-product .product-url {
  display:none;
}

.single-product .product-item .product-image-holder {
  position: relative;
}

.single-product .product-item a .product-image-holder .product-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background:rgba(255,255,255,.8) url(img/cross-black.png) no-repeat center center;
  opacity: 0;
  transition:opacity .3s ease-in-out;
}

.single-product .product-item a:hover .product-image-holder .product-image-overlay {
  opacity: 1;
}

.single-product .product-item img {
  width:100%;
  display:block;
  height:auto;
}

.single-product .product-item .small-heading {
  margin-top:15px;
  height:40px;
}

.single-product .product-gallery .gallery-image{
  border:1px solid #e3e3e3;
  width:100%;
  padding:15px;
}

.single-product .product-gallery .rslides-thumb li {
  border:1px solid #e3e3e3;
  margin-bottom: 5px;
}

.single-product .product-content {
  margin-bottom: 50px;
}

.single-product .product-contact a {
  margin-bottom:10px;
}

.single-product .product-stats {
  margin-bottom: 50px;
  padding:0;
}

.single-product .product-stats table {
  border:0;
}

.single-product .product-stats tr td{
  padding:8px 15px;
  border:1px solid #ffffff;
}

table tr:nth-of-type(odd) {
  background:#f3f3f3;
}

table tr:nth-of-type(even) {
  background:#f9f9f9;
}

.single-product .downloads {
  margin-bottom: 50px;
}

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

.downloads ul li {

}

.downloads i {
  margin-right:10px;
}

.downloads i.fa-file-pdf-o {
  color:#c0392b;
}

.message-response .success-msg, .message-response .error-msg {
  padding:25px;
  margin-bottom: 50px;
}

.message-response .success-msg i, .message-response .error-msg i {
  margin-right: 20px;
}

.message-response .success-msg {
  border: 1px solid #27ae60;
  color: #27ae60;
}

.message-response .error-msg {
  border:1px solid #c0392b;
  color:#c0392b;
}



/*--- Blog ---*/
.entry-header .entry-title {
  margin-top: 0;
  font-size: 18px;
}

.entry-content {
  margin-top: 0;
}

.entry-footer {
  font-size: 12px;
  margin-bottom: 30px;
}

.entry-footer span {
  margin-right: 10px;
}

.page-header .page-title {
  font-size: 26px;
}

.search-page-header {
  padding: 15px;

}

.search-page-header .search-page-title {
  margin: 0;
}

.sticky {
  display: block;
}

.byline, .updated:not(.published) {
  display: none;
}

.single .byline, .group-blog .byline {
  display: inline;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.post-share-buttons {
  margin-bottom: 50px;
}

.post-share-buttons .share-button {
  color: #999;
  font-size: 12px;
  border: 1px solid #e3e3e3;
  margin-right: 5px;
  padding: 3px 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
}

.post-share-buttons .share-facebook:hover {
  color: #3b5998;
  border-color: #3b5998;
}

.post-share-buttons .share-twitter:hover {
  color: #00aced;
  border-color: #00aced;
}

.post-share-buttons .share-google:hover {
  color: #dd4b39;
  border-color: #dd4b39;
}

.post-share-buttons .share-pinterest:hover {
  color: #cb2027;
  border-color: #cb2027;
}

.entry-meta {
  padding: 12px 0px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  margin: 0 0 20px 0;
  font-size: 11px;
  color: #ccc;
}

.entry-meta span {
  margin-right: 20px;
  text-transform: uppercase;
}

.entry-meta span i {
  font-size: 13px;
  margin-right: 7px;
}

.entry-content .fl-widget .widgettitle {
  font-size: 20px;
}

#page-title {
  background: #f3f3f3;
  position: relative;
}

#page-title .entry-header {
  padding: 40px 15px;
}

.page-title-centered {
  text-align: center;
}

.page-title-image {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-title-image .entry-title {
  color: #fff;
}

.page-title-image .page-title-overlay {
  background: rgba(33, 33, 33, 0.75);
  width: 100%;
  height: 100%;
}

.grid {
  margin-bottom: 50px;
}

.post-item {
  background: #f3f3f3;
  padding:40px;
  overflow: auto;
  margin-bottom: 50px;
}

.post-item .post-list-date {
  font-size: 14px!important;
  color:#999!important;
  text-align: right;
  margin-bottom:10px;
  font-weight: 400!important;
}

.post-item img {
  display: block;
  height: auto;
  width: 100%;
}

.post-item .heading {
  margin-top:15px;
}

.post-item .entry-content p {
  margin:10px 0 0 0;
}

.date-holder {
  position: absolute;
  top:50%;
  margin-top: -18px;
  right: 0;
  text-align: center;
  width:70px;
  box-shadow: none!important;
}

.date-holder .month {
  text-transform: uppercase;
  display: inline-block;
  font-size: 22px!important;
  background: #000000;
  color: #ffffff;
  padding:10px 5px!important;
  box-shadow: none!important;
  width:70px;
  margin:0;
}

.date-holder .date {
  font-size: 22px;
  color:#000000!important;
  border:2px solid #000000;
  border-top: 0;
  padding: 3px 0 5px 0;
  box-shadow: none!important;
  text-shadow: none!important;
  width:70px;
  margin:0;
}

.date-holder .year {
  font-size: 14px;
}

.single-post .page-title::before {
  display: none;
}

.single-post .page-title::after {
  display: none;
}

.single-post .sep {
  margin-top:0;
}

.single-post .product-title {
  background: #ffffff url(img/post-bg.jpg) no-repeat center center;
  background-size: cover;
}

.single-post .product-title .page-title{
  text-align: left;
}

.single-post .post-meta {
  color: #ffffff;
  font-size: 12px;
}

.single-post .post-meta span {
  margin-right:20px;
  color: #fff!important;
  text-transform: uppercase;
}

.single-post .post-meta span a {
  color: #fff!important;
}

.single-post .post-meta span i {
  margin-right:10px;
  color: #fff!important;
}


/*--- Pages ---*/

.page .page-title-holder {
  background:#000 url(img/page-bg.jpg) no-repeat center center;
  background-size: cover;
}

.page .page-title-holder .page-title-overlay {
     padding:80px 0 80px 0;
     background: rgba(33, 33, 33, 0.75);
}

.page .page-title{
  color:#ffffff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
  text-align: center;
}

.page .primary, .page .secondary {
   font-size: 14px;
   font-weight:400!important;
}

.page .primary p, .page .secondary p {
   line-height: 28px!important;
}

.page .primary li, .page .secondary li {
   font-size: 14px!important;
}

.page .primary .primary-padding {
   padding-right:0;
}

.page .secondary {
   
}

.page .primary h1,
.page .primary h2,
.page .primary h3,
.page .primary h4,
.page .primary h5,
.page .primary h6,
.page .secondary h1,
.page .secondary h2,
.page .secondary h3,
.page .secondary h4,
.page .secondary h5,
.page .secondary h6 {
   text-transform: uppercase;
   font-size:18px;
}

.page-extras {
   padding:0 0 60px 0;
}

.page-extras .extra {
   padding:0 15px!important;
   margin-bottom: 30px;
}

.page-extras .extra .extra-image-holder {
   position: relative;
}

.page-extras .extra .extra-image-holder img {
  width:100%;
}

.page-extras .extra a .extra-overlay {
   position: absolute;
   top:0;
   right:0;
   bottom:0;
   left:0;
   background: rgba(255,255,255,0.8) url(img/cross-black.png) no-repeat center center;
   opacity:0;
   transition:opacity .3s ease-in-out;
}

.page-extras .extra a:hover .extra-overlay {
   opacity:1;
}

.page-extras .extra h4 {
   margin:0;
   padding:5px 15px;
   background:#f0f0f0;
}

.page-extras .sep {
  margin-top: 0;
}


.product-categories-widget ul{
  border:1px solid #e3e3e3;;
  border-top:0;
}

.product-categories-widget h4 {
  background: #000;
  font-size: 14px!important;
  padding:10px 15px;
  color: #fff;
  margin:0!important;
}


/* Key People */
.key-people .primary {
  padding:0 15px;
}

.key-people .key-person {
  margin-bottom: 80px;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 80px;
}

.key-people .key-person:last-child {
  border-bottom: 0;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.key-people .big-heading {
  margin:0!important;
}

.key-people .position-title, .key-people .fav-quote {
  font-size: 13px!important;
  text-transform: capitalize!important;
  color:#777!important;
  margin-top:50px;
}

.key-people .quote-name {
  font-size: 12px!important;
}

.key-people .key-person ul {
  list-style: none;
  padding:0;
  margin:35px 0 0 0!important;
}

.key-people .key-person ul li {
  margin-bottom: 5px;
  font-size: 16px!important;
  font-weight: 500;
}

.key-people .key-person ul li i {
  margin-right: 15px;
}


/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
#comments .comments-title, #respond #reply-title {
  font-size: 20px;
}

.comment-content a {
  word-wrap: break-word;
}

#respond {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#respond > p, #respond p.comment-notes, p.logged-in-as {
  margin-bottom: 10px;
}

p.logged-in-as {
  padding-bottom: 0;
}

.comment-list {
  margin-bottom: 40px !important;
  margin-left: 0 !important;
  padding-left: 0;
}

.comment .comment-body {
  background-color: #fff;
  margin: 0;
  overflow: hidden;
  padding: 25px;
  margin-top: 2em;
  padding-left: 116px;
  position: relative;
  border: 1px solid transparent;
  border-color: #E8E8E8;
  border-radius: 4px;
}

.comment-list .children {
  margin-left: 0 !important;
  padding-left: 40px;
  border-left: 1px solid #E8E8E8;
  background-repeat: no-repeat;
  background-position: left 20px;
}

.comment-list li.comment > div img.avatar {
  position: absolute;
  left: 29px;
  top: 29px;
}

#comment-form-title {
  font-size: 24px;
  padding-bottom: 10px;
}

.vcard .avatar {
  position: absolute;
  left: 29px;
  top: 29px;
}

.comment-metadata {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 10px;
}

.comment-reply-link {
  float: right;
}

.form-allowed-tags code {
  word-wrap: break-word;
  white-space: inherit;
}

.comment-respond label {
  display: block;
  font-weight: 400;
}

.comment-respond .required {
  color: #C7254E;
}

/*--------------------------------------------------------------
# Author Box
--------------------------------------------------------------*/
#authorarea {
  background: #f3f3f3;
  border: 1px solid #e3e3e3;
  padding: 15px;
  overflow: hidden;
  color: #333;
  margin: 0 0 50px 0;
}

#authorarea h4 {
  font-size: 14px;
  color: #333;
  margin: 0;
  padding: 0;
}

#authorarea h4 a {
  text-decoration: none;
  color: #333;
  font-weight: 700;
}

#authorarea img {
  margin: 0 20px 0 0;
  padding: 3px;
  float: left;
  border: 1px solid #e3e3e3;
  width: 100px;
  height: 100px;
}

#authorarea p {
  color: #333;
  margin: 0;
  padding: 0 10px 10px;
  font-size: 12px !important;
}

#authorarea a {
  color: #333;
  font-size: 12px !important;
}

.authorinfo {
  padding-left: 120px;
}

/*--------------------------------------------------------------
# Related Posts
--------------------------------------------------------------*/
#related-posts {
  margin: 0 0 50px 0;
}

#related-posts h3 {
  font-size: 20px;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption .wp-caption-text {
  margin: .8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* Structure */
  #page {
    padding: 0;
  }

  #content-holder {
    padding: 60px 0;
  }

  /* Post or Page */
  .entry-header .entry-title {
    margin-top: 0;
    font-size: 24px;
  }
  
  /* Header */
  #header .site-logo {
    margin-bottom: 0px;
    margin-top:0px;
    text-align: right;
  }

  #header .site-tagline{
    text-align: right;
  }

  #header .header-search .header-search-wrapper {
    width: auto;
    float: right;
    margin-top: 17px;
  }

  #header .header-search .header-search-wrapper #s {
    width: 250px;
    float: left;
  }

  #header .header-search .header-search-wrapper #searchsubmit {
    width: auto;
  }

  /* Footer Menu */
  .footer-menu ul {
    text-align: right;
  }

  #footer .copyright {
    text-align: left;
    margin-bottom: 0;
  }

  .blog-search input[type="submit"] {
    width:auto;
  }

  .blog-search .form-group {
    width:270px;
    float:right;
  }

  .breadcrumbs-holder {
    display: block;
  }

  /* Home Page */
  .home #content-blocks .recent-projects{
    margin-bottom: 0px;
  }

  .home #slider .container-fluid{
    padding:0 15px;
  }

  .home #subscribe .form-holder .gform_body {
    width:68%;
    float:left;
  }

  .home #subscribe .form-holder .gform_footer {
    width:30%;
    padding:0;
    margin:0;
    float:right;
    clear: none;
  }

  .home #subscribe .subscribe-holder{
    padding:140px 0;
  }

  /* Prduct */
    .single-product .product-gallery .gallery-image{
    max-width:480px;
  }

  .product-archive .brand-details .brand-logo img {
    float: right;
    margin:0;
  }

  .date-holder {
    margin-top: -65px;
  }

  .product-archive .product-item {
    height:260px;
  }

}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #header .header-search .header-search-wrapper #s {
    width: 280px;
    float: left;
  }

  .page-title{
    font-size: 22px;
  }

  .page-title-alt {
    font-size: 22px;
  }

  /* Widgets */
  .footer-widget {
    margin-bottom: 0;
  }

  /* Structure */
  #content-holder .primary {
    margin-bottom: 0;
  }

  .single-product .product-gallery #enlarger {
    position: absolute;
    top:16px;
    right:76px;
  }

  /* Posts or Pages */
  .page .page-extras .extra {
   margin-bottom: 0px;
  }

  .page .primary .primary-padding {
    padding-right:70px;
  }

  /* Home Page */
  .home #categories .cat{
    margin-bottom: 0px;
  }

  .home #content-blocks .about-us{
    margin-bottom: 0px;
    margin-top: 0px;
  }

  /* Key People */
  .key-people .position-title, .key-people .fav-quote {
    margin-top:0px;
  }

  /* Facet */
  .facetwp-facet {
    margin:0!important;
  }

  .page-filtering .facet-reset button {
    margin-top: 0px;
  }

  /* Products */
  .product-archive .product-item {
    margin-bottom: 40px;
  }

  .brand-desc-expand {
    float:right;
    margin-top: 10px;
  }

  .date-holder {
    margin-top: -18px;
  }

  .product-archive .product-item {
    height:285px;
  }


}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .container {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  .product-archive .product-item {
    height:340px;
  }

}