/*--------------------------------------------------- FONT IMPORT -------------------------------------------------*/
@import url('//fonts.googleapis.com/css2?family=Barlow&display=swap');
/*------------------------------------------------------ MAP ------------------------------------------------------*/
#_the_map_wrapper .b2b-location.wide .b2b-location-items ul li.show-details {
  overflow: auto !important;
}
@media(min-width:816px) {
#wrapper #_the_map_wrapper .b2b-location.wide .b2b-location-items {height:480px !important;padding-top: 0 !important;}
#wrapper #_the_map_wrapper .b2b-location.wide .b2b-location-items ul {padding: 1rem !important;}
#wrapper #_the_map_wrapper .b2b-location.wide .b2b-location-items ul li.show-details {height: 480px !important;  padding-right: 1rem !important; padding-top: 1rem !important;}
#wrapper .small #_the_map_wrapper .b2b-location.wide .b2b-location-items ul { padding-bottom: 5rem !important;}
#wrapper #_the_map_wrapper .b2b-location.wide {height: 480px !important;}
#wrapper #_the_map_wrapper .b2b-location.wide .b2b-location-items-container {height: 480px !important;}
#container .w1060 .type_plugin .the_list_item .the_list_item_heads, #container .w1060 .type_plugin .the_list_item .the_list_item_desc { margin-top: 3rem !important; }
}
/*-------------------------------------------------- GLOBAL BODY --------------------------------------------------*/
body:not(.isMobile) #container {
    padding: 0 !important;
}
.home .full_width_content {
  max-width: 100% !important;
}

.tsidesign_popu p { margin: 1% !important; }
.tsidesign_popu .the_list_wrap { margin: 0 !important; }
.tsidesign_popu .the_list_wrap { width: 100% !important;
                               background: #141414;}
.tsidesign_popu .the_list_item { padding: 0 !important; }
.tsidesign_content .the_list_item_image { max-width: 400px !important; margin: 0 auto !important; }
/*----------------------------------------------------- CTA -------------------------------------------------------*/
.tsidesign_banner{
padding: 3.5rem 5rem 2rem !important;
/*background: #2f5e0b !important;*/
margin: 0 !important;
  text-align: center !Important;
    -webkit-animation: glowing 1500ms infinite;

}
@-webkit-keyframes glowing {
  0% { background-color: #d9bf7d; -webkit-box-shadow: 0 0 3px #d9bf7d; }
  50% { background-color: #2f5e0b; -webkit-box-shadow: 0 0 40px #2f5e0b; }
  100% { background-color: #d9bf7d; -webkit-box-shadow: 0 0 3px #d9bf7d; }
}

.tsidesign_banner .the_list_item, 
.tsidesign_banner .the_list {
margin-bottom: 0.5rem !important;
}
.tsidesign_banner .the_list_item_headline, 
.tsidesign_banner .the_list_item_headline a{
line-height: 1 !important;
color: #fff !important;
letter-spacing: .05em !important;
margin-bottom: 0 !important;
}
.tsidesign_banner .the_list_item_subheadline{
line-height: 1 !important;
color: #fff !important;
letter-spacing: .05em !important;
font-weight: 300 !important;
text-transform: capitalize !important;
}
@media(min-width:1000px){
.tsidesign_banner .the_list_item_headline, 
.tsidesign_banner .the_list_item_headline a {font-size: 3.5rem !important;}
.tsidesign_banner .the_list_item_subheadline{font-size: 2.2rem !important;}
}
@media (max-width:1000px){
.tsidesign_banner .the_list_item_headline, 
.tsidesign_banner .the_list_item_headline a{font-size: 3rem !important;}
.tsidesign_banner .the_list_item_subheadline{font-size: 1.7rem !important;}
}

/*---Valentine Modal---*/
/*.type_modal .the_list_item {
background-image: url(../files/shutterstock/2021/02/shutterstock_167730539_1613405485_e10c141fe869c0e919cb4c7e18f6ba69f3.jpg);
background-position: bottom !important; 
}

.type_modal .the_list_item .the_list_item_heads * {
    color: #f00 !important; 
}*/


/*---------------------------------------------------- HEADER -----------------------------------------------------*/
body:not(.isMobile) #container {
    padding: 0 !important;
}

/*logo hidden on desktop*/
html:not(.isTablet) .menu-wrap {width: 100% !important;}
html:not(.mobileview) #the_header #_the_logo {display: none !important;}
html:not(.mobileview) #access .menu{text-align: center !important;}
/*centered logo in nav with logo shrink*/
.quin {
  padding-right: 1rem !Important;
      max-height: 10rem !important;
      vertical-align: middle !important;
      -webkit-transition: all .5s ease-in-out !important;
      -moz-transition: all .5s ease-in-out !important;
      -o-transition: all .5s ease-in-out !important;
      transition: all .5s ease-in-out !important;}
@media(max-width:817px){
    .quin {display: none !Important;}
    .gmb a{display: none !Important;}}
/*logo shrink*/
.logo-fade{max-height: 7rem !important;}
/*mobile logo*/
.mediaqueries.mobileview .logo-slot img {max-height: 8rem !important;}
/*----------------------------------------------------- LOGO ------------------------------------------------------*/
#the_header .logo-variation.logo-variation-header .logo-slot img{
    max-height: 13rem !important;
    padding-left: 3rem !important;
}

.mediaqueries.mobileview .logo-slot img{
    max-height: 8rem !important;
}

@media(max-width:650px){
  #dllogo {display:none !Important;}}
/*-------------------------------------------------- NAVIGATION ---------------------------------------------------*/
#_the_navigation a, #menu-holder a {
    font-size: 1.3rem !important;
    font-weight: 500 !important;
}

/*---------------------------------------------------- BUTTON -----------------------------------------------------*/
.the_list_item_action a,.gform_button {
  background: transparent !important;
  border-radius:0px !important;
  box-shadow: none !important;
  border: 1px solid #ccc !important;
  font-size: 1.7rem !important;
  text-transform: uppercase !important;
  color: #fff !important;
}

.the_list_item_action a:hover ,.gform_button:hover {
  background: #ccc !important;
  color: #fff !important;
}
 .the_list_item_action {
  background-color: transparent !important;
}

.tsidesign_dl_top .the_list_item_action a{
  background: transparent !important;
  border-radius:0px !important;
  box-shadow: none !important;
  border: 1px solid #fff !important;
  font-size: 1.7rem !important;
  text-transform: uppercase !important;
  color: #fff !important;
  font-weight: lighter !important;
}

.tsidesign_dl_top .the_list_item_action a:hover{
   background: #FFF !important;
  color: #000 !important;
}

/*------------------------------------------------- FONT STYLING --------------------------------------------------*/
h1, h2, h3{
  	font-weight: normal !important;
}

.the_list_item_headline {font-family: 'Barlow', sans-serif !important;text-transform: uppercase !Important;}
/*--------------------------------------------------- CONTENT -----------------------------------------------------*/
.home .content {
  	padding-top: 3rem !important;
}
.tsidesign_content{
 	max-width: 106rem !important;
  	margin: 0 auto !important;
}
.tsidesign_content .the_list_item_headline {font-size: 5rem !Important;} 
@media(max-width:818px){
  .tsidesign_content .the_list_item_headline {font-size: 3rem !Important;}} 
.tsidesign_photo {max-width: 103rem !Important; margin: 0 auto !Important;} 
/*----------------------------------------------------- DLS -------------------------------------------------------*/
.tsidesign_dl_top .the_list_wrap {
    padding: 14% 8% 14% !important;
    text-align: center !important;
    background: rgba(0, 0, 0, 0) !important;
}
.tsidesign_dl_top .the_list{
    margin-bottom: 0rem!important;
}

.tsidesign_dl_top {
    margin-bottom: 0rem!important;
}

.tsidesign_dl_top .the_list_text{
    max-width: 134rem !important;
    margin: 0 auto !important;
}
.tsidesign_dl_top .the_list_item_headline a, .tsidesign_dl .the_list_item_subheadline {
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5) !important;
}
.tsidesign_dl_top .the_list_item_action {
    float: none !important;
    width: auto !important;
}
/*--------------------------------------------------- FEATURES ----------------------------------------------------*/
.tsidesign_textfeature1 .the_list_item_headline {
font-size: 3rem !important;
transform-style: preserve-3d !important;
-webkit-transition: all 0.3s ease-in-out !important;
-moz-transition: all 0.3s ease-in-out !important;
transition: all 0.3s ease-in-out !important;
}
.tsidesign_textfeature1 .the_list_item_subheadline {
font-size: 1.8rem !important;
}
.tsidesign_textfeature1 .the_list_item_headline a:after {
top: -100% !important;
left: 0px !important;
width: 100% !important;
position: absolute !important;
border-radius: 5px !important;
content: 'Learn More' !important;
transform-origin: left bottom !important;
transform: rotateX(90deg) !important;
}
.tsidesign_textfeature1 .the_list_item_headline:hover {
transform-origin: center bottom !important;
transform: rotateX(-90deg) translateY(100%) !important;
}
@media(max-width:818px){
  .tsidesign_textfeature1 .the_list_item{
	width: 100% !Important;}}
/*--------------------------------------------------- SPLIT 1 ----------------------------------------------------*/

/*--------------------------------------------------- SERVICES ----------------------------------------------------*/

/*--------------------------------------------------- SUBPAGES ----------------------------------------------------*/
.tsidesign_title, .tsidesign_title .the_list_item {
	margin-bottom: 0 !important;
  	padding-bottom: 0 !important;
}
#container .the_list_item .gform_wrapper .gfield_required {color:white !Important;}
/*---------------------------------------------------- FOOTER -----------------------------------------------------*/
#the_footer {
    max-width:100% !important;
}
/*------------------------------------------------- MEDIA QUERIES -------------------------------------------------*/
.mediaqueries.mobileview #container .section .list_block.type_article.a3 .the_list_item,
.mediaqueries.mobileview #container .item_1.the_list_item.center.hero.yes_image.yes_heads.yes_link.yes_desc {
    background-attachment: initial !important;
}

@media only screen and (max-width: 800px){
.section .type_section.cover_fixed .tsXa{
    background-size: cover !important;
  background-attachment: inherit !important;
    }}
/*----------------------------------------------------- FLEX ------------------------------------------------------*/

/*-----------Popup Modal----------*/
.btn{
  margin: 5px auto;
}

.btn, .exit-btn{
    display: inline-block;
    padding: 4px 20px;
    margin-bottom: 0;
    /* font-size: 2rem; */
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    margin: 1rem;
}
.btn-primary, .exit-btn{
    color: #fff;/*----Button Text----*/
    background-color:#2F5E0B; /*-----Button Color----*/
    text-transform: uppercase;
    font-weight: bold;
    padding: .8rem 2.6rem;
}

.btn-primary:hover, .exit-btn:hover {
  background: #000; /*----Button hover color----*/
  text-shadow: 1px 1px 1px #000;
  color: #fff !important;
  border: none !important;
}
.css-only-modal-btn {
  color: #fff !important; /*----Contact Button Text----*/
 
}
#modal_popup {
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    text-align: center;
    white-space: nowrap;
    height: 100%;
}
#modal_popup:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: -0.25em;
}
.css-only-modal-check {
    pointer-events: auto;
}
.css-only-modal-check:checked ~ .css-only-modal {
    opacity: 1;
    pointer-events: auto;
  
}
.css-only-modal {
  top: 10%;
  width: 40%;
  min-width: 250px;
  background: #FFF; /*----Modal Background Color----*/
  border: 5px solid #2F5E0B !important;
  z-index: 9999;
  display: inline-block;
  position: relative;
  pointer-events: auto;
  text-align: center;
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
  pointer-events: none;
  overflow:visible;
}

#modal_wrapper {
  padding: .8rem 1.6rem 0;
  position: relative;
}
.css-only-modal h2 {
    text-align: center;
}
.css-only-modal p {
    font-size: 1.5rem;
  color: #582E47;  
}
.modal_desc {
  display: inline-block;
  width: 100%;
  padding-top: 2%;
  padding-bottom:2%;
}

.css-only-modal-close {
/*--This is your X button, you can choose to display:none; if you do not want an X in the top right--*/
  position:absolute;
  right:0;
  top:0;
  margin-top:0 !important;
  width: auto !important;
}
.css-only-modal-check {
    display: none;
}
.css-only-modal-check:checked ~ #screen-shade {
    opacity: 0.8; /*----How dark the shade covering the site is----*/
    pointer-events: auto;
}
#screen-shade {
    opacity: 0;
    background: #000; /*-----Color of the shade----*/
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    transition: opacity 0.8s;
}

.modal_logo {
  padding: 0;
  width: 80%;
}

.modal_headline {
  width: 100%;
  font-size: 2.3rem;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 2.8rem;
  padding-bottom: 2%;
  color: #333333;
}

.modal_txt_area {
  padding:0 4%;
}

.modal_txt_area .modal_desc em {
  font-weight:bold;
}

  .modal_desc {
color: #333333;
}

.tsC {
 z-index: auto !important; 
}

@media (max-width: 1035px){
  .modal_headline {
  font-size: 2rem;
    line-height: 2rem;
  }
  .modal_desc {
  display: block;
  width: 100%;
  padding-top: 5%;
}

  .btn, .exit-btn{
  margin-top: 2%;
  width: 100%;
}
}

.css-only-modal-check {
 opacity: 0 !important; 
}
/*---- Fix for landscape mobile ----*/
.is-mobile .css-only-modal {
max-height:100% !important;
overflow:auto !important;
top:0;
}


.is-mobile  .modal_headline {
  font-size: 1.3rem;
    line-height: 1.3rem;
  padding-bottom: 0rem;
  }

.is-mobile  .modal_desc {
  padding-top: 1rem;
  font-size: .8rem;
  }

.is-mobile .modal_logo {
max-width: 10rem !important;
}

.is-mobile .btn,.is-mobile .exit-btn{
  margin: .3rem 0rem;
    font-size: .7rem;
    width: 100%;
}

@media(max-width:569px){
.css-only-modal {
    top: 2%;
    width: 95%;
  margin: auto;
  }
}
  
.tsidesign_center_pop .item_1 {
    text-align: center !important;
}


/* custom platform modal popup */
.type_modal .modal_content{
  max-width:50rem !important;
  top: 1rem !important;
}
#modal_modal .modal_body {
    flex-direction: row;
  flex-wrap: wrap;
}
#modal_modal .modal_body .item_1 {
    flex: 0 0 100%;
}
#modal_modal .modal_body .the_list_item {
    padding: 1rem !important;
}
.modal_body_wrap {
    max-height: 90vh !important;
}

.toppics, .bottompic {
width:100% !important;
}
.toppics img {
width:40% !important;
margin:2% !important;
display:inline-block !important;
}
.bottompic img {
width:90% !important;
margin: 0 2% !important;
}


.tsidesign_imgRsze .item_1 img.item_image.beacon-lazy-load {
    max-width: 29rem!important;
}

.tsidesign_imgRsze .item_3 img.item_image.beacon-lazy-load {
    max-width: 37rem!important;
}
.tsidesign_imgRsze .the_list_item_image {
    text-align: center;
}