.header.sticky.absolute-light {background:#000;height:100px}
.offcanvas.offcanvas-end {z-index:99999;width:300px}/*propane CenterSelector sidebar*/
section#layout-content > section {background-repeat:no-repeat;background-size:cover;margin-bottom:5rem}
.flxRow {display:flex;justify-content:space-between}
.row > [class*=col], .container {padding-left:16px;padding-right:16px}
a.btnCTA, a.btnCTA:visited {
    font-family:Avenir;display:inline-block;padding:10px 20px;border-radius:4px;color:#fff;background-color:#a62825;font-size:1.1rem;
    line-height:1.5;transition:all 0.2s ease-in-out;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2)
}
a.btnCTA:hover {background-color:#5f1715;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.2)}
.dtOnly {display:none}
.cAlign {text-align:center}
#map {width:100%;border-radius:8px;height:70vh}

section#layout-content > section#sA {margin-bottom:0}
#sA {position:relative;width:100%;background-color:#161b1b;margin-top:90px}
#sA img {max-width:100%}
#sA h1 {color:#a62825;font-size:1.7rem;font-weight:900;line-height:1.0;text-transform:uppercase}
#sA .c1 {height:45vw;overflow:hidden}
#sA .c2 {background:#fff;z-index:0;padding:20px 30px;margin:0}
#sA .c2 p {margin:0 0 20px 0;font-weight:500;font-size:16px;line-height:22px}

#sFeat {width:100%;max-width:1300px;margin:2rem auto 4rem auto}
#sFeat p.title {text-align:center;font-size:1.7rem;line-height:1.7;margin-bottom:1rem}
#sFeat img {max-width:100%}
#sFeat .flxRow {flex-wrap:wrap}
#sFeat .flxRow > div {width:50%;padding:0 30px}
#sFeat .flxRow > div:last-child {margin:0 auto} /* assumes there will always be 3 images */

#sC h2, #sImgLtLstRt h2 {color:#a62825;font-size:1.5rem;font-weight:900;line-height:1.5}
#sC p, #sImgLtLstRt p {font-weight:500;font-size:16px;line-height:22px;margin-bottom:15px}
#sImgLtLstRt p {margin-bottom:0}
#sC .dtOnly, #sImgLtLstRt .dtOnly {display:none;background-position:center;background-size:cover;background-repeat:no-repeat}
#sC .mblOnly img, #sImgLtLstRt .mblOnly img {display:block;max-width:100%;border-radius:0px;margin:30px auto 0 auto}
#sImgLtLstRt .mblOnly, #sC .mblOnly {}

#sC ul, #sImgLtLstRt ul {margin:0 0 25px 10px;font-family:Avenir;font-weight:500}
#sB li, #sC li, #sImgLtLstRt li {
    list-style:none;
}
#sB li::before, #sC li::before, #sImgLtLstRt li::before {content:"•";color:#a62825;display:inline-block;width:1em;margin-left:-1em}

#sImgLtLstRt .c1.mblOnly {margin-bottom:20px}

#mcrList {text-align:center}
#mcrList h2 {color:#a62825;font-size:1.5rem;font-weight:900;line-height:1.5}
#mcrList a.corpPhone {display:flex;align-items:center;justify-content:center;font-family:Avenir;margin-top:35px}
#mcrList a.corpPhone div {margin:0 5px}
#mcrList a.corpPhone:link, #mcrList a.corpPhone:visited {color:#000;font-weight:900;font-size:18px}
#mcrList a.corpPhone:hover, #mcrList a.corpPhone:active {color:royalblue}
.mapInfoWin {text-align:left}
.mapInfoWin .addr, .mapInfoWin .phone {font-size:15px}
.mapInfoWin .addr {margin-bottom:5px}

#sMR {margin-left:auto;margin-right:auto}
#sMR p.heading {text-align:center;margin:0;font-size:2rem;line-height:1.3;font-weight:700}
#sMR .row {justify-content:space-between}
#sMR .card {border:none;padding:9vw 0;box-shadow:none}
#sMR .card .circle-wrap {padding:0 26vw}
#sMR .card .circle-wrap svg path {stroke:rgba(166, 40, 37, 0.3)}
#sMR .card .circle-wrap svg .circle-active {stroke:#a62825}
#sMR .iconfont-wrapper {position:relative}
#sMR .card p.circle-text {font-weight:bold;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:0;font-family:sans-serif;font-size:2.8rem;line-height:1.1}
#sMR .card p.card-text {text-align:center;margin:20px 6vw 0 6vw;font-weight:600;font-size:16px;line-height:22px;}
#sMR .btnCTA {margin-top:30px}

#sB img {max-width:100%}
#sB .col-title {margin-bottom:2rem}
#sB .image-block img {border-radius:0px;width:100%;height:100%;object-fit:cover;margin-bottom:2rem}
#sB .copyRow {font-family:Arial,sans-serif;margin-top:0}
#sB .copyRow .heading {color:#a62825;font-size:2rem;text-transform:none}

#sFaq {margin-top:60px}
#sFaq .about-comparing-option .header-title {margin-bottom:0}
#sFaq .about-comparing-option {
    background-repeat: no-repeat;background-position:right bottom;background-size:1200px auto;float:left;
    display:block;width:100%;position:relative;overflow:hidden;margin-bottom:4rem;padding:2rem 1rem 0 1rem
}
#sFaq h3 {font-size:18px;font-weight:800;line-height:30px}
#sFaq .about-comparing-option .rocket {bottom:430px;transform:translateY(112px)}
#sFaq ul {font-family:Avenir}

#sTes img {border-radius:50%;width:44px;height:auto}
#sTes .flxRow {flex-wrap:wrap}
#sTes .flxRow > div {width:100%;padding:24px;background-color:#f7f8f9;border-radius:8px;margin:1rem}
#sTes h2.heading, #sTes h2.heading strong {margin-bottom:24px;color:#a62825;text-align:center;font-family:Arial,sans-serif;font-size:1.8rem;line-height:1.4;font-weight:500}
#sTes h2.heading strong  {font-weight:700}
#sTes .card-top {display:flex;align-items:center}
#sTes .card-top .imgWrap {padding: 0 10px 15px 0}
#sTes .card-title {text-align:left;font-size:14px;line-height:1.5}
#sTes .card-title strong {font-size:14px;line-height:1.5}
#sTes .card-text {color:#000;text-align:left;font-size:18px;font-weight:500;line-height:1.5}
#sTes .btnCtaWrap {text-align:center;margin-top:20px}
p.pBase, ul.ulBase {font-family:Avenir;font-weight:500}

@media (min-width: 576px) {
    .offcanvas.offcanvas-end {width:450px}
    section#layout-content > section {margin-bottom:6rem}
    section#layout-content > section#sA {margin-bottom:2rem}
    #sA {width:100%;background-color:#6e6e6e;background-position:top center;background-size:100% auto;background-repeat:no-repeat}
    #sA img {display:none}
    #sA .mblOnly {display:none}
    #sA {position:relative;height:40vh;min-height:390px}
    #sA .c2 {position:absolute;right:10px;bottom:10px;width:55vw;height:auto;border-radius:6px;padding:20px 30px;opacity:0.9}
    #sA .btnCTA {font-size:16px}
    #sFeat .flxRow {flex-wrap:nowrap}
    #sFeat .flxRow > div {width:auto}
    #sC img.mblOnly, #sImgLtLstRt img.mblOnly {margin:50px auto 0 auto;width:100%}
    #sImgLtLstRt img {margin-bottom:20px}
    #sMR .card {padding:30px 0;margin:0 auto}
    #sMR .card .circle-wrap {padding:0 8vw}
    #sB .copyRow .heading {font-size:1.6rem}
}

@media (min-width: 768px) {
    section#layout-content > section#sA {margin-bottom:4rem}
    #sA {height:51vh;min-height:360px}
    #sA h1 {font-size:2.3rem;line-height:1.2}
    #sA p {font-size:18px}
    #sFeat {margin:5rem auto}
    #sFeat p.title {font-size:2rem;line-height:2}
    #sC .heading, #sImgLtLstRt .heading {font-size:2rem}
    #sC .mblOnly, #sImgLtLstRt .mblOnly {display:none}
    #sC .dtOnly, #sImgLtLstRt .dtOnly {display:block;border-radius:0px}
    #sMR p.heading {font-size:2.6rem}
    #sMR .card .circle-wrap {padding:0}
    #sMR .card p.card-text {margin: 2vw 0 0 0}
}

@media (min-width: 992px) {
    section#layout-content > section {margin-bottom:10rem}
    p.pBase {font-size:1.2rem;line-height:1.5}
    ul.ulBase {font-size:1.2rem}
    #sA {min-height:440px}
    #sA h1 {font-size:2.8rem}
    #sA .c2 {bottom:30px;right:30px}
    #sA .c2 p {font-size:1.2rem;line-height:1.5}
    #sFeat .flxRow > div {padding:0 6vw}
    #sC .heading, #sImgLtLstRt .heading {font-size:2.8rem;line-height:1.1;margin-bottom:30px}
    #sC p, #sC li, #sImgLtLstRt p, #sImgLtLstRt li {font-size:1.2rem;line-height:1.5;background-position:left 17px}
    #sC .c2, #sImgLtLstRt .c2 {padding:0 0 0 20px}
    #sTes .flxRow > div {flex: 1 1 0;width:0;padding:24px;margin:0 1rem}
    #sMR .card .circle-wrap {padding:0 2vw}
    #sTes .card-text {font-size:16px}
    #mcrList h2 {font-size:2.8rem;line-height:1.1;margin-bottom:30px}
    #mcrList a.corpPhone:link, #mcrList a.corpPhone:visited {font-size:22px}
    #mcrList a.corpPhone img {width:60px}
    #sB .copyRow .heading {font-size:2.4rem}
    #sFaq h3 {font-size:24px;line-height:34px}
    .bottom-footer ul li {margin:10px 28px 10px 0}
}

@media (min-width: 1280px) {
    #sA {margin-top:96px}
    #sA .c2 {width:600px}
    #sFeat .flxRow > div {padding: 0 100px}
    #sMR {max-width:1000px}
    #sMR .card {margin:0;padding:50px 0}
    #sMR .card .circle-wrap {padding:0 30px}
    #sMR .card p.card-text {font-size:18px;line-height:1.5;margin:30px -30px 0 -30px}
    #sB .copyRow .heading {font-size:2rem}
    #sTes h2.heading, #sTes h2.heading strong {font-size: 2.8rem;line-height: 1.1}
    #sTes .card-title, #sTes .card-title strong {font-size:16px;line-height: 1.25}
    #sTes .card-text {font-size: 18px}
    .row.hideGt1280 {display:none}
}
