body {background:url(../images/bg.jpg) top center fixed; font-family: 'Roboto', sans-serif;
background-size:cover;}

.tshadow { text-shadow:#777 2px 2px 4px;}
.darkblue { color:#304365;}
.blue {color:#c3221f;}
.header { background:#fbfcfc;  color:#000; 

    padding-top:3px; padding-bottom:3px;
}
.title { color:#262626; font-size:1.9em; margin-top:20px; font-weight:bold;  text-align:center; }
.address { color:#ffffff; font-size:1.2em; text-align:center;  margin:15px 2px 15px 2px; }
.phone { font-weight:bold; color:#000;  font-family: 'Roboto', sans-serif;}
.slogan
{
	font-size:1.6em;
	letter-spacing:1px;
	line-height:1.1em;
	font-family: 'Roboto', sans-serif;
	font-style:italic;
	color:#111;
	text-align:center;
	border-top:1px solid #fff;
	text-shadow:1px 1px 1px #fff;
	padding:0px 0px 2px 0px;
	
}


.homepic {
background:url(../images/home-pic-shattered-glass-sm.jpg) top center fixed; 
background-size:cover;}
.servicespic {
background:url(../images/Closeup-of-crashed-car-window-in-car-accident.JPG) top center fixed; 
background-size:cover;}
.serviceareapic {
background:url(../images/a-crashed-car-heated-rear-window.JPG) top center fixed; 
	
background-size:cover;}
.redback { background:#d31d2e; padding:60px 0px; color:#fff;}

.red { color:#e61d30;}
.gray { color:#797979; margin-top:-10px;}
#gray { color:#cccccc;}
.bump { font-size:1.2em;}



.white-bg { background:#fff; padding:60px 0px 60px 0px;}
.black-bg { background:#111; color:#fff; padding:60px 0px 60px 0px;}
.test { background:#000000; padding:20px; margin:12px; box-shadow:#222 2px 2px 6px 2px;}
.slideback { background:url(../images/slide-back.jpg) top center fixed; border:4px solid #000; border-radius:20px; padding:10px 20px 0px 20px;
background-size:cover;
}
.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='2 1 29 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } 

.navbar-toggler { background:#000000; padding-left:9px;}

.btn-home{color:#ffffff;background-color:#303030; padding:4px 26px 12px 26px; font-size:1.2em; border-radius:2px; font-weight:bold;   }
.btn-home:focus,.btn-home:hover{color:#ffffff;background-color:#58708a; }
.btn-home.active{color:#fff;background-color:#58708a;}
.navbarback {background:#d31d2e; padding:0px; }

@media (max-width:575.98px){.nav-link{ text-align:left; font-size:1em;  width:100%;}
.nav-item{ margin-top:0px; padding-left:10px; padding-right:10px;} .full { display:block;} 

.title { font-size:1.9em; margin-top:20px;}
.hours { color:#fff; font-size:1.1em; text-align:center; margin:15px 2px 15px 2px; }
.phone {  margin:4px 2px 4px 2px; font-size:1.4em; line-height: 1.1em;}
.slogan { text-align:center; margin-top:0px; }
#btn {  font-size:1.2em;} 
.homebox { padding-top:0px;}
.homepic { height:400px;}
.serviceareapic { height:200px; }
}
@media (min-width:576px){ .nav-link{display:block;padding:4px 1px;  text-align:left; font-size:1em;  }
.nav-item{ margin-top:0px; padding-top:6px; padding-bottom:6px; padding-left:8px; padding-right:2px; line-height:1.1em;}
.slogan
{	font-size:1.2em;
margin-top:10px;	
}
.buffh { margin-top:29px;}
#btn {  font-size:.9em;}
.phone { font-size:1.4em; line-height: 1.1em; margin:4px 2px 4px 2px;}
.title { font-size:1.5em; margin-top:6px;}
.homebox { padding-top:50px;}
.homepic { height:400px;}
.serviceareapic { height:250px; }
}
@media (min-width:740px){ .nav-link{display:block;padding:4px 1px;  text-align:center; font-size:.7em;   }
.nav-item{ margin-top:0px; padding-top:2px; padding-bottom:2px; padding-left:7px; padding-right:7px; line-height:1.1em;}

.slogan
{	font-size:1.4em;
margin-top:10px;	
}
#btn {  font-size:1em;}
.buffh { margin-top:20px;}
.title { font-size:1.5em; margin-top:6px;}
.phone { font-size:1.2em; margin:4px 2px 2px 2px;}
.homebox{  padding-top:50px;}
.homepic { height:400px;}
.serviceareapic { height:300px; }
}

@media (min-width:992px){.nav-link{display:block;padding:4px 2px; font-size:.9em; text-align:center;  }
.nav-item{ margin-top:0px;  padding-top:2px; padding-bottom:2px; padding-left:15px; padding-right:15px; line-height:1.1em;}
.slogan
{	font-size:1.6em;
margin-top:10px;	
}
#btn {  font-size:1.2em;}
.title { font-size:1.8em; margin-top:10px;}
.buffh { margin-top:25px;}
.phone { font-size:1.4em; margin:6px 2px 2px 2px;}
.homepic { height:500px;}
.homebox {  padding-top:100px;}
.serviceareapic { height:400px; }
.padh { height:210px;}
}
@media (min-width:1200px){.nav-link{display:block;padding:4px 2px;   text-align:center;    font-size:1em; }
.nav-item{ margin-top:0px;  padding-top:0px; padding-bottom:0px; padding-left:24px; padding-right:24px; line-height:.9em;}
.slogan
{	font-size:1.8em;
margin-top:15px;	
}
#btn {  font-size:1.2em;}
.title { font-size:1.9em; margin-top:20px;}
.buffh { margin-top:29px;}
.phone {  font-size:1.7em; line-height: 1.1em; margin:12px 2px 2px 2px;}
.homebox { padding-top:100px;}
.homepic { height:600px;}
.serviceareapic { height:510px; }
.padh { height:190px;}
}




.nav-link:link, .nav-link:visited{color:#fff; background:none; }

.nav-link:focus, .nav-link:hover, .nav-link:active{text-decoration:none; background:#7f121d; 
	color:#fffff; }


.navbar navbar-expand-sm { padding:0px; margin:0px; }
.navbar .navbar-nav { float: none;  }


a:link {
	text-decoration: none;
	color:#001349;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration:none;
}	


.hb{color:#445274;background-color:#f9e84d; padding:10px 14px 12px 14px; margin:10px; font-size:1.2em;   }
.hb:focus,.hb:hover{color:#fff;background-color:#f9c400; }
.hb.active{color:#fff;background-color:#f9c400; border-color:#f9e84d;}

p { font-size:1.1em;}

hr {border-top: 1px solid #253453;}

h1 { color:#111; font-size:2.8em; font-weight:normal;}
h2 { font-size:2.2em; color:#d11d2e; margin-bottom:18px;  font-weight:bold; }
h3 { color:#222222;  font-size:1.7em;}
h4 { color:#000000; font-weight:bold; font-size:1.3em; text-align:left; margin-top:10px; margin-bottom:18px;}

.bar { background:#d11d2e; height:6px; width:80%; alignment-adjust:middle; margin:20px 0px;}

.feat
{
	border-radius:20px;
	margin:5px;
	padding:50px 18px 20px 18px;
	background: rgb(210,29,46); /* Old browsers */
background: -moz-linear-gradient(top, rgba(210,29,46,1) 0%, rgba(169,3,41,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(210,29,46,1) 0%,rgba(169,3,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(210,29,46,1) 0%,rgba(169,3,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d21d2e', endColorstr='#a90329',GradientType=0 );
	border:2px solid #a90329;
	font-size:1.1em;
	font-weight:normal;
	color:#fff;
	text-align:left;
}



.featint
{
	border-radius:20px;
	margin:5px;
	padding:18px 18px 20px 18px;
	background: rgb(210,29,46); /* Old browsers */
background: -moz-linear-gradient(top, rgba(210,29,46,1) 0%, rgba(169,3,41,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(210,29,46,1) 0%,rgba(169,3,41,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(210,29,46,1) 0%,rgba(169,3,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d21d2e', endColorstr='#a90329',GradientType=0 );
	border:2px solid #a90329;
	
	font-weight:normal;
	color:#fff;
	text-align:left;
}


.featimg { text-align:center; margin-bottom:-60px;}

.homebox {
            animation: fadeInAnimation ease 2s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
				margin-top:40px;
            }
            100% {
				margin-top:10px;
                opacity: 1;
            }
        }
		
.homeboxback { background:url(../images/dots.png) top center no-repeat; color:#fff;  padding:40px; margin:20px; text-align:center; height:400px; max-width:600px;}
@media (max-width:575.98px){.homeboxback { background:none; }}
@media (min-width:576px){.homeboxback { background:none; }}
@media (min-width:768px){.homeboxback { background:url(../images/dots.png) top center no-repeat; }}
@media (min-width:992px){.homeboxback { background:url(../images/dots.png) top center no-repeat; }}
@media (min-width:1200px){.homeboxback { background:url(../images/dots.png) top center no-repeat; }}


.boxout {border-radius:12px; background:#C00; padding:12px; font-size:2em; color:#fff; text-align:center; font-family: 'Roboto', sans-serif;}
.logom { margin-bottom:8px;}
.spotlight { background:url(../images/spotlight.jpg) top center fixed;
background-size:cover;  }



#footer { background:#62060a; 

padding:40px 0px 6px 0px; color:#fff;}


#footer a:link, #footer a:visited, #footer a:active {
	color:#fff;
	
	text-decoration:none;
}
#footer a:hover {
	color:#eee;
}

#fphone {  font-size:1.9em; margin:28px 2px 2px 2px;}

#cwr {
	margin:0 auto;
	background-color:none;
	color:#ccc;
	background:#111;
	text-align:center;
	font-size:.7em;
}


.tint {
  position: relative;
  float: left;
  cursor: pointer;
  text-decoration:none;
  margin-bottom:14px;
  padding:10px;
  box-shadow:#304365 1px 2px 4px 1px;
   border-radius:6px;
   background:#000;
}

.tint:hover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius:6px;
  background: rgba(48,67,101, 0.4);
   -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
   text-decoration:none;
}

.tint:before {
	 -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
  background: none;
}

ul { list-style:url(../images/sul.png); font-size:1.2em; line-height:1.2em;}
.whul { list-style:url(../images/ful.png); font-size:1.2em; color:#fff; line-height:1.2em;}

.hbox{
	font-weight:bold;
	text-align:center;
	border-radius:10px;
	border-bottom:6px solid #f25500;
	color:#4a1315;
	margin:14px 10px;
	background:#ffda2b;
	padding:26px 20px 20px 20px;
}
	

#btn {
 background:#d31d2e;
  border-radius:2px;
  font-size:1.4em;
  color:#fff;
  font-weight:bold;
  margin:10px 13px;
  padding: 14px 26px 14px 26px;
  text-align:center;
  text-decoration: none;
}

#btn:hover {
  background:#b31524;
  color:#ffffff;
  text-decoration: none;
}



#btnc {
 background:none;
  border-radius:2px;
  font-size:1.1em;
  color:#fff;
  border:4px solid #fff;
  font-weight:bold;
  margin:16px 4px;
  padding: 14px 26px 14px 26px;
  text-align:center;
  text-decoration: none;
}


#btnc:hover {
  background:#fff;
  color:#e61d30;
  text-decoration: none;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}




.button {
  padding: 6px 12px 10px 12px;
  font-size:1.1em;
  font-family:'Bitter', serif;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #e74439;
  border: none;
  border-radius: 5px;
  box-shadow: 0 7px #500f0b;
  width:96%;
  margin-left:4px;
  margin-bottom:12px;
}

.button:hover {background-color: #97251e;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;}

.button:active {
  background-color: #97251e;
  box-shadow: 0 2px #500f0b;
  transform: translateY(4px);
}

.full { width:100%;}
.nopad { margin:0px; padding:0px;}