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

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

/*-------------------------------------------------- GLOBAL BODY --------------------------------------------------*/
body:not(.isMobile) #container {
    padding: 0 !important;
}
.full_width_content {max-width: 100% !important;}

/*----------------------------------------------------- CTA -------------------------------------------------------*/
#slice_cta {bottom: 35px;position: fixed;right: 0px;z-index: 99999999;}
html:not(.mobileview) #slice_cta { display: block !important;}
#slice_cta img {max-width:300px !important;}
@media(max-width:800px){
	#slice_cta img { max-width:200px !important;}
	#slice_cta { bottom: 10px;right: 0px;}
} 
/*phone bigger*/
/*phone number bigger*/
.header_share_wrap .phone:after {font-size: 1.6rem !important;font-weight:bold !Important;}
.header_share_wrap .phone:before {font-size:1.63rem !important; font-weight:bold !Important;}
.header_share_wrap.dropdown-list .share_list {padding: 1rem 2rem !important; }
html:not(.mobileview) .phone:after {
content: '(432) 699-1388 | Call Today To Get Started on Your Order' !important;
}
/*---------------------------------------------------- HEADER -----------------------------------------------------*/
#the_header { max-width: 100% !important; box-shadow: NONE !important;}
/**************TRANSPARENT HEADER**************/
/*-----Pull DL under Header----*/
@media (min-width: 1200px){
	.home #the_header .header_color{background:transparent !important;}
	.home .header_share_wrap.dropdown-list {background-color: transparent;}
	.home #container{margin-top: -17rem !important;}
	.home .tsidesign_dl .the_list_text{padding-top: 12% !important;}
}
/*-----changes color of header on scroll----*/
.menu-fade {background-color: var(--headBkg) !important;transition: background-color 0.5s linear !important;}
/*----------------------------------------------------- LOGO ------------------------------------------------------*/
.logo-variation.logo-variation-header .logo-slot img {
max-height: 14rem !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;
}

.logo-fade .logo-variation.logo-variation-header .logo-slot img {
max-height: 7rem !important;
}
.mediaqueries.mobileview .logo-slot img {max-height: 8rem !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;
  border-radius: 0px !important;
  box-shadow: none !important;
  border: none !important;
  font-size: 1.7rem !important;
  font-weight:bold !Important;
  font-family: 'oswald' !important;
  text-transform: uppercase !important;
  color: #fff !important;
   -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}

.the_list_item_action a:hover ,.gform_button:hover {
  background: var(--accentBkg) !important;
  color: #fff !important;
   -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !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_content{max-width: 106rem !important;margin: 0 auto !important;}
/*----------------------------------------------------- DLS -------------------------------------------------------*/
.tsidesign_dl {margin:0 !important;}
.tsidesign_dl .the_list_wrap {padding: 17% 8% 17% !important;text-align: right !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;}
.tsidesign_dl .the_list_item_action { float: none !important;width: auto !important;}

/*--------------------------------------------------- FEATURES ----------------------------------------------------*/
.tsidesign_feature{
	  margin: 0 !important;
	  padding: 0 !important;
	  display: flex !important;
	  align-items: stretch !important;
	  flex-flow: row wrap !important;
	  box-shadow: 0 0 25px rgba(0, 0, 0, .4) !important;
	  z-index: 2 !important;
	  position: relative !important;}
.tsidesign_feature .the_list_item_headline, .tsidesign_feature .the_list_item_headline a{text-transform: uppercase !important;opacity: 0.7 !important;color:white !Important;}
.tsidesign_feature .the_list_item_image{margin: 0 auto !important;width: 20% !important;}
.tsidesign_feature .the_list_item_image img{opacity: 0.5 !important;}
.tsidesign_feature .the_list_item {
	  background: #242424 !important;
	  width: 33.33% !important;
	  margin: 0 !important;
	  padding: 4% !important;
	  transition: .8s !important;
	  -webkit-transition: .8s !important;
	  -moz-transition: .8s !important;
	  -o-transition: .8s !important;}
.tsidesign_feature .the_list_item:hover {background: #BF5700 !important;}
.tsidesign_feature .the_list_item:hover .the_list_item_headline, .tsidesign_feature .the_list_item:hover .the_list_item_headline a{opacity: 1.0 !important;}
.tsidesign_feature .the_list_item:hover .the_list_item_image img{opacity: 1.0 !important;}
.tsidesign_dl .the_list_item, .tsidesign_dl .the_list, .tsidesign_feature .the_list_item, .tsidesign_feature .the_list{margin-bottom: 0 !important;}
@media(max-width:569px){.tsidesign_feature .the_list_item{width: 100% !important;}
}
/*--------------------------------------------------- SPLIT 1 ----------------------------------------------------*/
.tsidesign_split {
    width: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 auto !important;
    background: transparent !important;
    padding: 0 !important;}
.tsidesign_split .the_list_item{margin-bottom: 0 !important;}
.tsidesign_split .item_1 .the_list_wrap{
  max-width: 65rem !important;
  float: clear !important;
  padding-top: 8% !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  float: right !important;
  padding-bottom: 3rem !important;
  text-align: left !important;}
.tsidesign_split .the_list_item .the_list_item_headline {text-transform: uppercase !important;font-weight: 500 !important;font-size: 2.3rem !important;}
.tsidesign_split .the_list_item .the_list_item_subheadline {
    text-transform: uppercase !important;
    font-style: italic !important;
    font-size: 1.5rem !important;
    font-weight: bold !important;}
/*--------------------------------------------------- SERVICES ----------------------------------------------------*/

/*--------------------------------------------------- SUBPAGES ----------------------------------------------------*/

/*---------------------------------------------------- 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;
}


/*----------------------------------------------------- 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: 4% auto;
}
.btn-primary, .exit-btn{
    color: #fff;/*----Button Text----*/
    background-color: #CC93D7; /*-----Button Color----*/
    text-transform: uppercase;
    font-weight: bold;
    padding: .8rem 2.6rem;
    color: #ffffff !important;
}

.btn-primary:hover {
  background: #e4c021; /*----Button hover color----*/
  text-shadow: 1px 1px 1px #000;
}

#modal_popup {
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    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: 2%;
  width: 40%;
  min-width: 250px;
  background: #ffffff; /*----Modal Background Color----*/
  box-shadow: #FFAE12 0px -1px 35px !important;
  z-index: 1;
  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: #fff;  
}
.modal_desc {
  display: inline-block;
  width: 100%;
  padding-top: 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.5; /*----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.8rem;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 2.8rem;
  padding-bottom: 2%;
}

.modal_txt_area {
  padding:0 4%;
}

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


@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%;
}
}

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

@media (max-width: 700px){
  .modal_headline {
  font-size: 1.8rem;
    line-height: 1.8rem;
  }
}

@media (max-width: 525px){
    .btn, .exit-btn{
  margin-top: 10%;
    font-size: 1rem;
    width: 100%;
}
}




/*-----------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: 4% auto;
}
.btn-primary, .exit-btn{
    color: #fff;/*----Button Text----*/
    background-color: #7e1416; /*-----Button Color----*/
    text-transform: uppercase;
    font-weight: bold;
    padding: .8rem 2.6rem;
}

.btn-primary:hover {
  background: #e4c021; /*----Button hover color----*/
  text-shadow: 1px 1px 1px #000;
}

#modal_popup {
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    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: 2%;
  width: 50%;
  min-width: 250px;
  background: #dbe5ee; /*----Modal Background Color----*/
  z-index: 1;
  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: #fff;  
}
.modal_desc {
  display: inline-block;
  width: 100%;
  padding-top: 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.5; /*----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.8rem;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 2.8rem;
  padding-bottom: 2%;
}

.modal_txt_area {
  padding:0 4%;
}

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


@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%;
}
}

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

@media (max-width: 700px){
  .modal_headline {
  font-size: 1.8rem;
    line-height: 1.8rem;
  }
}

@media (max-width: 525px){
    .btn, .exit-btn{
  margin-top: 10%;
    font-size: 1rem;
    width: 100%;
}
}