body { color:#000; font-family:Lato; }
:root { --main-color:#06BA63; --main-color-1:#004813; }
a, i, button { outline:none; text-decoration:none !important; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; }
ul { list-style:none; margin:0; padding:0; }
img { height:auto; object-fit:cover; width:auto; }

header { left:0; padding:30px 0 0; position:absolute; right:0; top:0; }
.call-btn { color:#fff; display:block; font-size:17px; margin-left:auto; width:220px; }
.call-btn strong { background-color:var(--main-color); border-radius:50%; float:left; height:55px; margin:0px 12px 0 0; padding-top:13px; text-align:center; width:55px; }
.call-btn b { display:block; font-size:24px; font-weight:600; }
.call-btn:hover { color:var(--main-color); }

.main { background-color:var(--main-color-1); background-image:url(http://www.kerivanlane.com/wp-content/uploads/2024/08/kerivan-lane-propane-delivery-image1.png) !important; background-position:top center; background-size:cover; padding:125px 0 150px; }
.main h1 { color:#fff; font-family:Alegreya Sans; font-size:44px; font-weight:bold; line-height:1.25; margin:0 0 18px; padding:70px 0 15px; position:relative; }
.main h1::before { border-bottom:4px solid var(--main-color); bottom:0; content:''; left:0; position:absolute; width:110px; }
.main p { color:#fff; font-size:22px; font-style:italic; line-height:1.6; margin:0; }
.main p strong { font-weight:normal; }

.ban-form .col-lg-6:first-child { padding-right:6px; width:50%; }
.ban-form .col-lg-6:last-child { padding-left:6px; width:50%; }
.ban-form p { color:#000; font-size:12px; font-style:normal; line-height:1.5; margin:0 0 15px; }
.form-head { background-color:var(--main-color); padding:26px; }
.form-head h2 { color:#fff; font-family:Alegreya Sans; font-size:30px; font-weight:bold; margin:0 0 8px; padding:0; }
.form-head h2 strong { color:var(--main-color-1); }
.form-head p { color:#fff; font-size:20px; font-style:italic; line-height:1.35; margin:0; }

.ban-form form { background-color:#F2F2F2; box-shadow:5px 5px 15px 0 #00000040; padding:25px 35px; }
.ban-form h3 { color:var(--main-color-1); font-family:Alegreya Sans; font-size:24px; font-weight:bold; margin:0; padding:0; } 
.in-box { margin:0 0 16px; }
.box, .ban-form form .large, .ban-form form .gfield--type-address input, .ban-form .gform_wrapper.gravity-theme .chosen-container-single .chosen-single { background-color:#fff; background:#fff !important; border:1px solid #fff; border-radius:0; box-shadow:none; color:#000; font-size:14px !important; height:33px !important; outline:none; padding:2px 10px !important; width:100% !important; }

.box:focus, .ban-form form .large:focus, .ban-form form .gfield--type-address input:focus, .ban-form .gform_wrapper.gravity-theme .chosen-container-active.chosen-with-drop .chosen-single { border:1px solid var(--main-color-1) !important; }
.box:focus::placeholder, .ban-form form .large:focus::placeholder, .ban-form form .gfield--type-address input:focus::placeholder, .ban-form .gform_wrapper.gravity-theme .chosen-container-single .chosen-single::placeholder { color:transparent; }
.box::placeholder, .ban-form form .large::placeholder, #gform_17 input[type="text"]::placeholder, .ban-form form .gfield--type-address input::placeholder, .ban-form .gform_wrapper.gravity-theme .chosen-container-single .chosen-single::placeholder {  color:#000; opacity:1; }
select.box { background-image:url(../images/arrow.webp) !important; background-position:center right; background-repeat:no-repeat; -webkit-appearance:none; }
.ban-form .gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b { background-position:0 6px; }
select.box option { font-family:Arial; font-size:13px; }
.sub-btn, .ban-form form .gform_footer .gform_button { background-color:var(--main-color-1); border:none; border-radius:30px; color:#fff; display:inline-block; font-size:16px; font-weight:bold; padding:8px 22px; }
.sub-btn:hover, .ban-form form .gform_footer .gform_button:hover { background-color:#fff; box-shadow:0 0 5px #999; color:var(--main-color-1) !important; }

.ban-form .gform_wrapper.gravity-theme .chosen-container-single .chosen-single span { line-height:27px !important; margin:0; }
.ban-form .gform_heading, .ban-form form .gfield--type-captcha .gfield_label, .ban-form .gform_validation_errors .gform-icon, #page-id-26724 #callnowbutton.cnb-full { display:none !important; }
.ban-form form textarea.large { height:72px !important; }
.ban-form form .gform_footer { margin:0 !important; padding:0 !important; }
.ban-form form .gform_footer .gform_button { margin:0 !important; }
.ban-form form .validation_message { background-color:transparent !important; border:none !important; font-size:11px !important; line-height:normal !important; margin:0 0 5px !important; padding:0 !important; }
.ban-form .gform_validation_errors { border:none !important; padding:6px !important; text-align:center; }

.offer-sec { background-image:url(../images/pattern.webp) !important; background-position:bottom right; background-repeat:no-repeat; padding:90px 0 70px; }
.offer-sec h2, .testimonial-sec h2, .faq-sec h2 { color:var(--main-color); font-family:Alegreya Sans; font-size:16px; font-weight:bold; margin:0; }
.offer-sec h3, .testimonial-sec h3, .faq-sec h3 { color:var(--main-color-1); font-family:Alegreya Sans; font-size:30px; font-weight:bold; line-height:1.2; margin:10px 0 32px; padding:0; }
.offer-sec li { margin:0; padding:0 0 20px; }
.offer-sec li strong { align-items:center; background-color:var(--main-color); border-radius:50%; height:44px; display:flex; float:left; justify-content:center; width:44px; }
.offer-sec p { color:#000; font-size:16px; line-height:1.7; margin:0 0 0 64px; }
.offer-sec p b { color:var(--main-color-1); display:block; font-size:18px; font-weight:bold; }

.call-sec { background-color:var(--main-color); padding:60px 0; }
.call-sec .col-lg-12 { align-items:center; display:flex; flex-wrap:wrap; gap:22px; justify-content:space-between; }
.call-sec h2 { color:#fff; font-size:24px; font-weight:bold; line-height:1.35; margin:0; padding:0; }

.testimonial-sec { padding:90px 0 70px; text-align:center; }
.testimonial-sec .owl-stage { display:flex; padding:0 20px 18px; text-align:center; }
.testi-box { background-color:var(--main-color-1); border-radius:15px; box-shadow:5px 5px 15px 0 #00000040; height:100%; padding:30px; }
.testi-box i { color:var(--main-color); font-size:18px; margin:0 5px; }
.testi-box p { color:#fff; font-size:16px; line-height:1.6; margin:10px 0 0; }
.testi-box p strong { display:block; padding:15px 0 0; }
.star-img { display:inline-block !important; margin:0 3px; width:18px !important; }

.faq-sec { background-color:#F2F2F2; padding:70px 0; text-align:center; }
.faq-sec .card { border:none; border-radius:15px; margin:0 0 32px; overflow:hidden; padding:24px 30px; text-align:left; }
.faq-sec .card-header { background-color:#fff; border:none; padding:0; }
.faq-sec .card-header a { color:var(--main-color-1); display:block; font-family:Alegreya Sans; font-size:30px; font-weight:700; padding-right:50px; }
.faq-sec .card-header a::after { align-items:center; background-color:var(--main-color); border-radius:50%; bottom:0; color:#fff; content:"\+"; display:flex; font-family:fontAwesome; font-size:35px; height:44px; justify-content:center; margin:auto 0; padding-bottom:3px; position:absolute; right:30px; top:0; width:44px; }
.faq-sec .card-header a[aria-expanded="true"]::after { content:"\-"; padding-bottom:10px; }
.faq-sec .card-body { padding:5px 0 0; }
.faq-sec .card-body p { color:#000; font-size:18px; margin:0; padding-right:50px; }

footer { background-color:var(--main-color); overflow:hidden; padding:70px 0; }
footer ul { display:flex; flex-wrap:wrap; gap:25px; padding:60px 0 0; }
footer ul li { margin:0; }
footer li img { float:left; }
footer li p { display:flex; margin:0 0 0 80px; }
footer li p a { color:#fff; display:inline-block; font-size:16px; }
footer li p a:hover { color:var(--main-color-1); }
footer li p a strong { display:block; font-size:18px; padding:7px 0 0; }
#page-id-30135 .main .sub-btn {
    border-radius: 21.5px;
    background: #06BA63;
    color: #004813 !important;
    font-style: inherit !important;
    padding: 9px 22px;
	margin-top: 20px;
}
#page-id-26724 .offer-sec { background-image:none !important; }

/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767.98px){
header .col-lg-6:first-child { width:75%; }
header .col-lg-6:last-child { width:25%; }	
.call-btn, .call-btn b { font-size:0; width:55px; }	 
#page-id-26724 .container { width:100%; }	
.logo { width:215px; }
header { padding:20px 0; }
.main { padding:100px 0 120px; text-align:center; }
.main .ban-form { display:none; }
.main h1 { font-size:30px; text-align:center; }
.main h1::before { margin:0 auto; right:0; }
.main p, footer, footer .col-lg-6 { text-align:center; }	
.ban-form { margin:-65px 12px 52px; position:relative; }
.offer-sec { padding:10px 0 40px; }
.call-sec .col-lg-12 { justify-content:center; text-align:center; }
.faq-sec .card { margin:0 0 25px; padding:20px 18px; }
.faq-sec .card-header a { font-size:22px; line-height:1.26; padding-right:28px; }
.faq-sec .card-body p { font-size:16px; }
.faq-sec .card-header a::after { font-size:22px; height:28px; right:18px; width:28px; }
.foot-logo + img { display:block; margin:25px auto; }
footer ul { padding:40px 0 0; text-align:left; }
footer li img { height:40px; width:40px; }
footer li p { margin:0 0 0 55px; }
}

@media (min-width:320px) and (max-width:991.98px){
.ban-form form { padding:25px; }
.ban-form img { width:100%; }
.foot-logo img { width:260px; }
}

@media (min-width:768px){
header h2 img, .ban-form.dd { display:none; }
.main .col-xl-5 { position:relative; }
.ban-form { left:12px; position:absolute; right:12px; top:0; z-index:1; }
footer .col-lg-6:nth-child(2) { text-align:right; }
.foot-logo img { margin-right:28px; }
.main p strong { display:block; }	
}

@media (min-width:768px) and (max-width:991.98px){
#page-id-26724 .container { width:720px; }
.main h1 { font-size:36px; }	
.ban-form { left:-5px; }	
.ban-form form iframe { width:230px !important; }	
}

@media (min-width:992px) and (max-width:1199.98px){
#page-id-26724 .container { width:960px; }	
.ban-form img { width:100%; }
}

@media (min-width:1200px) and (max-width:1399.98px){
#page-id-26724 .container { width:1140px; }	
}

@media (min-width:1400px){
#page-id-26724 .container, #page-id-30135 .container{ max-width:1320px; width:auto; }	
.ban-form { left:auto; width:430px; }
.offer-sec h3 { width:65%; }
#page-id-30135 .main { background-position:center bottom; }	
}

@media (min-width:2500px){
#page-id-30135 .main { background-position:center 960px; }	
}
