/* 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) {




h3{padding:5px;}

h4{padding:5px;}


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




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




input[type="text"],[type="email"],[type="tel"] {
  border: 2px solid black;
  border-radius: 3px;
  text-align: center;
  height: 35px;
    width: 100%;
}






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



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;

}










/*     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;  /* No need for height or width */
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    background-color: #666;
    list-style: none;
    margin: 0;
    width: 80%;
    padding: 0;
    display: table;
    padding-right: 3px;
    border: #333 solid 2px;
    border-radius: 4px;
    z-index: 9999; /* Makes sure the submenu stays on top */
}

#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:48%;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:red;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:red;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:red;}


.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;
    min-width: 550px;
    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 */


}


#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:40px;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;
overflow:hidden;width:24%;
text-overflow:ellipsis;}
#win .geo_dis{color:red;margin:0 auto;display:table;white-space:nowrap;border: px solid red;font-size:12px;
overflow:hidden;
text-overflow:ellipsis;}
#win .geo_time{color:red;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: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:red;}


#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;
display:inline-block;min-height:120px;width:74%;padding-top:5px;}



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

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












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

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:250px;width:97%;margin:5px;padding:5px;height:100%;
background-size: cover;
background-color:blue;
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:40px;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 green;
overflow:hidden;width:24%;height:35px;
text-overflow:ellipsis;}
.map_mark .geo_dis{color:red;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:red;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:22%;min-height:110px;height:100%;text-align: center;font-size:10px;color:red;}


.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:130px;
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:74%;padding-top:5px;}


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
















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


}/* end of destop devices*/










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

body { 
  margin:0px;
  padding:5px;
  width:100vw;
  height:100vh;
  overflow: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;  /* No need for height or width */
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    background-color: #666;
    list-style: none;
    margin: 0;
    width: 80%;
    padding: 0;
    display: table;
    padding-right: 3px;
    border: #333 solid 2px;
    border-radius: 4px;
    z-index: 9999; /* Makes sure the submenu stays on top */
}

#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:48%;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:red;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:red;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:red;}


.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;
    min-width: 550px;
    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 */


}


#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:40px;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;
overflow:hidden;width:24%;
text-overflow:ellipsis;}
#win .geo_dis{color:red;margin:0 auto;display:table;white-space:nowrap;border: px solid red;font-size:12px;
overflow:hidden;
text-overflow:ellipsis;}
#win .geo_time{color:red;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: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:red;}


#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;
display:inline-block;min-height:120px;width:74%;padding-top:5px;}



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

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












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

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:250px;width:97%;margin:5px;padding:5px;height:100%;
background-size: cover;
background-color:blue;
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:40px;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 green;
overflow:hidden;width:24%;height:35px;
text-overflow:ellipsis;}
.map_mark .geo_dis{color:red;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:red;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:22%;min-height:110px;height:100%;text-align: center;font-size:10px;color:red;}


.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:130px;
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:74%;padding-top:5px;}


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
















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


























.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*/