@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

  :root {
    --brandcolor: #702b8a;
    --secondary-brand: #3af9f4;
    --text: #464646;
    --white: white;
    --black: black;
  }

  .btn {
      max-width: 200px !important;
  }

  body {
    color: #dfdfdf;
    background-color: #000;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }

  .w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .w-layout-layout {
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding: 20px;
  }

  .w-layout-cell {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  ol {
    margin-top: 0;
    margin-bottom: 20px;
    padding-left: 40px;
  }

  .section {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .section.section-white {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.section-white.section-bottom {
    margin-bottom: 0;
  }

  .section.featured-service-section {
    background-color: #fff;
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.top-section {
    margin-top: 0;
  }




  .container.icon-grid-container {
    max-width: 600px;
  }







  .hero-video-container {
    z-index: 0;
    height: auto;
    margin-top: 0;
    position: relative;
  }


  .video-overlay {
    background-color: #0000;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .flex-div {
    background-color: #000000b8;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 500px;
    display: flex;
  }

  .transparent-dark {
    background-color: #0000;
    order: 0;
    align-self: center;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    padding: 0;
  }

  .home-heading {
    color: #ffffff4d;
    text-align: center;
    letter-spacing: 3px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Bebas Neue, sans-serif;
    font-size: 25px;
  }

  .business-name-header {
    text-align: center;
    letter-spacing: 7px;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Bebas Neue, sans-serif;
    font-size: 44px;
    font-weight: 400;
  }

  .button {
    background-color: var(--brandcolor);
    color: #fff;
    text-transform: uppercase;
    border-radius: 6px;
    flex: 0 auto;
    order: 0;
    align-self: center;
    margin-left: 0;
    margin-right: 0;
    font-weight: 600;
    display: inline-block;
  }

  .button.pull-btn-right {
    float: right;
    align-self: flex-end;
    display: inline-block;
  }

  .button.btn-center {
    width: 170px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .material-icon {
    font-family: MATERIAL ICONS;
  }

  .fontawesome {
    color: var(--secondary-brand);
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    font-family: "Fa Solid 900", sans-serif;
    font-size: 98px;
    line-height: 100px;
    overflow: visible;
  }

  .body {
    font-family: "Fa Solid 900", sans-serif;
  }

  .icon-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template: ". Area"
    / 1fr 1fr 1fr;
    place-content: space-between center;
    align-self: stretch;
    place-items: center;
    max-width: 700px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .icon-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 100px;
    display: flex;
  }

  .icon-link {
    color: #fff;
    text-decoration: none;
  }

  .icon-text-desc {
    text-align: center;
    text-transform: uppercase;
  }

  .trust-index {
    background-color: #000;
    height: 200px;
  }

  .review-block {
    font-size: 25px;
    line-height: 40px;
  }

  .review-icon {
    float: left;
    margin-right: 10px;
    font-family: "Fa Solid 900", sans-serif;
    font-size: 64px;
    line-height: 52px;
  }

  .text-block {
    float: right;
    margin-top: 20px;
    font-size: 20px;
  }

  .review-container {
    color: #464646;
    margin-bottom: 30px;
  }

  .div-block {
    flex-direction: row;
    justify-content: flex-end;
    max-height: 30px;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 0;
    display: flex;
  }

  .phone-link {
    color: #fff;
    text-align: right;
    flex: 0 auto;
    order: 0;
    align-self: auto;
    width: 123px;
    min-height: 0;
    max-height: 30px;
    margin-right: 20px;
    padding: 5px;
    text-decoration: none;
  }

  .contact-us-link {
    float: none;
    color: #fff;
    flex: 0 auto;
    order: 0;
    align-self: flex-end;
    max-height: 30px;
    padding: 5px;
    text-decoration: none;
  }

  .fa-icon {
    float: left;
    text-align: right;
    font-family: "Fa Solid 900", sans-serif;
  }

  .text-block-2 {
    text-align: left;
    margin-left: 20px;
    font-weight: 600;
  }

  .footer {
    background-color: #1d1d1d;
  }

  .award-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .award-image-container {
    margin-bottom: 0;
    padding: 0 0 10px;
  }



  .social-media-footer-links {
    margin-bottom: 40px;
  }

  .social-link {
    margin: 0 20px;
  }

  .image {
    font-size: 14px;
  }

  .text-block-3, .text-block-4 {
    margin-bottom: 40px;
  }

  .home-about-us-wrapper {
    flex-direction: column;
    align-items: center;
    display: block;
  }

  .stack-heading {
    text-align: left;
    letter-spacing: 10px;
    flex: 1;
    align-self: flex-end;
    margin-top: 60px;
    margin-bottom: 0;
    font-family: Bebas Neue, sans-serif;
    font-size: 100px;
    line-height: 232px;
  }

  .stack-heading.stack-heading-white-section {
    color: #464646;
    text-align: right;
    align-self: flex-end;
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 100px;
    line-height: 128px;
  }

  .stack-heading.awards-heading {
    text-align: right;
    margin-top: 0;
    margin-bottom: 40px;
    line-height: 125px;
    text-transform: capitalize;
  }

  .quick-stack {
    grid-column-gap: 30px;
    padding: 0;
  }

  .cell {
    text-align: left;
  }

  .bottom-right-curve {
    border-radius: 20px 20px 300px;
  }

  .bottom-left-curve {
    border-radius: 20px 20px 20px 360px;
  }

  .s {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .review-stack, .featured-service-stack {
    padding: 0;
  }

  .paragraph-black-text {
    color: var(--text);
  }

  .paragraph-black-text.cheese {
    text-align: right;
    margin-bottom: 0;
    font-weight: 600;
  }

  .hero-icon-container {
    order: 1;
    align-self: center;
    width: 100%;
    max-width: 600px;
    margin-top: 100px;
  }

  .text-block-5 {
    text-transform: uppercase;
    font-weight: 600;
  }

  .drop-and-fade-in {
    flex-direction: column;
    align-self: stretch;
    display: flex;
  }

  .paragraph {
    margin-bottom: 40px;
  }

  .services-include {
    flex: 1;
    align-self: stretch;
  }

  .text-block-6 {
    text-align: center;
  }

  .online-access-stack {
    grid-column-gap: 0px;
    padding: 0;
  }

  .grid {
    grid-row-gap: 25px;
  }

  .grid-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .paragraph-2 {
    text-align: center;
  }

  .cell-2 {
    align-items: flex-end;
  }

  .wedding-dj-service-container {
    border: 1px solid var(--white);
    border-radius: 15px;
    flex: 1;
    align-self: stretch;
    margin-bottom: 0;
    padding: 10px;
  }

  .wedding-dj-service-title {
    text-transform: uppercase;
  }

  .check-icon {
    float: left;
    margin-right: 5px;
    font-family: "Fa Solid 900", sans-serif;
  }

  .wedding-dj-service-group {
    margin-bottom: 20px;
  }

  .cell-3 {
    justify-content: flex-start;
  }

  .grid-3 {
    grid-template-rows: auto auto;
  }

  .heading {
    text-align: center;
  }

  .discount-header {
    margin-top: 20px;
  }

  .nav-dropdown {
    color: #fff;
    padding: 25px 40px 25px 25px;
    font-weight: 600;
  }

  .affiliates-section {
    color: var(--text);
    text-align: center;
  }

  .we-dj-link {
    margin-top: 20px;
  }

  .location-container {
    color: #fffefe;
    text-align: center;
    flex-direction: column;
    flex: none;
    align-self: center;
    margin-bottom: 20px;
    display: flex;
  }

  .hyperlink {
    color: #fff;
    text-decoration: underline;
  }

  .about-us-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: .75fr .5fr;
    margin-bottom: 30px;
  }

  .new-icon-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-around;
    place-items: stretch center;
    margin-top: 0;
  }

  .hero-icon-contain {
    text-align: center;
  }

  .hero-icon-desc {
    margin-top: 10px;
  }

  .hero-text-container {
    align-self: center;
  }

  .hero-image {
    height: 100%;
    max-height: 0;
    position: relative;
  }

  .hero-img-2 {
    background-image: url('/wp-content/themes/tdf2017/images/IMG_7536.jpeg');
    background-position: 50%;
    background-size: cover;
    flex-direction: column;
    justify-content: flex-end;
    height: 400px;
    padding-bottom: 0;
    display: flex;
    position: relative;
  }

  .hero-img-2.uplighting-header {
    background-image: url('../images/uplightsd.jpg');
  }

  .hero-img-2.photobooth-header {
    background-image: url('../images/photoboothShot2.jpg');
    background-position: 50%;
  }

  .hero-overlay {
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .hero-image-overlay {
    z-index: 1;
    background-color: #00000094;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .hero-image-title-banner {
    background-color: var(--brandcolor);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    line-height: 14px;
    display: flex;
  }

  .hero-title-header {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
text-align: center;
  }

  .hero-image-tagline {
    max-width: 540px;
    margin-top: 20px;
    font-size: 20px;
    line-height: 30px;
  }

  .column-no-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .column-no-padding.pl-3 {
    padding-left: 10px;
  }

  .column-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .list-default {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .uplighting-video {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  @media screen and (max-width: 991px) {
    


    .nav-link {
      text-align: center;
    }

    .nav-link.nav-btn {
      width: 150px;
      max-width: none;
    }

    .icon {
      margin-top: 5px;
    }

    .background-video {
      height: 450px;
    }

    .video-overlay {
      justify-content: space-between;
      margin-top: 286px;
      position: absolute;
      inset: 0%;
    }

    .transparent-dark, .home-heading {
      margin-top: 0;
    }

    .button {
      margin-bottom: 0;
    }

    .div-block {
      justify-content: center;
      align-items: center;
    }

    .stack-heading {
      margin-top: 40px;
      font-size: 80px;
      line-height: 80px;
    }

    .stack-heading.stack-heading-white-section {
      font-size: 65px;
      line-height: 80px;
    }

    .stack-heading.awards-heading {
      line-height: 80px;
    }

    .paragraph {
      margin-bottom: 20px;
    }

    
  }

  @media screen and (max-width: 767px) {


    .transparent-dark {
      flex: 0 auto;
      order: 0;
    }

    .home-heading {
      text-align: center;
      display: block;
    }

    .business-name-header {
      font-size: 40px;
    }

    .button.btn-center {
      text-align: center;
      width: 170px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
    }

    .icon-grid {
      max-width: 470px;
    }

    .stack-heading {
      align-self: center;
      margin-top: 0;
    }

    .stack-heading.stack-heading-white-section, .stack-heading.awards-heading {
      text-align: center;
      align-self: stretch;
    }

    .paragraph-black-text.cheese {
      align-self: center;
    }

    .grid, .grid-2, .grid-3, .grid-4 {
      grid-template-columns: 1fr;
    }

    .about-us-grid {
      grid-template-columns: 1.25fr;
    }

    .hero-text-container {
      order: 0;
      align-self: center;
      margin-top: 0;
    }
  }

  @media screen and (max-width: 479px) {
    .section {
      margin-top: 40px;
    }



    .business-name-header {
      text-align: center;
      align-self: center;
      font-size: 17px;
      line-height: 17px;
    }

    .stack-heading {
      text-align: center;
      font-size: 50px;
      line-height: 50px;
    }

    .stack-heading.stack-heading-white-section {
      margin-bottom: 0;
      font-size: 50px;
      line-height: 50px;
    }

    .stack-heading.awards-heading {
      margin-bottom: 0;
      line-height: 50px;
    }

    .paragraph-black-text.cheese {
      text-align: center;
    }

    .new-icon-grid {
      grid-template-columns: 1fr;
    }
  }

  #w-node-_0d632f6c-b182-506f-21de-07a81b969fac-42f9c332 {
    justify-self: center;
  }

  #w-node-ee602e7e-30b0-1dff-bfed-43abd2de0984-42f9c332, #w-node-ee602e7e-30b0-1dff-bfed-43abd2de0986-42f9c332, #w-node-b798ed57-a6d8-5b0b-51eb-6edd0ced126c-42f9c332, #w-node-ee602e7e-30b0-1dff-bfed-43abd2de0988-42f9c332 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ef2eb313-d49f-cca5-69b9-f4e341c2976f-42f9c332 {
    grid-template-rows: auto auto;
    grid-template-columns: .25fr .75fr;
  }

  #w-node-e60475f7-6b61-f6e2-d3de-4596bbb34da4-42f9c332 {
    grid-row: span 2 / span 2;
  }

  #w-node-_9b9ebc30-33c4-865e-040b-ec8d0111286c-42f9c332, #w-node-_0b002d82-8643-c672-559c-72e5d2abe627-42f9c332, #w-node-_213358db-18fb-5f1c-27b2-826d2a391ba2-42f9c332, #w-node-e3d19830-1e12-f6d4-fb2c-04988ad1619a-42f9c332 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_91440259-d921-77da-932e-0a2c48dafc69-42f9c332 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-f4ffe043-6ef5-73d8-388f-526964717705-42f9c332 {
    grid-row: span 3 / span 3;
  }

  #w-node-f0b91fd1-60df-5877-da5f-d2c2b56fb768-42f9c332, #w-node-_6844db4d-e5f8-c2c2-d8ca-668f909417d1-42f9c332, #w-node-e387fb89-cafe-a374-50d5-936f3213973e-42f9c332, #w-node-fd60aa21-844e-415c-03cd-73e7f0238238-42f9c332, #w-node-b73ed3dc-e78b-7099-3128-0085cc1138d8-42f9c332, #w-node-_7d5c370e-8b62-8e60-5b4e-8b210de46c07-1de2855a, #w-node-_7d5c370e-8b62-8e60-5b4e-8b210de46c0d-1de2855a, #w-node-_7d5c370e-8b62-8e60-5b4e-8b210de46c10-1de2855a, #w-node-_7d5c370e-8b62-8e60-5b4e-8b210de46c13-1de2855a, #w-node-_304929a4-18a2-59e5-7f05-8020df940508-1de2855a, #w-node-_304929a4-18a2-59e5-7f05-8020df94050e-1de2855a, #w-node-_304929a4-18a2-59e5-7f05-8020df940511-1de2855a, #w-node-_304929a4-18a2-59e5-7f05-8020df940514-1de2855a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  @media screen and (max-width: 767px) {
    #w-node-_3b7e594b-c3e6-1683-3145-434f1148cdab-42f9c332 {
      order: 9999;
    }

    #w-node-ef2eb313-d49f-cca5-69b9-f4e341c2976f-42f9c332 {
      grid-template-rows: auto auto;
      grid-template-columns: 1.5fr;
    }

    #w-node-e60475f7-6b61-f6e2-d3de-4596bbb34da4-42f9c332 {
      grid-row: span 2 / span 2;
    }

    #w-node-_527e553b-a5fe-fac5-6b71-31bf90bfa792-42f9c332 {
      order: 9999;
    }

    #w-node-_91440259-d921-77da-932e-0a2c48dafc69-42f9c332 {
      grid-template-rows: auto auto auto;
      grid-template-columns: 1fr;
    }

    #w-node-f4ffe043-6ef5-73d8-388f-526964717705-42f9c332 {
      grid-row: span 3 / span 3;
    }

    #w-node-_6844db4d-e5f8-c2c2-d8ca-668f909417d1-42f9c332 {
      order: 9999;
      grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-fd60aa21-844e-415c-03cd-73e7f0238238-42f9c332 {
      order: 9999;
      justify-self: center;
    }
  }


  @font-face {
    font-family: 'Fa Brands 400';
    src: url('../fonts/fa-brands-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Fa Solid 900';
    src: url('../fonts/fa-solid-900.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Dune Rise';
    src: url('../fonts/Dune_Rise.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }