.text-blue{color:blue}body{background:#dadbdc;font-family:"Raleway",Arial,Helvetica,sans-serif;font-display:swap;margin-bottom:50px}.text-orange{color:#f7931e}header{background:#222;padding:10px}header a.nav-link{color:#f7931e;font-size:1.5rem;text-transform:uppercase;font-weight:600;margin:0 10px}header a.nav-link:hover{color:#fff !important;text-decoration:none;transition:all .5s ease-in-out}header a.nav-link:visited{color:#f7931e}#hero{background-image:url("../images/header-background-1600px.webp");background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:60vh;padding-top:10vh}#hero h2{font-size:2rem;letter-spacing:.1rem;color:#fff;text-shadow:#222;font-weight:300}#hero .btn-primary{background:#f7931e;outline:#f7931e;border:2px solid #f7931e;font-weight:600;text-shadow:1px 1px 0px #111}#hero .btn-primary:hover{background:#fff;color:#f7931e;transition:all .3s ease-in-out}.hero-icon{color:#f7931e;background:#fff;border-radius:12px;padding:1px 5px;margin-right:5px}#down-arrow{background:#fff}#down-arrow img{margin-top:-5px}#services,#testimonials,#about,#contact{background:linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.8) 55%, rgba(255, 255, 255, 0.65) 100%);padding:100px 0}#services h2,#testimonials h2,#about h2,#contact h2{text-align:center;text-transform:uppercase;position:relative}#services h2:after,#testimonials h2:after,#about h2:after,#contact h2:after{content:"";position:absolute;width:50px;display:block;height:3px;background-color:#f7931e;bottom:-15px;left:0;right:0;margin:auto}#services img{box-shadow:rgba(0,0,0,.35) 0px 5px 15px}h3.service-card{font-size:1.5rem;margin-bottom:30px}.service-circle{background:#000;border-radius:100%;height:150px;width:150px;text-align:center;margin:auto;margin-bottom:50px;color:#f7931e}.service-circle:hover{background:#f7931e;color:#fff;transition:.3s all ease-in-out}.headline{background:#222;color:#fff}.headline i{padding:0 10px}.headline p{font-weight:600;font-size:1.65rem}.headline a.btn{font-size:1.2rem;font-weight:bold;background:#f7931e;border:thin solid #f7931e;text-shadow:1px 1px 0px #111}.headline a.btn:hover{background:#fff;color:#f7931e;transition:all .3s ease-in-out}#service-detail{background:#dadbdc}#service-detail h2{text-align:center;text-transform:uppercase;position:relative}#service-detail h2:after{content:"";position:absolute;width:50px;display:block;height:3px;background-color:#f7931e;bottom:-15px;left:0;right:0;margin:auto}#service-detail .container-fluid{margin:0;padding:0}#service-detail .service-details-text{margin:3rem 1rem}#about img{box-shadow:rgba(0,0,0,.35) 0px 5px 15px}.thumb-up{margin:auto;text-align:center;margin-bottom:-80px;z-index:100;padding-bottom:100px}.card-dark{background:#222;color:#f7931e}.card-light{background-color:#f7931e;color:#000}.testimonial-card{margin-left:25px;margin-right:25px;padding:40px 35px 25px 35px}.testimonial-card h4{text-transform:uppercase;text-align:center}.testimonial-card .reviewer{color:#fff;font-size:1.1rem;font-weight:300;text-align:center}.testimonial-card .review{font-size:1.6rem;font-weight:600;line-height:2rem}#contact{background-image:url("../images/Gavin-Oneill-Gas-Services-Contact.webp");background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:scroll}#contact .contact-info{color:#fff}#contact h3{text-transform:uppercase;font-weight:300;font-size:1.5rem}#contact .contact-circle{background:#f7931e;border-radius:100%;height:50px;width:50px;text-align:center;margin:auto;margin-bottom:10px;color:#fff}#contact .contact-link{color:#f7931e}#contact .contact-link:hover{color:#fff;text-decoration:underline}#contact h2{color:#fff}#contact .mobile-field{display:none}#contact .form-panel{background:#f7931e;padding:45px 15px 55px 15px}#contact .form-panel h3{font-weight:600;position:relative}#contact .form-panel h3:after{content:"";position:absolute;width:50px;display:block;height:3px;background-color:#000;bottom:-15px;left:0;right:0;margin:auto}#contact .social-icons i{color:#f7931e;margin:0 15px}#contact .social-icons i:hover{color:#fff;transition:.2s all ease-in-out}footer{background:#333;padding:40px 10px 40px 10px;color:#fff}footer .btn-primary{color:#fff !important;background:#f7931e !important;font-weight:600;font-size:1.2rem;outline:thin solid #f7931e;border:2px solid #f7931e;text-shadow:1px 1px 2px #000 !important}footer .btn-primary:hover{color:#f7931e;background:#fff}footer a{color:#f7931e;text-decoration:none}footer a:hover{color:#fff;text-decoration:underline}.qd{margin:auto}.qd p{font-size:.8rem;text-align:center}.qd a{color:red;text-decoration:none}.qd a:hover{color:#f7931e}#message-sent h2{color:#f7931e;text-align:center;margin-bottom:1rem}#confirm i{color:#4cbb17;text-align:right;float:right}#confirm h4{margin-top:1rem}#confirm a{color:#f7931e}#section-404{background-image:linear-gradient(rgba(30, 30, 30, 0.6), rgba(150, 150, 150, 0.4)),url("/images/404-page-background.webp") !important;height:95vh;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center}.page-404{display:flex;flex-direction:column;align-items:center;justify-content:center}.page-404 .container{background:rgba(250,250,250,.95);padding:2rem;min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-404 .container p{font-size:2rem;line-height:3.2rem;text-align:center}.page-404 .container .button{border-radius:0;border:none;border-bottom:5px solid rgba(0,0,0,0);outline:none;color:#f7931e;font-size:2rem;background:none;padding:0;transition:.2s ease-in-out all}.page-404 .container .button:hover{border-bottom:5px solid #f7931e}#main-content{background:linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.8) 55%, rgba(255, 255, 255, 0.65) 100%);padding:100px 0}#main-content h2{text-align:center;text-transform:uppercase;position:relative}#main-content h2:after{content:"";position:absolute;width:50px;display:block;height:3px;background-color:#f7931e;bottom:-15px;left:0;right:0;margin:auto}@media screen and (min-width: 1025px){#service-detail .service-details-text{margin:3rem 5rem !important}}@media screen and (max-width: 550px){#hero{min-height:75vh;padding-top:5vh}.testimonial-card{margin-left:5px;margin-right:5px;padding:40px 25px 25px 25px}}