body {
    background-color: #ededed;
}
.mega-nav__logo {
    display: block;
    width: 138px;
    height: 30px;
}

.mega-nav--desktop .mega-nav__sub-nav--layout-3 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-md);
}
.mega-nav--desktop .mega-nav__sub-nav--layout-31 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md);
}
.mega-nav-subs {
    text-align: center;
    padding-top: 1rem;
    color: red;
    margin-bottom: -3rem;
}

.mega-nav__label {
    color: hsl(0deg 0% 10%);
    text-transform: uppercase;
    font-weight: 600 !important;
    letter-spacing: 0.1em;
    font-size: var(--text-xs);
}

.kbf-pb {
    padding-bottom: 24vh;
}



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

File#: _1_adv-gallery
Title: Advanced Gallery
Descr: Advanced image gallery template
Usage: codyhouse.co/license

-------------------------------- */
.adv-gallery {
  position: relative;
  z-index: 1;
}

.adv-gallery__img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.adv-gallery__grid > * {
  margin-bottom: var(--space-md);
}
@media (min-width: 64rem) {
  .adv-gallery__grid > :nth-child(1), .adv-gallery__grid > :nth-child(2), .adv-gallery__grid > :nth-child(3) {
    width: 32%;
    float: left;
  }
  .adv-gallery__grid > :nth-child(1), .adv-gallery__grid > :nth-child(2) {
    margin-right: 2%;
  }
  .adv-gallery__grid > :nth-child(4) {
    clear: both;
  }
}

@supports (grid-area: auto) {
  .adv-gallery__grid {
    display: grid;
    grid-gap: var(--space-md);
  }
  .adv-gallery__grid > * {
    margin: 0 !important;
    width: auto !important;
    float: none !important;
  }

  @media (min-width: 64rem) {
    .adv-gallery__grid {
      grid-template-columns: repeat(12, 1fr);
    }
    .adv-gallery__grid > :nth-child(1) {
      grid-column: span 5;
    }
    .adv-gallery__grid > :nth-child(2) {
      grid-column: span 7;
    }
    .adv-gallery__grid > :nth-child(3) {
      grid-column: span 9;
    }
    .adv-gallery__grid > :nth-child(4) {
      grid-column: span 3;
    }
  }
  @media (min-width: 80rem) {
    .adv-gallery__grid {
      grid-gap: var(--space-sm);
      grid-template-rows: repeat(12, 50px);
    }
    .adv-gallery__grid > :nth-child(1) {
      grid-column: 1/4;
      grid-row: 1/7;
    }
    .adv-gallery__grid > :nth-child(2) {
      grid-column: 1/4;
      grid-row: 7/-1;
    }
    .adv-gallery__grid > :nth-child(3) {
      grid-column: 4/11;
      grid-row: 1/-1;
    }
    .adv-gallery__grid > :nth-child(4) {
      grid-column: 11/13;
      grid-row: 1/-1;
    }

    .adv-gallery__img {
      height: 100%;
    }
  }
}

.margin-top-sm.p-menu {
    position: absolute;
    margin-top: -2.7rem;
    background-color: rgb(255 255 255 / 70%);
    width: 100%;
    padding: 0.6rem;
    max-width: 302px;
}

.mega-nav__card {
    margin-bottom: 1rem;
}

header.mega-nav {
    background-color: rgb(255,255,255);
}

.mega-nav--desktop .mega-nav__sub-nav-wrapper, .mega-nav--desktop .mega-nav__search {
  
    background-color: hsl(210deg 8% 95%);

}

.mega-nav--mobile .mega-nav__nav, .mega-nav--mobile .mega-nav__search {
  
	background-color: hsl(210deg 8% 95%);

}

.mega-nav--mobile .mega-nav__item {
    border-bottom: 1px solid hsl(0deg 0% 84%);
}

.mega-nav--desktop .mega-nav__sub-nav, .mega-nav--desktop .mega-nav__search-inner {
    padding: var(--space-lg) 0;
}


.header__top {
	padding: var(--space-xl);
	text-align: center;
  }

.kbf-list{  
	width:100%;
	max-width:1600px;
	padding:1rem;
  background-color: #ffffff;
}

.kbf-list-itm {
  
    background-color: #fff;
    padding: 1rem 0px;
    font-family: 'Poppins';
    /* margin-top: 1rem; */
    /* margin-bottom: 1rem; */
    border-bottom: 1px solid #dfdfdf;
}

.kbfm-location {
    color: #008b94;
}

.kbf-icon {
    display: inline-block;
    padding-right: 0.2rem;

}
.kbf-list h3 {
    font-size: 1.3rem;
    /* color: #494949; */
    font-weight: 500;
}

.kbfm-services {
  /* font-family: 'Oswald'; */
  font-size: 1rem;
  font-weight: 340;
}

h2.company-title {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
p{
  font-size: 1.2rem;
}
h1.kbf-title {
  text-align: center;
  margin-top: 3rem;
  font-size: 2.5rem;
  letter-spacing: -1px;
  color: #1e1e1e;
  font-weight: 500;
  margin-bottom: 1rem;
}
.kbf-divider {
  background-color: #d7d7d7;
  height: 1px;
  margin-bottom: 1rem;
  margin-top: 2rem;
}

.company-sub .subnav__link {

  padding: 1rem;

}

ul.gap-xs.company-service-list li {
  font-size: 1rem;
  color: black;
}

ul.company-service-list {
  margin-top: 1rem;
  padding: 1rem;
  background-color: #ededed;
}

.company-service-list.company-area-list {
  font-size: 1rem;
}

.accordion-title {
  font-size: 1.3rem;
  color: #000;
}
h3.company-sub-info {
  margin-bottom: 1rem;
}

.kbf-list.padding-y-xl {
  margin-bottom: 4rem;
  padding-bottom: 4rem;
}

.kbfm-description {
  /* background-color: #f2f2f2; */
  font-size: 1rem;
  margin-top: 0.3rem;
  padding: 3px;
  color: #202020;
  font-weight: 400;
}

.container.kbf-list-itms {
  width:100%
}

@media (max-width: 64rem) {

  div#room-visualizer, .kbf-art-container.container.max-width-adaptive-lg {
    max-width: 44rem;
}


  h1.kbf-title { 
    margin-top: 2rem;
    font-size: 1.7rem;   
    margin-bottom: 0rem;
}



.kbf-list {
/*  padding:0px; */
}

.container.kbf-fw-page {
  width: 100%;
}

}

a {
  text-decoration: none;
}

.text-component {
  margin-top: 2rem;
}
.text-component h1 {
  font-size: 2rem;
}

/*
.select-auto__input-wrapper {
  height: 2rem;
  width: 100%;
  max-width: 400px;
}

.autocomplete__results.select-auto__results.js-autocomplete__results {
  width: 100%;
  max-width: 400px;
}
*/


.searchbox {
  border: 1px solid #e3e3e3;
  margin-bottom: 2rem;
  margin-top: 2rem;
  padding: 2rem 1rem;
  background-color: white;
}

.searchbox-select {
  font-size: 1.3rem;
  border: 1px solid #cccccc;
  font-weight: 100;
  padding: 0.5rem;
  width: 100%;
}


button#svs-search {
  width: 100%;
  height: 100%;
}

.select-auto__input-wrapper .form-control {
 
  font-size: 1.1rem;
}

.searchbox-extra {
  text-align: center;
}

#geo-locate {
  cursor: pointer;
}

.searchbox-extra {
  padding: 1rem;
  max-width: 530px;
  margin: auto;
  padding-bottom: 0px;
  padding-top: 0.1rem;
}

.zip-search-btn, #geo-locate, .searchbox-extra button {
  color: #da344d;
  cursor: pointer;
}

#geo-locate {
  text-align: center;
}

.searchbox-extra label {
  color: #da344d;
}

.searchbox-extra {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  letter-spacing: -1px;
  font-weight: 400;
}

article h3 {
  font-size: 1.5rem;
}
article h2 {
  font-size: 1.8rem;
}

.mega-nav--desktop .mega-nav__sub-nav--layout-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-sm);
}

a.mega-nav__sub-link {
  font-size: 0.9rem !important;
  /* line-height: 0.6rem; */
}
.mega-nav--desktop .mega-nav__sub-item:not(:last-child) {
  margin-bottom: var(--space-xxxxxs);
}
.mega-nav--desktop .mega-nav__label {
  margin-bottom: var(--space-sm);
}

input#autocomplete-input-service-select {
  text-transform: capitalize;
}


.main-title-wrapper {
  text-align: center;
}
.main-title-wrapper h1{
  color:#fff;

}
.main-title-wrapper h2 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
}

ul.dropdown__menu.js-dropdown__menu li {
  padding: 2px 7px;
  cursor: pointer;
}

li.suggestion{
  cursor:pointer;
  padding-top: 0.3rem;
  padding-left: 0.5rem;
  text-align:left;
  font-size: 1rem;
}
li.suggestion::marker {
  content: '';
}

li.suggestion.selected {
  background-color: #c9c9c9;
  outline: none;
}

li.suggestion.selected {
  background-color: #c9c9c9;
  outline: none;
}

li.suggestion.selected::focus {
  background-color: #c9c9c9;
  outline: none;
}


button#svs-search {
  min-height: 2.8rem;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;

  height: 1.1em;
  width: 1.1em;
  border-radius: 50em;
  background: url(https://kbfmarket.com/assets/icons/times-circle.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

input[type="search"]:focus::-webkit-search-cancel-button {

  opacity: .5;
  pointer-events: all;
}


input[type="search"].{
  background: #fff;
  color: #222;
}


input#serviceSuggest {
  width: 100%;
  text-transform: capitalize;
}

.autoComplete_wrapper > ul > li {
  padding: 5px 10px !important;

}

li.autoComplete_result::first-letter, input#serviceSuggest::first-letter {
  text-transform: capitalize;
}

.kbf-contact-wrapper {
  font-size: 0.9rem;
}

h1.company-title {
  font-size: 2rem;
  padding-bottom: 1rem;
  text-align: center;
  color: #b50000;
  letter-spacing: -2px;
}

.kbf-ci-line{
  margin-top:0.6rem;
  font-weight:500;
}

.kbf-ci-line svg.icon {
  font-size: 1.2rem;
  color: #b50000;
}

.kbf-contact-wrapper {
  margin-top: 0rem;
  font-size: 0.9rem;
}

div#maps_canvas {
  margin-top: 2rem;
}

.kbf-contact-wrapper h3 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 1rem;
}

input.error-state {
  border: 1px solid #bb0202;
}

.editor {
  background-color: #fff;
}

.editor {
  padding: 2rem;
}


.page-not-found {
  text-align: center;
  margin-top: 10vh;
  min-height: 100vh;
}

article {
  margin-top: 2rem;
}
ul, ul li {
  font-size: 1rem;
}

.accordion__panel.editor-property{
  padding:0px !important;
}

span.editor-panel-header {
  color: #b50000;
  font-size: 1.2rem;
}

ul.accordion.js-accordion.editor-properties {
  background-color: #f9f9f9;
  padding: 1rem;
  margin-bottom: 1rem;
}

.editor-properties .accordion__item:first-child {
  border-top: 0px;
}

.editor-properties .accordion__item:last-child {
  border-bottom: 0px;
}

.highlight {
  color: rgb(132 0 0);
  background-color: #fff;
  font-weight:500;
  /* padding: 2px 3px; */
  /* background-color: #ffffa4; */
}

.kbf-slab-props {
  background-color: #e4e4e4;
  color: #1b1b1b;
}

button#svs-search.slab-search {
 
  max-height: 3rem;
  height:unset;
}

















select.kbf-select {
  width: 100%;
  padding: 0.3rem;
  font-size: 1rem;
  border: 1px solid #d9d9d9;
  height: 2.5rem;
}

.colorselect {
  transition: all .2s ease-in-out; 
  cursor:pointer;
  /*border-radius: 1.8rem;*/
  padding: 0.2rem;
  width: 1.8rem;
  float: left;
  height: 1.8rem;
  border: 1px solid gray;
  margin-right: 0.4rem;
}


.colorselect.active {
  /* background-color: red; */
  transform: scale(1.1);
  padding: 0rem;
  border: 2px solid #ca1d5a;
}
.col-2.kbf_color_filter {

  padding: 0.3rem;
}

input.dimension-input {
  height: 2.5rem;
  /* padding: 0px 0px; */
  letter-spacing: -1px;
  border: 1px solid #c5c5c5;
}
.search-input.search-input--icon-right {
  height: 2.5rem;
}

button.reset-btn.btn {
  border: 1px solid #c7c7c7;
  background-color: #e5e5e5;
  border-radius: 0px;
}
.reset-wrapper{

  text-align:right;
}

input.dimension-input::placeholder {
  font-size: 0.9rem;
  color: red;
}

h1.kbf-title.slabs-h1 {
  margin-top: 4rem;
}
body.noheader .header__top {
  display: none;
}

button.reset-btn.btn {
  font-size: 1rem;
  font-weight: 500;
}

#modal-area-select .searchbox-slabs {
  margin-top: 1rem;
}
div#search-area-modal-btn {
  color: #787878;
  margin: auto;
  text-align: center;
  font-size: 1rem;
  width: auto;
  letter-spacing: -1px;
}
span.area-change {
  cursor:pointer;
  color: #df0000;
  font-weight: 500;
}

header.modal-header {
  height: 2rem;
  /* text-align: right; */
}
.area-select-close{

  float:right !important;
  cursor:pointer;
}

span.radius {
  color: #000;
}