/*--------------------------------------------------- FONT IMPORT -------------------------------------------------*/

/*------------------------------------------------------ MAP ------------------------------------------------------*/
/*--- map ---*/ 

.b2b-location-items .b2b-location-basic-info h2, 
.b2b-location-items .b2b-location-detail-info b, 
.b2b-location-items .b2b-location-h2 {color: var(--promo1) !important;} 
.b2b-location-items.show-details li p , .b2b-location-items.show-details li a{line-height: 1.5 !important; color: #fff !IMPORTANT;} 
.tsD_map {padding-top: 0 !important;} 
.tsD_map .tsR{max-width: 100% !important;margin: 0 !important;padding: 0 !Important;} 
.tsD_map .tsI {margin: 0 !important;width: 100% !important;} 
.tsD_map #_the_map_wrapper{max-width: 100% !important; margin: 0 !Important;padding: 0 !important;} 
/*--------------------------------------------------- Two Column Floating List ---------------------------------------------------*/
#container .section:not(.w232) .the_list_item  #container .section:not(.w232) .the_list_item  {width: 47% !important;  display: inline-grid!important;  margin-right: 0.8rem !important;}

#container .the_list_item .the_list_item_desc ol li, #container .the_list_item .the_list_item_desc ul li{position:static!important;}

ul li{list-style-position: inherit !important;} /*fix for Charlotte theme*/

ul.columns {columns: 3; -webkit-columns: 3; -moz-columns: 3;}

ul.columns2 {columns: 2; -webkit-columns: 2; -moz-columns: 2;}

ol.columns {columns: 3; -webkit-columns: 3; -moz-columns: 3;}

ol.columns2 {columns: 2; -webkit-columns: 2; -moz-columns: 2;}
/*-------------------------------------------------- GLOBAL BODY --------------------------------------------------*/
.tsM #access .menu ul a {
 white-space: break-spaces !important;
}

.tsH_wrp{
  padding: 0 !important; 
}

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

.full_width_content {
  max-width: 100% !important;
  background: linear-gradient(to right, rgba(0,0,0,.9),rgba(0,0,0,.5)) !important;
}

.tsD_icon {
 max-width: 20rem !important;
  margin: 0 auto !important;
}
/*----Badges----*/ 
  
@media (min-width: 825px) { 
  .tsD_badges .tsS {
    -webkit-columns: 6; 
    -moz-columns: 6; 
    columns: 6 !important; 
  } 
} 
  
@media (max-width: 824px) { 
  .tsD_badges .tsS { 
    -webkit-columns: 3; 
    -moz-columns: 3;
    columns: 3 !important; 
  } 
} 
  
@media (max-width: 384px) { 
  .tsD_badges .tsS { 
    -webkit-columns: 2; 
    -moz-columns: 2; 
    columns: 2 !important; 
  } 
} 

@media (max-width: 1024px) {
  .tsD_mobileTakeaway .item_2 {
    display: none !important; 
  }
}

@media (min-width: 1024px) {
	.tsD_mobile_change {
	 display: none !important; 
	}
	.tsD_desktop_change {
		display: block !important
	}
}

@media (max-width: 1024px) {
	.tsD_desktop_change {
	 display: none !important;
	}
	.tsD_mobile_change {
		display: block !important;
	}
}

.tsD_modal .tsI_hd,
.tsD_modal p {
	color: #3666DA;
}

@media (max-width: 800px) {
	.tsD_modal .tsI_wrp {
		padding-top: 0 !important; 
	}
	.tsD_modal .tsI_sh {
		font-size: 1rem !important; 
	}
	.tsD_modal .tsI_hd {
		font-size: 1.5rem !important; 
	}
	.tsD_modal p {
		font-size: 0.75rem !important; 
		line-height: 110% !important; 
	}
}
/*----------------------------------------------------- CTA -------------------------------------------------------*/
#header-cta a {
    color: rgb(209,2,0) !important;
    transition: all 1.3s ease-in-out 0s !important;
}
#header-cta{  
width: 100% !important;  
text-align: center !important;  
font-weight: 700 !important; 
padding-top: .5rem !important;  
padding-bottom: .5rem !important;  
font-size: .9rem !important;  
background: transparent !important;  
color: #d10200 !important;  
text-transform: uppercase !important;  
-webkit-transition: all 1.3s ease-in-out !important;  
-moz-transition: all 1.3s ease-in-out !important;  
-o-transition: all 1.3s ease-in-out !important;  
transition: all 1.3s ease-in-out !important;  
}  

 #header-cta:hover a{ letter-spacing: 5px !important;}  

 #header-cta a{  
color: #313792 !important;  
-webkit-transition: all 1.3s ease-in-out !important;  
-moz-transition: all 1.3s ease-in-out !important;  
-o-transition: all 1.3s ease-in-out !important;  
transition: all 1.3s ease-in-out !important;  
}  
.mobileview #header-cta{ display: none !important;}  

@media (max-width:925px){  
  #header-cta{ display: none; !important;
 }  
}  

.tsSC .social-media-links {
    flex: 1 0 20% !important;
}



/*---------------------------------------------------- HEADER -----------------------------------------------------*/
.tsH_wrp{padding: 0 !important;}
.tsH {
  box-shadow: 0 0 4px 3px rgba(0,0,0,.12) !important;
  display: flex !important;
  display: -webkit-flex !important;
  flex-direction: column-reverse !important;
  -webkit-flex-direction: column-reverse !important;
}
@media (min-width: 1025px){

  .tsD_dl .tsI_txt {
	padding-top: 0 !important;
  } 
  .tsD_dl .tsI {
	height: 52vw !important;
  }  
  .tsD_dl2 .tsI {
	height: 52vw !important;
  } 
  .tsD_dl2 .tsI_txt {
	padding-top: 4em !important;
  }

}

.tsH_navTrig {
  color: var(--color3) !important;
}

.home .tsH_navTrig {
  float: right !important;
}

.tsSC {
  box-shadow: none !important;
}

/*----------------------------------------------------- LOGO ------------------------------------------------------*
.tsH #_the_logo{
  padding: .8rem 0 .7rem !important;
}
.home .tsH #_the_logo {
    display: none !important;
}
/*-------------------------------------------------- NAVIGATION ---------------------------------------------------*/
.tsSC .social-media-links a {
    font-size: 1em !important;
}
.tsH .menu > ul {
    font-size: .8em !important;
}


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

/*------------------------------------------------- FONT STYLING --------------------------------------------------*/
.tsD_hr hr {
    width: 15% !important;
    display: inline-block !important;
    margin-top: 0rem !important;
    border: px solid #fff !important;
    margin-bottom: 0 !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
    transition: all 0.4s ease-in-out !important;
}
.tsD_hr .tsI:hover hr{
    width: 40% !important;
}
/*--------------------------------------------------- CONTENT -----------------------------------------------------*/
.tsD_content {
 padding-top: 0rem !important;
}
/*----------------------- banner -------------------------*/
.tsD_banner {
 background: linear-gradient(to bottom right, var(--promo1), var(--promo2)) !important;
  margin: 0 !important;
  padding-top: 0rem !important;
}
.tsD_banner .tsI_hd, .tsD_banner .tsI_sh, .tsD_banner .tsI_dsc {
 color: #fff !important;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5) !important;
}
.tsD_banner .tsI_hd {
 font-weight: bold !important;
}
.tsD_banner .tsI_wrp {
 max-width: 106rem !important;
  margin: 0 auto !important;
  xpadding: 2rem !important;
}
.tsD_banner .tsI {padding-top: 2rem !important;}
/*----------------------------------------------------- DLS -------------------------------------------------------*/
.tsD_dl .tsI_wrp{
 xbackground: linear-gradient(to bottom, rgba(255,255,255,.9),rgba(255,255,255,.1)) !important;

}
.tsD_dl .tsI_hds{ 
  padding-top: 5% !Important;
}

.tsD_dl .tsI_sh {
 background: linear-gradient(to right, rgba(0,57,144,.0),rgba(0,57,144,.8),rgba(0,57,144,.0)) !important;
  padding: 10px !important;
}
  
.section .tsT_parallax .tsI_cptn {
    max-width: 95% !important;
}

.tsD_dl .tsI_hd{
  text-shadow: 1px 1px 2px rgba(0,0,0,.5) !important;
  font-size: 4em !important;
}

.tsD_dl .tsI_txt {
    text-align: center !important;
}

@media (min-width: 800px) {
  .tsD_dl .tsI{
	height: 120vh !important;
	xxclip-path: polygon(50% 0%, 100% 0, 100% 80%, 50% 100%, 0% 80%, 0 0);
  }
  .tsD_dl .tsI_txt, .tsD_dl2 .tsI_txt {
	padding: 8% 1% !important;
	margin-bottom: 10% !important;
  }
  .tsD_dl span {
	letter-spacing: .1rem; font-size: 5rem  
  }
}


.tsD_dl {
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%) !important;
}

.tsD_dl2 {
  clip-path: polygon(0 0, 100% 23%, 100% 81%, 0 100%) !important;
}


@media (max-width: 799px) {
  .tsD_dl .tsI{
	height: 75vh !important;
  }
  .tsD_dl .tsI_hd{
  font-size: 3em !important;
}
}
/*--------------------------------------------------- FEATURES ----------------------------------------------------*/
.tsD_photofeature1 .tsI_img {
transition: all 1.1s ease-in-out !important;
}
.tsD_photofeature1 .tsI_cptn{
background-color: rgba(35,35,35,.35) !important;
transition: all 1.1s ease-in-out !important;
  -webkit-transition: all 1s ease-in-out !important;
-moz-transition: all 1s ease-in-out !important;
-o-transition: all 1s ease-in-out !important;
transition: all 1s ease-in-out !important;
}
.tsD_photofeature1 .tsI:hover .tsI_cptn{
background-color: rgba(0,57,144,.8) !important;
}
.tsD_photofeature1 .tsI_btn{
box-shadow: none !important;
background: transparent !important;
color: #fff !important;
font-style: italic !important;
}
.tsD_photofeature1 .tsI_btn,
.tsD_photofeature1 .tsI_sh{
opacity: 0 !important;
transition: all 1.1s ease-in-out !important;
}
.tsD_photofeature1 .tsI:hover .tsI_btn,
.tsD_photofeature1 .tsI:hover .tsI_sh{
opacity: 1 !important;
}
/*--------------------------------------------------- SPLIT 1 ----------------------------------------------------*/
.tsD_promo {
  padding: 5rem 2.6rem 5.5rem !important;
}

@media (min-width: 1150px) {
  .tsD_promo {
	z-index: 11 !important;
	position: relative !important;
  }
  .tsD_promo .item_1 {
	margin: -27rem auto !important;
  }

  .tsD_promo .item_1 .tsI_img {
	box-shadow: 4px 5px 8px rgba(0, 0, 0, 0.35) !important;
  }
}

@media (min-width: 850px) and (max-width: 1149px){
  .tsD_promo {
	z-index: 11 !important;
	position: relative !important;
  }
  .tsD_promo .item_1 {
	margin: -23rem auto !important;
  }

  .tsD_promo .item_1 .tsI_img {
	box-shadow: 4px 5px 8px rgba(0, 0, 0, 0.35) !important;
  }
}


.tsD_promo .tsI_img {
  transition: all 1s ease-in-out !important;
}
@media(max-width: 650px){
  .tsD_promo {
	padding: 5rem 1rem 0rem !important;
  }
}

/*--------------------------------------------------- SERVICES ----------------------------------------------------*/
.tsD_services .tsI {
    -webkit-flex:  1 auto !important;
    -moz-flex: 1 auto !important;
    flex: 1 auto !important;
}

.tsD_services .tsI_wrp {
  padding: 4% 8% !important;
  background: linear-gradient(to bottom,rgb(0,0,0),rgba(0,0,0,.2)) !important;
}
/*--------------------------------------------------- SUBPAGES ----------------------------------------------------*/

x#b1-1 {
    display: none !important;
}

/*----------------------------- contact ----------------------------*/
.tsD_contact {
 max-width: 60rem !important;
  margin: 0 auto !important;
}
.tsD_contact .tsI_hd {
  font-weight: bold !important;
  color: #fff !important;

}
.tsD_contact .tsI_dsc {
 xfont-size: 1.2em !important;
  color: #fff !important;

}
.tsD_contact .tsI {
 background: linear-gradient(to bottom right, var(--promo1), var(--promo2)) !important;
  border-radius: 25px !important;
  xborder: 1px solid #000 !important;
  padding: 3rem !important;  
}
.tsD_contact span{
 xfont-size: 2em !important;
  font-weight: bold !important;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3) !important;
}
/*---------------------------------------------------- ANIMATIONS -----------------------------------------------------*/
.come-in {
	transform: translateY(150px);
	animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 1.5s; /* So they look staggered */
  }
@keyframes come-in {to { transform: translateY(0); }}

.come-inL {
	transform: translateX(100%);
	animation: come-inL 0.8s ease forwards;
}
.come-inL:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
  }
@keyframes come-inL {to { transform: translateX(0); }}

.come-inR {
	transform: translateX(-100%);
	animation: come-inR 0.8s ease forwards;
}
.come-inR:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
  }
@keyframes come-inR {to { transform: translateX(0); }}


.tsD_slide-in .tsI_hd {
-webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.tsD_slide-in .tsI_sh {
-webkit-animation: slide-in-left 1.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-left 1.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}

/*--------------- Forms -----------*/
input[type=text]{ background: transparent !important;  border: none !important;  border-bottom: 1px solid var(--promo2) !important;  box-shadow: none !important; }  

.textarea.textarea { background: transparent !important;  border: 1px solid var(--promo2) !important;  box-shadow: none !important; }  

.textarea.textarea:focus { border: 1px solid var(--promo3) !important; }   

input[type=text]:focus{ border-bottom: 1px solid var(--promo3) !important; }  

.gfield_required{ color: var(--promo2) !important; } 

.gform_title{ xfont-family: 'Bree Serif', serif !important;} 

.gform_footer { float: left !important; }  

.clear-multi{ width: 100% !important; }  

.ginput_container select { background-color: transparent !important; border-color: var(--promo2) !important; color: var(--promo2) !important; box-shadow: none !important; }  

.ginput_container input.medium, .ginput_container select.medium, .ginput_container textarea.medium{ width: 100%; }  

/*--First-Last Name Spacing--*/ 

.name_first, .name_last { width: 49% !important; margin: .5% !important;  padding: 0 !important;}  

#wrapper .the_list_item .gform_wrapper .ginput_complex .name_first input, #wrapper .the_list_item .gform_wrapper .ginput_complex .name_last input{ width: 100% !important; margin: .5% !important;  padding: .7rem !important;}  
/*---------------------------------------------------- FOOTER -----------------------------------------------------*/
.tsF .tsR{
  max-width: 100% !important;
  }
  .tsF_section.brand, .tsF hr, .tsF_section.bottom{
	    xdisplay: none !important;
  }
 .tsF .section_content{
   xbackground: #fff !important;
   box-shadow: inset 1px 1px 8px -2px rgba(0,0,0,.5) !important;
  }
.tsF .section_content .tsR{
  max-width:80rem !important;
  }
  .tsI_small{
	    width: 22rem !important;
	flex: 0 0 24% !important;
  }
.tsF .social-media-links{
	     margin-top: 1.5rem !important;
  }
  .tsF_copyright{
	    text-align: center !important;
    xmargin-top: .5rem !important;
    margin-bottom: 1rem !important;
  }

.tsF .tsI_hd {
    color: var(--promo2) !important;
}

#foot_logo a:hover {
 background: transparent !IMPORTANT;
}



@media (max-width:1024px){
   .tsF .section_content{
	 text-align:center !important;
  }
  .tsI_small{
	flex: 0 0 100% !important;
  }}

.tsF_section.brand{
 background: #000 !important;
}

.tsF .section_content {
    padding-top: 0rem !important;
}
.footer-license{color: #fff !important;}
/*------------------------------------------------- MEDIA QUERIES -------------------------------------------------*/
@media (max-width: 1024px){
.tsH #_the_logo img {
    max-height: 2.5em !important;
}
}
/* ------------------ Floating Social Media Tabs ------------------ */
 .social_items_flex {
 display: flex;
 flex-direction: column;
 justify-content: space-around;
 position: fixed;
 bottom: 70px;
 z-index: 999999;
 }
 
.social_button {
 height: 60px;
 width: 60px;
 float: left;
 margin: 5px;
 overflow: hidden;
 background: #fff;
 border-radius: 50px;
 cursor: pointer;
 box-shadow: 0 10px 10px rgba(0,0,0,0.1);
 transition: all 0.3s ease-out;
 }
 
.social_button:hover {
 width: 330px;
 }
 
.social_button .floating_icon {
 display: inline-block;
 height: 60px;
 width: 60px;
 text-align: center;
 border-radius: 50px;
 box-sizing: border-box;
 line-height: 60px;
 transition: all 0.3s ease-out;
 }
 
.facebook_button:hover .floating_icon {
 background: #1773EA;
 }
 
.google_button:hover .floating_icon {
 background: #32A350;
 }
 
.facebook_button .floating_icon {
 color: #1773EA; 
 }
 
.google_button .floating_icon {
 color: #32A350; 
 }
 
.social_button:hover .floating_icon svg {
 color: #fff !important;
 }
 
.social_button .floating_icon i {
 font-size: 25px;
 line-height: 60px;
 }
 
.social_button span {
 font-size: 20px;
 font-weight: 500;
 line-height: 60px;
 margin-left: 10px;
 transition: all 0.3s ease-out;
 }
 
.facebook_button:hover span {
 color: #1773EA;
 }
 
.google_button:hover span {
 color: #32A350;
 }
 
@media (max-width: 1024px) {
 .social_items_flex {
 display: none !important;
 }
 }
 /* ------------------ End Floating Social Media Tabs ------------------ */

/*---HP Service Area list---*/
.tsD_Col .tsR {
    max-width: 100% !important;
}

.tsD_Col ul {
    column-count: 3;
}

/*---Badge Sizing---*/
.tsD_badges img.item_image {
    height: 8rem;
    width: 10rem;
}