:root
{
   --color-primary: #0055a5;
   --color-secondary: #0055a5;
}

body
{
   font-family: 'Roboto', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
   background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url( ../../asset/img/background.jpg );
   background-color: #cccccc;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
      background-position-x: center;
   background-position-y: 30%;
}

.tjd-fixed-header
{
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: fixed;
   width: 100%;
   padding: 1em;
   background-color: rgba( 0, 0, 0, 1);
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0);
   z-index: 999;
}

.tjd-logo
{
   max-width: 85%;
}

.tjd-btn-shadow
{
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.tjd-btn-phone
{
   font-weight: bold;
   font-size: 1.3em;
}

.tjd-hero
{
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 48em;
   background-color: #cccccc;
   background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url( ../../asset/img/header.jpg );
   background-size: cover;
   /* background-size: contain; */
   background-repeat: no-repeat;
   background-position-x: center;
   background-position-y: center;
   color: #ffffff;
   font-weight: 900;
   text-align: center;
   padding: 0.3em;
}

.tjd-hero .btn
{
   text-transform: uppercase;
   font-weight: 900;
}

.tjd-display-4
{
   font-size: 40px;
   color: #ffffff;
}

.tjd-lead
{
   font-size: 2em;
     color: #ffffff;
}

.tjd-content-header
{
   text-transform: uppercase;
   font-weight: 900;
}


.tjd-content-block
{
   background-color: #fefefe;
   padding: 1em;
}

.tjd-border-bottom
{
   border-bottom-width: 0.6em;
   border-bottom-style: solid;
}

.tjd-container
{
   padding: 2em 0 0 0;
   /* margin-bottom: 4em; */
}

.tjd-form__container
{
   padding: 0em 1em;
}


.tjd-bk-1
{
   background-color: #e9e9e9;
}

.form-group
{
   margin-bottom: 1em;
}

.form-group label
{
   margin-bottom: 0;
}


.tjd-show-md
{
   display: none;
}

.tjd-btn-wide
{
   width: 100%;
   font-size: 1.3em;
}


.tjd-footer
{
   padding: 1em;
   background-color: #3e3e3e;
   color: #d6d6d6;
   text-align: center;
   font-size: 0.7em;
   padding-bottom: 2em;
}

.tjd-footer a
{
   color: #d6d6d6;
   text-decoration: underline;
}

.bottom-cta
{
   text-transform: uppercase;
   font-size: 2em;
   font-weight: bold;
   /* margin-bottom: 2em; */
   padding: 0.3em;
   padding-bottom: 2em;
}

.bottom-cta .btn
{
   display: block;
   margin: auto;
   text-transform: uppercase;
   font-weight: bold;
   width: 100%;
   padding: 1em 0em;
}

.tjd-margin-auto
{
   display: block;
   margin: auto;
}

.tjd-margin-none
{
   margin: 0;
}

.tjd-image-100
{
   max-width: 100%;
}

.--no-wrap
{
   white-space: nowrap;
}

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

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

.text-primary
{
   color: var(--color-primary) !important;
}

.border-primary
{
   border-color: var(--color-primary) !important;
}

.wufoo-form__container
{
   /* background-color: rgba( 68, 68, 68, 0.75 ); */
   margin-bottom: 1em;
}

.wufoo-form
{
   max-width: 56em;
   margin: auto;
}
.tjd-youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Small only */
@media screen and (min-width: 320px) and (max-width: 767px)
{

   
   .tjd-hero
   {
       background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url( ../../asset/img/header-2.jpg);
       background-size: cover;
   }
   
   .fancybox-content
   {
      padding: 0.3em;
   }
   .fancybox-content h1
   {
      font-size: 1.2em;
   }
   .fancybox-content h2,
   .fancybox-content h3
   {
      font-size: 1.2em;
   }
   .fancybox-content ul
   {
      padding-inline-start: 1.3em;
   }
   .fancybox-content li
   {
      margin-bottom: 1em;
   }
}

/* Medium and up */
@media screen and (min-width: 768px) 
{

   .tjd-container
   {
      padding: 1em 1em 1em 1em;
   }

   .tjd-row
   {
      display: flex;
      justify-content: center;
      max-width: 1140px;
      margin: auto;
   }
   .tjd-row .tjd-content-block
   {
      width: 100%;
      margin-bottom: 2em;
   }

   .tjd-row .tjd-col-50
   {
      width: 50%;
      margin-right: 1em;
   }
   .tjd-row .tjd-col-50:last-child
   {
      margin-right: 0;
   }

   .tjd-show-md
   {
      display: initial;
   }

   .tjd-btn-wide
   {
      max-width: 18em;
   }

   .bottom-cta .btn
   {
      max-width: 20em;
   }

   .tjd-padding-top-none
   {
      padding-top: 0;
   }

   .fancybox-content
   {
      max-width: 80%;
   }
}
.mark, mark {
    padding: .2em;
    background-color: #ffff00;
}

/* Medium only */
/*@media screen and (min-width: 768px) and (max-width: 991px) {}*/

/* Large and up */
/*@media screen and (min-width: 992px) {}*/

/* Large only */
/*@media screen and (min-width: 992px) and (max-width: 1199px) {}*/

/* X-Large and up */
/*@media screen and (min-width: 1200px) {}*/