body{color:#2d2d2d;font-family:"Questrial", arial;}
.container{max-width: 1080px;}
a,a:visited{color:#fe3a00;}	
a:hover{color:#4a7fb2;text-decoration:none;}
p{font-size:16px;line-height:24px;}
section ul{font-size:16px;line-height:24px;}
img{border: 0 none; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;}

.red{color:#cb0102;}
.white{color:#ffffff;}
.gray{color:#bbc5c0;}
.text-shadow{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);}

.img-left, .img-right{max-width:500px;}


header{}
header .colrow.flex{padding:30px 20px;}
header .colrow.flex p{font-size:18px;margin:0;}
header .col3, header .col7, header .col2{text-align:center;}
#top-bar{background-color:rgb(245, 245, 245);color:#11121c;font-size:16px;overflow:hidden;padding:10px 0;}
#top-bar a{color:#11121c;text-decoration:none;}
#top-bar a:hover{text-decoration:underline;}
section{}

h1{color:#fe3a00;font-family:"Montserrat";font-size:34px;font-weight:400;letter-spacing:-2px;line-height: 48px;margin: 10px 0 20px;}
h2{color:#fe3a00;font-family:"Montserrat";font-size:23px;font-weight:normal;letter-spacing:0;line-height: 42px;margin:0 0 20px;text-transform:uppercase;}
h3{color:#fe3a00;font-family:"Montserrat";font-size:18px;font-weight:normal;margin:0;letter-spacing:0px;}

a.learn-more{background: none repeat scroll 0 0 #cb0102; color: #FFFFFF; display: inline-block;font-size: 13px; padding: 6px 16px;text-decoration: none;border-radius: 12px;
-webkit-transition: background-color .5s;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-ms-transition: background-color .5s;
transition: background-color .5s;
}
a.learn-more:hover{background:#e00304;}

#header-outer{background:#fe3a00;position: relative; z-index: 2;}
#header-outer-sub{background:rgba(0,0,0,1);}

#raffe-header{color: #1d1d1d; font-family: Oswald; font-size: 70px; font-weight: bold; letter-spacing: 2px; line-height: 100%; text-align: center;text-transform: uppercase;}
#raffe-sub-header{color: #0d0e16;font-size: 26px;letter-spacing:3px;padding:2px;}
#phone-header{display:block;font-size:32px;font-weight:bold;margin:5px 0 0;}

#logo{}

#nav-wrapper{}
#nav-wrapper ul{margin:0;padding:0;}
#nav-wrapper ul li{float:left;}
#nav-wrapper ul li a{color:#ffffff;display:block;font-size:16px;font-weight:normal;padding:20px;text-decoration:none;text-transform:lowercase;
-webkit-transition: background-color .5s;
-moz-transition: background-color .5s;
-o-transition: background-color .5s;
-ms-transition: background-color .5s;
transition: background-color .5s;
}
#nav-wrapper ul li a:hover,#nav-wrapper ul li a.active{background:#ff5826;}
#nav-wrapper ul li a img{border:0px;}
#nav-inner{float: right; left: -50%; position: relative;}
#nav-inner ul {left: 50%; position: relative;}

#utility-phone{font-size:18px;position: relative;top: 18px;}
#phone-icon{float: right; position: relative; top: 25px;}
#phone-icon img{height: 25px; margin: 0 10px 0 0; position: relative; top: -2px;}


#home-banner{background: url("/img/raffe-banner-1.jpg") no-repeat center top / cover;min-height:500px;position: relative; z-index: 1;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#services-banner{background: url("/img/services-bg.jpg") no-repeat center top / cover;min-height:500px;position: relative; z-index: 1;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#estimates-banner{background: url("/img/estimates-bg.jpg") no-repeat center top / cover;min-height:500px;position: relative; z-index: 1;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#contact-banner{background: url("/img/contact-bg.jpg") no-repeat center top / cover;min-height:500px;position: relative; z-index: 1;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#banner-height{height:500px;}

#banner-text{/*background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;*/color:#ffffff; position: relative;top: 50%;
-ms-transform: translate(0%, -50%); /* IE 9 */
-webkit-transform: translate(0%, -50%); /* Chrome, Safari, Opera */
transform: translate(0%, -50%);
}
#banner-text-inner{/*padding:20px 20px 0;*/}
#banner-text-inner div{display:inline-block;}
#banner-text-inner p.last{margin:0;}
#banner-text .services-list{font-size:16px;margin:0 0 30px;}
#banner-text .services-list img{position:relative;top:-1px;}
#banner-text h2{color:#ffffff;font-family: sans-serif; font-size: 64px; font-weight: 700; line-height: 1; text-align: center; text-shadow: 0 2px 11px rgba(0, 0, 0, 0.5); text-transform: uppercase;}
#banner-text h3{clear:both;color:#ffffff;font-size:23px;margin:0 0 10px;text-transform:uppercase;}
#banner-text a{background: #fe3a00;color:#ffffff; display:inline-block;font-size:18px;margin:0 20px 20px;opacity:1;padding:20px 40px;text-decoration:none;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-o-transition: opacity .5s;
-ms-transition: opacity .5s;
transition: opacity .5s;
}
#banner-text a:hover{opacity:.8;}

#sub-banner{background: url("/img/contact-us-tint.jpg") no-repeat center center / cover;height:150px;margin:0 0 20px;position: relative; z-index: 1;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#sub-banner-height{height:150px;}

#welcome-wrapper{padding: 30px 0 20px;overflow:hidden;}

.miniHeader{margin:0 auto;max-width:300px;margin:0 auto 20px;text-align:center;}
span.box {display: block; margin: 0 auto; width: 32px;}
.miniHeader .box {display: inline-block; padding: 0 30px;}
.blue-line{ background: #fe3a00 none repeat scroll 0 0; display: inline-block; height: 2px; vertical-align: middle; width: 84px;}

#home-everything{overflow:hidden;padding:60px 0;}
#home-everything .miniHeader{margin:0 auto 40px;}
#home-everything img{margin:0 0 10px;max-height:70px;}
#home-everything p{font-size:14px;}
#home-everything a.more{background: #fe3a00 none repeat scroll 0 0; border: 0 none; color: #ffffff;display:inline-block; font-size:14px; opacity: 1; padding: 10px 20px; text-decoration:none;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-o-transition: opacity .5s;
-ms-transition: opacity .5s;
transition: opacity .5s;}
#home-everything a.more:hover{opacity:.8;}

#drive-wrapper{background: url("img/free-estimate-home.jpg") no-repeat fixed center top / cover;margin:0;overflow:hidden;padding:20px 0;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#drive-wrapper h2{font-size:40px;}
#drive-wrapper p{font-size: 18px; line-height: 24px;}
#drive-wrapper img{position:relative;bottom:-220px;}

.post-contact-wrapper{background:#f7f7f7;float:left;margin:20px 0 40px;width:100%;}
.post-contact{padding:30px;}

#contact-form{background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0; font-size: 16px; overflow:hidden; padding: 20px; text-align: left;}
#contact-form p{clear:left;margin:10px 0;}
input[type="text"], textarea, input[type="submit"], input[type="email"] {border: 1px solid #cecece;display:block;float:left;font-size: 16px;margin: 0 10px 10px 0; padding: 10px; width: 41%;}
input[type="submit"]{background: #fe3a00 none repeat scroll 0 0; border: 0 none; clear:left;color: #ffffff;margin:0 auto;opacity:1;padding:10px 0;width:40%;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-o-transition: opacity .5s;
-ms-transition: opacity .5s;
transition: opacity .5s;
}
input[type="submit"]:hover{opacity:.8;}
textarea{width:89%;}
#free-stuff-text{display:block;font-weight:bold;margin:10px 0;}
.g-recaptcha{float:left;margin:20px 0;}

#contact-page-wrapper{background:#cecece;}
#estimates-text-inner{background:rgba(255,255,255,.75);color:#ffffff;margin:20px 0;padding:40px 20px;}
#estimates-text-inner input[type="text"], #estimates-text-inner textarea, #estimates-text-inner input[type="submit"], #estimates-text-inner input[type="email"]{width:100%;}
#payment-wrapper{margin:30px 0 0;}
#payment-wrapper img{margin:0 10px 10px 0;}


footer{background:#2a2b4a;color:#ffffff;font-size: 13px;margin:0;padding:50px 0 10px;}
#up-arrows{margin:0 0 30px;}
footer h3{color:#ffffff;font-family:"Oswald";letter-spacing:0px;padding:0 0 20px;text-transform:uppercase;}
footer ul{list-style:none;margin:0;padding:0; position: relative;}
footer ul li{display:block;margin:0 0 15px;}
footer ul li a{font-size:16px;}
footer a, footer a:visited{color:#ffffff;text-decoration:none;
-webkit-transition: color .5s;
-moz-transition: color .5s;
-o-transition: color .5s;
-ms-transition: color .5s;
transition: color .5s;
}
footer a#footer-home{color:#ffffff;}
footer a:hover{color:#7e7e7e;}
footer img{padding:2px 2px 0 0;position:relative;top:-2px;}
footer .col5.last a{text-decoration:underline;}

#footer-bars{border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;margin: 30px 0 30px;padding: 10px 5px;text-align:center;}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) { 
#drive-wrapper{background: url("img/free-estimate-home.jpg") no-repeat scroll center top / cover;}
#home-banner{background: url("/img/raffe-banner-1.jpg") no-repeat scroll center top / cover;}
}

@media (max-width: 940px){
header .col7{padding:20px 0;}
section img{height:auto;max-width:100%;}
#nav-wrapper ul li a{padding: 30px 15px;}

#raffe-header{font-size:32px;}
#raffe-sub-header{font-size:14px;}

#logo{margin:0 auto;}

#header-outer {padding:0;}
#header-outer-sub{padding:20px 0;}

#nav-wrapper{background:none;}
.colrow .nav-collapse li{margin: 0 5px 0 0 !important;width:100%!important;}
#nav-wrapper ul li a{border-bottom:1px solid #cecece;padding: 20px 10px;}

#nav-inner{float:none;left:0;}
#nav-inner ul{left:0;}

a.nav-toggle{color:#ffffff;font-size:26px;margin:10px 0;text-align:center;text-decoration:none;text-transform:uppercase;}
a.nav-toggle.active{background:transparent; color:#999999;}

#utility-phone{margin: 10px 0 0;text-align:center;top:0px;}

#home-banner .col7, #home-banner .col5{text-align:center;}
#home-banner .col5.last{padding: 10% 0 0;}

#sub-banner .col7, #sub-banner .col5{/*padding:20% 0 0;*/text-align:center;}
#sub-banner .col5.last{/*padding: 5% 0 0;*/}

#welcome-wrapper{text-align:center;}
#h2-home{margin:10px 0;}

#home-dds{text-align:center;top:-25px;}
#home-dds .col4, #home-everything .col3{margin-bottom: 20px; padding: 0 0 20px;}

#drive-wrapper img{bottom:0px;}

#banner-text .services-list{margin:0px;}
#banner-text h3{clear:both;display:inline-block;margin:20px 0 0;}

.sub-svg{display:none;}

#projects .col6{border-bottom: 1px solid #bbc5c0; margin-bottom: 50px; padding: 0 0 40px;}
#projects .col6.final{border-bottom: 0px solid #bbc5c0;}

footer h3{padding:30px 0 20px;}
footer .col3, footer .col4{border-bottom:1px solid #ffffff;padding: 0 0 20px;}

}

@media (max-width:767px){
.img-left, .img-right{max-width:100%;}
}

@media (max-width:640px){
#banner-text h2{font-size:48px;}
#home-banner{min-height:500px;}
#utility-phone{margin:0;}
input[type="text"], textarea, input[type="submit"], input[type="email"] {width: 93%;}
}

@media (max-width:420px){
#banner-text h2{font-size:36px;}