/* MY STUFF */

#container {
  padding-top: 0 !important;
}

.tsD_icon_section .item_image {
  width: auto !important;
  height: 10rem !important;
  filter: invert(1) !important;
  padding: 2rem !important;
}

.tsD_icon_section .the_list_item {
  text-align: center !important;
}

.tsD_icon_section .the_list_item_image {
  margin: 0 auto !important;
  height: 10rem !important;
  width: 10rem !important;
  overflow: hidden !important;
  background: #1db0ec !important;
  border-radius: 50% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: 2px solid black;
  transition: .3s ease-in-out !important;
  cursor: pointer !important;
}

.tsD_icon_section .the_list_item_image:hover {
  transform: translateY(-10px) !important;
}

@media (min-width: 1024px)
html:not(.mobileview) #the_header .header_color {
  background: rgba(0, 0, 0, 0.75) !important;
}

#the_header .header_color {
  background: black !important;
}

.tsidesign_top_subpage_article {
  margin-top: 12rem !important;
}

@media (max-width: 800px) {
  .tsidesign_top_subpage_article {
	margin-top: 2rem !important;
  }
}

/*------------------------------------------------------ MAP ------------------------------------------------------*/
/*#_the_map_wrapper .b2b-location.wide .b2b-location-items ul li.show-details {
  overflow: auto !important;
}
.tsidesign_map .the_list_item {
  margin-bottom: 0 !important;
}*/


/*-------------------------------------------------- GLOBAL BODY --------------------------------------------------*/

html:not(.mobileview) #container {
  margin-top: -18rem !important;
}
.full_width_content {
  background: rgba(255, 255, 255, 0) !important;
  margin: 0 auto !important;
  max-width: 100% !important;
}



/*----------------------------------------------------- CTA -------------------------------------------------------*/

/*---------------------------------------------------- HEADER -----------------------------------------------------*/
#the_header{
  max-width: 100% !important;
}
.menu-fade {
  background-color: var(--headBkg) !important;
  transition: background-color 0.5s linear !important;
}


@media (min-width: 1024px) {
  html:not(.mobileview) #access .menu.align-right {
    text-align: center !important;
  }
  html:not(.mobileview) #the_header #_the_logo {
    display: none !important;
}
  html:not(.mobileview) .menu-wrap {
    width: 100% !important;
  }

    html:not(.mobileview) #the_header .header_color {
    background: rgba(0, 0, 0, 0) linear-gradient(var(--navBkg), rgba(0, 0, 0, 0)) repeat scroll 0 0 !important;
  }
}
/*----------------------------------------------------- LOGO ------------------------------------------------------*/
#the_header .logo-variation.logo-variation-header .logo-slot img{
  max-height: 11rem !important;
  padding: 1rem !important;
}

.mediaqueries.mobileview .logo-slot img{
  max-height: 12rem !important;
    padding: 1rem !important;

}
.mediaqueries.mobileview .dl-logo {
 display:none  !important;
}

/*-------------------------------------------------- NAVIGATION ---------------------------------------------------*/
#_the_navigation a, #menu-holder a {
  font-size: 1.3rem !important;
  font-weight: normal !important;
}
/*---------------------------------------------------- BUTTON -----------------------------------------------------*/
.the_list_item_action a,.gform_button {
  background: var(--links) !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 1.7rem !important;
  text-transform: uppercase !important;
  color: #fff !important;
  font-weight: lighter !important;
  letter-spacing: 2px !important;
}

.the_list_item_action a:hover ,.gform_button:hover{
  background: var(--accentBkg) !important;
  color: #fff !important;
}
 .the_list_item_action {
  background-color: transparent !important;
}
/*------------------------------------------------- FONT STYLING --------------------------------------------------*/
h1, h2, h3{
  font-weight: normal !important;
}
/*--------------------------------------------------- CONTENT -----------------------------------------------------*/
.home .content {
  padding-top: 3rem !important;
}
.tsidesign_seen .the_list_item {
  margin-bottom: 0 !important;
}
.tsidesign_content, .tsidesign_content2{
  max-width: 126rem !important;
  margin: 0 auto !important;
}

html:not(.mobileview) .tsidesign_content .item_1 {
  position: relative !important;
  background: #fff !important;
  margin-top: 4% !important;
  left: 2% !important;
  padding: 5% !important;
  box-shadow: -2px 4px 10px rgba(0,0,0,.2) !important;
  width: 50% !important;
  z-index: 100 !important;
}
html:not(.mobileview) .tsidesign_content .item_2 {
  position: relative !important;
  width: 45% !important;
  right: 10% !important;
}

html:not(.mobileview) .tsidesign_content2 .item_1 {
  position: relative !important;
  width: 45% !important;
  left: 10% !important;
}
html:not(.mobileview) .tsidesign_content2 .item_2 {
  width: 50% !important;
  position: relative !important;
  background: #fff !important;
  margin-top: 6% !important;
  right: 5% !important;
  padding: 3% !important;
  box-shadow: 2px 4px 10px rgba(0,0,0,.2) !important;
}


/*----------------------------------------------------- DLS -------------------------------------------------------*/
.tsidesign_dl .the_list_wrap {
  background: rgba(0,0,0,.2) !important;
  padding: 22% 8% 15% !important;
  text-align: center !important;
}
.mobileview .tsidesign_dl .the_list_wrap, .mobileview .tsidesign_banner .the_list_wrap {
  padding: 10% 8% !important;
}
.tsidesign_dl .the_list{
  margin-bottom: 0rem !important;
}
.tsidesign_dl .the_list_text{
  max-width:134rem !important;
  margin: 0 auto !important;
}
.tsidesign_dl .the_list_item_headline a, .tsidesign_dl .the_list_item_subheadline {
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5) !important;
}

/*--------------------------------------------------- FEATURES ----------------------------------------------------*/
.tsidesign_feature, .tsidesign_main {
 max-width: 106rem !important; 
 display: block !important;
 margin: 0 auto !important;
}
.tsidesign_feature img {
 width: 100% !important;
 display: block !important;
 margin: 0 auto !important;
}
/*--------------------------------------------------- FORM ----------------------------------------------------*/
.tsidesign_contact { 
  background: var(--links) !important;
}
.tsidesign_contact .the_list_item_desc{
   max-width: 134rem !important;
  margin: 0 auto !important;
}

.tsidesign_contact .the_list_item_desc input, .tsidesign_contact .the_list_item_desc textarea, .tsidesign_contact .the_list_item_desc {
    color: #000 !important;
}
.tsidesign_contact .gform_title, .tsidesign_contact .gfield_label, .tsidesign_contact .ginput_container, .tsidesign_contact .gfield_required, .tsidesign_contact .the_list_item .the_list_item_headline, .tsidesign_contact .the_list_item .the_list_item_subheadline, .tsidesign_contact label  {
    color: #fff !important;
} 

.tsidesign_contact .the_list_wrap {
  background: rgba(0,0,0,.4) !important;
}


@media (min-width: 901px){
.tsidesign_contact #field_22689_5{
  float: right !important;
  margin-top: -18rem !important;
   width: 40% !important;

}
.tsidesign_contact .gform_wrapper .ginput_complex .name_first, .tsidesign_contact .gform_wrapper .ginput_complex .name_last {
    width: 25.6% !important;
    margin-right: .1% !important;
}
}
/*--------------------------------------------------- LIST ----------------------------------------------------*/
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;}

/*--------------------------------------------------- SUBPAGES ----------------------------------------------------*/
.tsidesign_banner .the_list_item {
  background-position: center center !important;
}
.tsidesign_banner .the_list_wrap{
  background: rgba(0,0,0,.4) !important;
  padding: 27% 8% 12% !important;
  text-align: center !important;
}

.tsidesign_social a {
  text-decoration: none !important;
  font-size: 4rem !important;
  color: #333 !important;
}
/*---------------------------------------------------- FOOTER -----------------------------------------------------*/
#the_footer {
  max-width:100% !important;
}

/*------------------------------------------------- MEDIA QUERIES -------------------------------------------------*/
.mediaqueries.mobileview #container .item_1.the_list_item.center.hero.yes_image.yes_heads.yes_link.yes_desc{background-attachment:initial!important;}
.mediaqueries.mobileview #container .section .list_block.type_article.a3 .the_list_item{background-attachment:initial!important;}
@media(max-width: 1024px){
.dl-logo {
  display: none !important;
}
}
/*----------------------------------------------------- FLEX ------------------------------------------------------*/


/* ------------------ Floating Social Media Tabs ------------------ */
 .social_items_flex {
 display: flex;
 flex-direction: column;
 justify-content: space-around;
 position: fixed;
 bottom: 70px;
 z-index: 999999;
 }

.mobileview .social_items_flex {
 display: none !important;
 }

.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;
 }

.google_button:hover .floating_icon {
 background: #1DB0EC;
 }


.google_button .floating_icon i {
 color: #1DB0EC;
 }

.social_button:hover .floating_icon i {
 color: #fff;
 }

.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;
 }


.google_button:hover span {
 color: #1DB0EC;
 }
 /* ------------------ End Floating Social Media Tabs ------------------ */