/*-- -------------------------- -->
<---            Hero            -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #hero {
    z-index: 1;
    position: relative;
    min-height: calc(820 / 16 * 1rem); }
    #hero picture {
      z-index: 0;
      position: absolute;
      display: block;
      top: calc(70 / 16 * 1rem);
      left: 0;
      height: 85vh;
      min-height: calc(750 / 16 * 1rem);
      overflow: hidden; }
      #hero picture img {
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        width: 100%;
        height: auto;
        min-height: calc(750 / 16 * 1rem); }
    #hero .container {
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: calc(30 / 16 * 1rem);
      color: var(--white);
      min-height: calc(600 / 16 * 1rem); }
      #hero .container a {
        font-size: calc(12 / 16 * 1rem);
        font-weight: 500;
        text-decoration: none;
        color: var(--white); }
      #hero .container .hero-testimonials-link {
        background-color: var(--primaryDark);
        margin-top: calc(100 / 16 * 1rem);
        padding: calc(12 / 16 * 1rem) calc(24 / 16 * 1rem);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: calc(14 / 16 * 1rem);
        border-radius: calc(30 / 16 * 1rem);
        cursor: pointer; }
        #hero .container .hero-testimonials-link p {
          font-size: calc(12 / 16 * 1rem);
          font-weight: 500;
          text-decoration: none;
          color: var(--white); }
      #hero .container h1 {
        font-family: "Rokkitt", serif;
        font-size: min(18vw, calc(100 / 16 * 1rem));
        font-weight: 900;
        color: var(--white);
        text-align: center; }
      #hero .container h2 {
        margin-top: calc(-30 / 16 * 1rem);
        font-family: "Rokkitt", serif;
        font-size: min(12vw, calc(65 / 16 * 1rem));
        font-weight: 900;
        color: var(--white);
        text-align: center; }
    #hero p {
      color: var(--white);
      text-align: center;
      max-width: calc(350 / 16 * 1rem); } }
/* Tablet */
@media only screen and (min-width: 48em) {
  #hero .container {
    min-height: calc(750 / 16 * 1rem); } }
/* Small Desktop */
@media only screen and (min-width: 64em) {
  #hero .container .hero-testimonials-link {
    margin-top: calc(100 / 16 * 1rem); } }
/* Desktop */
/*-- -------------------------- -->
<---           Video            -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #video {
    position: relative; }
    #video .video-container {
      margin-top: calc(-100 / 16 * 1rem);
      position: relative;
      z-index: 10;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: min(100%, 39.0625rem);
      max-height: 21.25rem;
      max-width: 37.5rem;
      aspect-ratio: 16 / 9;
      margin-bottom: calc(136 / 16 * 1rem);
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      margin-left: 50%;
      min-width: calc(415 / 16 * 1rem); }
      #video .video-container iframe {
        position: relative;
        inset: 0;
        width: 100%;
        height: 100%;
        display: block; }
        #video .video-container iframe video {
          left: 0 !important; }
    #video .carpet-pattern-container {
      position: absolute;
      top: 0;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #video .carpet-pattern-container .carpet-lines-top {
        z-index: 0;
        height: calc(400 / 16 * 1rem); }
        #video .carpet-pattern-container .carpet-lines-top img {
          height: 100%;
          width: auto;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center;
             object-position: center; } }
/* Tablet */
/* Small Desktop */
/* Desktop */
/*-- -------------------------- -->
<---     Have A Closer Look     -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #have-a-closer-look {
    margin-bottom: calc(136 / 16 * 1rem); }
    #have-a-closer-look .container {
      max-width: calc(1150 / 16 * 1rem); }
      #have-a-closer-look .container h2 {
        text-align: center;
        margin-right: auto;
        margin-left: auto; }
      #have-a-closer-look .container p {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        margin-bottom: calc(50 / 16 * 1rem);
        max-width: calc(750 / 16 * 1rem); }
      #have-a-closer-look .container .closer-look-sbs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(45 / 16 * 1rem); }
        #have-a-closer-look .container .closer-look-sbs .closer-look-sbs-left {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
          -ms-flex-item-align: center;
              align-self: center; }
          #have-a-closer-look .container .closer-look-sbs .closer-look-sbs-left picture {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            height: 100%;
            max-width: calc(400 / 16 * 1rem); }
            #have-a-closer-look .container .closer-look-sbs .closer-look-sbs-left picture img {
              max-width: calc(400 / 16 * 1rem);
              width: 100%;
              height: auto;
              -o-object-fit: cover;
                 object-fit: cover;
              -o-object-position: center;
                 object-position: center; }
        #have-a-closer-look .container .closer-look-sbs .closer-look-sbs-right {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: calc(24 / 16 * 1rem); }
          #have-a-closer-look .container .closer-look-sbs .closer-look-sbs-right .closer-look-sbs-right-card {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: start;
            gap: calc(10 / 16 * 1rem);
            padding: calc(20 / 16 * 1rem);
            border-radius: calc(8 / 16 * 1rem);
            -webkit-box-shadow: var(--box-shadow);
                    box-shadow: var(--box-shadow); }
            #have-a-closer-look .container .closer-look-sbs .closer-look-sbs-right .closer-look-sbs-right-card img {
              margin-bottom: calc(13 / 16 * 1rem); }
            #have-a-closer-look .container .closer-look-sbs .closer-look-sbs-right .closer-look-sbs-right-card h3 {
              font-weight: 800;
              font-size: calc(20 / 16 * 1rem); }
            #have-a-closer-look .container .closer-look-sbs .closer-look-sbs-right .closer-look-sbs-right-card p {
              text-align: left;
              margin-bottom: 0; } }
/* Tablet */
/* Small Desktop */
@media only screen and (min-width: 64em) {
  #have-a-closer-look .container {
    max-width: calc(1150 / 16 * 1rem); }
    #have-a-closer-look .container .closer-look-sbs {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #have-a-closer-look .container .closer-look-sbs .closer-look-sbs-left {
        -ms-flex-item-align: start;
            align-self: flex-start;
        justify-self: flex-end;
        -ms-flex-preferred-size: unset;
            flex-basis: unset; }
        #have-a-closer-look .container .closer-look-sbs .closer-look-sbs-left picture img {
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: right;
             object-position: right; }
      #have-a-closer-look .container .closer-look-sbs .closer-look-sbs-right {
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        #have-a-closer-look .container .closer-look-sbs .closer-look-sbs-right .closer-look-sbs-right-card {
          width: calc(50% - 26px); } }
/* Desktop */
/*-- -------------------------- -->
<---        We Do It ALl        -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #we-do-it-all {
    margin-bottom: calc(136 / 16 * 1rem); }
    #we-do-it-all h2 {
      text-align: center;
      margin-right: auto;
      margin-left: auto; }
    #we-do-it-all p {
      margin-right: auto;
      margin-left: auto;
      color: var(--paragraphColor);
      text-align: center;
      margin-bottom: calc(40 / 16 * 1rem); }
    #we-do-it-all .container {
      z-index: 1; }
      #we-do-it-all .container .we-do-it-all-sbs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: calc(30 / 16 * 1rem); }
        #we-do-it-all .container .we-do-it-all-sbs .sbs-right {
          max-width: calc(400 / 16 * 1rem); }
          #we-do-it-all .container .we-do-it-all-sbs .sbs-right picture {
            width: 100%;
            height: auto; }
            #we-do-it-all .container .we-do-it-all-sbs .sbs-right picture img {
              width: 100%;
              height: auto;
              -o-object-fit: cover;
                 object-fit: cover;
              -o-object-position: center;
                 object-position: center; }
        #we-do-it-all .container .we-do-it-all-sbs .sbs-left {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: left;
              -ms-flex-align: left;
                  align-items: left;
          gap: calc(32 / 16 * 1rem); }
          #we-do-it-all .container .we-do-it-all-sbs .sbs-left .sbs-card {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: calc(16 / 16 * 1rem);
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: start; }
            #we-do-it-all .container .we-do-it-all-sbs .sbs-left .sbs-card img {
              width: calc(52 / 16 * 1rem);
              height: calc(52 / 16 * 1rem); }
            #we-do-it-all .container .we-do-it-all-sbs .sbs-left .sbs-card .sbs-card-text {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-align: left;
                  -ms-flex-align: left;
                      align-items: left;
              gap: calc(16 / 16 * 1rem); }
              #we-do-it-all .container .we-do-it-all-sbs .sbs-left .sbs-card .sbs-card-text h3 {
                font-weight: 800;
                font-size: calc(24 / 16 * 1rem); }
              #we-do-it-all .container .we-do-it-all-sbs .sbs-left .sbs-card .sbs-card-text P {
                text-align: left;
                margin-bottom: 0; } }
/* Tablet */
/* Small Desktop */
@media only screen and (min-width: 64em) {
  #we-do-it-all .container .we-do-it-all-sbs {
    margin-right: auto;
    margin-left: auto;
    max-width: calc(1150 / 16 * 1rem);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    #we-do-it-all .container .we-do-it-all-sbs .sbs-left .sbs-card {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      gap: calc(32 / 16 * 1rem); }
      #we-do-it-all .container .we-do-it-all-sbs .sbs-left .sbs-card .sbs-card-text {
        max-width: calc(553 / 16 * 1rem); } }
/* Desktop */
/*-- -------------------------- -->
<---  Commitment To Excellence  -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #commitment-to-excellence {
    margin-bottom: calc(136 / 16 * 1rem); }
    #commitment-to-excellence .color-background-container {
      background-color: var(--primaryDark); }
      #commitment-to-excellence .color-background-container h2 {
        color: var(--white);
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        padding-top: calc(70 / 16 * 1rem);
        padding-bottom: calc(100 / 16 * 1rem); }
    #commitment-to-excellence .container {
      z-index: 1;
      margin-top: calc(-60 / 16 * 1rem); }
      #commitment-to-excellence .container .commitment-to-excellence-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: calc(30 / 16 * 1rem); }
        #commitment-to-excellence .container .commitment-to-excellence-grid .grid-card {
          background-color: var(--white);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: start;
          gap: calc(10 / 16 * 1rem);
          padding: calc(20 / 16 * 1rem);
          border-radius: calc(8 / 16 * 1rem);
          -webkit-box-shadow: var(--box-shadow);
                  box-shadow: var(--box-shadow); }
          #commitment-to-excellence .container .commitment-to-excellence-grid .grid-card img {
            margin-bottom: calc(13 / 16 * 1rem); }
          #commitment-to-excellence .container .commitment-to-excellence-grid .grid-card h3 {
            font-weight: 800;
            font-size: calc(20 / 16 * 1rem); } }
/* Tablet */
/* Small Desktop */
@media only screen and (min-width: 64em) {
  #commitment-to-excellence {
    margin-bottom: calc(136 / 16 * 1rem); }
    #commitment-to-excellence .color-background-container {
      background-color: var(--primaryDark); }
      #commitment-to-excellence .color-background-container h2 {
        color: var(--white);
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        padding-top: calc(70 / 16 * 1rem);
        padding-bottom: calc(100 / 16 * 1rem); }
    #commitment-to-excellence .container {
      max-width: calc(1150 / 16 * 1rem);
      z-index: 1;
      margin-top: calc(-60 / 16 * 1rem); }
      #commitment-to-excellence .container .commitment-to-excellence-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        gap: calc(30 / 16 * 1rem); }
        #commitment-to-excellence .container .commitment-to-excellence-grid .grid-card {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; } }
/* Desktop */
/*-- -------------------------- -->
<---        Estimator           -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #estimator {
    display: none; } }
/* Tablet */
/* Small Desktop */
/* Desktop */
/*-- -------------------------- -->
<---           Reviews          -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #reviews {
    margin-bottom: calc(136 / 16 * 1rem); }
    #reviews .container {
      z-index: 1;
      max-width: calc(1150 / 16 * 1rem); }
      #reviews .container h2 {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: calc(20 / 16 * 1rem); }
      #reviews .container p.reviews-intro {
        margin-right: auto;
        margin-left: auto;
        color: var(--paragraphColor);
        text-align: center;
        margin-bottom: calc(40 / 16 * 1rem); }
      #reviews .container .reviews-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: calc(16 / 16 * 1rem); }
        #reviews .container .reviews-grid .review-card {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: start;
          gap: calc(16 / 16 * 1rem);
          padding: calc(20 / 16 * 1rem);
          border-radius: calc(8 / 16 * 1rem);
          -webkit-box-shadow: var(--box-shadow);
                  box-shadow: var(--box-shadow);
          background-color: var(--white); }
          #reviews .container .reviews-grid .review-card p {
            color: var(--primaryDark); }
          #reviews .container .reviews-grid .review-card h3 {
            color: var(--primaryDark); } }
/* Tablet */
/* Small Desktop */
/* Desktop */
/*-- -------------------------- -->
<---             CTA            -->
<--- -------------------------- -*/
/* Mobile */
@media only screen and (min-width: 0em) {
  #cta {
    position: relative;
    padding-bottom: calc(136 / 16 * 1rem); }
    #cta .container {
      z-index: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: calc(24 / 16 * 1rem); }
      #cta .container h2 {
        font-style: italic;
        margin-left: auto;
        margin-right: auto;
        text-align: center; }
      #cta .container a {
        text-align: center;
        margin-left: auto;
        margin-right: auto; }
    #cta .carpet-pattern-container {
      position: absolute;
      bottom: calc(-10 / 16 * 1rem);
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%; }
      #cta .carpet-pattern-container .carpet-lines-bottom {
        z-index: 0;
        height: calc(400 / 16 * 1rem); }
        #cta .carpet-pattern-container .carpet-lines-bottom img {
          height: 100%;
          width: auto;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center;
             object-position: center; } }
/* Tablet */
/* Small Desktop */
/* Desktop */