.row-fluid [class*="span"].global-wrapper.header-nav-wrapper {
    padding: 27px 0px 30px 13px;
}
.search-trigger {
    margin-right: 8px !important;
}

.search-trigger a {
    padding-right: 13px !important;
    font-size: 14px !important;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, 
.main-nav .desktopmenu .hs-menu-wrapper > ul li ul > li > a {
    font-weight: 400;
    font-size: 18px !important;
}

.hero-seperator {
  background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" style="enable-background:new 0 0 2000 300" version="1.1" viewBox="0 0 2000 300"><style> .st0{fill:#23ffff} </style><switch><g><path d="m1000.03 174.75 717.26-37.59h.02l717.3 37.59.62-11.87-718-37.63h.04l-716.94 37.63h.01l-717.71-37.63h.04l-717.9 37.63.62 11.87 717.3-37.59h.02l717.3 37.59z" class="st0"/><path d="m2434.61 212.56.62-23.92-718-37.63h.04l-716.94 37.63h.01l-717.71-37.63h.04l-717.9 37.63.62 23.92z" class="st0"/></g></switch></svg>');
}

.billboard-content h1,
.billboard-content h2,
.billboard-content h3 {
  text-shadow: 2px 2px 3px #484848;
  margin-block-start: 0.1em;
  margin-block-end: 0;
}

.secondary-header {
    -webkit-margin-after: 0.5em;
    text-shadow: 2px 2px 6px #333;
    margin-block-start: 0.1em;
    margin-block-end: 0.1em;
    width: 94%;
}

b,
strong {
  font-weight: 700;
}

ul.cloud a {
  color: #fd8204;
}

.pretag {
    color: #ea8a1a !important;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: uppercase;
  	display: block;
}

.social-follow .social-follow__link i {
  padding: 0 !important;
}

.dropzone .persona-section .persona-block:hover a,
.dropzone .persona-section .persona-block:focus a,
.dropzone .persona-section .persona-block:hover a i,
.dropzone .persona-section .persona-block:focus a i,
.dropzone .persona-section .button-cta a:hover,
.dropzone .persona-section .button-cta a:focus {
    color: #555555 !important;  
    background-color: transparent !important;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li ul {
   padding-top:36px !important;  
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li a {
    letter-spacing: 0.1em;  
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li:after {
    content: "";
    bottom: 0;
    height: 1px;
    left: 50%;
    position: absolute;
    width: 0;
    background: #fd8204;
    -webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li:hover:after {
    width: 100%;
    margin-left: -50%;
    -webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li:has(.search-trigger):hover:after {
    width: 0%
}

.testimonial-block blockquote:before, 
.testimonial-slider blockquote:before {
    content: url(https://4149989.fs1.hubspotusercontent-na1.net/hubfs/4149989/konstruct/icon-quote.svg) !important;
  margin-left: 5px !important;
}

.testimonial-slider .slick-next:before, [dir=rtl] .testimonial-slider .slick-next:before {
    content: "\276F";
  color: #ffffff !important;
}

.persona-block:hover a,
.persona-block:focus a,
.persona-block:active a {
  color: #fd8204 !important;
  background-color: transparent!important;
}

.sidebar-item a[id^='cta_button_'] {
    background-color: transparent!important;
    border: 1px solid transparent!important
}

.sidebar-item a[id^='cta_button_']:hover,.sidebar-item a[id^='cta_button_']:focus {
    background-color: transparent!important;
    border: 1px solid transparent!important
}

form input[type=checkbox],form input[type=radio] {
    margin-top: 8px
}

.blurbbox .button-cta a {
    padding: 4px 14px 8px;
    border-radius: 6px
}

.hs-form-field .hs-error-msgs {
    color: #fd8204 !important;
    box-sizing: border-box;
    position: absolute;
    bottom: 100%;
    display: block;
    width: 100%;
    max-width: 320px;
    padding: .5em;
    border: 2px solid #fd8204;
    text-align: center;
    background: #ffffff;
    border-radius: 4px
}

.hs-form-field .hs-error-msgs:before {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 10px;
    height: 0;
    width: 0;
    margin-left: -6px;
    border: solid #fff0;
    border-color: #fff0;
    border-top-color: #fd8204;
    border-width: 6px;
    pointer-events: none
}


.dropzone .hs-form-field .hs-error-msgs *,
.invert .hero-form .hs-error-msgs label {
    background: #ffffff;
    color: #fd8204 !important;
    padding-left: 0;
}

.hs-form-required {
    color: #fd8204
}

.dropzone .slick-slide figure,
.dropzone .slick-slide figure img {
    margin: 0 !important;  
}
.testimonial-slider .slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    width: 20px;
}

.slick-dots li button {
    width: 12px !important;
    height: 12px !important;
    padding: 6px !important;
    color: #fd8204 !important;
    border: none !important;
    border-radius: 50% !important;
    -webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;
}

div.widget-type-gallery .slick-dots li button:before {
    display: none  !important;
}

.slick-dots li button:hover {
    width: 12px !important;
    height: 12px !important;
    padding: 6px !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 50% !important;
    color: transparent !important;
  
    -webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;
}

.slick-prev:before,.slick-next:before {
    font-size: 18px !important;
    padding: .75px 6.75px .75px 6.25px !important;
    width: 16px !important;
    height: 16px !important;
    background-color: #fd8204 !important;
    opacity: .75 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    -webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;
}

.testimonial-item span.author-name {
    font-size: 18px;
    clear: both;
    font-weight: 500;
    margin: 40px 0 14px;
    display: block;
    font-style: normal;
}

.testimonial-item span.author-title,
.testimonial-item span.author-company {
  font-size: 14px;
  font-style: normal;
}

.testimonial-slider .slick-dots li button:after {
  display: block;  
  font-size: 0px;
  position: absolute;
  top: -5px;
  left: 2px;
  content: "";
    background-color: transparent !important;
    border: 2px solid transparent !important;
    border-radius: 50%!important;
    color:  transparent !important;
    height: 12px!important;
    padding: 6px!important;
    width: 12px!important
    -webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;
}

.testimonial-slider .slick-dots li button:hover:after {
  display: block;  
  font-size: 0px;
  position: absolute;
  top: -5px;
  left: 2px;
  content: "";
    background-color: #fff!important;
    border: 2px solid#fd8204!important;
    border-radius: 50%!important;
    color: #fff!important;
    height: 12px!important;
    padding: 6px!important;
    width: 12px!important
    -webkit-transition: all 300ms ease 0.00ms;
    -o-transition: all 300ms ease 0.00ms;
    transition: all 300ms ease 0.00ms;
}

.slick-prev,.slick-next {
    background-color: transparent!important;
    border: 1px solid transparent!important
}

.hs-logo-carousel .slick-prev {
    left: 2px  !important;
}

.slick-prev:hover,.slick-next:hover,.slick-prev:focus,.slick-next:focus {
    background-color: transparent!important;
    border: 1px solid transparent!important
}

div.widget-type-gallery .slick-dots li button,div.widget-type-gallery .slick-dots li button:focus,div.widget-type-gallery .slick-dots li button:hover {
    width: 0!important;
    height: 0!important;
    padding: 8px!important;
    border: none!important;
    opacity: .8  !important;
}

div.widget-type-gallery .slick-dots li button:focus,div.widget-type-gallery .slick-dots li button:hover {
    background-color: #fd8204!important;
    opacity: 1
}

div.widget-type-gallery .slick-prev:before,div.widget-type-gallery .slick-next:before {
    padding: 0;
    background-color: #fff0;
    color: #fd8204!important
}

.slick-prev,.slick-next {
    font-size: 0 !important;
    line-height: 18px !important;
    height: 18px !important;
    position: absolute !important;
    top: calc(50% - 15px) !important;
    display: block !important;
    width: 18px !important;
    padding: 0 !important;
    -webkit-transform: translate(0,-50%) !important;
    -ms-transform: translate(0,-50%) !important;
    transform: translate(0,-50%) !important;
    cursor: pointer !important;
    color: #fff !important;
    border: none !important;
    outline: none !important;
    background: #fd8204 !important;
    z-index: 500 !important;
    opacity: .8 !important
}

.dropzone .slick-prev:before, .dropzone .slick-next:before {
    font-size: 18px !important;
    padding: .75px 6.75px .75px 6.25px;
    width: 18px;
    height: 18px;
    background-color: #fd8204;
    opacity: .75;
    border-radius: 50%;
    color: #ffffff !important;
}

.dropzone .slick-prev {
    left: 0 !important
}

.dropzone .slick-next {
   right: 22px !important;
}

.testimonial-slider .slick-prev {
    left: -35px;
}

.testimonial-slider .slick-next {
    right: -35px;
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: #fff !important;
    outline: none !important;
    background: #fd8204 !important;
    opacity: 1 !important
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: .8 !important
}

.dropzone .slick-slider button, .dropzone .slick-slider button:active, .dropzone .slick-slider button:hover, .dropzone .slick-slider button:focus {
    background: transparent !important;
    width: 0 !important;
}

.main-nav .desktopmenu .hs-menu-wrapper > ul li:has(.search-trigger):hover:after {
    width: 0% !important
}

.hs-search-field__button {
    padding: 0px 15px !important;
    height: 41px !important;
}

.greyscale-img img.hs-image-widget {
    -webkit-filter: grayscale(100%) brightness(125%);
    filter: grayscale(100%) brightness(100%)
}

.greyscale-img img.hs-image-widget:hover {
    -webkit-filter: grayscale(0%) brightness(100%);
    filter: grayscale(0%) brightness(100%)
}

.showrooms-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.showrooms-container .showroom {
    flex: 1;
    background: #f9f8f8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: rgb(0 0 0 / .05) 0 0 4px;
    flex-basis: 23%;
    flex-direction: column
}

.showrooms-container .showroom:not(:last-child) {
    margin-right: 2%
}

.showrooms-container .showroom .showroom-content {
    padding: 20px
}

.showrooms-container .showroom p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0
}

.showrooms-container .showroom .showroom-content h3 {
    padding-top: unset;
    padding-bottom: .5em
}

.showrooms-container .showroom .showroom-subheading * {
    line-height: 1.5em;
    padding-bottom: .5em
}

.showroom img {
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 100%
}

.filtered-rep-list {
    background: #ececec;
    padding: 20px 15px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap
}

.filtered-rep {
    flex: 0 33%;
    margin-bottom: 30px
}

.rep-c-1 .filtered-rep {
    margin-bottom: 0
}

.rep-c-2 .filtered-rep {
    margin-bottom: 0
}

.rep-c-3 .filtered-rep {
    margin-bottom: 0
}
.dropzone .grid-post-filter .dropdown_filter ul li {
    margin: 0px;
    min-width: 100%;
}

.dropzone .grid-post-filter .dropdown_filter ul li a {
    background: #ffffff;
    color: #555555;
    border: none;
    border-bottom: 1px solid #fd8204;
    padding: 0.5em 1em;
    border-radius: 0;
}

.dropzone .footer-container .footer-wdiget-wrapper {
  padding-top: 75px !important;  
}

.blog-grid .dropzone .footer-container .footer-wdiget-wrapper, 
.blog-list .dropzone .footer-container .footer-wdiget-wrapper {
  padding-top: 60px !important;  
}


.hs-form-field .hs-field-desc {
    font-style: italic
}

fieldset,input[type="text"],input[type="tel"],input[type="email"],select,textarea {
    background: #ffffff;
    outline: none;
    border: 1px solid #555555
}

.hs-form-field.hs-fieldtype-checkbox .input input,.hs-form-field.hs-fieldtype-radio .input input {
    margin-bottom: 0
}

.hs-form-field .input input::placeholder {
    color: #414141;
    font-style: italic;
    opacity: .2
}

.hs-form-field label {
    color: #414141;
    font-style: italic;
    opacity: .75
}

.hs-form-field label,.hs-form-field .hs-field-desc {
    color: #555555
}

input,select,textarea {
    color: #555555;
    border: 1px solid#555555;
    margin-bottom: 30px;
    border-radius: 0!important;
    border-color: #d8d7d7;
    background-color: #f6f6f6;
    padding: 15px 15px
}

.hs-form-field label,.hs-form-field .hs-field-desc {
    font-size: .9em
}

input[type="text"]:focus,input[type="tel"]:focus,input[type="email"]:focus,select:focus,textarea:focus {
    box-shadow: 0 0 5px#fd8204
}

select {
    background: right 10px center no-repeat;
    background-size: 10px 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNpi+P//PwMBwAvEPVDMi08hyCwmIgxrBmJ1KG4mZCgTEYYpI4kpEzKUiQTDiDKUiUTDkA1twWYoExmGwYASNkMZQTHDyMgIYnMAcQeRhiGDe0BcDsQ/0GNZEmorqUARqheRdqgFiEmHJIPBbyALWuD2AzEziWb8BeJCIL6P7sLnQPyADEc9BOIX2Lz8A4hrgfguiWmwBoi/4wrDzyQYCjPsM6FIIcbQu9gMwxfL+Ay9C5X7TGqywWYoXsOIzXokVQEAAQYA7gZCidvn93EAAAAASUVORK5CYII=)
}

.inputs-list,.inputs-list li:not(.hs-form-checkbox) {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left
}

.inputs-list li {
    padding-right: 10px
}

.span12 [id^="hs_cos_wrapper_widget"]:has(.oembed_container.oembed_container--full-size) {
    background-color: #f5961b !important;
    background-image: none !important;
    display: block !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 20px !important;
    text-align: center !important;
}

.span6 [id^="hs_cos_wrapper_widget"]:has(.oembed_container.oembed_container--full-size) {
    background-color: #f5961b !important;
    background-image: none !important;
    display: block !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
}
.blog-quick-links .hs-menu-wrapper li:first-child:before, .blog-quick-links span:first-child:before {
    content: "";
    margin-right: 0;
}
.blog-quick-links .hs-menu-wrapper li:before, .blog-quick-links span:before {
    color: #333;
    content: "|";
    margin-right: 1em;
}

.blog-grid .post-item .hs-featured-image {
    margin: 0 !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.blog-section .social-sharing {
    justify-content: left !important;
}

.blog-section .hs-featured-image {
    float: unset;
    margin: 20px 0;
    max-width: 100% !important;
    width: 100% !important;
}

.blog-grid .post-item .title-block, .blog-grid .post-item .blogsnippet {
    padding: 20px 20px 10px 20px !important;
}

.blog-grid .title-block {
    text-align: left !important;
}

.dropzone .blog-grid .post-item .more-link {
    margin: 15px 20px 10px;
}
.invert .more-link,
.invert .more-link:active,
.invert .more-link:visited {
    background: transparent !important;
    color: #555555 !important;
    border-color: rgba(253, 130, 4, 1) !important;
}
.invert .more-link:hover,
.invert .more-link:focus {
    background: rgba(253, 130, 4, 1) !important;
    color: #ffffff) !important;
    border-color: rgba(253, 130, 4, 1) !important;
}

.blog-grid .post-item .blogsnippet {
display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6; /* Approximates 50 words across 5 lines */
  overflow: hidden;
  text-overflow: ellipsis; 
}
.blog-grid .post-item .hs-featured-image-wrapper img {
    max-height: 144px;
    display: flex;
   max-width: 100%;
}
.blog-list .post-item {
    border-bottom: 1px solid #fd8204;
}

.post-item {
    margin: 0 0 20px;
    padding: 0 0 40px;
}
.blog-quick-links .hs-menu-wrapper {
    border-bottom: 1px solid rgb(68 68 68 / .2);
    border-top: 1px solid rgb(68 68 68 / .2);
    margin: 0 auto -20px;
    padding: 13px 0 7px;
  width: 100%;
  text-align: center;
}
.blog-quick-links ul {
  margin:0 auto !important; 
}

.widget-type-post_filter .widget-module ul li a {
   max-width: 100% !important; 
} 
.post-item .hs-featured-image-wrapper {
    display: flex;
    object-fit: cover;
    overflow: clip;
  flex-direction: column !important;
}

.widget-type-post_filter .widget-module a.filter-expand-link {
  display: none !important; 
}

.widget-type-post_filter .widget-module ul li, .widget-type-post_filter .widget-module a.filter-expand-link {
    display: inline-block;
    margin: 0 8px 16px 8px;
    min-width: max-content;
    text-align: center;
    list-style-type: none;
    float: left;
    border-radius: 0;
    width: calc(33.333% - 16px);
}



@media all and (min-width: 900px) {
  .custom-logo {
    margin-top: 12px;
    margin-bottom: 8px;
  }
 .dropzone .row-fluid .blog-content.span9 {
        width: calc(75% - 40px);
  }
}

@media all and (max-width: 900px) {
  .mobile-open .main-nav .hs-menu-wrapper > ul {
    max-width: 320px;
    min-height: fit-content;
    top: 58px;
    right: 27px;
    border-radius: 12px;
  } 
  
  .template-blog .main-nav .mobile-trigger {
    top: -7px !important;
  }
  
  .hs-menu-wrapper > ul li:first-of-type {
    border-top: none !important;
  }
  
  .hs-menu-wrapper > ul li:last-of-type {
    border-bottom:  1px solid rgba(255, 255, 255, 1) !important;
  }
  
  .hs-menu-wrapper > ul li:not(:last-child) {
        border-top: 1px solid rgba(255, 255, 255, 1) !important;
  }
  .hs-menu-wrapper > ul li:last-child  {
    border-top: 1px solid rgba(255, 255, 255, 1) !important;
    border-bottom: none !important;      
  }
  .hs-menu-wrapper > ul ul li, 
  .main-nav .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li {
        border-top: 1px solid rgba(255, 255, 255, 1) !important;
  }
}
  
@media all and (max-width: 768px) {
    .billboard-content .pretag {
      margin-top: 30px;
    }

    .dropzone .footer-container .row-depth-1.row-number-1 .row-fluid,
    .dropzone .footer-container .row-depth-1.row-number-1.dnd-section .row-fluid{
      clear: both;
      flex-direction: column-reverse;
      display: flex;

    }
    .dropzone .footer-container .dnd-section .span12.global-wrapper.widget-span,
    .dropzone .footer-container .footer-wdiget-wrapper {
      padding: 20px 20px !important;  
    }
  
    .showrooms-container {
      display:block;
      flex-wrap: unset
    }

    .showroom {
      display: block;
      flex-basis: unset!important;
      flex-direction: unset!important;
      margin-right: 0!important;
      margin-bottom: 20px
    }
    .filtered-rep {
        flex:100%
    }

    .text-image-section .row-fluid .text-side[class*=span] .inner-text {
        padding-top: 5%!important;
        max-height: calc(100vw - 30px)!important
    }

    .filtered-rep:not(:last-child) {
        padding-bottom: 20px
    }
  
    #hs_cos_wrapper_module_footer .social-follow {
        justify-content: center;
    }
  
    #hs_cos_wrapper_module_footer .social-follow__link {
       margin: 10%; 
    }
  

    .dropzone .footer-container .footer-wrapper .copyright,
    .dropzone .footer-container .footer-wdiget-wrapper * {
      text-align: center !important;
    }
}



@media all and (max-width: 480px) {
  .hs_cos_wrapper_type_logo img {
        max-width: calc(100vw - 80px) !important;
  }
  
  .row-fluid [class*="span"].global-wrapper.header-nav-wrapper {
    padding: 26px 0 22px 31px;
  }
  
  .header-container-wrapper .custom-logo,
  .footer-container-wrapper .hs_cos_wrapper_type_logo {
    min-height: 52px !important 
  }
  
}

@media all and (max-width: 360px) {
  .hs_cos_wrapper_type_logo img {
        max-width: calc(100vw - 110px) !important;
  }

  
  .row-fluid [class*="span"].global-wrapper.header-nav-wrapper {
    padding: 23px 0 22px 25px;
  }
  
  .header-container-wrapper .custom-logo,
  .footer-container-wrapper .hs_cos_wrapper_type_logo {
    min-height: 44px !important 
  }
  
}