/*-----------Popup 21+ Modal----------*/
#screen-shade {
opacity: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000; /*-----Color of the shade----*/
transition: opacity 0.8s;
}
#modal_popup {
background-image: linear-gradient(rgba(29, 33, 55, 0.7), rgba(29, 33, 55, 0.7)), url("/files/2022/05/WEB-BG.jpg") !important;
background-size: cover !important;
z-index: 9999999;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-align: center;
white-space: nowrap;
height: 100%;
}
.css-only-modal-check:checked ~ .css-only-modal {
opacity: 1;
pointer-events: auto;
}
.css-only-modal {
opacity: 0;
z-index: 1;
overflow: hidden;
position: relative;
vertical-align: middle;
top: 18%;
border: 3px solid var(--promo1);
text-align: center;
white-space: normal;
max-width: 100%;
width: 60%;
margin: auto !important;
pointer-events: none;
box-shadow: inset 2px 2px 12px;
}
.modal_txt_area {
background: rgba(100, 199, 83,0.65);
margin-bottom: 2rem !important;  
}
.modal_headline {
font-size: 2rem;
font-weight: 900;
letter-spacing: .05em;
line-height: 2.8rem;
text-transform: uppercase;
width: 100%;
}
.modal_desc {
display: inline-block;
font-size: 1.5rem;
width: 100%;
}
.modal-buttons {
display: flex;
}
.modal-buttons a,
.modal-buttons label {
color: var(--promo1) !important;
width: 100% !important;
font-size: 1.5rem !important;
text-decoration: underline !important;
padding: 10px !important;
cursor: pointer;
margin: 0;  
}
.modal-buttons a:hover,
.modal-buttons label:hover {
background: var(--promo1) !important;
color: var(--promo5) !important;  
}
.css-only-modal-check {
display: none !important;
}
.modal_txt_area {
padding: 2% 8% 0;
}
.css-only-modal-close {
opacity: 0 !important;
}
/*---- Media Quries ----*/
@media(max-width: 1100px) {
.modal-buttons {
flex-direction: column;
}
.css-only-modal {
top:0;
max-height:100% !important;
}
}
@media (max-width: 1035px){
.modal_headline {
font-size: 1.5rem;
line-height: 2rem;
}
.css-only-modal {
top:0;
max-height:100% !important;
}
}
@media (max-width: 800px){
.css-only-modal {
top:0;
max-height:100% !important;
}
}
/*-----------END Popup Modal----------*/
/*------------------------------------------------------ MAP ------------------------------------------------------*/
/*--- Map Margins/Font Fix ---*/
.b2b-location-items.show-details li h2{font-size:1.1rem !important;}
.b2b-location-items.show-details li p {margin: 0 !important;line-height: 1.57em !important;font-size: 1.15em !important;}
.b2b-location-get-directions.color_bodylinks{margin-bottom:0 !important;}
.b2b-location-items.show-details li p b {font-weight: bold !important;}


/*-------------------------------------------------- GLOBAL BODY --------------------------------------------------*/
.tsH{
  display: flex !important;
  display: -webkit-flex !important;
  flex-direction:column-reverse !important;
  -webkit-flex-direction:column-reverse !important;
}

.tsH_wrp{
  padding: 0 !important; 
}

.tsD_white *{
  color: #ebfeff !important; 
}

.tsD_dark *{
  color: var(--color21) !important; 
}

.section .tsT_sec {padding: 0 !Important;} 
.section .tsB + .tsT_parallax {margin-top: 0 !Important;} 


/*----------------------------------------------------- CTA -------------------------------------------------------*/
#header-cta {
 float: left !important;
   width: 100% !important;
   text-align: center !important;
   padding: .5rem !important;
   font-size: 120% !important;
  	font-weight: 900 !important;
   background: linear-gradient(-45deg, #336b00, #88b954, #336b00, #88b954);
    background-size: 400% 400%;
    -webkit-animation: Gradient 5s ease infinite;
    -moz-animation: Gradient 5s ease infinite;
    animation: Gradient 5s ease infinite;
   color: #fff !important;
  text-transform: uppercase;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.15) !important;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5) !important;
}

#header-cta:hover a{
letter-spacing: 2px !important;
}
#header-cta a{
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
transition: all .3s ease-in-out !important;
color: #ffffff !important;
}
.mobileview #header-cta{
display: none !important;
}

@media(max-width: 600px){
#header-cta{
font-size: .7rem !important;
}
}

@-webkit-keyframes Gradient {
   0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}}
@-moz-keyframes Gradient {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}}
@keyframes Gradient {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}}
/*---------------------------------------------------- HEADER -----------------------------------------------------*/

.tsH.shrink .tsH_wrp {
-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1); 
box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1);
  }


  .tsSC {
  padding: 0 !important;
  }

@media (min-width: 1025px){
  .home .tsH_wrp {display: inline !important;}
  .home .tsH #_the_logo {width: 100% !important;}
  .home .tsH .menu.align-right{
	text-align: center !important;}
  .home .tsH #_the_logo {
	display: none !important;
  }
}

@media (min-width: 1025px){
  .home .tsC {
  margin-top: 0 !important; 
  padding-top: 0 !important;
}
  
  .home .tsH:not(.shrink),
.home .tsH:not(.shrink) .tsSC{
    background-color: transparent;
}


.tsD_dl .tsI_txt {
    padding-top: 16em !important;
}
  
  .tsD_dl .tsI {
    height: 80vh !important;
}
    
  
    .tsD_dl2 .tsI {
    height: 60vh !important;
}

  .tsD_dl2 .tsI_txt {
    padding-top: 4em !important;
}

  
}

.tsSC {
    box-shadow: none !important;
}
.tsH_navTrig:before {
    color: var(--promo1) !important;
}


/*---------------------------------------------------- SOCIAL -----------------------------------------------------*/


/*---------------------------------------------------- LOGO ------------------------------------------------------*/

.tsF #_the_logo img {
    max-height: 4.5rem !important;
}

@media (min-width: 1025px){
  .tsH.expand #_the_logo img {
	max-height: 8rem !important;
  }
  .tsH.shrink #_the_logo img {
    max-height: 5rem !important;
  }
}
@media (max-width: 1024px){
  .tsH #_the_logo img {
	max-height:4rem !important;
  }}

.dl-logo{
      width: 56% !important;
    margin: 0 auto !important;
}

@media (max-width: 1024px) {
  .dl-logo{
      display: none !important;
}
}
/*-------------------------------------------------- NAVIGATION ---------------------------------------------------*/

.tsH #access {
margin-bottom: 1rem !important;
}

.tsH_navTrig{color: #fff !important;}

/*------------------------------------------------------------------*/

.tsH .tsSC .tsC_Btn,
.tsH .social-media-links a,
.tsCntct .tsCntct_list a,
.tsF .tsC_Btn,
.tsF .social .social-media-links a {
color: var(--promo1) !important;
}

.tsH .tsSC .tsC_Btn:hover,
.tsH .social-media-links a:hover,
.tsCntct .tsCntct_list a:hover,
.tsF .tsC_Btn:hover,
.tsF .social .social-media-links a:hover {
color: var(--color24) !important;
  background: var(--promo1) !important;
}

/*------------------------------------------------------------------*/

@media (min-width: 1025px) {
.home .tsH:not(.shrink) .menu>ul>li a,
.home .tsH:not(.shrink) .tsSC .tsC_Btn, 
.home .tsH:not(.shrink) .tsCntct .tsCntct_list li a,
.home .tsH:not(.shrink) .social-media-links a {
color: #ffffff !important;
background-color: transparent !important;
}

.home .tsH:not(.shrink) #_the_logo .logo a {
color: #ffffff !important;
  -webkit-filter: invert(100%);
  filter: brightness(0) invert(1) !important;
}

.home .tsH:not(.shrink) .sf-menu .sub-menu {
background-color: var(--color27) !important;
}
.home .tsH:not(.shrink) .menu>ul>li>.sub-menu a {
  color: var(--color18) !important;
  }
  
  .home .tsH:not(.shrink) .menu>ul>li>.sub-menu a:hover {
  color: var(--color19) !important;
  }

.home .tsH:not(.shrink) .social-media-links a:hover,
.home .tsH:not(.shrink) .tsCntct .tsCntct_list li a:hover {
  background: var(--color23) !important;
  color: var(--color19) !important;
  }
}

/*---------------------------------------------------- BUTTON -----------------------------------------------------*/

.tsI_btn,
.gform_button {
border: solid 1px #fff !important;  
background: transparent !important;  
color: #fff !important;
}


.tsI_btn:hover,
.gform_button:hover,
.tsD_dlsection .tsI_btn.btn_1.btn_md.transition:hover {
border: solid 1px var(--promo1) !important;  
background: var(--promo1) !important;  
color: var(--color21) !important;
}

/*------------------------------------------------- FONT STYLING --------------------------------------------------*/

.tsI_hd {
font-family: 'Shrikhand', cursive !important;
text-transform: uppercase !important;
letter-spacing: .1em !important;  
}

.tsI_sh {
text-transform: italic !important;  
}

.tsI_dsc,
.tsI_dsc p,
.tsH .menu>ul>li a {
font-family: 'Lato', sans-serif !important;
}


.tsD_dl .tsI_hd,
.tsD_dl2 .tsI_hd{
font-size: 240% !important;
}

/*--------------------------------------------------- CONTENT -----------------------------------------------------*/

.tsD_list ul {columns: 2;-webkit-columns: 2;-moz-columns: 2;}.tsD_list ul li {margin-right: .5rem;}

/*-------------------------------------------------------------*/

.tsD_section1 *,
.tsD_section2 * {
color: #fff !important;
}

@media(min-width: 851px){
.tsD_section1 {
  padding-top: 6rem !important;
    padding-bottom: 3rem !important;
}
  
.tsD_section2 {
  padding-top: 0rem !important;
    padding-bottom: 2rem !important;
}  
  
.tsD_section1 .item_2,
.tsD_section2 .item_2{
 padding-left: 3rem !important;
    border-left: 2px solid var(--color4) !important;
}
}

@media(max-width: 850px){
.tsD_section1 .item_1,
.tsD_section2 .item_1 {
   padding-bottom: 3rem !important;
      border-bottom: 2px solid var(--color4) !important;
}  
  
}

/*---------------------------------------------------------------*/


.tsD_internal1 .tsI_hd {
font-size: 180% !important;
}

.tsD_internal2 {
padding-top: 0rem !important;
margin-bottom: 3rem !important;
}

.tsD_internal2 .tsI_hd {
font-size: 160% !important;
}

.tsD_internal2 .tsI_btn {
margin-top: 2rem !important;
}

/*---------------------------------------------------------------*/


.tsD_banner .tsI_hd {
color: var(--color2) !important;
}

/*-------------------------------------------------------------*/

/*----------------------------------------------------- LIST -------------------------------------------------------*/
/*----------------------------------------------------- DLS -------------------------------------------------------*/

.tsD_end {padding: 0 !important;}

.tsD_dlsection .tsI_hd,
.tsD_dlsection .tsI_sh,
.tsD_dlsection .tsI_dsc,
.tsD_dlsection .tsI_dsc p,
.tsD_dlsection a{
color: #fff !important;
}


.tsD_dlsection a:hover {
letter-spacing: .05em !important;  
color: #eeeeee !important;
}


@media(min-width: 1025px){
  .tsD_dlsection .tsI:nth-child(n+2){
  border-left: solid 1px #fff !important;
  padding-left: 1rem !important;	
  }
}

@media(min-width: 481px) and (max-width: 1024px){
  
      .tsD_dlsection .item_2 {
  border-left: solid 1px #fff !important;
  padding-left: 1rem !important;	
  }
  
        .tsD_dlsection .item_3 {
		  padding-top: 1.5rem !important;
  border-top: solid 1px #fff !important;
margin-left: auto !important;
margin-right: auto !important;
  }
   
}

@media(max-width: 480px){
  .tsD_dlsection .item_2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  border-top: solid 1px #fff !important;
  border-bottom: solid 1px #fff !important;
  }
}

.promo_colors.not_well .nImg:not(.yBkg):nth-of-type(5n+1) {background-color: transparent !important;} /*------ TO MAKE THE DL TRANSPARENT --------*/

/*--------------------------------------------------- FEATURES ----------------------------------------------------*/

.tsD_iconfeature2 {
padding: 3rem 0 0 !important;
}
.tsD_iconfeature2 .tsR{
max-width: 86rem !important;
margin: 0 auto !important;
}
.tsD_iconfeature2 .tsI{
margin-bottom: 1rem !important;
opacity: .7 !important;
-moz-transition: all 0.35s ease-in-out !important;
-webkit-transition: all 0.35s ease-in-out !important;
-o-transition: all 0.35s ease-in-out !important;
transition: all 0.35s ease-in-out !important;
}
.tsD_iconfeature2 .tsI:hover {
opacity: 1 !important;
-webkit-transform: translate(0px,-10px) !important;
transform: translate(0px,-10px) !important;
}
.tsD_iconfeature2 .tsI_hds {
min-height: 4rem !important;
}
.tsD_iconfeature2  .tsI_hd{
font-size: 1.7rem !important;
max-width: 15rem !important;
margin: 2% auto 0 !important;
color: var(--color27) !important;  
}
.tsD_iconfeature2 .tsI_sh {
opacity: 0 !important;
font-size: 1rem !Important;
-moz-transition: all 0.35s ease-in-out !important;
-webkit-transition: all 0.35s ease-in-out !important;
-o-transition: all 0.35s ease-in-out !important;
transition: all 0.35s ease-in-out !important;
}
.tsD_iconfeature2 .tsI:hover .tsI_sh {
opacity: 1 !important;
}
.tsD_iconfeature2 .tsI_img {
padding: 1rem !important;
padding-bottom: .5rem !important;
max-width: 10rem !important;
margin: 0 auto !important;
-moz-transition: all 0.35s ease-in-out !important;
-webkit-transition: all 0.35s ease-in-out !important;
-o-transition: all 0.35s ease-in-out !important;
transition: all 0.35s ease-in-out !important;
}
@media(max-width:575px) {
.tsD_iconfeature2 .tsI{
opacity: 1 !important;
}
}

/*---------------------------------------------------- LOCATIONS -----------------------------------------------------*/

.tsD_locations .tsI {
background: var(--promo1) !important;
padding: 0rem 1rem 1rem !important;
  border-radius: 15px !important;
}

.tsD_locations .tsI_hd,
.tsD_locations .tsI_sh,
.tsD_locations .tsI_dsc,
.tsD_locations .tsI_dsc p {
color: var(--color27) !important; 
}

.tsD_locations a{
color: #ffffff !important; 
}

.today {
text-transform: uppercase !important;  
font-weight: bold !important;
letter-spacing: .1em !important;  
}

.tsD_locations .mon,
.tsD_locations .tue,
.tsD_locations .wed,
.tsD_locations .thu,
.tsD_locations .fri,
.tsD_locations .sat,
.tsD_locations .sun,
.tsD_locations .mon2,
.tsD_locations .tue2,
.tsD_locations .wed2,
.tsD_locations .thu2,
.tsD_locations .fri2,
.tsD_locations .sat2,
.tsD_locations .sun2,
.tsD_locations .mon3,
.tsD_locations .tue3,
.tsD_locations .wed3,
.tsD_locations .thu3,
.tsD_locations .fri3,
.tsD_locations .sat3,
.tsD_locations .sun3 {
margin-bottom: 4rem !important;  
}

@media(max-width: 850px){
.tsD_locations .item_3 {
margin-left: auto !important;
margin-right: auto !important;
}
}

@media(min-width: 601px) and (max-width: 850px){
.tsD_locations .tsI {
width: 45% !important;
}
}

@media(max-width: 600px){
.tsD_locations .tsI {
width: 100% !important;
}
}

/*--------------------------------------------------- SERVICES ----------------------------------------------------*/
/*--------------------------------------------------- SUBPAGES ----------------------------------------------------*/
/*--------------------------------------------------- REVIEWS ----------------------------------------------------*/
/*------------------------------------------------- FORM STYLING --------------------------------------------------*/
input[type=text]{ 
background: transparent !important;  
border: none !important;  
border-bottom: 1px solid var(--promo3) !important;  
box-shadow: none !important; 
color: #fff !important;  
} 
.textarea.textarea { 
background: transparent !important;  
border: 1px solid var(--promo3) !important;  
box-shadow: none !important;
color: #fff !important;  
} 
.textarea.textarea:focus { 
border: 1px solid var(--promo1) !important; 
}  
input[type=text]:focus{ 
border-bottom: 1px solid var(--promo1) !important; 
} 
.gform_title, .gfield_label, .ginput_container label, .gfield_required, .ginput_container.ayah, li.gfield .validation_message {
color: var(--promo1) !important; 
} 
.gform_footer { 
float: left !important; 
} 
.clear-multi{ 
width: 68% !important; 
} 
.ginput_container select { 
background-color: transparent !important; 
border-color: var(--promo3) !important; 
color: var(--promo3) !important; 
box-shadow: none !important; 
} 
.ginput_container select:focus {
background-color: var(--color21) !important;   
border-color: var(--promo1) !important; 
color: var(--promo1) !important;
box-shadow: none !important; 
}
.ginput_container input.medium, .ginput_container select.medium, .ginput_container textarea.medium{ 
width: 100%; 
}

/*---------------------------------------------------- FOOTER -----------------------------------------------------*/
.tsF .tsR{max-width: 100% !important;padding: 0 !important;}
.tsF hr, .tsF_section.brand {display: none !important;}
.tsF_section.copyright{padding-top:1.6rem !important;}
.tsF_section.bottom.social{padding-bottom: .9rem !important;padding-top: 0rem !important;}

/*------------------------------------------------- MEDIA QUERIES -------------------------------------------------*/
/*------------------------------------------------- LIST STYLING --------------------------------------------------*/