/* all devices*/
@keyframes text-flicker {
  0% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(45, 88, 69, 1);
  }
  
  2% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  8% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  9% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  12% {
    opacity:0.1;
    text-shadow: 0px 0px rgba(242, 22, 22, 1);
  }
  20% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
  }
  25% {
    opacity:0.3;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
  }
  30% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
  }
  
  70% {
    opacity:0.7;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
  }
  
  72% {
    opacity:0.2;
    text-shadow:0px 0px 29px rgba(242, 22, 22, 1)
  }
  
  77% {
    opacity:.9;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
  }
  100% {
    opacity:.9;
    text-shadow: 0px 0px 29px rgba(33, 81, 61, 1)
  }
}

@keyframes letter-flicker {
  0% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  2% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  4% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  
  
  19% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  21% {
    opacity:0.1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  23% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  
  80% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  83% {
    opacity:0.4;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
  87% {
    opacity:1;
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
  }
}

/* desktop devices*/
@media all and (min-width: 701px) {







#service_wrap {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 300px;
    max-height: 300px;
    display:table ;
    background: url(../images/734A5552.jpg) no-repeat center center;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
 h1 {
    color: #FFF;
    width: 90%;
    text-align: center;
    font-weight: bold;
    font-size: 35px;
        font-weight: bold;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 3%;
  }
  
  h2 {
    color: #FFF;
    font-size: 30px;
        font-weight: bold;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  
    h3 {
    color: #000;
    font-size: 25px;
        font-weight: bold;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
  }

 



/*    form    */



#upddd4 {text-align: left;font-weight: bold;border: px solid yellow;width: 100%;}


#contact_name{  width: 100%;
    overflow-wrap: break-word;/*visual aid to make sure div fills content*/
   display:table;/*makes div fill content*/
text-align:left;

min-width:px;

display:inline-block;
vertical-align: middle; /*visual aid to make sure div fills content*/
 
}


 #req{
    color: red;
    font-size: 12px;
    padding-left: 5px;
  }
  
 #reqqq{
    color: red;
    font-size: 12px;
    padding-left: 5px;
  }
#contact_phone{width: 100%; text-align:left;;min-width:px;display:inline-block; vertical-align: middle;/*makes div fill content*/white-space:nowrap;
}
#contact_email{width: 100%; text-align:left;min-width:px;display:inline-block; vertical-align: middle;padding-top:5px;padding-bottom:5px;
}






select#sloc {
    height: 35px;
    margin-top :8px;
    border: 2px solid black;
  border-radius: 3px;
  text-align: center;
}











textarea {margin: 0 auto;
text-align:center;
clear:both;
border: 2px solid black;
border-radius: 1px;
width:100%;
margin: 0 auto;
text-align:center;
display: block;

margin-left: auto;
margin-right: auto;
text-align:center;
height:150px;margin: 0 auto;
text-align:center;
}













.button_holder {
width: 98%;
margin:0 auto;
display:table;
margin-top:30px;
margin-bottom:10px;

}







/* 1) Holder already wraps & centers rows */
#holder {
  width: 95%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;  /* centers both rows */
  align-items: flex-start;
  gap: 10px;
}


/* 3) Preserve your map rules */
#mapholder {
  flex: 2 1 400px;
  min-width: 400px;
  max-width: 1200px;
  height: 800px;
  position: relative;
  overflow: hidden;
}
#mapholder > #map {
  width: 100%;
  height: 100%;
}
  
  
  
  
  
  
  
  #map { display: inline-block; height: 100%; width: 100%; border: 1px solid #eee; }
  .info_sec { display: inline-block; }
  #autocomplete { width: 300px; margin: 10px; }
  #get-location-button { 
      
      
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
      
      margin-bottom: 40px;
    text-decoration: none;

 


    font-size: 15px;

    border-radius: 3px;
    text-align: center;
    background-color: #000;
      
      color:#FFF;
      
      
        border: none;         /* 🔥 removes the default gray border */
  outline: none;        /* optional: removes focus outline */
      
      padding: 10px 20px; font-size: 16px; margin: 10px; cursor: pointer; }
      
      
      #get-location-button:hover{ background-color: #555; }
      
      
      
  /* Make manager/location images lazy-load visually consistent */
  .man_pic img { max-width: 100%; height: auto; border-radius: 6px; }




#LocateMeButtons{margin: 0 auto;
text-align:center;}

input[type="text"],[type="email"],[type="tel"] {
  border: 2px solid black;
  border-radius: 3px;
  text-align: center;
  height: 35px;
    width: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

input[type="button"] {
  text-transform: uppercase;
  border: 2px solid #000;
  border-radius: 5px;
  width: 20%;
  max-width:250px;
  cursor: pointer;
  text-align: center;
  float: right;
  line-height: 46px;
  height: 50px;
  background-color: #000;
  color: #FFF;
  margin-left: 5px;
  margin-right: 5px;
}

input[type="button"]:hover{
border: 1px solid rgba(60, 60, 60,0.8) !important;
background: #F00 !important;
}






/*     map and locations     */
#loc_holder{
background-color:#f0f0f0;
width:100%;
height:350px;
display:table;
padding-bottom:20px;
padding-top:20px;
}
#loc_buttons{
width:100%;
height:100px;
background-color:#0F0;
display:none;
}
#loc_info{border:px solid red;
background-color:#FFF;
width:47%;
height:420px;
float:left;
overflow:scroll;
-webkit-overflow-scrolling: touch;
margin-left:2%;
margin-right:1%;
}
#loc_map{
background-color:#FFF;
width:47%;float:left;
margin-left:1%;
margin-right:2%;
height:400px;
display:table;
}






















.towright {
  float:right;
    width: 38%;
    min-height: 500px;
    position: relative;

    
}
.bthead,.btloc,.bthr,.btaddy,.dtdis{  margin: 0 auto;border: px solid orange;text-align:center;padding:5px;}
.mainHEader1{font-family: 'Plane Crash', sans-serif;margin: 0 auto;text-align:center;border: px solid orange;width:100%;font-weight:bold;
font-size:25px;}
.mainHEader2{font-family: 'Plane Crash', sans-serif;border: px solid orange;}
#gpser{font-size:14px}
.redline{
width:80%;
color:#234547;
box-shadow: 0 3px 3px rgb(35 69 71 / 0.8);
}







@font-face {
    font-family: 'Plane Crash';
    src: url('https://www.tes.finelinewow.com/inc/PlaneCrash.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}


.button_text2{
cursor: pointer;
background-color:rgba(22,22,22,1.0) ;
color:#FFF;
height:50px;
width:100px; font-weight: bold;
font-size:16px;border-color: rgba(22,22,22,1.0);
}
.button_text2:hover{
border: 1px solid rgba(60, 60, 60,0.8) !important;
background: #F00 !important;

}


.button_text{
    font-weight:bold;
border-color: #F00;
background-color:#F00;
color:#FFF;
height:125px;
width:200px;
font-size:16px;
}
.button_text:hover{
border: 1px solid rgba(60, 60, 60,0.8) !important;
background: gray !important;

}


.error{    margin: 0 auto;
    text-align: center;}









































/*     SUB MENU   crap above me  */
.sub_menu2{
display:none;
}














   #btmenu > .top_quote:hover .sub_menu2 {
       position: absolute;
       display: inline-block;  
       vertical-align: middle;
       margin: 0 auto;
       text-align: center;
       background-color: #666;
       list-style: none;
       width: 80%;
       padding: 0;
       display: table;
       padding-right: 3px;
       border: #333 solid 2px;
       border-radius: 4px;
       z-index: 9999;  
   }



/* =====================================



#btmenu > .top_quote .sub_menu2 {
    position: absolute;
    display: table;  
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    background-color: #666;
    list-style: none;
    width: 80%;
    padding: 0;
    border: #333 solid 2px;
    border-radius: 4px;
    z-index: 9999;
}


   ===================================== */




#btmenu > .top_quote .sub_menu2 {
    visibility: visible; /* Always visible, even when not hovered */
    opacity: 1;          /* Fully visible */
    transition: opacity 0.3s ease-in-out; /* Fade effect when shown or hidden */
}
#btmenu > .top_quote:hover .sub_menu2,
#btmenu > .top_quote .sub_menu2:hover { display: table !important; }

.sub_menu2 li{
margin:4px;
border: 2px solid yellow;
display:inline-block;
min-height:50px;
width:47%;
min-width:350px;
}
.element {
    border-radius: 10px; /* This will round all corners with a radius of 10px */
}
#vinfo{font-size:14px;font-weight:bold;}


/*locations Menu*/
.sub_menu2 .bui_hold1{ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;border-radius: 4px; /* This will round all corners with a radius of 10px */
color:black;font-family: Verdana, sans-serif;display: inline-block;max-width:450px;width:75%;margin:5px;padding:5px;
background-image: url(); 
background-size: cover;
background-color: #666;
}
.sub_menu2 .bui_name{
float:left;text-align: left;
font-weight:bold;
text-transform: uppercase;
font-size:14px !important;
color:white;width:74%;height:40px;
padding:2px!important;
border: px solid purple;
display:table;
}
.sub_menu2 .info_sec{border:px solid red;width:99%;display:table;}
.sub_menu2 .dir_addy{ height:20px;font-size:12px;font-weight:bold;color:white;border: px solid black;display:table;margin:3px;width:95%}






.sub_menu2 .geo_info{float:right;padding:2px!important;display:table;white-space:nowrap;border: px solid green;
overflow:hidden;width:24%;height:35px;
text-overflow:ellipsis;}
.sub_menu2 .geo_dis{color:#5bee5d;margin:0 auto;display:table;white-space:nowrap;border: px solid green;font-size:12px;
overflow:hidden;
text-overflow:ellipsis;}
.sub_menu2 .geo_time{color:#5bee5d;margin:0 auto;display:table;white-space:nowrap;border: px solid blue;font-size:12px;
overflow:hidden;
text-overflow:ellipsis;}

.sub_menu2 .dir_addy{color:white;border: px solid green;display:table;margin:3px;font-size:10px;}

.sub_menu2 .bui_pic{margin-right:1px;overflow:hidden;position: relative;border:px dashed red;
display:inline-block;width:22%;min-height:110px;height:100%;text-align: center;font-size:10px;color:#5bee5d;}


.sub_menu2 .man_pic{height:75px;width:75px;
position: relative;  padding-top:4px;
margin: 0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: px solid blue;
}
.sub_menu2 .man_pic img{
  
position: relative;
margin: 0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
width:100%;max-width:130px;
border: px solid red;
}

.sub_menu2 .bui_info{color:#FFF;overflow:hidden;position: relative;border:px solid green; display:inline-block;min-height:120px;min-width:60%;width:74%;padding-top:5px;}

.sub_menu2 .label{font-size:8px;text-align: center;padding:3px;color:#5bee5d;font-weight:bold;}















  #win {
    min-width: 550px;
    display: flex;
    flex-direction: column;
    width: ;
    margin: 5px;
  }
  #win > * { flex-grow: 1; }






























  /*left menu locations*/
#win .bui_hold1 {border: px solid red;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 4px;
    color: black;
    font-family: Verdana, sans-serif;
    display: inline-block;
    min-width: 520px;
    max-width: 45%;
    margin: 5px;
    padding: 5px;
   background-color: #666;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%; /* Make the container fill the space */

 max-height: 200px;
}


#win .bui_name{ width:74%;
float:left;text-align: left;
font-weight:bold;
text-transform: uppercase;
font-size:14px !important;
color:white;
padding:2px!important;
border: px solid purple;
display:table;
}
#win .dir_addy{ height:20px;font-size:12px;font-weight:bold;color:white;border: px solid black;display:table;margin:3px;width:95%}




#win .geo_info{float:right;padding:2px!important;display:table;white-space:nowrap;border: px solid red;min-height: 44px;
overflow:hidden;width:24%;
text-overflow:ellipsis;}
#win .geo_dis{color:#5bee5d;margin:0 auto;display:table;white-space:nowrap;border: px solid red;font-size:12px;
overflow:hidden;
text-overflow:ellipsis;}
#win .geo_time{color:#5bee5d;margin:0 auto;display:table;white-space:nowrap;border: px solid blue;font-size:12px;
overflow:hidden;
text-overflow:ellipsis;}

/* position: relative; */
#win .bui_pic{margin-right:5px;margin-top:8px;overflow:hidden;position: relative;border:px dashed red;
float:right;width:20%;min-height:106px;height:60%;text-align: center;font-size:10px;color:#5bee5d;}


#win .man_pic{height:75px;width:75px;
position: relative;  padding-top:4px;
margin: 0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: px solid blue;
}
#win .man_pic img{
  
position: relative;
margin: 0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
width:100%;max-width:130px;
border: px solid red;
}

#win .bui_info{color:#FFF;overflow:hidden;position: relative;border:px solid red;
float:left;min-height:120px;width:74%;}



#win .label{font-size:8px;text-align: center;padding:3px;color:#5bee5d;font-weight:bold;}

#win .info_sec{border:px solid red;width:99%;display:table;}





























/* Remove ONLY Google's default tail shape */
.gm-style-iw-t::after,
.gm-style-iw-tc::after {
    
    
       background-color:#666!important;
    content: "";
  position: absolute;
  z-index: 999;
  
}




/*Map Markers*/

.gm-style .gm-style-iw-d::-webkit-scrollbar-track,
.gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece,
.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-t::after {
background-color:#666;display:table;

}

button.gm-ui-hover-effect {
    /* Make the span block-level to fill the button */
    width: 30px !important;/* Set the width of the span (icon) */
    height: 30px !important;/* Set the height of the span (icon) */
    /* Center the icon inside the button */
}

.map_mark .bui_hold1{ 
/*box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/



border-radius: 4px; /* This will round all corners with a radius of 10px */
color:black;font-family: Verdana, sans-serif;
display: inline-block;min-width:340px;
width:97%;margin:5px;
padding:5px;height:100%;
background-size: cover;
border: px solid purple;
}





.map_mark .bui_hold1 img{
position: relative;
margin: 0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
width:100%;max-width:130px;
border: px solid red;
}














.map_mark .bui_name{
float:left;text-align: left;
font-weight:bold;
text-transform: uppercase;
font-size:14px !important;
color:white;width:74%;height:40px;
padding:2px!important;
border: px solid purple;
display:table;
}
.map_mark .info_sec{border:px solid red;width:99%;display:table;}
.map_mark .dir_addy{ height:20px;font-size:12px;font-weight:bold;color:white;border: px solid black;display:table;margin:3px;width:95%}






.map_mark .geo_info{float: right;
    padding: 2px !important;
    display: table;
    white-space: nowrap;
    border: px solid red;
    min-height: 44px;
    overflow: hidden;
    width: 24%;
    text-overflow: ellipsis;}
.map_mark .geo_dis{color:#5bee5d;margin:0 auto;display:table;white-space:nowrap;border: px solid green;font-size:12px;
overflow:hidden;
text-overflow:ellipsis;}
.map_mark .geo_time{color:#5bee5d;margin:0 auto;display:table;white-space:nowrap;border: px solid blue;font-size:12px;
overflow:hidden;
text-overflow:ellipsis;}

.map_mark .dir_addy{color:white;border: px solid green;display:table;margin:3px;font-size:10px;}

.map_mark .bui_pic{margin-right:1px;overflow:hidden;position: relative;border:px dashed red;
display:inline-block;width:24%;min-height:110px;height:70%;text-align: center;font-size:10px;color:#5bee5d;}


.map_mark .man_pic{
height:75px;width:75px;
position: relative;  padding-top:4px;
margin: 0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: px solid blue;
}








.map_mark .man_pic img{
  
position: relative;
margin: 0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
width:100%;max-width:140px;
border: px solid red;
}














.map_mark .bui_info{color:#FFF;overflow:hidden;position: relative;border:px solid green;
display:inline-block;min-height:120px;width:68%;}


.map_mark .label{font-size:8px;text-align: center;padding:3px;color:#5bee5d;font-weight:bold;}




.map_mark .info_sec{border:px solid red;width:99%;display:table;}














/*    extra crap both divs do       */


#info_div{border: px solid purple;display:table;}


#tttsss{border: px solid purple;display:table;}






.hidcord{width:100%;display:none;text-align:center;}


.con_info{ margin-top:5px;width:45%;color:#FFF;position: relative;
display:inline-block;}


.pho_num{color:#FFF;font-size:13px;text-align: center;position: relative;width:100%; text-decoration: none;  /* Removes any underline */
display:inline-block;border: px solid green;display:table;white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis; }
.pho_num a{ text-decoration: none;  color:white; }





.fax_num{color:white;font-size:13px;text-align: center;position: relative;width:100%;
display:inline-block;display:table;white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis; }






.dir_info{ width:45%; position: relative;color:#FFF;
display:inline-block;margin:2px;}

.dir_btn{text-align: center;position: relative;width:100%;color:#FFF;
display:inline-block;display:table; }


.dir_btn a{text-decoration: none;  color:white;}





.str_rew{text-align: center;position: relative;width:100%;color:#FFF;
display:inline-block;display:table; color:red;}


.str_rew a{ text-decoration: none;  color:white;}


.man_name{ color:white;text-align: center;width:100%;position: absolute;bottom:0px;
margin:2px;border: px solid green;}











#mloc{
width:96.9%;
border:px solid blue;
float:left;
margin: 0 auto;
padding-left:3%;
padding-bottom:2%;
margin-bottom:2%;
	border-bottom: 2px solid #CCC;
}
#mloc_left{
width:55%;
height:115px;
display:table;
border:px solid green;
float:left;
padding-left:3%;
}
#loc_info_dir{
padding:2%;
border:px solid red;
width:30%;
height:110px;
display:table;
float:left;
}
#loc_info_dir #loc_info_maplink{;width:80%;margin:0 auto;
margin-top:3%;
margin-bottom:10%;
text-align:center;
font-size:13px;}
#loc_info_dir #loc_info_dist{border:px solid purple;width:80%;margin:0 auto;
margin-top:10%;
margin-bottom:3%;
text-align:center;
content: "\2605";
display:;/* delete when sql code is done*/
}
.maptitle{	width:99%;
border:px solid red;
font-weight:bold;
text-transform:uppercase;}
.manager{width:99%;
border:px solid red;
margin-bottom:3px;margin-top:3px;}
.manager span{
	font-weight:bold;}
.addy1{text-transform:uppercase;width:99%;
border:px solid red;margin-bottom:3px;}
.addy2{text-transform:uppercase;width:99%;
border:px solid red;}
.phone1{width:99%;
border:px solid red;
font-size:12px;font-weight:600;}
.fax1{width:99%;
border:px solid red;font-size:12px;font-weight:600;}














.testwrap{ border: 1px solid pink; overflow: hidden;
z-index: -1; 
background-color:#d9d9d9;
width:100%;
border: px solid red;
display:table;
}


/*         -----------start here-------        */

.sec1 { 
  

  position: relative;
  overflow: hidden;
  z-index: 5;
  border: px solid black;
padding-bottom:20px;/*keeps it from overlapping*/

  display: table;
  width: 100%;
  min-height: 200px;
  display: table;
  background-color:#545454;
/*background-color:#24513D;find fineline green this looks good*/
}

.content1 {
  position: relative;
  border: px solid #187860;
  display: table;
  width: 95%;
  margin: 0 auto;
  z-index: 55;

}

.sec2 {
    padding-bottom:180px;/*keeps it from overlapping*/
  border: px solid black; 
  overflow: visible;
    position: relative;
  z-index: 5;
  width: 100%;
  min-height: 500px;
  display: table;
  background-color:#d9d9d9;
/* background-color:#177F71;find fineline green this looks good*/

}

.content2 {
  position: relative;
  z-index: 55;
  border: px solid #177F71;
  display: table;
  width: 95%;
  margin: 0 auto;

}

.sec3 {
  border: px solid black;
 padding-bottom:180px;/*keeps it from overlapping*/
  position: relative;
  z-index: 5;
  overflow: visible;
  width: 100%;
  min-height: 800px;
  display: table;
  background-color:#545454;

}

.content3 {
  position: relative;
  border: 3px solid #24513D;
  display: table;
  z-index: 55;
  width: 95%;
  margin: 0 auto;

}

.sec4 {
  border: px solid black;
    position: relative;
  z-index: 5;
  width: 100%;
  overflow: visible;
  min-height: 400px;padding-bottom:180px;/*keeps it from overlapping*/
  display: table;
  background-color:#d9d9d9;

}
.content4 {
  position: relative;
  border: 3px solid #187860;
  display: table;
  width: 95%;
  margin: 0 auto;

  z-index: 55;
}

.sec5 {
  border: px solid blue;
  z-index: 5;
  position: relative;
  overflow: visible;
  min-height: 400px;
    width: 100%;
  display: table;
  background-color:#545454;

}
.content5 {
position: absolute;
    bottom:0px;
min-height: 300px;
border: px solid orange;
  display: table;
  width: 100%;
  margin: 0 auto;
 z-index: 55;
}



.towleft {
    width: 59%;
    min-height: 500px;
    position: relative;
    display:table; /*     remove for top flip effect     */

    float:left;
}




.scene {    
  margin: 0 auto;
  width: 100%;
  min-height: 1300px;
  border: px solid red;
  perspective: 1300px;
}

.card {margin: 0 auto;
  width: 100%;
  height: 100%;
  transition: transform 2s;
  transform-style: preserve-3d;

  position: relative;
}

.card.is-flipped {
  transform: rotateY(180deg);
}

.card__face {margin: 0 auto;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card__face--front {margin: 0 auto;
  background: red;
  width: 80%;margin-left: 10%;
  height: 100%;
}

.card__face--back {margin: 0 auto;
  background: white;  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
}

.bktest{  
    border:1px solid #d9d9d9;
background-color:#d9d9d9;
width: 101%;
  min-height: 600px;
  
    
}



#but_if1{border-radius: 5px;
    border: px solid black;background-image: url(https://www.tes.finelinewow.com/images/ggg.jpg);
align-items: center;
justify-content: center;
background-size: cover; 
width:100%; height:50%;min-height:245px;


}

#but_if2{border-radius: 5px;
    border: px solid black;background-image: url(https://motionarray.imgix.net/preview-87337-qKUiu9ECzS-high_0008.jpg);
align-items: center;
justify-content: center;
background-size: cover; 
width:100%; height:50%;min-height:245px;

}




.shield{ border-radius: 5px;margin: 0 auto;width:100%;background-color: rgba(108, 97, 95, 0.8);min-height:250px;align-items: center;
 }



.ovrly2{
 width:95%;margin: 0 auto; padding:8px;   font-weight:bold;border: px solid pink;font-size:20px;font-weight:bold;
}



.dddfff{
    
  display:none;  
    
    
    
    
}




#ftx1{
    
    font-size:20px;font-weight:bold;
    
    
}




/*     estimate form     */

/*form styles*/
#AUTO {
display:table;/*makes div fill content*/
width: 100%;
margin:0 auto;
position: relative;
border:px solid green; /*visual aid to make sure div fills content*/
margin-bottom:30px;
}
#AUTO fieldset {border: 0;
text-align:center;
min-height:375px;
position:relative;
width:95%;
margin:0 auto;

display:table;/*makes div fill content*/
}
#miles{
display:none;/*spammer fills this out and it gets rejected my mail script*/
}
/*Hide all except first fieldset*/
#AUTO fieldset:not(:first-of-type) {border: 0;
display: none;/*remove to see all feildsets*/
}
#AUTO fieldset {border: 0;
display:none
}
#AUTO fieldset:first-child {border: 0;
display: block;
}

#addy_holder {
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  border: px solid green;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 95%;
  display: table;
}
#addy_holder22 {
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  border: px solid green;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 95%;
  display: table;
}
.staydog22{ 
    margin:px;
    border:px solid red;
    width:35%;
    max-width:330px; 
    display:inline-block;
 vertical-align: top;

}


.vertical-center {
  margin: 0;
  position: relative;

}




.staydog{
    margin:5px;
  
    width:30%;
    max-width:250px;
    display:inline-block;
}
.staydog9{margin:5px;

    width:30%;
    display:inline-block;   max-width:250px;
}
#staydog9{margin:5px;
 
    width:30%;
    display:inline-block;   max-width:250px;
}
#staydog8{margin:5px;

    width:30%;
    display:inline-block;   max-width:250px;
}
#staydog7{margin:5px;
 
    width:30%;
    display:inline-block;   max-width:250px;
}
#staydog6{margin:5px;

    width:30%;
    display:inline-block;   max-width:250px;
}
/* ------------------------radio buttons ----------------*/

/* CONTAINERS */
.container {max-width: 850px; width: 100%; margin: 0 auto;border: 1px solid black;}
.four { width: 49%; max-width: 49%;}
/* COLUMNS */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-of-type { margin-left: 0; }
/* CLEARFIX */
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
/* FORM */
#AUTO .plan input{
display: none;
}
#AUTO label{
position: relative;
color: #fff;
background-color: #aaa;
font-size: 19px;
text-align: center;
display: block;
cursor: pointer;
border: 2px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#AUTO .plan input:checked + label{
border: 2px solid #333;
background-color: red;
}

#AUTO .plan input:checked + label:after{
content: "\2713";
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 100%;
border: 2px solid #333;
background-color: #000;
z-index: 2;
position: absolute;
top: -10px;
right: -10px;
}

#btmenu > .top_quote:hover .sub_menu2,
#btmenu > .top_quote .sub_menu2:hover { display: table !important; }


}/* end of destop devices*/










/* mobile devices*/
@media all and (max-width: 700px) {

body { 
  margin:0px;
  padding:5px;
  width:100vw;
  height:100vh;
  overflow:auto;


}




#service_wrap {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 300px;
    max-height: 300px;
    display: table;
    background: url(../images/734A5552.jpg) no-repeat center center;
    background-size: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
 h1 {
    color: #FFF;
    width: 90%;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 50%;
    margin-bottom: 3%;
    padding-left: 3%;
  }
  
  h2 {
    color: #FFF;
    font-size: 17px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 5%;
    margin-bottom: 10%;
  }
  
    h3 {
    color: #000;
    font-size: 17px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 5%;
    margin-bottom: 10%;
  }


  /* Set the map container size */
  #holder {
    width: 99%;
    border: 0; /* removed debug border */
    text-align: center;
    margin: 0 auto;
 
    
 
  }
  #win {
 text-align: center;
    width: 99%;
   
  }




















  #mapholder { position: relative;height: 700px;  width: 99%;  }
  
  
  
  
  
  #map {height: 100%; width: 100%; border: 1px solid #eee; }
  .info_sec { display: inline-block; }

#LocateMeButtons{width: 100%; 

text-align:center;
}
  #autocomplete { 
width: 95%; 
margin: 0 auto; 
margin-bottom:20px;
  }
  #get-location-button { 
margin: 0 auto;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
text-decoration: none;
width: 96%;
height:40px;
font-size: 15px;
border-radius: 3px;
text-align: center;
background-color: #000;
color:#FFF;
border: none;         /* 🔥 removes the default gray border */
outline: none;        /* optional: removes focus outline */
font-size: 16px;
cursor: pointer;padding:7px;
}
#get-location-button:hover{
    background-color: #555; 
    
}
      
      
      
      
      
      
      
      
      
      
      
      
      
  /* Make manager/location images lazy-load visually consistent */
  .man_pic img { max-width: 100%; height: auto; border-radius: 6px; }

















input[type="text"],[type="email"],[type="tel"] {
  border: 2px solid black;
  border-radius: 3px;
  text-align: center;
  height: 35px;
    width: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}






input[type="button"] {
  text-transform: uppercase;
  border: 2px solid #000;
  border-radius: 5px;
  width: 20%;
  max-width:250px;
  cursor: pointer;
  text-align: center;
  float: right;
  line-height: 46px;
  height: 50px;
  background-color: #000;
  color: #FFF;
  margin-left: 5px;
  margin-right: 5px;
}

input[type="button"]:hover{
border: 1px solid rgba(60, 60, 60,0.8) !important;
background: #F00 !important;
}



















.button_text2{
cursor: pointer;
background-color:rgba(22,22,22,1.0) ;
color:#FFF;
height:50px;
width:100px; font-weight: bold;
font-size:16px;border-color: rgba(22,22,22,1.0);
}
.button_text2:hover{
border: 1px solid rgba(60, 60, 60,0.8) !important;
background: #F00 !important;

}


.button_text{
    font-weight:bold;
border-color: #F00;
background-color:#F00;
color:#FFF;
height:125px;
width:200px;
font-size:16px;
}
.button_text:hover{
border: 1px solid rgba(60, 60, 60,0.8) !important;
background: gray !important;

}


.error{    margin: 0 auto;
    text-align: center;}


/*     SUB MENU   crap above me  */
.sub_menu2{
display:none;
}
#btmenu > .top_quote:hover .sub_menu2 {
display:none;
}

#btmenu > .top_quote .sub_menu2 {
    visibility: visible; /* Always visible, even when not hovered */
    opacity: 1;          /* Fully visible */
    transition: opacity 0.3s ease-in-out; /* Fade effect when shown or hidden */
}

.sub_menu2 li{
margin:4px;
border: 2px solid yellow;
display:inline-block;
min-height:50px;
width:47%;
min-width:350px;
}
.element {
    border-radius: 10px; /* This will round all corners with a radius of 10px */
}
#vinfo{font-size:14px;font-weight:bold;}


/*locations Menu*/
.sub_menu2 .bui_hold1{ box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;border-radius: 4px; /* This will round all corners with a radius of 10px */
color:black;font-family: Verdana, sans-serif;display: inline-block;max-width:450px;width:93%;margin:5px;padding:5px;
background-image: url(); 
background-size: cover;
background-color: #666;
}
.sub_menu2 .bui_name{
float:left;text-align: left;
font-weight:bold;
text-transform: uppercase;
font-size:14px !important;
color:white;width:74%;height:40px;
padding:2px!important;
border: px solid purple;
display:table;
}
.sub_menu2 .info_sec{border:px solid red;width:99%;display:table;}
.sub_menu2 .dir_addy{ height:40px;font-size:12px;font-weight:bold;color:white;border: px solid black;display:table;margin:3px;width:95%}






.sub_menu2 .geo_info{float:right;padding:2px!important;display:table;white-space:nowrap;border: px solid green;
overflow:hidden;width:24%;height:35px;
text-overflow:ellipsis;}
.sub_menu2 .geo_dis{color:#5bee5d;margin:0 auto;display:table;white-space:nowrap;border: px solid green;font-size:12px;
overflow:hidden;
text-overflow:ellipsis;}
.sub_menu2 .geo_time{color:#5bee5d;margin:0 auto;display:table;white-space:nowrap;border: px solid blue;font-size:12px;
overflow:hidden;
text-overflow:ellipsis;}

.sub_menu2 .dir_addy{color:white;border: px solid green;display:table;margin:3px;font-size:10px;}

.sub_menu2 .bui_pic{margin-right:1px;overflow:hidden;position: relative;border:px dashed red;
display:inline-block;width:22%;min-height:110px;height:100%;text-align: center;font-size:10px;color:#5bee5d;}


.sub_menu2 .man_pic{height:75px;width:75px;
position: relative;  padding-top:4px;
margin: 0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: px solid blue;
}
.sub_menu2 .man_pic img{
  
position: relative;
margin: 0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
width:100%;max-width:130px;
border: px solid red;
}

.sub_menu2 .bui_info{color:#FFF;overflow:hidden;position: relative;border:px solid green;
display:inline-block;min-height:120px;width:74%;padding-top:5px;}


.sub_menu2 .label{font-size:8px;text-align: center;padding:3px;color:red;font-weight:bold;}





/*left menu locations*/
#win .bui_hold1 {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 4px;
    color: black;
    font-family: Verdana, sans-serif;
    display: inline-block;
    width: 95%;
    margin: 5px;
    padding: 5px;
    background-color: #666;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 170px;
    position: relative;  /* added */
}


#win .bui_name {float:left;
    width:75%;
    text-align: center;
    font-weight:bold;
    text-transform: uppercase;
    font-size:11px !important;
    color:white;
    padding:2px!important;
    display:table;
}

#win .dir_addy {
    height:40px;
    font-size:12px;
    font-weight:bold;
    color:white;
    display:table;
    margin:3px;
    width:95%;
}

#win .geo_info {float:right;
    padding:2px!important;
    display:table;
    white-space:nowrap;
    overflow:hidden;
    width:15%;
    text-overflow:ellipsis;
}

#win .geo_dis {
    color:#5bee5d;
    display:table;
    white-space:nowrap;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
}

#win .geo_time {
    color:#5bee5d;
    display:table;
    white-space:nowrap;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* ====== MODIFIED ====== */
#win .bui_pic {
    overflow:hidden;
    position: absolute;   /* changed */
    bottom: 5px;          /* added */
    right: 5px;           /* added */
    width:24%;
    min-height:110px;
    text-align: center;
    font-size:10px;
    color:#5bee5d;
    border:1px solid GREEN;
}

/* ====== MODIFIED ====== */
#win .bui_info {
    color:#FFF;
    overflow:hidden;
    position: relative;
    width:72%;            /* updated width */
    min-height:120px;
    padding-top:5px;
    display:block;        /* force block layout */
}


/* keep your existing ones */
#win .man_pic {
    height:75px;
    width:75px;
    padding-top:6px;
    margin: 0 auto;
    background-size: cover;
}

#win .man_pic img {
    margin: 0 auto;
    background-size: cover;
    height:100%;
    width:100%;
    max-width:130px;
}

#win .label {
    font-size:8px;
    text-align: center;
    padding:3px;
    color:red;
    font-weight:bold;
}

#win .info_sec { width:99%; display:table; }
#win #info_div { display:table; }
#win #tttsss { display:table; }
#win .hidcord { width:100%; display:none; text-align:center; }

#win .con_info {
    width:45%;
    color:#FFF;
    display:inline-block;
    margin:2px;
}

#win .pho_num {
    color:#FFF;
    font-size:13px;
    text-align:center;
    width:100%;
    display:table;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#win .pho_num a { text-decoration:none; color:white; }

#win .fax_num {
    color:white;
    font-size:13px;
    text-align:center;
    width:100%;
    display:table;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#win .dir_info {
    width:45%;
    position:relative;
    color:#FFF;
    display:inline-block;
    margin:2px;
}

#win .dir_btn {
    text-align:center;
    width:100%;
    color:#FFF;
    display:table;
}

#win .dir_btn a { text-decoration:none; color:white; }

#win .str_rew {
    text-align:center;
    width:100%;
    display:table;
    color:white;
}

#win .str_rew a { text-decoration:none; color:white; }

#win .man_name {
    color:white;
    text-align:center;
    width:100%;
    position:absolute;
    bottom:0px;
    margin:2px;
}






















/* Map Markers – MOBILE */

.gm-style-iw,
.gm-style-iw-c,
.gm-style-iw-d {

}



/* outer bubble */
.gm-style-iw-c {max-height: none !important;   /* kill Google’s 532px / 514px */
    width: 95vw !important;
    max-width: 370px !important;
    padding: 0 !important;
    margin: 0 !important;
     height: 240px !important;border-radius: 10px; /* make corners smoother */
    background-color: #666 !important;
    overflow: visible !important;
}

/* inner scrolling container – turn scrolling OFF */
.gm-style-iw-d {max-height: none !important;   /* kill Google’s 532px / 514px */
    overflow: visible !important;
}

/* tiny gray bar w/ X */
.gm-style-iw-chr {max-height: none !important;   /* kill Google’s 532px / 514px */
    max-height: 30px !important;
    height: 30px !important;
}

/* Simple plain-X close button */
.gm-ui-hover-effect {
  all: unset !important;     /* removes all Google default button styles */
  cursor: pointer !important;
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  z-index: 9999 !important;
  font-size: 20px !important;
  font-weight: bold !important;
  color: white !important;
  line-height: 1 !important;
}

/* Remove SVG (their default icon) */
.gm-ui-hover-effect span,
.gm-ui-hover-effect svg {
  display: none !important;
}

/* Insert a real text "X" */
.gm-ui-hover-effect::after {
  content: "X";
}

/* Remove ONLY Google's default tail shape */
.gm-style-iw-t::after,
.gm-style-iw-tc::after {
    
    
       background-color:#666!important;
    content: "";
  position: absolute;
  z-index: 999;
  
}









/* ==== DISABLED BLOCK USING X-PREFIX ==== */
 .map_mark{background-color:#666;}
 /* your card */
 
 
/* your card */
.map_mark .bui_hold1{
    position: relative;              /* 👈 KEY: anchor for .bui_pic */
    width:100%!important;
    max-width:100%!important;
    height:190px!important;
    background-size:contain!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-color:#666;
    max-height:60vh!important;
    overflow-y:auto!important;
}

 
 
 
 
 .map_mark .bui_hold1 img{position:relative;margin:0 auto;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100%;width:100%;max-width:130px;border:px solid red;}
 
 
 
 
 
 
 
 
 

.map_mark .bui_name {float:left;
    width:75%;
    text-align: center;
    font-weight:bold;
    text-transform: uppercase;
    font-size:11px !important;
    color:white;
    padding:2px!important;
    display:table;
}

.map_mark .dir_addy {
    height:40px;
    font-size:12px;
    font-weight:bold;
    color:white;
    display:table;
    margin:3px;
    width:95%;
}

.map_mark .geo_info {float:right;
    padding:2px!important;
    display:table;
    white-space:nowrap;
    overflow:hidden;
    width:15%;
    text-overflow:ellipsis;
}

.map_mark .geo_dis {
    color:#5bee5d;
    display:table;
    white-space:nowrap;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.map_mark .geo_time {
    color:#5bee5d;
    display:table;
    white-space:nowrap;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* ====== MODIFIED ====== */
.map_mark .bui_pic {
    overflow:hidden;
    position: absolute;   /* changed */
    bottom: 18px;          /* added */
    right: 5px;           /* added */
    width:24%;
    min-height:110px;
    text-align: center;
    font-size:10px;
    color:#5bee5d;
    border:px solid GREEN;
}

/* ====== MODIFIED ====== */
.map_mark .bui_info {
    color:#FFF;
    overflow:hidden;
    position: relative;
    width:72%;            /* updated width */
    min-height:120px;
    padding-top:5px;
    display:block;        /* force block layout */
}


/* keep your existing ones */
.map_mark .man_pic {
    height:75px;
    width:75px;
    padding-top:6px;
    margin: 0 auto;
    background-size: cover;
}

.map_mark .man_pic img {
    margin: 0 auto;
    background-size: cover;
    height:100%;
    width:100%;
    max-width:130px;
}

.map_mark .label {
    font-size:8px;
    text-align: center;
    padding:3px;
    color:red;
    font-weight:bold;
}

.map_mark .info_sec { width:99%; display:table; }
.map_mark #info_div { display:table; }
.map_mark #tttsss { display:table; }
.map_mark .hidcord { width:100%; display:none; text-align:center; }

.map_mark .con_info {
    width:45%;
    color:#FFF;
    display:inline-block;
    margin:2px;
}

.map_mark .pho_num {
    color:#FFF;
    font-size:13px;
    text-align:center;
    width:100%;
    display:table;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.map_mark .pho_num a { text-decoration:none; color:white; }

.map_mark .fax_num {
    color:white;
    font-size:13px;
    text-align:center;
    width:100%;
    display:table;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.map_mark .dir_info {
    width:45%;
    position:relative;
    color:#FFF;
    display:inline-block;
    margin:2px;
}

.map_mark .dir_btn {
    text-align:center;
    width:100%;
    color:#FFF;
    display:table;
}

.map_mark .dir_btn a { text-decoration:none; color:white; }

.map_mark .str_rew {
    text-align:center;
    width:100%;
    display:table;
    color:white;
}

.map_mark .str_rew a { text-decoration:none; color:white; }

.map_mark .man_name {
    color:white;
    text-align:center;
    width:100%;
    position:absolute;
    bottom:0px;
    margin:2px;
}

 
 
 
 
 
 
 
 
 /* extra crap both divs do */
 #info_div{border:px solid purple;display:table;}
 #tttsss{border:px solid purple;display:table;}
 .hidcord{width:100%;display:none;text-align:center;}
 .con_info{width:45%;color:#FFF;position:relative;display:inline-block;margin:2px;}
 .pho_num{color:#FFF;font-size:13px;text-align:center;position:relative;width:100%;text-decoration:none;display:inline-block;border:px solid green;display:table;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .pho_num a{text-decoration:none;color:white;}
 .fax_num{color:white;font-size:13px;text-align:center;position:relative;width:100%;display:inline-block;display:table;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .dir_info{width:45%;position:relative;color:#FFF;display:inline-block;margin:2px;}
 .dir_btn{text-align:center;position:relative;width:100%;color:#FFF;display:inline-block;display:table;}
 .dir_btn a{text-decoration:none;color:white;}
 .str_rew{text-align:center;position:relative;width:100%;color:#FFF;display:inline-block;display:table;color:red;}
 .str_rew a{text-decoration:none;color:white;}
 .man_name{color:white;text-align:center;width:100%;position:absolute;bottom:0px;margin:2px;border:px solid green;}
/* ==== END DISABLED BLOCK ==== */

















.testwrap{  overflow: hidden;
z-index: -1; 
background-color:#d9d9d9;
width:95%;
border: 1px solid pink;
display:table;
}


/*         -----------start here-------        */

.sec1 { 
  

  position: relative;
  overflow: hidden;
  z-index: 5;
  border: px solid black;
padding-bottom:20px;/*keeps it from overlapping*/

  display: table;
  width: 100%;
  min-height: 200px;
  display: table;
  background-color:#545454;
/*background-color:#24513D;find fineline green this looks good*/
}

.content1 {
  position: relative;
  border: px solid #187860;
  display: table;
  width: 95%;
  margin: 0 auto;
  z-index: 55;

}

.sec2 {
  /*  padding-bottom:180px;keeps it from overlapping*/
  border: px solid black; 
  overflow: visible;
    position: relative;
  z-index: 5;
  width: 100%;
  min-height: 500px;
  display: table;
  background-color:#d9d9d9;
/* background-color:#177F71;find fineline green this looks good*/

}

.content2 {
  position: relative;
  z-index: 55;
  border: 3px solid #177F71;
  display: table;
  width: 95%;
  margin: 0 auto;

}

.sec3 {
  border: px solid black;
 padding-bottom:180px;/*keeps it from overlapping*/
  position: relative;
  z-index: 5;
  overflow: visible;
  width: 100%;
  min-height: 800px;
  display: table;
  background-color:#545454;

}

.content3 {
  position: relative;
  border: 3px solid #24513D;
  display: table;
  z-index: 55;
  width: 95%;
  margin: 0 auto;

}

.sec4 {
  border: px solid black;
    position: relative;
  z-index: 5;
  width: 100%;
  overflow: visible;
  min-height: 400px;padding-bottom:180px;/*keeps it from overlapping*/
  display: table;
  background-color:#d9d9d9;

}
.content4 {
  position: relative;
  border: 3px solid #187860;
  display: table;
  width: 95%;
  margin: 0 auto;

  z-index: 55;
}

.sec5 {
  border: px solid blue;
  z-index: 5;
  position: relative;
  overflow: visible;
  min-height: 400px;
    width: 100%;
  display: table;
  background-color:#545454;

}
.content5 {
position: absolute;
    bottom:0px;
min-height: 300px;
border: px solid orange;
  display: table;
  width: 100%;
  margin: 0 auto;
 z-index: 55;
}



.towleft {
      width:100vw;
  height:90vh;
      border: px solid green;
position: relative;
    
    
  /*   display:table;    remove for top flip effect     */

 
}




.scene {
    
    
    position: relative;
          width:100%;
  height:90vh;
  overflow:auto;
    
}

.card {border: 3px solid green;  overflow: visible;
  width:100vw;  
  height:90vh;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}

.card.is-flipped {
  transform: rotateY(180deg);
}

.card__face { 
 
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card__face--front {  
   
  width:100%;
  height:100%;
}

.card__face--back {  
  background: white; 
  width:100vw;
  height:90vh;
  transform: rotateY(180deg);
}

.bktest{  
background-color:#d9d9d9;
      width:100vw;
  height:90vh;


  display :table;
    
}



#but_if1{
border: px solid black;background-image: url(https://www.tes.finelinewow.com/images/ggg.jpg);
align-items: center;
justify-content: center;
background-size: cover; 
width:100%; height:50%;min-height:245px;


}

#but_if2{border: 1px solid black;background-image: url(https://motionarray.imgix.net/preview-87337-qKUiu9ECzS-high_0008.jpg);
align-items: center;
justify-content: center;
background-size: cover; 
width:100%; height:50%;min-height:245px;

}








.dddfff{
    
  display:none;  
    
    
    
    
}



fieldset {
    border: 0;border: none;
}



/*     estimate form     */


#AUTO {  border: 0;border: none;background-color:#d9d9d9;
display:table;/*makes div fill content*/
width: 100%;
margin:0 auto;
position: relative;
margin-bottom:30px;
    border: 0;border: none;
}
#AUTO fieldset {  border: 0;border: none;
text-align:center;
min-height:375px;
position:relative;
width:95%;
margin:0 auto;border: 0;
background-color:#d9d9d9;
display:table;/*makes div fill content*/    border: 0;border: none;
}
#miles{
display:none;/*spammer fills this out and it gets rejected my mail script*/
}
/*Hide all except first fieldset*/
#AUTO fieldset:not(:first-of-type) {
      border: 0;border: none;
display: none;/*remove to see all feildsets*/
}
#AUTO fieldset {
display:none;  border: 0;border: none;
}
#AUTO fieldset:first-child {
display: block;  border: 0;border: none;
}









#contact_name{display:table;/*makes div fill content*/
text-align:left;
margin:10px;
min-width:170px;
width:25%;
display:inline-block;
vertical-align: middle; /*visual aid to make sure div fills content*/
}


 #req{
    color: red;
    font-size: 12px;
    padding-left: 5px;
  }

#contact_phone{text-align:left;margin:10px;min-width:170px;width:25%;display:inline-block; vertical-align: middle;white-space:nowrap;
}
#contact_email{text-align:left;margin:10px;min-width:170px;width:25%;display:inline-block; vertical-align: middle;
}
.button_holder {
width: 98%;
margin:0 auto;
display:table;
margin-top:30px;
margin-bottom:10px;

}











/*     map and locations     */
#loc_holder{
background-color:#f0f0f0;
width:100%;
height:350px;
display:table;
padding-bottom:20px;
padding-top:20px;
}
#loc_buttons{
width:100%;
height:100px;
background-color:#0F0;
display:none;
}
#loc_info{border:px solid red;
background-color:#FFF;
width:47%;
height:420px;
float:left;
overflow:scroll;
-webkit-overflow-scrolling: touch;
margin-left:2%;
margin-right:1%;
}
#loc_map{
background-color:#FFF;
width:47%;float:left;
margin-left:1%;
margin-right:2%;
height:400px;
display:table;
}






















.towright {
  width:100vw;
  height:90vh;
  overflow:auto;
    position: relative;
    border: px solid orange;
    
}







.bthead,.btloc,.bthr,.btaddy,.dtdis{  margin: 0 auto;text-align:center;}




.mainHEader1{font-family: 'Plane Crash', sans-serif;margin: 0 auto;text-align:center;width:100%;}



.mainHEader2{font-family: 'Plane Crash', sans-serif;border: px solid orange;}



#gpser{font-size:14px}




.redline{
width:80%;
color:#234547;
box-shadow: 0 3px 3px rgb(35 69 71 / 0.8);
}


.ovrly2{
 width:100%; padding:8px;   width:100%; padding:8px;   font-weight:bold;
}






@font-face {
    font-family: 'Plane Crash';
    src: url('https://www.tes.finelinewow.com/inc/PlaneCrash.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}





.button_text{
    
font-weight:bold;
background:red;
	color: red;
	border:red;
	padding: 0;
position: relative;

display: inline-block;
text-decoration:none;
 text-align:center;

    cursor: pointer;
    margin: 0 auto;
    font-weight:bold;
    padding:5px;
  

text-align:center;
border-radius: 2px;
text-align:center;
background-color:#F00;
color:#FFF;
margin: 0 auto;
height:100px;
width:220px;
font-weight:bold;
font-size:16px;
}



.button_text{
    font-weight:bold;
border-color: #F00;
background-color:#F00;
color:#FFF;
height:125px;
width:200px;
font-size:16px;
}
.button_text:hover{
border: 1px solid rgba(60, 60, 60,0.8) !important;
background: gray !important;

}















}/* end of mobile devices*/