/**
Theme Name: jbcbuild
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful 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: jbcbuild
Template: astra
*/
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk_RkaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjaVc.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v27/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs13FvgUE.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs169vgUE.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvgUE.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvgUE.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs1y9ogUE.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZogUE.ttf) format('truetype');
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0!important;
  font: inherit;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.owl-carousel .owl-item img {
  width: auto;
}
.zb-section__innerWrapper {
  max-width: 1280px;
  padding-left: 15px;
  padding-right: 15px;
}
section#header-area .zb-section__innerWrapper {
  padding-left: 0px;
  padding-right: 0px;
}
body {
  font-family: 'Open Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oswald', sans-serif;
}
span.zb-el-button__text {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
}
span.zb-el-button {
  transition: .3s all;
}
#header-area div#logo-area-col div#logo-area img {
  position: absolute;
  top: 0;
  z-index: 99;
  box-shadow: 0px 0px 10px #aaaaaa;
}
#header-area #menu-area-col {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
#header-area #menu-area-col div#menu-area {
  width: calc(100% - 250px);
  padding-right: 30px;
}
#header-area #menu-area-col #header-contact-btn {
  width: 250px;
  display: block;
  padding: 20px 30px;
  padding-left: 85px;
}
#header-area #menu-area-col #header-contact-btn .zb-el-imageBox-imageWrapper {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}
#header-area #menu-area-col #header-contact-btn span.zb-el-imageBox-spacer {
  display: none;
}
#header-area #menu-area-col #header-contact-btn .zb-el-imageBox-description a {
  color: #fff;
  font-family: 'Oswald', sans-serif;
}
#header-area #menu-area-col #header-contact-btn p.zb-el-imageBox-title {
  margin-bottom: -4px;
  font-size: 14px;
}
#header-area #menu-area-col div#menu-area ul#menu-main-menu li {
  margin: 0 20px;
}
#header-area #menu-area-col div#menu-area ul#menu-main-menu li a {
  padding: 35px 0px;
  position: relative;
}
#header-area #menu-area-col div#menu-area ul#menu-main-menu li a::after {
  position: absolute;
  content: "";
  background: #B01F2F;
  width: 0%;
  height: 4px;
  bottom: 0;
  transition: .3s all;
  left: 50%;
  transform: translateX(-50%);
}
#header-area #menu-area-col div#menu-area ul#menu-main-menu li a:hover::after {
  width: 100%;
}
#header-area #menu-area-col div#menu-area ul#menu-main-menu li.current_page_item a {
  color: #000000;
  font-weight: 700;
}
#header-area #menu-area-col div#menu-area ul#menu-main-menu li.current_page_item a::after {
  width: 100%;
}
#header-area #menu-area-col div#menu-area ul#menu-main-menu ul.sub-menu li a {
  padding: 0px;
}
#hero-area .zb-section__innerWrapper {
  max-width: 1440px;
}
#hero-area #hero-content-area {
  font-size: 18px;
  max-width: 620px;
}
#hero-area #hero-content-area h4 {
  font-size: 26px;
  color: #b01f2f;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 8px;
}
#hero-area #hero-content-area h1 {
  font-size: 62px;
  margin-bottom: 22px;
  font-weight: 500;
}
#hero-btn .zb-el-button:hover {
  background: #000 !important;
  color: #fff !important;
}
#about-area {
  background-position: left top 100px;
}
div#service-title-area-col {
  background-position: center top;
}
#service-list-top-area .zb-section__innerWrapper {
  max-width: 1230px;
  justify-content: space-between;
}
#service-list-top-area .zb-section__innerWrapper #single-service-box {
  max-width: 22%;
}
#single-service-box {
  position: relative;
  transition: .3s all;
  z-index: 1;
  border: 2px solid #EBEBEB;
  padding-top: 35px;
  padding-bottom: 25px;
}
#single-service-box .zb-el-imageBox {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  transition: .3s all;
  z-index: 1;
}
#single-service-box h3.zb-el-imageBox-title {
  transition: .3s all;
  min-height: 73px;
  font-weight: 500;
}
#single-service-box .zb-el-imageBox-imageWrapper {
  min-height: 68px;
}
#single-service-box:hover {
  box-shadow: 0px 0px 20px 7px #ebc6c9;
  border-color: #B01F2F;
}
#single-service-box:hover h3.zb-el-imageBox-title {
  color: #fff;
}
#single-service-box::before {
  position: absolute;
  content: "";
  background: #B01F2F;
  width: 100%;
  height: 4px;
  bottom: 0;
  left: 0;
  transition: .3s all;
  z-index: -1;
}
#single-service-box:hover::before {
  height: 100%;
  width: 100%;
}
#service-btn {
  position: absolute;
  bottom: 40px;
  right: 32px;
  width: 42px;
  height: 42px;
  opacity: 0;
  visibility: hidden;
  transition: .3s all;
}
#service-btn .zb-el-button {
  border-color: transparent !important;
  width: 42px;
  height: 42px;
  border-radius: 0;
  background-image: url(/wp-content/themes/jbcbuild/images/more-btn.jpg);
  background-color: transparent;
  z-index: 99;
}
#single-service-box:hover #service-btn {
  opacity: 1;
  visibility: visible;
}
#service-list-top-area #single-service-box:nth-child(1):hover .zb-el-imageBox-imageWrapper {
  background-image: url(/wp-content/themes/jbcbuild/images/home-hover.png);
  background-repeat: no-repeat;
  background-position: left;
}
#service-list-top-area #single-service-box:nth-child(1):hover .zb-el-imageBox-imageWrapper img {
  opacity: 0;
}
#service-list-top-area #single-service-box:nth-child(2):hover .zb-el-imageBox-imageWrapper {
  background-image: url(/wp-content/themes/jbcbuild/images/renovation-hover.png);
  background-repeat: no-repeat;
  background-position: left;
}
#service-list-top-area #single-service-box:nth-child(2):hover .zb-el-imageBox-imageWrapper img {
  opacity: 0;
}
#service-list-top-area #single-service-box:nth-child(3):hover .zb-el-imageBox-imageWrapper {
  background-image: url(/wp-content/themes/jbcbuild/images/kitchen-hover.png);
  background-repeat: no-repeat;
  background-position: left;
}
#service-list-top-area #single-service-box:nth-child(3):hover .zb-el-imageBox-imageWrapper img {
  opacity: 0;
}
#service-list-top-area #single-service-box:nth-child(4):hover .zb-el-imageBox-imageWrapper {
  background-image: url(/wp-content/themes/jbcbuild/images/bathroom-hover.png);
  background-repeat: no-repeat;
  background-position: left;
}
#service-list-top-area #single-service-box:nth-child(4):hover .zb-el-imageBox-imageWrapper img {
  opacity: 0;
}
#service-list-bottom-area .zb-section__innerWrapper {
  max-width: 1230px;
  justify-content: space-between;
}
#service-list-bottom-area .zb-section__innerWrapper #single-service-box {
  max-width: 22%;
}
#service-list-bottom-area .zb-section__innerWrapper div#readmore-service-area {
  max-width: 48%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  padding-top: 30px;
  padding-bottom: 30px;
}
div#service-more-area {
  color: #fff;
}
div#service-more-area h3 {
  font-size: 26px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 15px;
}
#service-list-bottom-area #single-service-box:nth-child(1):hover .zb-el-imageBox-imageWrapper {
  background-image: url(/wp-content/themes/jbcbuild/images/barn-hover.png);
  background-repeat: no-repeat;
  background-position: left;
}
#service-list-bottom-area #single-service-box:nth-child(1):hover .zb-el-imageBox-imageWrapper img {
  opacity: 0;
}
#service-list-bottom-area #single-service-box:nth-child(2):hover .zb-el-imageBox-imageWrapper {
  background-image: url(/wp-content/themes/jbcbuild/images/fence-hover.png);
  background-repeat: no-repeat;
  background-position: left;
}
#service-list-bottom-area #single-service-box:nth-child(2):hover .zb-el-imageBox-imageWrapper img {
  opacity: 0;
}
section#gallery-title-area {
  background-position: left top 30px;
}
section#gallery-area .loading-bar {
  display: none;
}
div#border-btn a {
  background: transparent !important;
  transition: .3s all;
}
div#border-btn a:hover {
  background: #B01F2F !important;
  color: #fff !important;
}
div#border-btn a:hover {
  background: #B01F2F !important;
  color: #fff !important;
}
div#quote-content-area h1 {
  color: #fff;
  font-size: 48px;
  margin-bottom: 20px;
}
div#quote-content-area h4 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 22px;
}
section#about-title-area {
  background-position: center top 28px;
}
section#accrodien-area .zb-section__innerWrapper {
  background-position: right 15px top;
}
div#accrodien-image img {
  width: 100%;
}
#quote-btn a.zb-el-button:hover {
  background: #000000;
  color: #fff;
}
div#accrodien-list-area .zb-el-accordionItem {
  margin-bottom: 0;
  border: 0;
  border-bottom: 1px solid #EBEBEB;
}
div#accrodien-list-area .zb-el-accordionItem .zb-el-accordions-accordionContent__inner {
  padding-left: 0;
}
div#accrodien-list-area .zb-el-accordionItem .zb-el-accordions-accordionTitle {
  font-family: 'Oswald', sans-serif;
  padding: 25px 30px;
}
div#accrodien-list-area .zb-el-accordionItem .zb-el-accordions-accordionTitle span.zb-el-accordions-accordionIcon {
  width: 27px !important;
  height: 27px !important;
  background: url(/wp-content/themes/jbcbuild/images/pluse.png);
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
div#accrodien-list-area .zb-el-accordionItem .zb-el-accordions-accordionTitle span.zb-el-accordions-accordionIcon:before {
  content: "";
}
div#accrodien-list-area .zb-el-accordionItem .zb-el-accordions-accordionContent {
  padding-bottom: 18px;
  padding-left: 30px;
  padding-right: 30px;
}
div#accrodien-list-area .zb-el-accordions--active.zb-el-accordionItem {
  background: #fff;
  border-bottom: 4px solid #B01F2F;
}
div#accrodien-list-area .zb-el-accordions--active.zb-el-accordionItem .zb-el-accordions-accordionTitle {
  padding-bottom: 10px;
}
div#accrodien-list-area .zb-el-accordions--active.zb-el-accordionItem .zb-el-accordions-accordionTitle span.zb-el-accordions-accordionIcon {
  width: 27px !important;
  height: 27px !important;
  background: url(/wp-content/themes/jbcbuild/images/minus.png);
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
div#single-contact-item {
  display: flex;
  flex-wrap: wrap;
}
div#single-contact-item .zb-el-imageBox-imageWrapper {
  width: 90px !important;
  flex: none;
}
div#single-contact-item span.zb-el-imageBox-spacer {
  display: none;
}
div#single-contact-item .zb-el-imageBox-text h3.zb-el-imageBox-title {
  font-size: 19px;
  font-weight: 700;
}
div#single-contact-item .zb-el-imageBox-description a {
  font-size: 21px;
  font-weight: 500;
}
div#single-contact-item .zb-el-imageBox-imageWrapper img {
  position: relative;
  top: -11px;
}
div#contact-form-wrapper-area h3 {
  display: none;
}
div#contact-form-wrapper-area .nf-form-fields-required {
  display: none;
}
div#contact-form-wrapper-area .nf-field .nf-field-label {
  display: none;
}
div#contact-form-wrapper-area .nf-form-content nf-fields-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
div#contact-form-wrapper-area .nf-form-content nf-fields-wrap nf-field {
  width: 48%;
}
div#contact-form-wrapper-area .nf-form-content nf-fields-wrap nf-field:nth-child(7),
div#contact-form-wrapper-area .nf-form-content nf-fields-wrap nf-field:nth-child(6),
div#contact-form-wrapper-area .nf-form-content nf-fields-wrap nf-field:nth-child(5) {
  width: 100%;
}
div#contact-form-wrapper-area .nf-form-content nf-fields-wrap nf-field textarea,
div#contact-form-wrapper-area .nf-form-content nf-fields-wrap nf-field input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 0;
}
div#contact-form-wrapper-area .nf-form-content nf-fields-wrap nf-field textarea {
  height: 100px;
}
div#contact-form-wrapper-area .submit-wrap .nf-field-element {
  text-align: center;
}
div#contact-form-wrapper-area .submit-wrap .nf-field-element input[type="button"] {
  border: 3px solid #B01F2F !important;
  padding: 12px 25px !important;
  font-size: 16px !important;
  text-transform: uppercase;
  color: #000 !important;
  font-weight: 700;
  transition: .3s all;
}
div#contact-form-wrapper-area .submit-wrap .nf-field-element input[type="button"]:hover {
  background: #B01F2F !important;
  color: #fff !important;
}
section#contact-area {
  background-position: left top 85px;
}
section#contact-area .zb-section__innerWrapper {
  background-position: right bottom;
  padding-right: 40px;
}
div#testimonials .single-testimonial-item-wrapper {
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
div#testimonials .single-testimonial-item {
  background: #fff;
  padding: 30px;
  box-shadow: 0px 0px 10px #ddd;
  position: relative;
  padding-top: 60px;
  background-image: url(/wp-content/themes/jbcbuild/images/quote.png);
  background-repeat: no-repeat;
  background-position: right 30px bottom 40px;
}
div#testimonials .single-testimonial-item .testimonial-image img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  position: absolute;
  top: -35px;
  left: 30px;
}
div#testimonials .single-testimonial-item .description {
  line-height: 1.4;
  font-style: italic;
  font-size: 16px;
}
div#testimonials .single-testimonial-item .testimonial-title-area {
  margin-top: 15px;
}
div#testimonials .single-testimonial-item .testimonial-title-area h4 {
  font-size: 16px;
  padding-bottom: 0;
  margin-bottom: -8px;
}
div#testimonials .single-testimonial-item .testimonial-title-area span {
  font-size: 12px;
}
div#testimonials .owl-nav {
  padding-right: 30px;
  text-align: right;
  padding-top: 15px;
}
div#testimonials .owl-nav button.owl-prev {
  margin-right: 35px;
}
section#testimonial-slider-area-section .zb-section__innerWrapper {
  max-width: 1340px;
}
div#breadcrumb-list ul {
  text-align: right;
  padding: 0;
  margin: 0;
  list-style: none;
}
div#breadcrumb-list ul li {
  display: inline-block;
  margin-left: 13px;
  position: relative;
}
div#breadcrumb-list ul li a {
  color: #fff;
  font-size: 21px;
}
div#breadcrumb-list ul li a:hover {
  color: #B01F2F;
}
div#breadcrumb-list ul li::before {
  content: "/";
  color: #fff;
  margin-right: 15px;
}
div#breadcrumb-list ul li:first-child:before {
  display: none;
}
section#service-page-service-title {
  background-position: center top 30px;
}
section#gallery-title-area-center {
  background-position: center top 5px;
  padding-bottom: 51px;
}
div#list-style ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 30px;
}
div#list-style ul li {
  margin-bottom: 8px;
  font-weight: 700;
  color: #333333;
  background-image: url(/wp-content/themes/jbcbuild/images/arrow-right.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 26px;
}
/* 
footer Start 
-------------------------*/
section#footer-area .zb-column:nth-child(1) {
  max-width: 30%;
}
section#footer-area .zb-column:nth-child(1) .zb-el-zionText {
  max-width: 256px;
  text-align: center;
}
section#footer-area .zb-column:nth-child(2) {
  max-width: 22%;
}
section#footer-area .zb-column:nth-child(3) {
  max-width: 26%;
}
section#footer-area .zb-column:nth-child(4) {
  max-width: 22%;
}
section#footer-area h4#footer-title {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
section#footer-area h4#footer-title::after {
  position: absolute;
  content: "";
  background: #B01F2F;
  width: 40px;
  height: 4px;
  left: 0;
  bottom: 0;
  border-radius: 30px;
}
section#footer-area div#footer-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
section#footer-area div#footer-menu ul li {
  display: block;
  margin-bottom: 8px;
}
section#footer-area div#footer-menu ul li a {
  color: #E1E1E1;
  transition: .3s all;
}
section#footer-area div#footer-menu ul li a:hover {
  color: #B01F2F;
}
section#footer-area div#footer-contact-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
section#footer-area div#footer-contact-list ul li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 30px;
}
section#footer-area div#footer-contact-list ul li a {
  color: #E1E1E1;
  transition: .3s all;
}
section#footer-area div#footer-contact-list ul li a:hover {
  color: #B01F2F;
}
section#footer-area div#footer-contact-list ul li a img {
  position: absolute;
  left: 0;
  top: 7px;
}
section#footer-area div#footer-social-area {
  margin-top: 15px;
}
section#footer-area div#footer-social-area ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
section#footer-area div#footer-social-area ul li {
  display: inline-block;
  margin-right: 7px;
}
section#footer-area div#footer-social-area ul li a {
  width: 35px;
  display: flex;
  height: 35px;
  border: 1px solid #eee;
  line-height: 35px !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: .3s all;
}
section#footer-area div#footer-social-area ul li a:hover {
  background: #B01F2F;
}
/* 
footer End 
-------------------------*/
@media all and (min-width: 1200px) and (max-width: 1450px) {
  #header-area #menu-area-col #header-contact-btn {
    width: 180px;
    padding: 18px 10px;
    padding-left: 46px;
  }
  #header-area #menu-area-col div#menu-area {
    width: calc(100% - 180px);
    padding-right: 15px;
  }
  #header-area #menu-area-col div#menu-area ul#menu-main-menu li a {
    font-size: 15px;
    padding: 34.5px 0px;
  }
  #header-area #menu-area-col div#menu-area ul#menu-main-menu li {
    margin: 0 10px;
  }
  #header-area #menu-area-col #header-contact-btn .zb-el-imageBox-imageWrapper {
    left: 10px;
  }
  #header-area #menu-area-col #header-contact-btn .zb-el-imageBox-imageWrapper img {
    max-width: 25px;
  }
  #header-area #menu-area-col #header-contact-btn .zb-el-imageBox-description a {
    font-size: 23px;
  }
}
@media all and (min-width: 981px) and (max-width: 1199px) {
  #header-area #menu-area-col #header-contact-btn {
    width: 170px;
    padding: 10px 10px;
    padding-left: 46px;
  }
  #header-area #menu-area-col div#menu-area {
    width: calc(100% - 170px);
    padding-right: 15px;
  }
  #header-area #menu-area-col div#menu-area ul#menu-main-menu li a {
    font-size: 13px;
    padding: 28px 0px;
  }
  #header-area #menu-area-col div#menu-area ul#menu-main-menu li {
    margin: 0 5px;
  }
  #header-area #menu-area-col #header-contact-btn .zb-el-imageBox-imageWrapper {
    left: 10px;
  }
  #header-area #menu-area-col #header-contact-btn .zb-el-imageBox-imageWrapper img {
    max-width: 25px;
  }
  #header-area #menu-area-col #header-contact-btn .zb-el-imageBox-description a {
    font-size: 20px;
  }
  #single-service-box h3.zb-el-imageBox-title {
    font-size: 20px ;
  }
  #accrodien-list-area .zb-el-accordions-accordionTitle {
    font-size: 20px;
  }
  div#accrodien-list-area .zb-el-accordionItem .zb-el-accordions-accordionTitle {
    padding: 15px 30px;
  }
  div#accrodien-list-area .zb-el-accordionItem .zb-el-accordions-accordionContent {
    padding-bottom: 9px;
  }
}
@media all and (min-width: 981px) {
  #header-area #menu-area-col div#menu-area ul#menu-main-menu ul li a::after {
    display: none;
  }
  #header-area #menu-area-col div#menu-area ul#menu-main-menu ul li a {
    font-weight: 400 !important;
    padding: 5px 9px !important;
    border-bottom: 1px solid #ddd;
    width: 100%;
  }
  #header-area #menu-area-col div#menu-area ul#menu-main-menu ul {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #header-area #menu-area-col div#menu-area ul#menu-main-menu ul li {
    width: 100%;
    padding: 0 !important;
    display: block;
    margin: 0;
  }
  #header-area #menu-area-col div#menu-area ul#menu-main-menu ul li:last-child a {
    border: 0;
  }
  #header-area #menu-area-col div#menu-area ul#menu-main-menu ul li a:hover {
    color: #B01F2F;
  }
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
  section#footer-area .zb-column {
    max-width: 50% !important;
    margin-bottom: 40px;
  }
  section#footer-area {
    padding-bottom: 10px;
  }
  section#footer-area .zb-section__innerWrapper {
    max-width: 730px;
  }
  #header-area #menu-area-col #header-contact-btn {
    display: none;
  }
  #header-area #menu-area-col div#menu-area {
    width: 100%;
  }
  #header-area div#logo-area-col div#logo-area img {
    position: relative;
    box-shadow: 0px 0px 10px #d8d8d8;
  }
  ul#menu-main-menu {
    margin: 0;
    top: 40px !important;
  }
  .zb-menu-container {
    top: 40px !important;
  }
  .zb-menu-container ul#menu-main-menu li a {
    width: 100%;
    text-align: left !important;
    justify-content: flex-start;
    padding: 10px !important;
  }
  .zb-menu-container ul#menu-main-menu li a::after,
  .zb-menu-container ul#menu-main-menu li a::before {
    display: none !important;
  }
  #hero-area {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #hero-area .zb-section__innerWrapper {
    justify-content: center;
  }
  #hero-area .zb-section__innerWrapper #hero-content-area {
    text-align: center;
    font-size: 16px;
  }
  #hero-area .zb-section__innerWrapper #hero-content-area h4 {
    font-size: 19px;
  }
  #hero-area .zb-section__innerWrapper #hero-content-area h1 {
    font-size: 38px;
  }
  #hero-area .zb-section__innerWrapper div#hero-btn {
    justify-content: center;
  }
  #hero-area #hero-col-area {
    padding: 30px 20px;
    max-width: 550px;
  }
  section#service-list-top-area .zb-el-zionColumn {
    max-width: 48% !important;
    margin-bottom: 30px;
  }
  section#service-list-bottom-area {
    margin-top: 0;
  }
  section#service-list-bottom-area .zb-column--3 {
    max-width: 48% !important;
    margin-bottom: 30px;
  }
  section#service-list-bottom-area .zb-column--6 {
    max-width: 100%;
  }
  div#service-more-area h3,
  #single-service-box h3.zb-el-imageBox-title {
    font-size: 20px;
  }
  section#gallery-title-area-center,
  section#review-title-area,
  section#service-page-service-title,
  #service-title-area-col {
    background-size: contain;
  }
  section#gallery-title-area {
    background-size: contain;
  }
  section#about-area {
    background-size: contain;
  }
  div#quote-content-area h1 {
    font-size: 32px;
  }
  div#quote-content-area h4 {
    font-size: 20px;
  }
  #accrodien-list-area .zb-el-accordions-accordionTitle {
    font-size: 20px;
  }
  div#accrodien-list-area .zb-el-accordionItem .zb-el-accordions-accordionTitle {
    padding: 15px 30px;
  }
  div#accrodien-list-area .zb-el-accordionItem .zb-el-accordions-accordionContent {
    padding-bottom: 9px;
  }
  section#about-title-area {
    background-size: contain;
  }
  section#contact-area .zb-section__innerWrapper .zb-column--6 {
    width: 100% !important;
    max-width: 100%;
  }
  section#contact-area .zb-section__innerWrapper {
    max-width: 550px;
    padding-right: 10px;
    padding-left: 10px;
  }
  section#contact-area .zb-section__innerWrapper .zb-column--6:nth-child(1) {
    padding: 0;
    margin-bottom: 12px;
  }
  div#single-contact-item .zb-el-imageBox-description a {
    font-size: 16px;
  }
  section#contact-area {
    background-position: center top 50px;
    background-size: contain;
  }
  #header-area #menu-area-col div#menu-area ul#menu-main-menu ul li a {
    font-weight: 400 !important;
    font-size: 17px;
    padding-top: 0 !important;
  }
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  section#footer-area .zb-column {
    max-width: 100% !important;
    margin-bottom: 40px;
  }
  section#footer-area {
    padding-bottom: 10px;
  }
  section#footer-area .zb-section__innerWrapper {
    max-width: 400px;
  }
  #hero-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #hero-area .zb-section__innerWrapper {
    justify-content: center;
  }
  #hero-area .zb-section__innerWrapper #hero-content-area {
    text-align: center;
    font-size: 16px;
  }
  #hero-area .zb-section__innerWrapper #hero-content-area h4 {
    font-size: 17px;
  }
  #hero-area .zb-section__innerWrapper #hero-content-area h1 {
    font-size: 28px;
  }
  #hero-area .zb-section__innerWrapper div#hero-btn {
    justify-content: center;
  }
  #hero-area #hero-col-area {
    padding: 30px 20px;
    max-width: 550px;
  }
  #hero-btn .zb-el-button {
    font-size: 14px;
  }
  #single-service-box {
    max-width: 320px;
    margin: 0 auto;
    width: 100%;
  }
  #header-area div#logo-area-col div#logo-area a {
    width: 200px;
  }
  #header-area div#logo-area-col {
    width: 200px !important;
    max-width: 100% !important;
  }
  #header-area #menu-area-col {
    width: calc(100% - 200px) !important;
    max-width: 100%;
  }
  #breadcrumb-area .zb-section__innerWrapper .zb-column--6 {
    max-width: 100%;
  }
  #breadcrumb-area .zb-section__innerWrapper .zb-column--6 .zb-element {
    text-align: center;
  }
  div#breadcrumb-list ul {
    text-align: center;
  }
  div#breadcrumb-list ul li a {
    font-size: 19px;
  }
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 575px) {
  section#gallery-title-area div#border-btn {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    justify-content: center;
  }
}
@media all and (max-width: 479px) {
  section#service-list-top-area .zb-el-zionColumn {
    max-width: 100% !important;
  }
  section#service-list-bottom-area {
    margin-top: 0;
  }
  section#service-list-bottom-area .zb-column--3 {
    max-width: 100% !important;
  }
  #service-list-bottom-area .zb-section__innerWrapper div#readmore-service-area {
    max-width: 100%;
  }
}