body {background:#fff; font-family: 'Roboto', sans-serif;
background-size:cover;}



.homehead { font-family: 'Poller One', cursive; font-size:4em; color: #fff; text-shadow: #111 1px 1px 3px; text-align: center;}
.homelogos {min-height:200px;}
.roofbg { background: url(https://valueremodelinginc.com/images/xroofingred.jpg) top center fixed; padding:30px 0px; color: #fff; font-size:1.1em;
}
.sidingbg { background: url(https://valueremodelinginc.com/images/xSidingGrey.jpg) top center fixed; padding:30px 0px; color: #fff; font-size:1.1em;
}
.windowsbg { background: url(https://valueremodelinginc.com/images/Windowblk2.jpg) top center fixed; padding:30px 0px; color: #fff; font-size:1.1em;
}
.doorsbg { background: url(https://valueremodelinginc.com/images/doors45.jpg) top center fixed; padding:30px 0px; color: #fff; font-size:1.1em;
}

.tshadow { text-shadow: #111 1px 1px 3px; }
.photobg { background: url(https://valueremodelinginc.com/images/xroofingred.jpg) top center fixed; padding:60px 0px;
}
.darkgray { background:#3a3a3c; color:#fff;}
.lightgray { background:#eeeeee; color:#222222; padding: 30px 0px 30px 0px; font-size:1.1em; font-weight:bold; }

.topbar {background-color:#355baf; color: #FFFFFF; border-bottom:4px solid #111; padding:2px; margin-bottom: 20px; }
#topbar { color: #ffffff; margin-top:3px;  font-size: 1.2em;}
.header { background:#fff;
color:#005e9d; 

    padding-top:0px; padding-bottom:6px;
}

.whitebg { background:#fff; padding:30px 0px 40px 0px; font-size: 1.1em;}

#white{ color: #FFFFFF !important;}


@media (max-width:575.98px){
	.homehead { font-family: 'Poller One', cursive; font-size:3em; color: #fff; text-shadow: #111 1px 1px 3px; text-align: center;}
	.topbar { margin-bottom: 10px; }
}



.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #efefef;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
	
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #222;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #222;
	background-color: #dfdfdf;
}


#sidenav a:hover, #sidenav:active {
  color:#222 ;
}

#sidenav a:link, #sidenav:visited {color:#222;}



.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}



@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}



.wow {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  -moz-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: opacity .6s .1s,transform .6s ease;
  transition: opacity .6s .1s,transform .6s ease;
  transition-delay: 0ms;
}

.wow-in-view {
  opacity: 1!important;
  -webkit-transform: translate(0,0)!important;
  -moz-transform: translate(0,0)!important;
  -ms-transform: translate(0,0)!important;
  transform: translate(0,0)!important;
}





.footthree {width:33%; float:left; padding:8px;}
.footfour {width:25%; float:left; padding:8px;}
.footlogo {width:14%; float:left; padding:8px;}
@media (max-width:768px){ 
.footthree {width:100%; float:none; padding:8px; text-align:center;}
.footfour {width:100%; float:none; padding:8px; text-align:center;}
.footlogo {width:100%; float:none; padding:2px;} }


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

.bl:link {
	text-decoration: none;
	color: #162CAE;
}
.bl:visited {
	text-decoration: none;
		color:#162CAE;
}
.bl:hover { 		color: #0348B0;
	text-decoration: none;
}
.bl:active {color: #0348B0;
	text-decoration:none;
}

p { font-size:1.1em;}

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

h1 { color:#111; font-size:2.8em; font-weight:bold;}
h2 { color:#333; font-size:2.5em; margin-bottom:4px; font-weight:bold; line-height: 1.1em;}
h3 { color:#222222; font-size:2em; margin-bottom:15px; font-weight:bold; line-height: 1.1em;}
h4 { background:#000;
	color:#fff;
	font-weight:bold;
	font-size:1.6em;
	padding:8px;
	margin-bottom:10px; margin-top:0px;}



#footer { background:#f64746;
 padding:40px 0px 6px 0px; color:#fff; text-align:center;}


#footer a:link, #footer a:visited, #footer a:active {
	color:#fff;
	
	text-decoration:none;
}
#footer a:hover {
	color:#eee;
}
#cwr {
	margin:0 auto;
	background-color:none;
	color:#ccc;
	background:#111;
	text-align:center;
	font-size:.7em;
}



ul { list-style:disc; font-size:1.2em; font-weight:bold;}


#btn {
  background: #ab0534;
  color:#fff;
  font-weight:bold;
  padding: 12px 10px 12px 10px;
  font-size:1.5em;
  text-align:center;
  text-decoration: none;
}

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

#btnt {
  background:#f64746;
  color:#fff;
  font-weight:bold;
  margin:3px 20px 3px 2px;
  padding:3px 6px 3px 6px;
  text-align:center;
  text-decoration: none;
  max-width:200px;
  font-size:.8em;
  border:2px #fff solid;
  border-radius:10px;
  box-shadow: 2px 2px 6px 2px #666;
}

#btnt:hover {
  background:#c42127;
  color:#ffffff;
  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;
}

#btnh {
  background: #dddddd;
  color:#222222;
  font-weight:bold;
  border:#222222 solid 1px;
  padding: 12px 24px 12px 24px;
	margin:20px 10px 10px 10px;
	border-radius: 6px;
  font-size:1.4em;
  text-align:center;
  text-decoration: none;
	opacity: 1;
	 -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

#btnh:hover {
	opacity: .8;
  text-decoration: none;
}




.navbard {
  
	overflow: hidden;
  background:#111111;
	opacity: .8;
	border-radius:6px;
	width:100%;

}

.navbard a {
	
  float: left;
  font-size:1.1em;
  color: white;
  text-align: center;
  padding:14px 35px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-weight:normal;
  text-transform:uppercase;
  margin:0px 0px 0px 0px;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
	border: none;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-bottom-width: 1px;
  padding-bottom: 10px;
  transition: border-bottom .2s ease, padding-bottom .2s ease;
		
}

.dropdownd {
  float: left;
  overflow: hidden;
}

.dropdownd .dropbtnd {
  font-size: 1.1em;  
  border: none;
  outline: none;
  color:#fff;
  padding:14px 35px;
  background-color: inherit;
  font-weight:normal;
  font-family: 'Roboto', sans-serif;
  margin: 0;
  
}
.navbard a:hover { 
  color:#ffffff;text-shadow: #222 1px 1px 1px;
  background:#FF003A;
	padding-bottom: 3px;
  border-bottom-color:#FF003A;
  border-bottom-width: 10px;
 
}



.dropdownd:hover .dropbtnd {
  background-color:#818486;
  color:#fff;
  
}

.dropdown-contentd {
  display: none;
  position: absolute;
  background-color:#1c1817;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:99999;
}

.dropdown-contentd a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-contentd a:hover {
  background-color:#dfe3e5;
  color:#1c1817;
}

.dropdownd:hover .dropdown-contentd {
  display: block;
}

@media (min-width: 576px) { 
.dropdownd .dropbtnd {
  font-size:.8em;  
  padding: 14px 16px;}
.navbard a {
  font-size:.8em;
  padding: 14px 16px;}

}


@media (min-width: 768px) { 
.dropdownd .dropbtnd {
  font-size:.6em;  
  padding: 14px 6px;}
.navbard a {
  font-size:.6em;
  padding: 14px 6px;}
	
}

@media (min-width: 992px) { 
.dropdownd .dropbtnd {
  font-size: .9em;  
  padding: 12px 5px;}
.navbard a {
  font-size:.9em;
  padding: 12px 5px;}
	
 
 }

@media (min-width: 1200px) {
	
	.dropdownd .dropbtnd {
  font-size: 1em;  
  padding: 12px 7px;}
.navbard a {
  font-size:1em;
  padding: 12px 7px;}

	
	 }	


@media (max-width:575.98px) { 

 .desk{ display:none;}
.mobi { display:block;}
 }



@media (min-width: 576px) { 

.desk{ display:none;}
.mobi { display:block;} 

}

@media (min-width: 768px) { 

.desk{ display:block;}
.mobi { display:none;} 

}

@media (min-width: 992px) { 

.desk{ display:block;}
.mobi { display:none;} 

 }

@media (min-width: 1200px) { 
 
.desk{ display:block;}
.mobi { display:none;} 
}


#myVideo {
	position:inherit;
  right: 0;
  bottom: 0;
 width: 100%;

}
#freeEstimateButton{position:fixed;bottom:20px;left:20px;background:var(--accent-color);border-radius:2px;padding:18px 24px;border:var(--accent-color) 1px solid;font-size:24px;box-shadow:#222 2px 2px 2px 0;transition:all ease-in-out 180ms;z-index:10000}#freeEstimateButton:hover{box-shadow:#222 0 0 0 0}@media (max-width:1200px){.menu ul li{font-size:15px!important;color:#fff;text-shadow:#555 1px 1px}.menu ul li a{padding:12px 12px}.menu_wrapper{max-width:620px!important}}@media (max-width:981px){#freeEstimateButton{width:100%;left:0;bottom:0;border-radius:0}