html { overflow-x:hidden!important; }

.inter-tight-<uniquifier> {
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

:root {
  --cassiopeia-color-primary: #173e67;
  --body-font-size: 1.1rem;
  --body-font-color: rgb(83, 86, 90);
}

@media only screen and (max-width: 1280px) {
  :root { --body-font-size: 1rem; }
}

:root, [data-bs-theme="light"] {
  --body-font-family: "Inter Tight", sans-serif;
  --body-color: #53565a;
  --body-color-rgb: 83, 86, 90;
}

  body.wrapper-fluid .grid-child { max-width: 78%; }
  .footer.no-card { width:100%!important; margin-left:auto; margin-right:auto; } 
  body.wrapper-fluid footer > .grid-child { padding-left: 0em; padding-right: 0em; }

  body:not(.has-sidebar-right) .site-grid .container-component { grid-column-end: full-end; }
  body:not(.has-sidebar-left) .site-grid .container-component { grid-column-start: full-start; }

  #lgx-parallax125 .lgx-parallax-content-wrapper { width: 100%!important; padding-left: 2em; padding-right: 2em; }
  
  #lgx-parallax125 { 
  height:900px!important;
  background-image: image-set(
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg.jpg") 1x,
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg.jpg") 2x,
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg.jpg") 3x )!important; 
  }
  
  #lgx-parallax126 .lgx-parallax-content-wrapper { width: 78%!important; }
  
  #lgx-parallax126 {
  height: 1080px!important;
  background-image: image-set(
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg-2.jpg") 1x,
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg-2.jpg") 2x,
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg-2.jpg") 3x )!important; 
  }
  
  #lgx-parallax164 .lgx-parallax-content-wrapper { width: 78%!important; }

  #lgx-parallax164 {
  height: 1080px!important;
  background-image: image-set(
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg-2.jpg") 1x,
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg-2.jpg") 2x,
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg-2.jpg") 3x )!important; 
  }


  .topbar.no-card.top { width: 74% !important; margin-left: auto !important; margin-right: auto !important; }
  .grid-child { width: 78%; max-width: 78%; }

  .container-header .grid-child { padding-left: 2em; padding-right: 2em; }
  .blog-items.items-leading .blog-item { padding-left: 0em; padding-right: 0em; }
  .full-width-padding { padding-left: 0em; padding-right: 0em; }

  .wscale .full-width-banner { min-width:100%!important; }
  .banner-bg-1 .full-width-banner { max-width:74%!important; }
  .banner-bg-2 .full-width-banner { max-width:74%!important; }
  .banner-bg-3 .full-width-banner { max-width:74%!important; }

  #gallery-scope-1.igui-scope.ig-main-scope-wrapper.profile-1.ig-notphone { width:calc(100% - 4em)!important; margin-left:auto!important; margin-right:auto!important; }


.btn {
  --btn-padding-x: 1.5rem;
  --btn-padding-y: .6rem;
  --btn-font-size: 1.2rem;
  --btn-font-weight: 400;
}

.btn-primary {
  background-color: var(--cassiopeia-color-primary);
  border-color: var(--cassiopeia-color-primary);
}

.btn-primary:hover {
  background-color: rgb(250, 200, 56)!important;
  border-color: rgb(250, 200, 56)!important;
  color: var(--cassiopeia-color-primary)!important;
}

.btn-secondary {
  background-color: rgb(250, 200, 56)!important;
  border-color: rgb(250, 200, 56)!important;
  color: var(--cassiopeia-color-primary)!important;
}

.btn-secondary:hover {
  background-color: #fff!important;
  border-color: #fff!important;
}

.rsfp_thankou_popup_close_btn { top: -6px!important; }

input:focus, select:focus, textarea:focus, button:focus { outline: transparent!important; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Inter Tight", sans-serif; font-weight:500; color: #173e67 }

.page-header h1 { font-size:3rem!important; font-weight:600!important; }

h1, .h1 { font-size: 5rem; margin-bottom: 1rem; margin-left:.1rem; }
h2, .h2 { font-size: 3rem; line-height: 1.1; margin-bottom: 1rem; font-weight:600; }
h3, .h3 { font-size: 1.6rem; } 
h4, .h4 { font-size: 2rem; font-weight:600; color: rgb(250, 200, 56); margin-bottom: .5rem !important; }

.ig-menu-grid-text.igui-overlay.igui-light.igui-overlay-primary.igui-padding-small.igui-position-bottom h2 { font-size:1.4rem!important; }
.ig-menu-grid { margin-bottom: 3em; }
.igui-lightbox { background: rgb(23, 62, 103)!important; }
.igui-lightbox .ig-thumb-scroller-horizontal-inner { background: rgb(23, 62, 103)!important; }

#mod-custom133.mod-custom.custom h1 { font-size:3rem; margin-bottom:0px; }

@media (width >= 1367px) {
  h1, .h1 { font-size: 5rem; }
  h2, .h2 { font-size: 3rem; } 
  h3, .h3 { font-size: 1.6rem; } 
  h4, .h4 { font-size: 2rem; }
}

@media (max-width: 1366px) {
  h1, .h1 { font-size: 4.75rem; }
  h2, .h2 { font-size: 2.6rem; } 
  h3, .h3 { font-size: 1.4rem; } 
  h4, .h4 { font-size: 1.8rem; }
}

@media (max-width: 1200px) {
  h2, .h2 { font-size: 2.1rem; } 
  h3, .h3 { font-size: 1.2rem; } 
  h4, .h4 { font-size: 1.5rem; }
}

@media (max-width: 991px) {
  h1, .h1 { font-size: 3.2rem; }
  h2, .h2 { font-size: 2.1rem; } 
  h3, .h3 { font-size: 1.2rem; } 
  h4, .h4 { font-size: 1.4rem; }
}

@media (max-width: 600px) {
  h1, .h1 { font-size: 3.2rem; }
  h2, .h2 { font-size: 2.1rem; } 
  h3, .h3 { font-size: 1.2rem; } 
  h4, .h4 { font-size: 1.5rem; }
}

@media (max-width: 480px) {
  h1, .h1 { font-size: 3.2rem; }
  h2, .h2 { font-size: 2rem; line-height: 1.3; } 
  h3, .h3 { font-size: 1.2rem; } 
  h4, .h4 { font-size: 1.4rem; }
}

@media (max-width: 375px) {
  h2, .h2 { font-size: 1.6rem; } 
  h4, .h4 { font-size: 1.2rem; }
}

.fullwidth {
  margin-left: calc( -50vw + 50% + 0px );
  margin-right: calc( -50vw + 50% );
  max-width: calc( 100vw - 0px );
  padding-top: 30px;
  padding-bottom: 20px;
  margin-top: 0px;
}

.leaks h3 { font-size: 1.6rem!important; font-weight:600!important; }
.leaks { margin-top:4em; }
.leaks-2 { margin-top:3em; }
.leaks-2 h3 { font-size: 1.6rem!important; font-weight:600!important; margin-top: 4.5em; }
.leak-padding { padding-top:4em; padding-bottom:4em; }
.leak-padding h4 { margin-top: 2.4em; margin-bottom: 1rem; }
.leak-padding-2 { padding-top:4em; padding-bottom:4em; }
.leak-padding-2 h4 { padding-top: 1.25em; margin-bottom: 1rem; }
.leak-padding-3 { padding-top:4em; padding-bottom:4em; }
.leak-padding-3 h4 { padding-top: 2em; margin-bottom: 1rem; }

.main-bottom.fullwidth.faq .mod-custom.custom .services-wrapper-2 .full-width-banner .full-width-padding-5 h4 { margin-top:0em!important; }
.main-bottom.fullwidth.faq .mod-custom.custom .services-wrapper-2 .full-width-banner .full-width-padding-5 { padding-top:4em!important; padding-bottom:4em!important; }
.main-bottom.fullwidth.faq .mod-custom.custom .services-wrapper-2 .full-width-banner .full-width-padding-5 .services-article { margin-bottom:0px!important; }
.main-bottom.fullwidth.faq .mod-custom.custom .services-wrapper-2 { padding-top:0rem!important; padding-bottom:0rem!important; }

.accordion-button:not(.collapsed) { background-color:#173e67; color:#fff; box-shadow: none!important; --accordion-border-color: none!important; }
.accordion-button { background-color:#173e67; color:#fff; font-size:1.8rem; box-shadow: none!important; --accordion-border-color: none!important; }
.accordion-button:hover { color: rgb(250, 200, 56); --accordion-border-color: none!important; }
.accordion-body { background-color:#173e67; color:#fff; --accordion-border-color: none!important; } 
.accordion-item { border: #173e67; --accordion-border-color: none!important; }
.accordion { --accordion-border-color: none!important; }

.accordion-button.collapsed::after { background: url("https://designbrothers.uk/sites/rooftech/images/circle-arrow-down.png")!important; width:32px!important; height:32px!important; --accordion-border-color: none!important; }

.accordion-button:not(.collapsed)::after { background: url("https://designbrothers.uk/sites/rooftech/images/circle-arrow-down.png")!important; width:32px!important; height:32px!important; --accordion-border-color: none!important; }

.banner-bg-1 { background-image: url("https://designbrothers.uk/sites/rooftech/images/roofing-solutions-bromley-banner.jpg"); background-color: #fff; height:388px; background-repeat:no-repeat; background-size: cover; }
.banner-bg-1 div h2 { padding-top:160px; color:#fff; font-weight:600!important; } 
.banner-bg-1 .full-width-banner .row .col-lg-3.float-right p img { margin-left:auto!important; margin-right:0!important; }

.banner-bg-2 { background-image: url("https://designbrothers.uk/sites/rooftech/images/roof-inspections-croydon-banner.jpg"); background-color: #fff; height:388px; background-repeat:no-repeat; background-size: cover; }
.banner-bg-2 div h2 { padding-top:160px; color:#fff; font-weight:600!important; } 
.banner-bg-2 .full-width-banner .row .col-lg-3.float-right p img { margin-left:auto!important; margin-right:0!important; }

.banner-bg-3 { background-image: url("https://designbrothers.uk/sites/rooftech/images/roof-inspections-bromley-banner.jpg"); background-color: #fff; height:388px; background-repeat:no-repeat; background-size: cover; }
.banner-bg-3 div h2 { padding-top:160px; color:#fff; font-weight:600!important; } 
.banner-bg-3 .full-width-banner .row .col-lg-3.float-right p img { margin-left:auto!important; margin-right:0!important; }

.about-spacer { margin-top:2rem!important; }

.review-wrap .full-width-banner p a { color: rgb(250, 200, 56)!important; }
.review-wrap .full-width-banner p a:hover { color: #fff!important; }

.main-bottom.fullwidth { background-color: var(--cassiopeia-color-primary); padding-top:0rem; padding-bottom:0rem; }
.bottom-b.fullwidth { background-color: var(--cassiopeia-color-primary); padding-top:3rem; padding-bottom:3rem; }

.full-width-banner { width:78%; margin-left:auto; margin-right:auto; }
.full-width-banner-2 { width:100%; margin-left:auto; margin-right:auto; }
.full-width-footer { width:78%; margin-left:auto; margin-right:auto; }

.full-width-banner .row > * { --gutter-x: 1em;  }
.full-width-padding { padding-top:3em; padding-bottom:5em; }
.full-width-padding-2 { padding-top:3em; padding-bottom:4em; }
.full-width-padding-3 { padding-top:3em!important; padding-bottom:4em!important; }

.bootstrop-wrapper { background-color:#fff!important; border-radius:10px; }
.bootstrop { max-width:30%; display:inline-block; vertical-align: top; }
.bootstrop p img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.bootstrop-text { max-width:69%; display:inline-block; vertical-align: top; padding: 1em; }

.choose { padding:1.25rem; border-radius:10px; border-width:2px; border-style:solid; border-color:var(--cassiopeia-color-primary); margin-bottom:1.25rem; background-color: #fff; }
.choose .row { --gutter-x: 1.25em; }
.choose h1 { margin-bottom: 1.5rem; }
.choose h3 { text-align:center; font-weight:600; }
.choose p { text-align:center; }

.choose-2 { padding:1.25rem; border-radius:10px; border-width:2px; border-style:solid; border-color:var(--cassiopeia-color-primary); margin-bottom:1.25rem; background-color: #fff; height: 160px; }
.choose-2 .row { --gutter-x: 1.25em; }
.choose-2 h1 { margin-bottom: 1.5rem; }
.choose-2 h3 { text-align:center; font-weight:600; }
.choose-2 p { text-align:center; }

.choose-3 { padding:1.25rem; border-radius:10px; border-width:2px; border-style:solid; border-color:var(--cassiopeia-color-primary); margin-bottom:1.25rem; background-color: #fff; }
.choose-3 .row { --gutter-x: 1.25em; }
.choose-3 h1 { margin-bottom: 1.5rem; }
.choose-3 h3 { font-size:1.1rem; text-align:center; font-weight:600; }
.choose-3 p { text-align:center; }

.row .col-lg-6 .flit p img { min-width: 100% !important; border-radius: 10px!important; }
#mod-custom155.mod-custom.custom p img { border-radius: 10px!important; }
#mod-custom156.mod-custom.custom p img { border-radius: 10px!important; }
#mod-custom159.mod-custom.custom p img { border-radius: 10px!important; }
#mod-custom161.mod-custom.custom p img { border-radius: 10px!important; }

.services-article { margin-bottom:2em; }
.services-wrapper { margin-bottom:3.5em; }
.services-wrapper-2 { padding-top: 2em; padding-bottom: .75em; }

.why-wrapper { background-color:transparent!important; border-radius:10px; border-style:solid; border-width:2px; border-color:#fff; padding:1.25em; height:345px; margin-top: 1.5rem; }
.why-wrapper p img { border-radius:10px; }
.why-wrapper p { font-size: 1.1rem; text-align: left; }

::placeholder {  }
.form-select {  }
.lgx-parallax-text div .row .col-lg-6 form#userForm #rsform_3_page_0.formContainer { padding:1.5em; background-color: rgba(151, 150, 150, 0.7)!important; border-radius:10px; }
button#Submit.rsform-submit-button.btn.btn-primary { min-width:100%!important; margin-bottom: -1rem; }
form#userForm p.formRed { display:none!important; }
.formControls div { display:none!important; }

#mod-custom131.mod-custom.custom p a img { margin-top:.5rem; }
.menu.no-card.approved { max-width:150px!important; }

#mod-custom146.mod-custom.custom { margin-top:3rem; }

#mod-custom127.mod-custom.custom .row .col-lg-6 form#userForm #rsform_3_page_0.formContainer { padding:1.5em; background-color: var(--cassiopeia-color-primary); border-radius:10px; }
#mod-custom127.mod-custom.custom .row .col-lg-6 form#userForm #rsform_3_page_0.formContainer .row .col-md-12 .rsform-block.rsform-block-quote.rsform-type-freetext { display:none!important; }
#mod-custom127.mod-custom.custom .row .col-lg-6 p a { color: #173e67!important; font-size:1.6rem; text-decoration:none; font-weight:600; }
#mod-custom127.mod-custom.custom .row .col-lg-6 p a:hover { color:rgba(151, 150, 150, 1) !important; }

#mod-custom127.mod-custom.custom .row .col-lg-6 form#userForm #rsform_3_page_0.formContainer .row .col-md-12 .mb-3.rsform-block.rsform-block-submit.rsform-type-submitbutton .formControls button#Submit.rsform-submit-button.btn.btn-primary { background-color: rgb(250, 200, 56)!important; border-color: rgb(250, 200, 56)!important; color: var(--cassiopeia-color-primary)!important; }

#mod-custom127.mod-custom.custom .row .col-lg-6 form#userForm #rsform_3_page_0.formContainer .row .col-md-12 .mb-3.rsform-block.rsform-block-submit.rsform-type-submitbutton .formControls button#Submit.rsform-submit-button.btn.btn-primary:hover { background-color: #fff!important; border-color: #fff!important; color: var(--cassiopeia-color-primary)!important; }

#mod-custom124.mod-custom.custom .full-width-banner p { color:#fff!important; }

#mod-custom152.mod-custom.custom .full-width-banner .full-width-padding { padding-bottom: 4em; }

#mod-custom153.mod-custom.custom .row .col-lg-6 .flit p img { min-width:100%!important; border-radius: 10px; }
#mod-custom153.mod-custom.custom { padding-top:3em; padding-bottom:4em; }
#mod-custom153.mod-custom.custom h4 { margin-top: 4em; }

.counter { margin-top:3rem; margin-bottom:3rem; }

.nudge { margin-top:.9em; }

.blog-items.items-leading .blog-item { padding-top:2rem; padding-bottom:4rem; }
.com-content-article.item-page figure.left.item-image { min-width:100%!important; }
.com-content-article.item-page figure.left.item-image img { min-width:100%!important; }
.com-content-category-blog.blog .com-content-category-blog__items.blog-items.columns-2 .com-content-category-blog__item.blog-item .item-content h2 { font-size:2.4rem; }
.com-content-article.item-page .com-content-article__body .cat-blog > h2 { font-size:1.8rem!important; font-weight:500!important; color: var(--cassiopeia-color-primary)!important; }
.com-content-article.item-page .com-content-article__body .cat-blog > h3 { font-size:1.8rem!important; font-weight:500!important; color: var(--cassiopeia-color-primary)!important; }
.com-content-article.item-page .com-content-article__body .cat-blog > h4 { font-size:1.8rem!important; font-weight:500!important; color: var(--cassiopeia-color-primary)!important; }
.com-content-article.item-page .com-content-article__body .cat-blog { margin-bottom:4em; }
span.icon-chevron-right { display:none!important; }
p.readmore a.btn-secondary { background-color: var(--cassiopeia-color-primary) !important; border-color: var(--cassiopeia-color-primary) !important; color: #fff !important; }
p.readmore a.btn-secondary:hover { background-color: rgb(250, 200, 56) !important; border-color: rgb(250, 200, 56) !important; color: var(--cassiopeia-color-primary)!important; }

#mod-custom119.mod-custom.custom .row { --gutter-x: 1em; }
#mod-custom119.mod-custom.custom .row .col-lg-6 p img { border-radius: 10px; } 
#mod-custom119.mod-custom.custom { padding-top: 4em; padding-bottom: 5em; }

#mod-custom118.mod-custom.custom .row { margin-bottom:1.25rem!important; }
#mod-custom118.mod-custom.custom p { margin-bottom:0px!important; }

.com-content-article.item-page .com-content-article__body .full-width-banner .full-width-padding .row { margin-bottom:1.25rem!important; }
.com-content-article.item-page .com-content-article__body .full-width-banner .full-width-padding .row .col-lg-6 .bootstrop-wrapper { background-color: #fff !important; border-radius: 10px; border-width:1px; border-style:solid; border-color:var(--cassiopeia-color-primary); }
.com-content-article.item-page .com-content-article__body .full-width-banner .full-width-padding { padding-top:0px; padding-bottom:3em; }
.com-content-article.item-page .com-content-article__body .full-width-banner .full-width-padding .row .col-lg-6 .bootstrop-wrapper .bootstrop-text p { margin-bottom:0px!important; }

#mod-custom165.mod-custom.custom .full-width-banner .full-width-padding-3 .row { margin-bottom:1.25rem!important; }
#mod-custom165.mod-custom.custom .full-width-banner .full-width-padding-3 .row .col-lg-6 .bootstrop-wrapper { background-color: #fff !important; border-radius: 10px; border-width:1px; border-style:solid; border-color:var(--cassiopeia-color-primary); }
#mod-custom165.mod-custom.custom .full-width-banner .full-width-padding-3 { padding-top:0px; padding-bottom:3em; }
#mod-custom165.mod-custom.custom .full-width-banner .full-width-padding-3 .row .col-lg-6 .bootstrop-wrapper .bootstrop-text p { margin-bottom:0px!important; }

body.wrapper-fluid .site-grid { grid-gap: 0 0em; }

.header { border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: rgb(0, 51, 104); }

#mod-custom115.mod-custom.custom p a img { margin-top: .5rem; margin-bottom: 1rem;}

.container-header {
  z-index: 10;
  background-color:#fff;
  background-image: none;
  box-shadow: inset 0 0px 0px #00000008;
}

.container-header .grid-child { padding-left:0px; padding-right:0px; }
.container-header .container-nav { padding-bottom: 5px; padding-top: 0px;  }

#mod-custom114.mod-custom.custom p a i.fa.fa-instagram { font-size:27px!important; top: 0px; position: relative; }
#mod-custom114.mod-custom.custom p a i.fa-brands.fa-facebook { font-size:24px!important; top: -2px; position: relative; }
#mod-custom114.mod-custom.custom p a:hover { color:rgb(250, 200, 56)!important; }
#mod-custom114.mod-custom.custom p a { text-decoration:none!important; font-weight:600; color: #fff !important; }

.container-topbar { display: flex; justify-content: space-between; align-items: center; width: 100%; height:3em; margin-bottom: .5rem; background-color: #173e67!important; color:#fff!important; }

#dj-megamenu110offcanvas ul.dj-mobile-light li.dj-mobileitem > a { color: rgba(46, 49, 59, 1) !important; }
#dj-megamenu110offcanvas ul.dj-mobile-light li.dj-mobileitem > a:hover { color: rgba(151, 150, 150, 1) !important; }
#dj-megamenu110offcanvas ul.dj-mobile-light li.dj-mobileitem a { font-size:1rem!important; font-weight:400!important; }

.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn { background: rgba(151, 150, 150, 1)!important; color: #fff!important; }

.dj-mobile-open-btn.active .dj-mobile-open-icon, .dj-megamenu-select-light .dj-mobile-open-btn:focus, .dj-megamenu-select-light:hover .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-light .dj-mobile-open-btn:focus, .dj-megamenu-accordion-light .dj-mobile-open-btn:hover, .dj-megamenu-accordion-light .dj-mobile-open-btn:focus { background: rgba(151, 150, 150, 1)!important; color: #fff!important; }

.dj-megamenu-clean li a.dj-up_a .dj-icon { max-height: 60px!important; }
li.dj-up.itemid134 a.dj-up_a { padding-right:0px!important; padding-left:30px!important; }

.dj-megamenu-wrapper { margin-top: 1.1rem; }

.dj-megamenu-clean li a.dj-up_a { color: rgb(46, 49, 59)!important; font-weight:300!important; font-size: 1.1rem!important; }

.dj-megamenu-clean li.dj-up.itemid120 a.dj-up_a { padding-right:0px!important; }

.dj-megamenu-clean li.dj-up.itemid120 a.dj-up_a > span { background-color:rgb(250, 200, 56)!important; padding-left: 30px; padding-right: 30px; border-radius:5px; color: #173e67!important; font-weight:600!important; }

.dj-megamenu-clean li.dj-up.itemid120 a:hover.dj-up_a > span { background-color:#173e67!important; padding-left: 30px; padding-right: 30px; border-radius:5px; color: #fff!important; font-weight:600!important; }

.dj-megamenu-clean li div.dj-subwrap { margin-top:.975rem!important; margin-left:1rem!important; }

.dj-megamenu-clean li ul.dj-submenu > li > a { color: rgb(46, 49, 59)!important; font-weight:300!important; font-size: 1.1rem!important; line-height: 2!important; }

.dj-megamenu-clean li ul.dj-submenu > li > a:hover { color: rgb(250, 200, 56) !important; font-weight:300!important; font-size: 1.1rem!important; background-color: #173e67!important; }

.mod-list li a { color: #fff!important; }
.mod-list li a:hover { color: rgb(250, 200, 56)!important; text-decoration:none!important; }
.mod-list li.active > a { text-decoration: none; }

.new-footer-1.no-card h3 { color: rgb(250, 200, 56)!important; font-weight: 600; }
.new-footer-2.no-card h3 { color: rgb(250, 200, 56)!important; font-weight: 600; }
.new-footer-3.no-card h3 { color: rgb(250, 200, 56)!important; font-weight: 600; margin-bottom:1rem!important; }

#mod-custom129.mod-custom.custom p a { color:#fff!important; text-decoration:none; }
#mod-custom129.mod-custom.custom p a:hover { color: rgb(250, 200, 56)!important; }

#mod-custom128.mod-custom.custom h3 { color: rgb(250, 200, 56)!important; font-weight: 600; margin-top:1rem!important; margin-bottom:1rem!important; }

.full-width-banner .row .col-lg-3 form#userForm #rsform_4_page_0.formContainer .row .col-md-12 { margin-top:0px!important; --gutter-x: 1em!important; }

.why-wrapper-2 {
  background-color: var(--cassiopeia-color-primary);
  border-radius: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #000;
  padding: 2em;
  margin-top: -3.5em;
}

.why-wrapper-2 p img { border-radius: 10px; }
.contact-article h1 { font-size: 3rem; line-height: 1.1; margin-bottom: 1rem; font-weight: 600; margin-bottom: -3rem; }
.contact-article h5 { font-size: 1.6rem; color:#fff; font-weight:500; }

.services-article h1 { font-size: 3rem!important; line-height: 1.1; margin-bottom: 1rem; font-weight: 600!important; text-align:center; margin-bottom: 1.5rem; }
.services-article h5 { font-size: 1.6rem; color:#fff; font-weight:500; text-align:center; }

form#userForm #rsform_4_page_0.formContainer .row .col-md-12 .mb-3.rsform-block.rsform-block-submit.rsform-type-submitbutton .formControls button#Submit.rsform-submit-button.btn.btn-primary {  background-color: rgb(250, 200, 56)!important; border-color: rgb(250, 200, 56)!important; color: var(--cassiopeia-color-primary)!important; position: relative; right: 0px; left: 181px; top: -61px; --btn-padding-y: .5rem!important; font-size: 1.1rem; border-bottom-left-radius:0px!important; border-top-left-radius:0px!important; --btn-padding-x: 1rem; }

form#userForm #rsform_4_page_0.formContainer .row .col-md-12 .mb-3.rsform-block.rsform-block-email.rsform-type-textbox { max-width:180px!important;  }

form#userForm #rsform_4_page_0.formContainer .row .col-md-12 .mb-3.rsform-block.rsform-block-email.rsform-type-textbox .formControls input { border-bottom-right-radius:0px!important; border-top-right-radius:0px!important; }

form#userForm #rsform_4_page_0.formContainer .row .col-md-12 .mb-3.rsform-block.rsform-block-submit.rsform-type-submitbutton { max-width:30%!important; }

.carousel-control-prev-icon, .carousel-control-next-icon { background-color: none; top:-30px!important; }
.carousel-control-prev-icon { left:-85px!important; max-width: 30px!important; position: relative; }
.carousel-control-next-icon { right:-85px!important; max-width: 30px!important; position: relative; }

#carouselExampleControls2.carousel.slide .carousel-control-prev-icon { top:0px!important; }
#carouselExampleControls2.carousel.slide .carousel-control-next-icon { top:0px!important; } 

.review-wrap { padding-top:5em; padding-bottom:5em; }

.foot-wrap { margin-left:40px; }
.foot-wrap-2 { margin-left:60px; }

.footer .grid-child { padding: 1rem .5em; justify-content: left; align-items: normal; }
.footer2 p a i.fa-brands.fa-facebook { font-size:1.75rem; }
.footer2 p a i.fa.fa-instagram { font-size:1.9rem; }
.footer2 p a { color:#fff!important; }
.footer2 p a:hover { color:var(--cassiopeia-color-primary)!important; }

.footer {
  color: #fff;
  background-color: rgba(151, 150, 150, 1)!important;
  background-image: none!important;
  margin-top: -.6rem;
}

.blog-items.items-leading .blog-item .item-content .row .col-lg-6 .double h4 { margin-top:6rem!important; }
.com-content-article.item-page .com-content-article__body .row .col-lg-6 .double h4 { margin-top:6rem!important; }


.footer1 { margin-top: 1rem; width: 320px; }
.footer2 { float:right; margin-top: -1.75rem; }
.mod-footer { min-width:100%!important; }

@media only screen and (min-width: 801px) {
 .carousel-swap-small { display:none; }
} 

@media only screen and (max-width: 800px) {
 .carousel-swap-large { display:none; }
}

@media only screen and (min-width: 3101px) and (max-width: 3840px) {
  #lgx-parallax126 .lgx-parallax-content-wrapper { width: 42%!important; }
  #lgx-parallax164 .lgx-parallax-content-wrapper { width: 42%!important; }
  .topbar.no-card.top { width: 40% !important; margin-left: auto !important; margin-right: auto !important; }
  .grid-child { width: 42%!important; max-width: 42%!important; }
  .banner-bg-1 .full-width-banner { max-width:42%!important; }
  .banner-bg-2 .full-width-banner { max-width:42%!important; }
  .banner-bg-3 .full-width-banner { max-width:42%!important; }
  .full-width-banner { width:42%; margin-left:auto; margin-right:auto; }
  .full-width-footer { width:42%; margin-left:auto; margin-right:auto; }
}

@media only screen and (min-width: 2800px) and (max-width: 3100px) {
  #lgx-parallax126 .lgx-parallax-content-wrapper { width: 52%!important; }
  #lgx-parallax164 .lgx-parallax-content-wrapper { width: 52%!important; }
  .topbar.no-card.top { width: 50% !important; margin-left: auto !important; margin-right: auto !important; }
  .grid-child { width: 52%!important; max-width: 52%!important; }
  .banner-bg-1 .full-width-banner { max-width:52%!important; }
  .banner-bg-2 .full-width-banner { max-width:52%!important; }
  .banner-bg-3 .full-width-banner { max-width:52%!important; }
  .full-width-banner { width:52%; margin-left:auto; margin-right:auto; }
  .full-width-footer { width:52%; margin-left:auto; margin-right:auto; }
}

@media only screen and (min-width: 2561px) and (max-width: 2799px) {
  #lgx-parallax126 .lgx-parallax-content-wrapper { width: 52%!important; }
  #lgx-parallax164 .lgx-parallax-content-wrapper { width: 52%!important; }
  .topbar.no-card.top { width: 50% !important; margin-left: auto !important; margin-right: auto !important; }
  .grid-child { width: 52%!important; max-width: 52%!important; }
  .banner-bg-1 .full-width-banner { max-width:52%!important; }
  .banner-bg-2 .full-width-banner { max-width:52%!important; }
  .banner-bg-3 .full-width-banner { max-width:52%!important; }
  .full-width-banner { width:52%; margin-left:auto; margin-right:auto; }
  .full-width-footer { width:52%; margin-left:auto; margin-right:auto; }
}

@media only screen and (min-width: 2200px) and (max-width: 2560px) {
  #lgx-parallax126 .lgx-parallax-content-wrapper { width: 60%!important; }
  #lgx-parallax164 .lgx-parallax-content-wrapper { width: 60%!important; }
  .topbar.no-card.top { width: 58% !important; margin-left: auto !important; margin-right: auto !important; }
  .grid-child { width: 60%!important; max-width: 60%!important; }
  .banner-bg-1 .full-width-banner { max-width:60%!important; }
  .banner-bg-2 .full-width-banner { max-width:60%!important; }
  .banner-bg-3 .full-width-banner { max-width:60%!important; }
  .full-width-banner { width:60%; margin-left:auto; margin-right:auto; }
  .full-width-footer { width:60%; margin-left:auto; margin-right:auto; }
}

@media only screen and (max-width: 1728px) {
  body.wrapper-fluid .grid-child { max-width: 85%!important; }
  #lgx-parallax126 .lgx-parallax-content-wrapper { width: 85%!important; }
  #lgx-parallax164 .lgx-parallax-content-wrapper { width: 85%!important; }
  .topbar.no-card.top { width: 81% !important; margin-left: auto !important; margin-right: auto !important; }
  .grid-child { width: 85%!important; max-width: 85%!important; }
  .banner-bg-1 .full-width-banner { max-width:81%!important; }
  .banner-bg-2 .full-width-banner { max-width:81%!important; }
  .banner-bg-3 .full-width-banner { max-width:81%!important; }
  .full-width-banner { width:85%; margin-left:auto; margin-right:auto; }
  .full-width-footer { width:85%; margin-left:auto; margin-right:auto; }
}

@media only screen and (max-width: 1600px) {
  .banner-bg-1 { height: 300px; }
  .banner-bg-1 div h2 { padding-top: 125px; }
  .banner-bg-1 .full-width-banner .row .col-lg-3.float-right p img { height: 300px; }
  .banner-bg-2 { height: 300px; }
  .banner-bg-2 div h2 { padding-top: 125px; }
  .banner-bg-2 .full-width-banner .row .col-lg-3.float-right p img { height: 300px; }
  .banner-bg-3 { height: 300px; }
  .banner-bg-3 div h2 { padding-top: 125px; }
  .banner-bg-3 .full-width-banner .row .col-lg-3.float-right p img { height: 300px; }

  .blog-items.items-leading .blog-item .item-content .row .col-lg-6 .double h4 { margin-top:7rem!important; }
  .com-content-article.item-page .com-content-article__body .row .col-lg-6 .double h4 { margin-top:7rem!important; }
}

@media only screen and (max-width: 1512px) {
  #gallery-scope-1.igui-scope.ig-main-scope-wrapper.profile-1.ig-notphone { width: calc(100% + 0em) !important; margin-left: 0 !important; margin-right: 0 !important; }
  body.wrapper-fluid .grid-child { max-width: 100% !important; margin-left: 0; margin-right: 0; min-width: 100%; }
  .topbar.no-card.top { width: 100% !important; margin-left: 2em !important; margin-right: 2em !important; }
  .grid-child { width: 100%; max-width: 100%; }
  .container-header .grid-child { padding-left: 2em; padding-right: 2em; }
  #lgx-parallax125 .lgx-parallax-content-wrapper { width: 100%!important; padding-left: 2em; padding-right: 2em; }
  .full-width-banner { width: 100%; margin-left: 0; margin-right: 0; padding-left: 0em; padding-right: 0em; }
  .blog-items.items-leading .blog-item { padding-left: 0em; padding-right: 0em; }
  .full-width-padding { padding-left: 0em; padding-right: 0em; }
  #mod-custom119.mod-custom.custom .row { --gutter-x: 1em; }
  #mod-custom119.mod-custom.custom { padding-left: 2em; padding-right: 2em; }
  .full-width-banner-2 { width: 100%; margin-left: 0; margin-right: 0; padding-left: 2em; padding-right: 2em; }
  #lgx-parallax126 .lgx-parallax-content-wrapper { width: 100%!important; }
  #mod-custom122.mod-custom.custom { padding-left:2em; padding-right:2em; }
  #mod-custom127.mod-custom.custom { padding-left:2em; padding-right:2em; }
  .full-width-footer { width:100%; margin-left:0; margin-right:0; padding-left:2em; padding-right:2em; }
  .com-content-article.item-page { padding-left:0em; padding-right:0em; }
  .com-content-article__body { padding-left:0em; padding-right:0em; }
  main { padding-left:2em; padding-right:2em; }
  .footer.no-card { width: 100% !important; margin-left: 0em; margin-right: 0em; padding-left: 1.5em; padding-right: 1.5em; }
  #mod-custom118.mod-custom.custom { padding-left:2em; padding-right:2em; }
  #mod-custom146.mod-custom.custom { padding-left:2em; padding-right:2em; }
  #mod-custom152.mod-custom.custom .full-width-banner { padding-left:2em; padding-right:2em; }
  #mod-custom153.mod-custom.custom { padding-left:2em; padding-right:2em; }
  .services-wrapper-2 { padding-left:2em; padding-right:2em; }
  button.accordion-button { padding-left:0em; padding-right:0em; }
  .accordion-body { padding-left:0em; padding-right:0em; }
  #mod-custom155.mod-custom.custom .leak-padding { padding-left:2em; padding-right:2em; }
  #mod-custom156.mod-custom.custom .leak-padding-2 { padding-left:2em; padding-right:2em; }
  .new-wrapper .full-width-banner .full-width-padding-2 { padding-left:2em; padding-right:2em; }
  #mod-custom159.mod-custom.custom .leak-padding-3 { padding-left:2em; padding-right:2em; }
  #mod-custom161.mod-custom.custom .leak-padding-3 { padding-left:2em; padding-right:2em; }
  #mod-custom165.mod-custom.custom { padding-left:2em; padding-right:2em; }
  #lgx-parallax164 .lgx-parallax-content-wrapper { width: 100%!important; }
  .banner-bg-1 .full-width-banner { padding-left:2em; padding-right:2em; max-width: 100% !important; }
  .banner-bg-2 .full-width-banner { padding-left:2em; padding-right:2em; max-width: 100% !important; }
  .banner-bg-3 .full-width-banner { padding-left:2em; padding-right:2em; max-width: 100% !important; }
}

@media only screen and (max-width: 1440px) {
  #lgx-parallax125 .lgx-parallax-text { font-size: 20px!important; }
  #lgx-parallax125 { height: 740px!important; }
  .blog-items.items-leading .blog-item { padding-top: 0rem; padding-bottom: 1.5rem; }
  #mod-custom118.mod-custom.custom .full-width-padding { padding-top: 2em; padding-bottom: 3.5em; }
  #mod-custom119.mod-custom.custom { padding-top: 3em; padding-bottom: 4em; }
  #lgx-parallax126 { height: 980px!important; }
  .full-width-banner-2 h4 { margin-top: -.5em!important; }
  .nudge { margin-top: 0em; margin-bottom: -.8em; }
  .review-wrap { padding-top: 4em; padding-bottom: 4em; }
  #mod-custom127.mod-custom.custom .full-width-padding-2 { padding-top: 2em!important; padding-bottom: 3em!important; } 
  .foot-wrap-2 { margin-left: 40px; }
  .foot-wrap { margin-left: 30px; }
  .blog-items.items-leading .blog-item .item-content .row .col-lg-6 .double h4 { margin-top:7rem!important; }
  .com-content-article.item-page .com-content-article__body .row .col-lg-6 .double h4 { margin-top:7rem!important; }
}

@media only screen and (max-width: 1366px) {
  .foot-wrap { margin-left: 0px; }
  .foot-wrap-2 { margin-left: 25px; }
  #lgx-parallax125 .lgx-parallax-text { font-size: 18px !important; }
  .full-width-banner .row .col-lg-6 h1 { font-size: 4.75rem!important; }
  #mod-custom118.mod-custom.custom h3 { font-size: 1.4rem; } 
  .why-wrapper p { font-size:1.3vw!important; }
  .why-wrapper { padding:.9em!important; height: 332px; }
  #mod-custom127.mod-custom.custom .row .col-lg-6 p a { font-size: 1.4rem; }
  #mod-custom118.mod-custom.custom p { line-height: 1.4; }
  #mod-custom119.mod-custom.custom h4 { margin-top: 4rem !important; }
  .nudge h4 { margin-top: 2em!important; }
  #lgx-parallax125 { height: 700px !important; }
  #lgx-parallax126 { height: 940px !important; }
  .full-width-footer { padding-right: 2em; }
  .blog-items.items-leading .blog-item .item-content .row .col-lg-6 .double h4 { margin-top:6rem!important; }
  .com-content-article.item-page .com-content-article__body .row .col-lg-6 .double h4 { margin-top:6rem!important; }
  #mod-custom133.mod-custom.custom h1 { font-size: 2.6rem; }
  .page-header h1 { font-size: 2.6rem !important; }
  .com-content-category-blog.blog .com-content-category-blog__items.blog-items.columns-2 .com-content-category-blog__item.blog-item .item-content h2 { font-size: 2.1rem; }
  .contact-article h1 { font-size: 2.6rem; }
  .services-article h1 { font-size: 2.6rem !important; }
  .choose-3 { padding: 1rem; margin-bottom:1rem; }
  .choose-3 p { font-size:1rem!important; }
}

@media only screen and (max-width: 1280px) {
  .btn { --btn-font-size: 1.1rem; }
  .full-width-banner .row .col-lg-6 h1 { font-size: 5.9vw !important; }
  .nudge h4 { margin-top: 1.5em !important; }
  .why-wrapper { height: 320px; }
  #lgx-parallax126 { height: 900px !important; }
  #mod-custom119.mod-custom.custom h4 { margin-top: 2.5rem !important; }
  .full-width-footer { padding-right: 2.6em!important; }
  .mod-list li a { color: #fff !important; font-size: .925rem!important; }
  #mod-custom128.mod-custom.custom p { font-size: .925rem!important; } 
  #mod-custom129.mod-custom.custom p { font-size: .925rem!important; } 
  #mod-custom129.mod-custom.custom p a { font-size: .925rem!important; } 
  .full-width-footer .row { --gutter-x: 3em; }
  form#userForm #rsform_4_page_0.formContainer .row .col-md-12 .mb-3.rsform-block.rsform-block-email.rsform-type-textbox {
  max-width: 130px !important; }
  #rsform_4_page_0.formContainer .row .col-md-12 { width: 90%!important; }
  form#userForm #rsform_4_page_0.formContainer .row .col-md-12 .mb-3.rsform-block.rsform-block-submit.rsform-type-submitbutton .formControls button#Submit.rsform-submit-button.btn.btn-primary { left: 132px; font-size: .925rem; top: -56px; }
  #mod-custom128.mod-custom.custom h3 { font-size: 1.25rem!important; }
  form#userForm #rsform_4_page_0.formContainer .row .col-md-12 .mb-3.rsform-block.rsform-block-email.rsform-type-textbox .formControls input { font-size: .925rem !important; padding: .5rem 1rem; }
  .carousel-control-prev-icon { left: -70px !important; }
  .carousel-control-next-icon { right: -70px !important; }
  .footer1 { font-size: .925rem !important; }
  .footer2 p a i.fa.fa-instagram { font-size: 1.6rem; }
  .footer2 p a i.fa-brands.fa-facebook { font-size: 1.5rem; }
  .leaks { margin-top: 2em; }
  .leak-padding-2 h4 { padding-top: .75em; }
  .leaks-2 h3 { margin-top: 3em; }
  #lgx-parallax164 { height: 900px!important; }
  .accordion-button { font-size:1.4rem!important; }
}

@media only screen and (max-width: 1200px) {
  .why-wrapper p { font-size: 1.35vw !important; }
  .full-width-footer .row { --gutter-x: 2em; }
  #mod-custom118.mod-custom.custom h3 { font-size: 1.2rem; }
  #mod-custom119.mod-custom.custom h4 { margin-top: 3rem !important; }
  .nudge h4 { margin-top: 2em !important; }
  #mod-custom127.mod-custom.custom h4 { margin-top: 6rem !important; }
  #lgx-parallax125 { height: 610px !important; }
  main { margin-top:0px!important; }
  .blog-items.items-leading .blog-item { padding-bottom: 1rem; }
  #mod-custom118.mod-custom.custom .full-width-padding { padding-top: 1em; padding-bottom: 1.5em; }
  #mod-custom119.mod-custom.custom { padding-top: 1.25em; padding-bottom: 2.25em; }
  #lgx-parallax126 { height: 860px !important; }
  #mod-custom122.mod-custom.custom { margin-top: -1em; margin-bottom: -2em; }
  .review-wrap { padding-top: 3.25em; padding-bottom: 3em; }
  #mod-custom127.mod-custom.custom .full-width-padding-2 { padding-top: 1em !important; padding-bottom: 2em !important; }
  #mod-custom118.mod-custom.custom p { line-height: 1.35; }
  .full-width-banner .row .col-lg-6 h1 { font-size: 5.4vw !important; }
  #mod-custom133.mod-custom.custom h1 { font-size: 2.1rem; margin-bottom: 1rem; }
  #mod-custom133.mod-custom.custom h4 { margin-top:-1rem; }
  .ig-menu-grid { margin-bottom: 2em; }
  .page-header h1 { font-size: 2.1rem !important; }
  .com-content-category-blog.blog .com-content-category-blog__items.blog-items.columns-2 .com-content-category-blog__item.blog-item .item-content h2 { font-size: 1.8rem; }
  .contact-article h1 { font-size: 2.1rem; }
  .contact-article { margin-bottom:1em; }
  .services-article h1 { font-size: 2.1rem !important; }
  .choose { padding: .75rem; }
  .com-content-article.item-page .com-content-article__body .full-width-banner .full-width-padding { padding-top: 0px; padding-bottom: 1.5em; }
  .services-article { margin-bottom: 1.25em; }
  #mod-custom152.mod-custom.custom .full-width-banner .full-width-padding { padding-bottom: 2em; padding-top: 2em; }
  .services-wrapper-2 { padding-top: 0em; padding-bottom: 0em; margin-bottom: -1.5em; }
   #mod-custom153.mod-custom.custom { padding-top: 2em; padding-bottom: 3em; }

  .banner-bg-1 { height: 260px; }
  .banner-bg-1 div h2 { padding-top: 110px; }
  .banner-bg-1 .full-width-banner .row .col-lg-3.float-right p img { height: 260px; }
  .banner-bg-2 { height: 260px; }
  .banner-bg-2 div h2 { padding-top: 110px; }
  .banner-bg-2 .full-width-banner .row .col-lg-3.float-right p img { height: 260px; }
  .banner-bg-3 { height: 260px; }
  .banner-bg-3 div h2 { padding-top: 110px; }
  .banner-bg-3 .full-width-banner .row .col-lg-3.float-right p img { height: 260px; }

  #mod-custom151.mod-custom.custom p iframe { height:500px!important; }
  .choose-3 h3 { font-size: .9rem; }
  .choose-3 p { font-size: .85rem !important; }
  #mod-custom157.mod-custom.custom { padding-top:2em; padding-bottom:2.6em; }
  #mod-custom160.mod-custom.custom { padding-top:2em; padding-bottom:2.6em; }
  #mod-custom162.mod-custom.custom { padding-top:2em; padding-bottom:2.6em; }
  .main-bottom.fullwidth.faq .mod-custom.custom .services-wrapper-2 .full-width-banner .full-width-padding-5 { padding-top: 3em !important; padding-bottom: 4em !important; }
}

@media only screen and (max-width: 1119px) {
  .why-wrapper { height: 307px; }
  #mod-custom119.mod-custom.custom h4 { margin-top: 2.6rem !important; }
  .blog-items.items-leading .blog-item .item-content .row .col-lg-6 h4 { margin-top:2.6em!important; }
  .blog-items.items-leading .blog-item .item-content .row .col-lg-6 .double h4 { margin-top:4.5rem!important; }
  #lgx-parallax126 { height: 830px !important; }
  .mod-list li a { color: #fff !important; font-size: .875rem!important; }
  #mod-custom128.mod-custom.custom p { font-size: .875rem!important; } 
  #mod-custom129.mod-custom.custom p { font-size: .875rem!important; } 
  #mod-custom129.mod-custom.custom p a { font-size: .875rem!important; } 
  .full-width-footer .row { --gutter-x: 1em; }
  #mod-custom118.mod-custom.custom h3 { font-size: 1.15rem; margin-top: .25rem; }
  #mod-custom118.mod-custom.custom p { line-height: 1.3; font-size: .9rem; }
  .bootstrop-text { max-width: 68%; padding: .5em; }

  .blog-items.items-leading .blog-item .item-content .row .col-lg-6 .double h4 { margin-top:4.5rem!important; }
  .com-content-article.item-page .com-content-article__body .row .col-lg-6 .double h4 { margin-top:4.5rem!important; }
  .choose { padding: 1rem; height: 160px; }
  #mod-custom153.mod-custom.custom h4 { margin-top: 3.25em; }
  .leaks { margin-top: .5em; }
  .leak-padding h4 { margin-top: 1.5em; }
  .leaks-2 h3 { margin-top: 2em; }
  #lgx-parallax164 { height: 860px !important; }
}

@media only screen and (max-width: 1080px) {
  ul.dj-mobile-light li.dj-mobileitem > a img { max-width:50%!important; }
}

@media only screen and (max-width: 1024px) {
  .blog-items.items-leading .blog-item .item-content .row .col-lg-6 h4 { margin-top: 2rem !important; }
  #mod-custom119.mod-custom.custom h4 { margin-top: 1rem !important; }
  .why-wrapper { height: 295px; }
  #mod-custom122.mod-custom.custom h2 { margin-bottom:.5rem!important; }
  #mod-custom122.mod-custom.custom h4 { margin-bottom:.4rem!important; }
  .why-wrapper p { font-size: 1.32vw !important; }
  #lgx-parallax126 { height: 800px !important; }
  
  .blog-items.items-leading .blog-item .item-content .row .col-lg-6 .double h4 { margin-top:2.25rem!important; }
  .com-content-article.item-page .com-content-article__body .row .col-lg-6 .double h4 { margin-top:2.25rem!important; }

  .com-content-article.item-page .com-content-article__body .full-width-banner .full-width-padding .row .col-lg-6 .bootstrop-wrapper .bootstrop-text p {  font-size: .96rem; }
  #mod-custom153.mod-custom.custom h4 { margin-top: 2.5em; }
  
  .leaks { margin-top: 0em; }
  .leak-padding h4 { margin-top: .25em; }
  .leaks ul li { margin-bottom:.5rem!important; }
  .services-wrapper { margin-bottom: 2.25em; }
  .leak-padding-2 h4 { padding-top: 0em; }
  .leak-padding-2 { padding-top: 3em; padding-bottom: 2em; }
  .choose-3 h3 { font-size: .8rem; }
  .leak-padding-3 h4 { padding-top: 1em; }
  .choose-3 p { font-size: .75rem !important; }
  .leaks-2 h3 { margin-top: .25em!important; }
  .leaks-2 { margin-top: 0em!important; }
  #lgx-parallax164 { height: 800px !important; }
  #mod-custom165.mod-custom.custom .full-width-banner .full-width-padding-3 { padding-top: 1.5em !important; padding-bottom: 2em !important; }
  #mod-custom146.mod-custom.custom { margin-top: 1rem; }

  #lgx-parallax125 { 
  background-image: image-set(
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg-medium.jpg") 1x,
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg.jpg") 2x,
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg.jpg") 3x  )!important; 
  }
}

@media only screen and (max-width: 991px) {
  #lgx-parallax125 { height: auto !important; padding-bottom:2em; }
  #lgx-parallax125 h4 { margin-top:2em!important; }
  #mod-custom118.mod-custom.custom .row { margin-bottom: 0 !important; }
  .bootstrop-wrapper { margin-bottom: 1.25em; }
  .bootstrop-text { padding: 1em; }
  #mod-custom119.mod-custom.custom .row .col-lg-6 .flit p img { min-width:100%!important; }
  #lgx-parallax126 { height: auto !important; padding-top: 3em; padding-bottom: 3em; }
  .nudge h4 { margin-top: 0 !important; }
  #mod-custom122.mod-custom.custom .nudge .row .col-lg-6 p { margin-top: 3em!important; margin-bottom: 1.5em!important; }
  #mod-custom122.mod-custom.custom .nudge .row .col-lg-6 .flip p { margin-top: 1em!important; margin-bottom: 0em!important; }
  #mod-custom122.mod-custom.custom { margin-top: -1.5em; margin-bottom: 3.5em; }
  #mod-custom127.mod-custom.custom h4 { margin-top: .75rem !important; }
  .foot-wrap-2 { margin-left: 0px !important; }
  .full-width-banner .row .col-lg-6 h1 { font-size: 10vw !important; }
  #mod-custom118.mod-custom.custom h3 { font-size: 1.3rem; }
  #mod-custom118.mod-custom.custom p { line-height: 1.5; font-size: 1rem; }
  .flit p img { margin-top:1rem; }
  .why-wrapper p { font-size: 1rem !important; }
  .why-wrapper { height: auto; }
  .mod-list li a { font-size: 1rem !important; }
  #mod-custom129.mod-custom.custom p { font-size: 1rem !important; }
  #mod-custom129.mod-custom.custom p a { font-size: 1rem !important; }
  #mod-custom128.mod-custom.custom p { font-size: 1rem !important; }
  .full-width-footer { padding-left:32%!important; padding-right:32%!important; }
  .carousel-control-prev-icon { left: -60px !important; }
  .carousel-control-next-icon { right: -60px !important; }
  .bottom-b.fullwidth { padding-top: 2rem; padding-bottom: 0rem; }
  form#userForm #rsform_4_page_0.formContainer .row .col-md-12 .mb-3.rsform-block.rsform-block-email.rsform-type-textbox { max-width:170px!important; }
  form#userForm #rsform_4_page_0.formContainer .row .col-md-12 .mb-3.rsform-block.rsform-block-submit.rsform-type-submitbutton .formControls button#Submit.rsform-submit-button.btn.btn-primary {
  left: 172px; font-size: 1rem; top: -58px; max-width: 100px !important; }
  form#userForm #rsform_4_page_0.formContainer .row .col-md-12 .mb-3.rsform-block.rsform-block-email.rsform-type-textbox .formControls input { font-size: 1rem !important; padding: .5rem 1rem; }
  .rsform-block.rsform-block-quote.rsform-type-freetext h3 { margin-bottom:1rem; }
  .com-content-article.item-page .com-content-article__body .full-width-banner .full-width-padding .row {
  margin-bottom: 0rem !important; }
  .com-content-article__body .row .col-lg-6 h4 { margin-top:1rem!important; }
  .com-content-article__body .full-width-banner .full-width-padding h4 { margin-top:0rem!important; }
  .services-article h1 { font-size: 2.1rem !important; margin-bottom:1rem!important; }
  .leaks { margin-top: -.25em!important; }
  .leaks-2 { margin-top: 0em; }
  .leaks h3 { font-size: 1.4rem!important; margin-top: -.25em!important; }
  .leaks-2 h3 { font-size: 1.4rem!important; margin-top: -.25em!important; }
  .flit p img { margin-top:.75rem!important; }
  .ig-menu-grid-text.igui-overlay.igui-light.igui-overlay-primary.igui-padding-small.igui-position-bottom h2 { font-size: 1.2rem !important; }
  .breadcrumbs.no-card { margin-top:0px; } 
  .contact-article h1 { font-size: 2.1rem; }
  .page-header h1 { font-size: 2.1rem !important; }
  .com-content-category-blog.blog .com-content-category-blog__items.blog-items.columns-2 .com-content-category-blog__item.blog-item   .item-content h2 { font-size: 2.1rem; }
  #lgx-parallax164 { height: 1730px!important; }
  #mod-custom165.mod-custom.custom .full-width-banner .full-width-padding-3 .row { margin-bottom: 0rem !important; }
  .contact-article { margin-bottom:1rem!important; }
  .blog-items.items-leading .blog-item .item-content .row .col-lg-6 h4 { margin-top: 0rem !important; }
  .blog-items.items-leading .blog-item .item-content .row .col-lg-6 .double h4 { margin-top:0rem!important; }
  .com-content-article.item-page .com-content-article__body .row .col-lg-6 .double h4 { margin-top:0rem!important; }
  #mod-custom146.mod-custom.custom p {  margin-top:.75em!important; }
  #mod-custom146.mod-custom.custom h4 { margin-top:1.75em!important; }
  .blog-items.items-leading { margin-bottom:0px; }
  .com-content-article ul { margin-bottom:0px; } 
  .com-content-article.item-page .com-content-article__body .full-width-banner .full-width-padding .row .col-lg-6 .bootstrop-wrapper .bootstrop-text p { font-size: 1rem; }
  #mod-custom133.mod-custom.custom h1 { font-size: 2.1rem; margin-bottom: .75rem; }
  #mod-custom133.mod-custom.custom h4 { margin-top: 0rem; }
  .choose { height: auto; }
  #mod-custom153.mod-custom.custom h4 { margin-top: 0em; }
  .services-article { margin-bottom: 1em; }

  .banner-bg-1 .row .col-lg-3.float-right { flex: none!important; width: 25%!important; } 
  .banner-bg-1 .row .col-lg-9 { flex: none!important; width: 75%!important; } 
  .banner-bg-2 .row .col-lg-3.float-right { flex: none!important; width: 25%!important; } 
  .banner-bg-2 .row .col-lg-9 { flex: none!important; width: 75%!important; } 
  .banner-bg-3 .row .col-lg-3.float-right { flex: none!important; width: 25%!important; } 
  .banner-bg-3 .row .col-lg-9 { flex: none!important; width: 75%!important; } 
  .banner-bg-1 h2 { font-size:2.1rem!important; }
  .banner-bg-2 h2 { font-size:2.1rem!important; }
  .banner-bg-3 h2 { font-size:2.1rem!important; }
  .banner-bg-1 div h2 { padding-top:90px; }
  .banner-bg-2 div h2 { padding-top:90px; }
  .banner-bg-3 div h2 { padding-top:90px; }  

  .banner-bg-1 { height: 210px; }
  .banner-bg-1 .full-width-banner .row .col-lg-3.float-right p img { height: 210px; }
  .banner-bg-2 { height: 210px; }
  .banner-bg-2 .full-width-banner .row .col-lg-3.float-right p img { height: 210px; }
  .banner-bg-3 { height: 210px; }
  .banner-bg-3 .full-width-banner .row .col-lg-3.float-right p img { height: 210px; }  

  .choose-2 { height:auto; }
  #mod-custom119.mod-custom.custom h4 { margin-top: 0rem !important; }
  .leak-padding { padding-top: 2em; padding-bottom: 2.5em; }
  .leak-padding p img { min-width:100%!important; }
  .leak-padding-2 { padding-top: 2em; padding-bottom: 2.5em; }
  .leak-padding-2 p img { min-width:100%!important; }
  .choose-3 h3 { font-size: 1rem; }
  .choose-3 p { font-size: 1rem!important; }
  .leak-padding-3 { padding-top: 1em; padding-bottom: 3em; }
  .leak-padding-3 p img { min-width:100%!important; }
  .cat-blog ul { margin-bottom:1rem!important; }
}

@media only screen and (max-width: 800px) {
  .w-100 { width: 60% !important; margin-left: auto; margin-right: auto; }
  .carousel-control-prev-icon { left: -30px !important; }
  .carousel-control-next-icon { right: -30px !important; }
  #carouselExampleControls4.carousel.slide .carousel-control-next span.carousel-control-next-icon { margin-top:6vw; }
  #carouselExampleControls4.carousel.slide .carousel-control-prev span.carousel-control-prev-icon { margin-top:6vw; }
  #carouselExampleControls3.carousel.slide { margin-bottom:1rem; }

  .banner-bg-1 h2 { font-size: 1.7rem !important; }
  .banner-bg-2 h2 { font-size: 1.7rem !important; }
  .banner-bg-3 h2 { font-size: 1.7rem !important; }

  #mod-custom119.mod-custom.custom h4 { margin-top: 0rem !important; }
  .ig-menu-grid { margin-bottom: 1em; }
  .accordion-button { font-size: 1.4rem; }

  #mod-custom157.mod-custom.custom { padding-top: 1em; padding-bottom: 1.6em; }
  #mod-custom160.mod-custom.custom { padding-top: 1em; padding-bottom: 1.6em; }
  #mod-custom162.mod-custom.custom { padding-top: 1em; padding-bottom: 1.6em; }
  #mod-custom165.mod-custom.custom .full-width-banner .full-width-padding-3 { padding-top: 1em !important; padding-bottom: 1em !important; }
  .ig-menu-grid-text.igui-overlay.igui-light.igui-overlay-primary.igui-padding-small.igui-position-bottom h2 { font-size: 1rem !important; }
  .accordion-button { font-size: 1.2rem !important; }
}

@media only screen and (max-width: 767px) {
  .topbar.no-card.top { margin-left: 1em !important; margin-right: 1em !important; }
  .container-header .grid-child { padding-left: 1em; padding-right: 1em; }
  .full-width-banner { padding-left: 0em; padding-right: 0em; }
  .blog-items.items-leading .blog-item { padding-left: 0em; padding-right: 0em; }
  .full-width-padding { padding-left: 0em; padding-right: 0em; }
  #mod-custom119.mod-custom.custom { padding-left: 1em; padding-right: 1em; }
  .full-width-banner-2 { padding-left: 1em; padding-right: 1em; }
  #mod-custom122.mod-custom.custom { padding-left:1em; padding-right:1em; }
  #mod-custom127.mod-custom.custom { padding-left:1em; padding-right:1em; }
  .full-width-footer { padding-left: 25% !important; padding-right: 25% !important; }
  #mod-custom114.mod-custom.custom p span { display:none; }

  .container-header .grid-child { padding-left: 1em; padding-right: 1em; }
  #lgx-parallax125 .lgx-parallax-content-wrapper { padding-left: 1em; padding-right: 1em; }
  #mod-custom119.mod-custom.custom { padding-left: 1em; padding-right: 1em; }
  .full-width-banner-2 { padding-left: 1em; padding-right: 1em; }
  #mod-custom122.mod-custom.custom { padding-left:1em; padding-right:1em; }
  #mod-custom127.mod-custom.custom { padding-left:1em; padding-right:1em; }
  main { padding-left:1em; padding-right:1em; }
  .footer.no-card { padding-left: 1em; padding-right: 1em; }
  #mod-custom118.mod-custom.custom { padding-left:1em; padding-right:1em; }
  #mod-custom146.mod-custom.custom { padding-left:1em; padding-right:1em; }
  #mod-custom152.mod-custom.custom .full-width-banner { padding-left:1em; padding-right:1em; }
  #mod-custom153.mod-custom.custom { padding-left:1em; padding-right:1em; }
  .services-wrapper-2 { padding-left:1em; padding-right:1em; }
  #mod-custom155.mod-custom.custom .leak-padding { padding-left:1em; padding-right:1em; }
  #mod-custom156.mod-custom.custom .leak-padding-2 { padding-left:1em; padding-right:1em; }
  .new-wrapper .full-width-banner .full-width-padding-2 { padding-left:1em; padding-right:1em; }
  #mod-custom159.mod-custom.custom .leak-padding-3 { padding-left:1em; padding-right:1em; }
  #mod-custom161.mod-custom.custom .leak-padding-3 { padding-left:1em; padding-right:1em; }
  #mod-custom165.mod-custom.custom { padding-left:1em; padding-right:1em; }
  .banner-bg-1 .full-width-banner { padding-left:1em; padding-right:1em; }
  .banner-bg-2 .full-width-banner { padding-left:1em; padding-right:1em; }
  .banner-bg-3 .full-width-banner { padding-left:1em; padding-right:1em; }
}

@media only screen and (max-width: 700px) {
  .banner-bg-1 h2 { font-size:1.6rem!important; }
  .banner-bg-2 h2 { font-size:1.6rem!important; }
  .banner-bg-3 h2 { font-size:1.6rem!important; }
  .banner-bg-1 div h2 { padding-top:45px; }
  .banner-bg-2 div h2 { padding-top:45px; }
  .banner-bg-3 div h2 { padding-top:45px; }  

  .banner-bg-1 { height: 120px; }
  .banner-bg-1 .full-width-banner .row .col-lg-3.float-right p img { height: 120px; }
  .banner-bg-2 { height: 120px; }
  .banner-bg-2 .full-width-banner .row .col-lg-3.float-right p img { height: 120px; }
  .banner-bg-3 { height: 120px; }
  .banner-bg-3 .full-width-banner .row .col-lg-3.float-right p img { height: 120px; }  
}

@media only screen and (max-width: 600px) {
  #mod-custom118.mod-custom.custom h3 { font-size: 3.6vw; }
  #mod-custom118.mod-custom.custom p { line-height: 1.4; font-size: 2.9vw; }
  .com-content-article.item-page .com-content-article__body .full-width-banner .full-width-padding .row .col-lg-6 .bootstrop-wrapper .bootstrop-text h3 { font-size: 3.6vw; }
  .com-content-article.item-page .com-content-article__body .full-width-banner .full-width-padding .row .col-lg-6 .bootstrop-wrapper .bootstrop-text p { line-height: 1.4; font-size: 2.9vw; }
  .w-100 { width: 70% !important; }
  #carouselExampleControls4.carousel.slide .carousel-control-next span.carousel-control-next-icon { margin-top:8vw; }
  #carouselExampleControls4.carousel.slide .carousel-control-prev span.carousel-control-prev-icon { margin-top:8vw; }
  .accordion-button { font-size: 1.2rem; line-height: 1.6; }

  #mod-custom146.mod-custom.custom h4 { margin-top: 0em !important;}
  #mod-custom146.mod-custom.custom { margin-top: 2em; margin-bottom: -2.25em; }
  #mod-custom127.mod-custom.custom .full-width-padding-2 { padding-top: 0em !important; padding-bottom: 1em !important; }
  #mod-custom152.mod-custom.custom .full-width-banner .full-width-padding { padding-bottom: 1em; padding-top: 1em; }
  #mod-custom153.mod-custom.custom { padding-top: 1em; padding-bottom: 2em; }
  #lgx-parallax164 { height: 1780px !important; }
  .ig-menu-grid-text.igui-overlay.igui-light.igui-overlay-primary.igui-padding-small.igui-position-bottom h2 { font-size: 1.2rem !important; }
  .contact-article { margin-bottom: 0rem !important; padding-bottom: 2rem; }
  figure { margin: 0 0 1em; }
  .main-bottom.fullwidth.faq .mod-custom.custom .services-wrapper-2 .full-width-banner .full-width-padding-5 { padding-top: 2em !important; padding-bottom: 2.5em !important; }
}

@media only screen and (max-width: 480px) {
  .full-width-footer { padding-left: 23% !important; padding-right: 17% !important; }
  .w-100 { width: 90% !important; margin-left: auto; margin-right: auto; }
  .carousel-control-prev-icon { left: -30px !important; }
  .carousel-control-next-icon { right: -30px !important; }
  #carouselExampleControls4.carousel.slide .carousel-control-next span.carousel-control-next-icon { margin-top:10vw; }
  #carouselExampleControls4.carousel.slide .carousel-control-prev span.carousel-control-prev-icon { margin-top:10vw; }

  .banner-bg-1 h2 { font-size:1.3rem!important; }
  .banner-bg-2 h2 { font-size:1.3rem!important; }
  .banner-bg-3 h2 { font-size:1.3rem!important; }
  .banner-bg-1 div h2 { padding-top:40px; }
  .banner-bg-2 div h2 { padding-top:40px; }
  .banner-bg-3 div h2 { padding-top:40px; }  

  .banner-bg-1 { height: 100px; }
  .banner-bg-1 .full-width-banner .row .col-lg-3.float-right p img { height: 100px; }
  .banner-bg-2 { height: 100px; }
  .banner-bg-2 .full-width-banner .row .col-lg-3.float-right p img { height: 100px; }
  .banner-bg-3 { height: 100px; }
  .banner-bg-3 .full-width-banner .row .col-lg-3.float-right p img { height: 100px; }  

  .bootstrop-text { padding: .5em; }
  .review-wrap { padding-left: 1em; padding-right: 1em; }
  .container-banner { margin: 0 0 1rem; }
  .blog-items.items-leading { margin-bottom: 1rem; }
  #mod-custom146.mod-custom.custom .full-width-banner .nudge .row .col-lg-6 p img { margin-top: -.5em; margin-bottom: -1em; }

  .com-content-article__body .bootstrop-text h3 { font-size: 3.6vw; }
  .com-content-article__body .bootstrop-text p { line-height: 1.4; font-size: 2.7vw; }
  #mod-custom133.mod-custom.custom h1 { font-size: 2rem; margin-left: 1em; margin-right: 1em; }
  .page-header h1 { font-size: 2rem !important; }
  .com-content-category-blog.blog .com-content-category-blog__items.blog-items.columns-2 .com-content-category-blog__item.blog-item .item-content h2 { font-size: 2rem; }
  .contact-article h1 { font-size: 2rem; }
  .services-article h1 { font-size: 2rem !important; }
  .footer.no-card { padding-left: .25em; padding-right: .25em; }
  .footer2 { margin-top: -1.6rem; }

  #mod-custom146.mod-custom.custom { margin-top: 2.5em; margin-bottom: -1.25em; }
  #lgx-parallax164 { height: 1900px !important; }
  .accordion-button { font-size: 1.1rem !important; }

  #lgx-parallax125 { 
  background-image: image-set(
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg-small.jpg") 1x,
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg-small.jpg") 2x,
  url("https://designbrothers.uk/sites/rooftech/images/temp-bg-small.jpg") 3x  )!important; 
  }
}

@media only screen and (max-width: 430px) {
  .full-width-footer { padding-left: 20% !important; padding-right: 20% !important; }
  #mod-custom118.mod-custom.custom h3 { margin-top: 0rem; margin-bottom: .25rem; }
  #mod-custom118.mod-custom.custom p { font-size: 2.95vw; }
  .bootstrop-wrapper { margin-bottom: 1em; }
  #lgx-parallax125 .lgx-parallax-text { font-size: 17px !important; }
  .full-width-banner .row .col-lg-6 h1 { font-size: 11vw !important; }
  .carousel-control-prev-icon { left: -20px !important; }
  .carousel-control-next-icon { right: -20px !important; }
  .banner-bg-2 .twt h2 { padding-top:24px!important; }
  #lgx-parallax164 { height: 1930px !important; }
  .blog-item .item-image { margin-top: -3px; }
}

@media only screen and (max-width: 414px) {
  #mod-custom118.mod-custom.custom .full-width-padding .row .col-lg-6 { --gutter-x: .5em; }
  .full-width-footer { padding-left: 18% !important; padding-right: 12% !important; }

  #mod-custom118.mod-custom.custom .full-width-padding .row .col-lg-6 .bootstrop-wrapper .bootstrop p img { min-width:100%; }
  .bootstrop { max-width: 100%; }
  .bootstrop-text { max-width: 100%; padding:1em; }
  #mod-custom118.mod-custom.custom p { font-size: 1rem; }
  #mod-custom118.mod-custom.custom h3 { font-size: 1.2rem; }
  .bootstrop p img { border-top-left-radius: 10px; border-bottom-left-radius: 0px; border-top-right-radius: 10px; }

    .com-content-article.item-page .com-content-article__body .full-width-banner .full-width-padding .row .col-lg-6 .bootstrop-wrapper .bootstrop-text h3 { font-size: 1.2rem; }
  .com-content-article.item-page .com-content-article__body .full-width-banner .full-width-padding .row .col-lg-6 .bootstrop-wrapper .bootstrop-text p { line-height: 1.4; font-size: 1rem; }
  .choose-2 { height: auto; }
}

@media only screen and (max-width: 390px) {
  .full-width-footer { padding-left: 17% !important; padding-right: 13% !important; }
  #carouselExampleControls4.carousel.slide .carousel-control-next span.carousel-control-next-icon { margin-top:12vw; }
  #carouselExampleControls4.carousel.slide .carousel-control-prev span.carousel-control-prev-icon { margin-top:12vw; }

  .banner-bg-1 h2 { font-size:1.2rem!important; }
  .banner-bg-2 h2 { font-size:1.2rem!important; }
  .banner-bg-3 h2 { font-size:1.2rem!important; }
  .banner-bg-1 div h2 { padding-top:40px; }
  .banner-bg-2 div h2 { padding-top:40px; }
  .banner-bg-3 div h2 { padding-top:40px; } 
  .banner-bg-2 .twt h2 { padding-top:28px!important; }

  #mod-custom133.mod-custom.custom h1 { font-size: 2rem; margin-left: .5em; margin-right: .5em; }
  #lgx-parallax164 { height: 1950px !important; }
  .ig-menu-grid-text.igui-overlay.igui-light.igui-overlay-primary.igui-padding-small.igui-position-bottom h2 { font-size: 1.1rem !important; }
}

@media only screen and (max-width: 375px) {
  .rsform-block.rsform-block-quote.rsform-type-freetext h3 { font-size: 5.25vw; }
  .lgx-parallax-text div .row .col-lg-6 form#userForm #rsform_3_page_0.formContainer { padding: 1em; }
  .full-width-footer { padding-left: 16% !important; padding-right: 14% !important; }
  #mod-custom133.mod-custom.custom h1 { font-size: 1.6rem; margin-left: 0em; margin-right: 0em; }
  .page-header h1 { font-size: 1.6rem !important; }
    .com-content-category-blog.blog .com-content-category-blog__items.blog-items.columns-2 .com-content-category-blog__item.blog-item .item-content h2 { font-size: 1.6rem; }
  .contact-article h1 { font-size: 1.6rem; }
  .services-article h1 { font-size: 1.6rem !important;
}

@media only screen and (max-width: 360px) {
  .full-width-footer { padding-left: 15% !important; padding-right: 15% !important; }
  #lgx-parallax164 { height: 1920px !important; }
}

@media only screen and (max-width: 320px) {
  .full-width-footer { padding-left: 10% !important; padding-right: 10% !important; }
  .rsform-block.rsform-block-quote.rsform-type-freetext h3 { font-size: 5vw; }
  .footer1 { font-size: .825rem !important; }
}