html { height: 100% }
body { margin: 0px; padding: 0 0 0 0; min-height: 100%; font-family: "WorkSans", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #161616; background-color: #fff }
table, tr, td, div { margin: 0px; padding: 0px; }
table, td { border-collapse: collapse; border-color: green }
a, .alnk { text-decoration:none; color: #3a3736; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
a:hover { color: #BB9D76; text-decoration:none;}
a:focus { outline: none; text-decoration: none; color: inherit; }
input { border: 1px solid #e2e1dd; border-radius: 3px; padding: 11px 13px }
.tpl_mobile { display: none }
.captionbg { text-align: left }
.title, .caption, .mtitle, .stitle { font-size: 3rem; padding: 10px 0; color: rgb(255, 201, 66); font-family: "Oswald"; line-height: 1.2; font-weight: 700 }
.black_title { color: black; text-shadow: none; font-weight: 400 }
.title { padding: 0px 0 10px 0 }
.mtitle { font-size: 2.4rem; font-weight: 400; text-shadow: none }
.stitle { font-size: 1.6rem }
.caption { font-size: 2.2rem }
.bt { background-color: rgba(249,188,36,1); display: inline-block; transition: all ease .5s; padding: 1rem 5rem; cursor: pointer; font-size: 1rem; font-weight: 500; border-radius: 5px }
.bt:hover { background-color: #161616; color: #fffcfc }
.div10 { height: 10px }
.div100 { height: 100px }
.orange_line { margin-top: 30px; padding-bottom: 30px; border-top: 2px solid rgba(249,188,36,1) }
.white_line { margin-top: 30px; padding-bottom: 30px; border-top: 1px solid #D0D0D0 }
.w200 { width: 200px }
.w100 { width: 100px }
.w800 { width: 800px }
.pdr200 { padding-right: 200px }
.pdr50 { padding-right: 50px }
.post_ct { text-align: left; width: 1200px; padding: 50px 0 }
.rectangle_box_icon { border: 3px solid white; text-align: center; padding-top: 3px; width: 38px; height: 35px; font-weight: 700; font-size: 1.25rem; color: #1E60AA }

#all { min-width: 1200px }

#navbar { position: sticky; top: 0; height: 56px; padding-top: 20px; z-index: 4; transition: background-color .3s ease-in-out; }
.nav { min-width: 500px }
#top { background: url(../images/hp-top.jpg) no-repeat; background-size: cover; height: 1153px; margin-top: -76px; position: relative; z-index: 1 }
#top:before { content: ''; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,1); opacity: 0.48; z-index: 2 }
#top_slogan { text-align: left; position: absolute; top: 550px; left: 100px; z-index: 3; color: #fffcfc }
#top_slogan .title, #top_slogan .mtitle { color: #fffcfc }
#top_slogan .orange_line { margin-top: 10px; padding-bottom: 10px }
#top_txt { height: 105px; background-image: linear-gradient(90deg,rgba(249,188,36,1) 0,rgba(183,183,190,1) 100%); font-weight: bold; padding: 25px 0 0 50px }
#top_txt img { height: 80px }
#top_txt table { width: 60% }
#top_txt td { padding-right: 30px }
#logo { height: 70px; margin-right: 30px }
.top_link { color: #fffcfc }

#hp_dependable { text-align: left; padding: 80px 50px; column-count: 2; column-gap: 0 }
.hp_dependable_ele { display: inline-block }
.hp_dependable_ele img { display: block; max-height: 300px; min-height: 200px }
#hp_dependable_imgs td { padding: 0 5px 5px 0 }

#hp_premium_sealcoating { background: url(../images/hp-sealcoating.jpg) no-repeat; background-size: cover; height: 935px; position: relative; text-align: left }
#hp_premium_sealcoating_txt { background-color: rgba(0,0,0,0.34); padding: 60px 50px; position: absolute; top: 225px; left: 45%; max-width: 650px; color: #fffcfc }

#hp_resilient_driveway { background: url(../images/hp-resilient-driveway.jpg) center bottom no-repeat; background-size: cover; height: 817px; position: relative; text-align: left }
#hp_resilient_driveway_txt { background-color: rgba(0,0,0,0.78); padding: 200px 50px; position: absolute; top: 0; left: 55%; height: 417px; max-width: 550px; color: #fffcfc }

#hp_goodasnew { height: 759px; position: relative; text-align: left }
#hp_goodasnew_txt { position: absolute; top: 0; left: 50%; height: 759px; margin-left: -600px; width: 1200px; column-count: 2; column-gap: 0 }
#hp_goodasnew_txt_fc { background-color: rgba(241,241,241,1); border-right: 8px solid rgba(255,201,66,1); height: 659px; padding: 100px 50px 0 50px; }
#hp_goodasnew_txt_fc .black_title { font-size: 2rem; letter-spacing: 2px }

#hp_learnabout { height: 906px; position: relative; text-align: left }
#hp_learnabout_txt { height: 906px; column-count: 2; column-gap: 0; display: flex }
#hp_learnabout_txt_img { flex: 0 0 auto; width: 60%; }
#hp_learnabout_txt_img img { display: block; width: 100%; max-height: 906px }
#hp_learnabout_txt_ct { flex: 0 0 auto; width: 40% }
#hp_learnabout_txt_ct_pd { padding: 100px 80px 0 50px }
#hp_learnabout_txt_ct .black_title { font-size: 2rem; letter-spacing: 2px }

#hp_testimonials { background: url(../images/hp-testimonials.png) center bottom no-repeat; background-attachment: fixed; background-size: cover; height: 961px; position: relative; text-align: left; z-index: 1 }
#hp_testimonials_txt { padding: 250px 50px 0 50px; position: absolute; top: 0; left: 50%; margin-left: -550px; height: 711px; width: 1100px; column-count: 3; column-gap: 50px; z-index: 3 }
.hp_testimonials_txt_ele { background-color: rgba(0,0,0,0.78); color: #fffcfc; height: 400px; padding: 50px; display: inline-block; text-align: center }
.hp_testimonials_txt_ele_ct { font-style: italic }
.hp_testimonials_txt_ele_title { font-size: 1.5rem; font-weight: bold; font-family: "Oswald" }

#hp_contactusnow { background: url(../images/hp-contactusnow.jpg) center bottom no-repeat; background-size: cover; height: 629px; position: relative; text-align: left; z-index: 1 }
#hp_contactusnow:before { content: ''; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(32,32,32,1); opacity: 0.5; z-index: 2 }
#hp_contactusnow_txt { padding: 150px 0 0 0; position: absolute; top: 0; left: 50%; margin-left: -600px; height: 479px; width: 1200px; column-count: 2; column-gap: 0; color: white; z-index: 3 }
#hp_contactusnow_txt_callus { display: inline-block; padding: 50px 50px 0 0 }
#hp_contactusnow_txt_callus .title { font-size: 2.2rem; color: #fffcfc }
#hp_contactusnow_txt_reachout { display: inline-block; background-color: rgba(0,0,0,0.64); padding: 50px 80px }
#hp_contactusnow_txt_reachout a { color: #fffcfc }
#hp_contactusnow_txt_reachout img { margin-right: 20px }
#hp_contactusnow_txt_reachout td { padding-bottom: 10px }

#hp_faqs_title { background-color: black; padding: 45px 0; }

#hp_faqs { background: url(../images/hp-faqs.png) center bottom repeat-y; background-attachment: fixed; background-size: cover; padding: 100px 0; position: relative; text-align: left; z-index: 1 }
#hp_faqs:before { content: ''; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,1); opacity: 0.63; z-index: 2 }
#hp_faqs_txt { position: relative; top: 0; left: 50%; margin-left: -325px; width: 750px; z-index: 3 }
.faqs { margin-bottom: 10px }
.faqs_q { background-color: white; padding: 20px; color: rgba(37,37,37,1); font-family: "Oswald"; font-weight: 700; cursor: pointer }
.faqs_a { background-color: rgba(255,252,252,0.79); color: black; padding: 20px; display: none }

#hp_bottom_logo { background-color: black; padding: 45px 0; }
#hp_bottom_logo img { height: 92px }

#rateus { position: fixed; bottom: 0; right: 0; margin: 0 30px 30px 0; z-index: 5 }
#rateus .bt { padding: 1rem 2rem; width: 138px; white-space: nowrap }

#driveway_repair_top, #small_engine_repair_top, #sub_top { background-repeat: no-repeat; background-position: center bottom; background-size: cover; height: 745px; margin-top: -76px; position: relative; z-index: 1 }
#driveway_repair_top:before, #small_engine_repair_top:before, #sub_top:before { content: ''; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,1); opacity: 0.48; z-index: 2 }
#driveway_repair_top_slogan, #small_engine_repair_top_slogan, #sub_top_slogan { position: relative; top: 350px; z-index: 3 }
#driveway_repair_top_slogan .mtitle, #small_engine_repair_top_slogan .mtitle { font-size: 1.8rem; font-family: "WorkSans"; font-weight: 700; color: #fffcfc }
#sub_top { height: 592px; background-image: url(../images/hp-sealcoating.jpg) }
#sub_top_slogan { top: 280px }

#driveway_repair_expert, #driveway_repair_about_service, #small_engine_repair_expert, #small_engine_repair_about_service { height: 479px; position: relative; text-align: left }
#driveway_repair_expert_txt, #driveway_repair_about_service_txt, #small_engine_repair_expert_txt, #small_engine_repair_about_service_txt { column-count: 2; column-gap: 0 }
#driveway_repair_expert_txt_img, #driveway_repair_about_service_txt_img, #small_engine_repair_expert_txt_img, #small_engine_repair_about_service_txt_img { background-repeat: no-repeat; background-position: left bottom; background-size: cover; width: 100%; height: 479px; display: inline-block }
#driveway_repair_expert_txt_ct, #driveway_repair_about_service_txt_ct, #small_engine_repair_expert_txt_ct, #small_engine_repair_about_service_txt_ct { padding: 100px 50px 0 50px }

#driveway_repair_about_service, #driveway_repair_about_service_txt_img { height: 542px }
#small_engine_repair_about_service, #small_engine_repair_about_service_txt_img { height: 482px }

#driveway_repair_example, #small_engine_repair_example { background-repeat: no-repeat; background-position: center bottom; background-size: cover; height: 770px; position: relative; text-align: left }
#driveway_repair_example_txt, #small_engine_repair_example_txt { background-color: rgba(0,0,0,0.5); padding: 200px 100px 0 100px; position: absolute; top: 0; height: 570px; color: #fffcfc; column-count: 2; column-gap: 0; display: flex }
#driveway_repair_example_txt_ct, #small_engine_repair_example_txt_ct { flex: 0 0 auto; width: 35% }
#driveway_repair_example_txt_img, #small_engine_repair_example_txt_imgs { flex: 0 0 auto; width: 65%; white-space: nowrap }
#driveway_repair_example_txt_img img { margin-right: 20px }

#small_engine_repair_example { height: 715px; background-position: center center }
#small_engine_repair_example_txt { padding-top: 140px; height: 575px }
#small_engine_repair_example_txt_imgs { width: 1038px; column-count: 4; column-gap: 10px }
#small_engine_repair_example_txt_imgs img { width: 252px; margin-bottom: 5px }

#driveway_repair_whyshould, #small_engine_repair_whyshould { min-height: 550px; position: relative; text-align: left }
#driveway_repair_whyshould_txt, #small_engine_repair_whyshould_txt { column-count: 2; column-gap: 0; padding: 0 20px 0 100px }
#driveway_repair_whyshould_txt_ct, #small_engine_repair_whyshould_txt_ct { padding-right: 50px; display: inline-block }
#driveway_repair_whyshould_txt_img img, #small_engine_repair_whyshould_txt_img img { display: block; width: 100% }
#small_engine_repair_whyshould { min-height: 542px }
#small_engine_repair_whyshould_txt { padding-left: 40px }
#small_engine_repair_whyshould_txt_ct { padding: 0 50px 0 50px }

#driveway_repair_faqs_title { padding: 25px; background-color: rgba(249,188,36,1) }
#driveway_repair_faqs_title .title { color: #161616 }
#driveway_repair_faqs { background-repeat: repeat-y; background-position: center bottom; background-attachment: fixed; background-size: cover; padding: 100px 0; position: relative; text-align: left; z-index: 1 }
#driveway_repair_faqs:before { content: ''; left: 0; top: 0; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,1); opacity: 0.4; z-index: 2 }
#driveway_repair_faqs_txt { position: relative; top: 0; left: 50%; margin-left: -325px; width: 750px; z-index: 3 }

#driveway_repair_footer { min-height: 300px; position: relative; text-align: center; color: rgb(255, 201, 66); font-size: 1.2rem; font-weight: 700 }
#driveway_repair_footer_txt { column-count: 2; column-gap: 0; padding: 50px 200px }
#driveway_repair_footer_txt_title { display: inline-block }
#driveway_repair_footer_txt_title .title { font-size: 2.5rem }
#driveway_repair_footer_txt_ct { padding: 0 100px; text-align: left; display: inline-block; color: #161616; font-size: 1rem; font-weight: 400 }

#small_engine_repair_top { height: 762px; background-position: center center }
#small_engine_repair_top:before { opacity: 0.7 }
#small_engine_repair_top_slogan .title { font-size: 2.6rem }
#small_engine_repair_top_slogan .mtitle { font-size: 1.7rem; font-style: italic; font-weight: 400 }

#blogs { column-count: 3; column-gap: 30px; width: 1191px }
.blog_box { box-shadow: rgba(0,0,0,.25) 0 3px 11px 0; border-radius: 4px; background-color: white; width: 387px; display: inline-block; margin-bottom: 23px }
.blog_box img { width: 387px; height: 190px; border-radius: 4px 4px 0 0 }
.blog_title { font-weight: bold; font-family: "Oswald"; font-size: 1.1rem; padding-bottom: 10px; }
.blog_time { color: rgba(22,22,22,0.8); font-size: 0.95rem; padding-bottom: 10px }
.blog_ct { padding: 15px; text-align: left }

#footer_bg { background-color: #0c0c0c }
#footer { padding: 50px 100px  }
#footer_tbl .title { font-size: 1.5rem }
#footer_tbl .w200 { width: 300px }
#footer_tbl .orange_line { margin-top: 15px; padding-bottom: 15px }
#footer_tbl_socials a { color: rgb(249, 188, 36); font-size: 1.2rem; font-weight: 700 }
#footer_tbl_socials img { height: 44px }
#footer_tbl_usefullinks { color: rgb(249, 188, 36); font-weight: bold }
#footer_tbl_usefullinks a { color: #fffcfc }
#footer_map { width: 420px; height: 270px }