in here would
inherit that and break the pill onto two lines. */
.lic-number li strong{
color: #F9A006; /* 4.57:1 on #1C4968 */
font-weight: 600;
margin-left: 0.3em;
white-space: nowrap;
}
/* Two licence sets (main + second location) stack, as they did before. */
.lic-set + .lic-set{
margin-top: 0.45em;
}
/* ----------------------------------------------------------------------------
MOBILE — safety net, not a fix.
`white-space: nowrap` is what stops "Duct Tightness Testing Contractor
#600112" splitting mid-pill. That is the longest of the five at 284px, and I
measured the wrap behaviour down through progressively narrower containers:
one line at 1400px, two at 1100–700px, three at 560px, five at 430–320px,
and ZERO overflow the whole way down. It only breaks at a 280px container,
which no real device produces (a 320px viewport less the band's 2% padding
still leaves ~313px).
So nowrap is safe as it stands. This block exists only so that a future
change — a longer trade name, a bigger footer font — degrades by wrapping
inside the pill instead of pushing past the viewport edge.
---------------------------------------------------------------------------- */
@media screen and (max-width: 47.938em){
.lic-number ul{
gap: 0.45em;
}
.lic-number li{
white-space: normal;
text-align: center;
}
}
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------Inner Pages Css ------------------------------------------------------------------ */
/* Global Inner CSS */
:root{
/* Redeclared rather than inherited from custom.css so this file still reads
correctly if it is ever loaded on its own. Same values. */
--corbins-display: Georgia, "Times New Roman", Times, serif;
--corbins-body: 'Inter', system-ui, -apple-system, "Segoe UI", sans-serif;
--corbins-navy: #1c4968;
--corbins-navy-dark: #143a52;
--corbins-rust: #c14c31;
--corbins-amber: #f9a006;
--corbins-ink: #2c2c2c;
--corbins-paper: #f3f5f7;
--corbins-border: #dfe4e9;
--asc-map-crop-top: 60px;
}
.asc-map-embed{
position: relative;
overflow: hidden;
height: clamp(320px, 42vw, 520px);
margin: 24px 0;
border-radius: 10px;
border: 1px solid var(--asc-gray-200, #dfe4e9);
background: #1c4968;
}
.asc-map-embed iframe{
position: absolute;
left: 0;
top: calc(var(--asc-map-crop-top) * -1);
width: 100%;
height: calc(100% + var(--asc-map-crop-top));
display: block;
border: 0;
}
.side-label {
position: relative;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.08em;
/* Was 2em with a 1em top margin — and at 2em that margin is 2 root-em,
so the heading block alone ate ~75px above the form, and at sidebar
widths "SCHEDULE SERVICE" wrapped onto two lines (measured 89px tall at
a 360px sidebar). 1.55em keeps it on one line down to about a 300px
sidebar and roughly halves the block. */
font-size: 1.55em;
margin-top: 0.5em;
margin-bottom: 0.15em;
font-family: var(--corbins-display);
font-weight: 800;
/* font-style: italic; */
color: white;
}
.side-form {
text-align: center;
/* No bottom padding: the embedded form's iframe is the last thing in here,
so the navy used to run a further 1rem past its bottom edge on top of
whatever slack the iframe already carried. The iframe now defines the
bottom edge of the navy block. */
padding: 1rem 1rem 0 1rem;
background: #1c4968 !important;
/* border-radius: 40px; */
color: white;
position: relative;
height: auto;
}
/* The embedded form's iframe. display:block stops it sitting on a text
baseline and adding a few stray pixels under itself, and it fills the
column rather than relying on the vendor's inline width.
NOTE — the big empty area under the Submit button is INSIDE this iframe,
not in the navy box around it. The embed snippet in the ACF "Form" field
carries data-height="1103", which is the height the vendor's iframe-resizer
starts from; at sidebar widths it settles well short of the real content
height. That number is the thing to change, and it lives in the field, not
here. See the write-up. */
.side-form iframe{
display: block;
width: 100%;
border: 0;
}
/* ============================================================================
SERVICE AREAS LIST — city list styling [REVISED — fixes the overlap]
Append to custom.css. Replaces the earlier version of this file.
----------------------------------------------------------------------------
WHAT WAS WRONG
My first version put `white-space: nowrap` on `.sa-services`. That was the
bug, and it was my mistake — I wrote it to stop the four links breaking
mid-group, without checking what container they were landing in.
`.bullet-list` in your theme is `display: flex; flex-wrap: wrap` with
`li { width: 48% }`, so it is already a two-column list. Measured on
/service-areas/ at a 1047px viewport:
li box 288px
li left padding (the tick icon) 38px
usable content width 250px
"Plumbing · Cooling · Heating · Electrical"
on one unbreakable line 317px
67px too wide. nowrap meant it could not wrap, so it ran straight out of the
left column and printed on top of the right one — which is the "Electrica"
+ "Plumbing" collision in your screenshot. It was not intermittent: all 40
rows overflowed, worst case by 70px.
----------------------------------------------------------------------------
THE FIX
Drop the nowrap and let the group wrap inside its column. Re-measured after:
0 of 40 rows overflow, and the list only grows 1537px -> 1566px, because the
links were already sitting on their own line — they were just spilling
sideways instead of wrapping.
I then simulated progressively narrower columns to make sure it cannot come
back at some other breakpoint:
content width 250px 202px 162px 122px 92px 72px
rows overflowing 0 0 0 0 0 40
It only fails at 72px, where the single word "Electrical" (78px) no longer
fits on a line by itself. No column on this site is anywhere near that
narrow, and `overflow-wrap: break-word` below covers even that case.
============================================================================ */
/* Give each city room. The four service links make these rows taller than a
plain bullet, so the theme's default list spacing runs them together. */
.bullet-list.sa-city-list > li{
margin-bottom: 0.55em;
line-height: 1.5;
}
/* The service links: slightly smaller than the city name so the city still
reads as the heading of its row, and muted so the middot separators do not
look like part of the links.
NO white-space here. This is the whole fix — the group must be free to wrap
inside whatever column width it lands in. */
.sa-city-list .sa-services{
font-size: 0.88em;
color: #6B7684;
overflow-wrap: break-word;
}
/* ----------------------------------------------------------------------------
MOBILE — put the links on their own line under the city name.
Cosmetic only now that the wrap is fixed; it just reads more cleanly than
letting the name and the links share a line on a narrow screen.
---------------------------------------------------------------------------- */
@media screen and (max-width: 47.938em){
.sa-city-list .sa-services{
display: block;
margin-top: 0.15em;
}
}
/* ----------------------------------------------------------------------------
OPTIONAL — three columns on wide screens instead of the theme's two.
Note this is NOT `column-count`. I suggested that in the previous version of
this file and it was wrong: `.bullet-list` is a flex container, and CSS
multi-column layout is ignored on one. Widening the flex basis is what
actually works here.
.bullet-list.sa-city-list > li{
width: 31.3%;
}
@media screen and (max-width: 61.938em){
.bullet-list.sa-city-list > li{ width: 48%; }
}
@media screen and (max-width: 47.938em){
.bullet-list.sa-city-list > li{ width: 100%; }
}
---------------------------------------------------------------------------- */
.map-crop {
--map-crop: 60px;
--map-height: 480px;
position: relative;
height: var(--map-height);
overflow: hidden;
margin-bottom: 1em;
}
/* Descendant selector, NOT `> iframe`, and that matters.
WordPress runs wpautop over the Content field, which wraps a bare iframe in a
paragraph. I checked the live page: the real DOM is
`div.map-crop > p > iframe`, so a child selector would miss it entirely. */
.map-crop iframe{
position: absolute;
top: calc(var(--map-crop) * -1);
left: 0;
display: block;
width: 100%;
height: calc(100% + var(--map-crop));
border: 0;
}
/* ----------------------------------------------------------------------------
MOBILE — a 480px map is a lot of a phone screen. Drop it a bit.
Only the wrapper height changes; the 60px crop stays the same.
---------------------------------------------------------------------------- */
@media screen and (max-width: 47.938em){
.map-crop{
--map-height: 320px;
}
}
#form_careers{
background: #1C4968;
border-radius: 18px;
padding: 2.5em;
}
/* Labels: the one unreadable thing on a dark panel. */
#form_careers .frm_primary_label{
color: #ffffff;
}
/* The required asterisk. */
#form_careers .frm_required{
color: #F9A006;
}
/* Field descriptions, if any get added later — same treatment, so a new field
with help text does not appear as dark-on-navy. */
#form_careers .frm_description{
color: #D6E1EA;
}
/* Keep the fields reading as white cards on the navy, and firm the border up a
little now that it sits on a dark ground rather than on white. */
#form_careers input[type="text"],
#form_careers input[type="email"],
#form_careers input[type="tel"],
#form_careers input[type="number"],
#form_careers select,
#form_careers textarea{
border-color: #ffffff;
}
/* ----------------------------------------------------------------------------
MOBILE — drop the padding back so the fields keep their width on a phone.
2.5em each side of a ~340px screen would eat a third of the form.
---------------------------------------------------------------------------- */
@media screen and (max-width: 47.938em){
#form_careers{
border-radius: 12px;
padding: 1.25em;
}
}
.inside-content{
padding-bottom: 8%;
}
.insideimage {
position: relative;
padding: max(1.5rem, 7%) 4% 2% 4%;
margin-top: max(3rem, 14.5%);
border-bottom: 0.5em solid #c14c31;
background-image: url(/wp-content/uploads/2026/07/HVAC-Plumbing-Services-in-Guntersville.webp);
background-repeat: no-repeat;
/* --------------------------------------------------------------------
THE TEAM PHOTO'S CROP.
The photo is 1280x961 and its composition is fixed: sky and the lake
fill the top 38%, the team stands from 44% to 94%, grass below that.
Measured rather than guessed — I profiled the image row by row: the
top bands are bright and almost edge-free, and edge energy triples
from 44% down, which is where the people start.
The old rules anchored the image at or near the TOP at every
breakpoint (100% -11%, then 100% 0%, then 100% top), so the visible
window was the photo's top 48-59% at every width: sky, water, and the
tops of their heads. That is the whole bug.
The anchor is 88%, which lands the window on the people. But where a
percentage anchor lands ALSO depends on how tall the banner box is,
and that box changes with both the heading and the viewport —
measured, about 289px at 1700 wide down to about 180px at 900. A
shorter box means a bigger slice of the photo falls outside it, and
88% of a short box lands below their heads.
That is exactly what was still clipping at 1043 and 1150: those widths
were on a flat width-based size, which showed the photo's 48%-94%
band, and their heads start at 44%.
So from 768px up the photo is now sized by HEIGHT rather than width.
The drawn height then tracks the box height, the ratio between the two
never changes, and the visible slice is fixed whatever the box or the
viewport does. The numbers are in the two media queries below.
-------------------------------------------------------------------- */
/* Base = phones and small tablets. Down here the photo is small relative
to a banner that has stacked taller, so most or all of it is visible
anyway and a width-based size is safe. */
background-position: 100% 85%;
background-size: 58%;
z-index: 12;
}
/* From tablet up, size by HEIGHT so the crop cannot drift. Two multipliers
rather than one, because what decides how much of the photo fits is the
ratio of photo to box — and that ratio is different on a 1700px banner
than on a 900px one:
>= 993px auto 155% -> shows 31%-96% of the photo:
13pp of clear sky above their heads
768-992px auto 135% -> shows 23%-97%: 21pp of headroom, and draws
the photo at about 43% of the section instead
of the flat 58% the old rule used, which was
simply too big for the shorter banner there
Both are locked: the visible slice is identical at every width AND every
box height within each band, so a heading that wraps to two lines can no
longer push their heads out of frame. */
@media (min-width: 48em) and (max-width: 992px) {
.insideimage {
background-size: auto 135%;
background-position: 100% 64%;
}
}
@media (min-width: 993px) {
.insideimage {
/* background-size: auto 155%; */
background-position: 100% 51%;
}
}
/* Laptop range: box height starts outgrowing the scaled image
faster than at full desktop width -€ pull the anchor up. */
/* The 1400px background override that used to live here (100% 0% / 50%) is
gone: it anchored the photo to the top, which is part of what cut the team
off, and the height-based sizing above reproduces the width it was tuned
to on its own. */
/* Small laptop / large tablet: give it more room and anchor
fully to the top so the head can't get pushed past the edge. */
/* Same for the 1200px override — its two background lines are gone for the
same reason. The margin-top is layout rather than image, so it stays. */
@media (max-width: 1200px) {
.insideimage {
margin-top: max(4rem, 18%);
}
}
/* Just above wherever your existing mobile rule swaps to plain blue -€Â
replace 881px with your actual "no image" breakpoint so this hands
off cleanly instead of jumping. */
@media (max-width: 992px) and (min-width: 881px) {
.insideimage {
/* background-position: center top; */
/* background-size: 68%; */
}
}
.insideimage:after{
content:'';
position: absolute;
left: -20%;
bottom: 0%;
height: 110%;
width: 80%;
background: #1c4968;
transform: skew(-20deg, 0deg);
box-shadow: 0.8em 0em #c14c31;
}
.insideimage .slider-usp {
bottom: -4em;
position: relative;
z-index: 3;
width: 65%;
margin: 0em auto -1em 0;
bottom: -2em;
}
.insideimage .truck-image:after{
bottom: 0em;
right: 2em;
}
.insideimage .slider-usp.row>*{
padding: 0 .4em;
}
.insideimage .slider-usp .usp-box {
position: relative;
overflow: hidden;
background: #ffffff;
border: 2px solid #dfe4e9;
border-radius: 1rem;
transition: all 0.35s cubic-bezier(.22,1.2,.36,1);
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.insideimage .slider-usp .usp-box {
font-size: 0.7em;
width: 100%;
/* color: black; */
transition: all .3s
ease-in-out;
height: 8.8em;
text-align: center;
border: 1px solid #dfe4e9;
background: white;
padding: 0.1em;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* HOVER: color fill + pop */
.insideimage .slider-usp .usp-box:hover {
background: #c14c31; /* hero blue */
border-color: #c14c31;
transform: translateY(-6px) scale(1.04);
box-shadow:
0 10px 22px -6px rgba(0,0,0,.35),
0 0 16px 4px rgba(249,160,6,.35);
}
/* ICON */
.insideimage .slider-usp .usp-box span {
display: block;
font-size: 3.5em;
color: #1c4968;
transition: all 0.35s cubic-bezier(.22, 1.2, .36, 1);
}
/* ICON hover motion */
.insideimage .slider-usp .usp-box:hover span {
color: #ffffff;
transform: scale(1.15) rotate(-8deg);
filter: drop-shadow(0 4px 8px rgba(0,0,0,.25));
}
/* TEXT */
.insideimage .slider-usp .usp-box p {
margin: 0;
color: #2c2c2c;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: color 0.3s ease;
}
/* Text turns white on hover */
.insideimage .slider-usp .usp-box:hover p {
color: #fff;
}
.banner-head {
position: relative;
color: #ffffff;
letter-spacing: .12em;
font-size: 1.9em;
text-transform: uppercase;
z-index: 2;
padding-left: 0.5em;
border-radius: 0em;
width: 55%;
font-family: var(--corbins-display);
font-weight: 800;
}
.banner-head:after{
content:'';
position: absolute;
left: -0.3em;
top: 0em;
background: #c14c31;
border-radius: 90em;
width: .25em;
height: 100%;
}
.extra-pad{
padding: 0 5%;
}
.wp-video{
margin: auto;
}
#breadcrumbs {
border-bottom: solid 1px rgba(0, 0, 0, 0.18);
color: black;
z-index: 999;
position: relative;
margin-bottom: 0px;
margin-right: auto;
margin-top: 30px;
padding: 0% 2% 1.8% 1%;
}
#breadcrumbs a {
color: #c14c31;
font-weight: 900;
text-decoration: none;
}
#breadcrumbs .icon-home {
font-size: 1.2em;
border-right-width: thin;
border-right-style: solid;
border-right-color: rgba(0, 0, 0, 0.2);
padding: 1em;
margin-right: 12px;
color: #c14c31;
}
.inside-section-3 h2, .inside-section-4 h2{
font-size: 2em;
font-weight: 900;
}
.inside-section-4 h2{
color: #2c2c2c;
}
.inside-section-3.careers-padding{
margin-top: 15%;
}
.inside-section-3{
position: relative;
background-color: #f3f5f7;
padding: 6% 7% 4% 7%;
color: #2c2c2c;
z-index: 9;
}
.inside-section-3 blockquote:before{
}
.inside-section-3 h2{
color: #1c4968;
}
.inside-section-3 .accordion-button,.inside-section-4 .accordion-button{
padding: 1rem 1.25rem;
font-size: 1rem;
color: #ffffff;
background-color: #1c4968;
letter-spacing: .08em;
}
.inside-section-3 .accordion-item, .inside-section-4 .accordion-item{
background-color: #f3f5f7;
color: #2c2c2c;
}
.inside-section-3 .accordion-button:not(.collapsed),.inside-section-4 .accordion-button:not(.collapsed) {
color: #ffffff;
background-color: #c14c31;
}
.inside-section-3 .accordion,.inside-section-4 .accordion{
margin-bottom: 2em;
}
.inside-section-4{
position: relative;
background-color: #ffffff;
padding: 3% 7% 6% 7%;
color: black;
}
.inside-section-3 .accordion-button::after, .inside-section-4 .accordion-button::after{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.inside-section-3 .accordion-button:hover, .inside-section-4 .accordion-button:hover{
background-color: #143a52;
color: white!important;
}
.inside-section-3 .accordion-button:hover h2, .inside-section-4 .accordion-button:hover h2{
color: white;
}
.inside-section-3 .accordion-button:not(.collapsed) h2,.inside-section-4 .accordion-button:not(.collapsed) h2{
color: white;
}
.inside-section-3 .bullet-list{
position: relative;
/* color: white; */
}
.inside-section-3 .bullet-list li{
padding: 0.1em 0.1em 0.1em 1.8em;
}
.inside-section-3 .bullet-list li:after {
top: 0.05em;
left: 0.2em;
}
.emp-form{
position: relative;
padding: 6% 5% 3% 5%;
background-color: #f3f5f7;
border-radius: 1em;
margin: 1em auto 3em auto;
width: 85%;
}
.emp-form .with_frm_style .vertical_radio .frm_checkbox label, .emp-form .with_frm_style .vertical_radio .frm_radio label{
color: #fff;
}
.emp-form .frm_style_formidable-style-2.with_frm_style input[type=submit]{
display: block;
width: 100%;
padding: 1em 0em;
text-transform: uppercase;
letter-spacing: .07em;
font-size: 1.1em;
background-color: #c14c31;
color: white;
border: 0;
box-shadow: none;
}
.emp-label{
text-align: center;
text-transform: uppercase;
letter-spacing: .08em;
color: #2c2c2c;
font-size: 1.2em;
margin-bottom: .8em;
text-align: left;
}
.insideimage .not-active{
display: none;
}
.insideimage .activate{
position: relative;
display: block!important;
z-index: 9;
}
.insideimage .activate a{
color: white;
position: relative;
z-index: 3;
transition: all .3s ease-in-out;
display: block;
padding-left: 0em;
border-radius: 900em;
letter-spacing: .09em;
font-size: 1.2em;
margin-bottom: -1em;
width: 16.5em;
text-align: center;
margin-left: 3.8em;
}
.insideimage .activate a:hover{
background-color: #143a52;
}
/* Opening CTA Inner CSS */
blockquote {
font-size: 1.22em!important;
margin-top: 35px!important;
width: 95%;
border-left: aliceblue;
position: relative;
padding: 1em 2.5em 1em 2.5em!important; /* was 4em on the right, for the mascot */
margin: 4% 1% 6% 1%!important;
z-index: 9;
color: #2c2c2c!important;
}
blockquote, blockquote p {
line-height: 1.6;
margin-bottom: 0em;
color: #ffffff !important;
}
/* The Albritton mascot that used to sit in the bottom-right corner of every
opening-CTA blockquote has been removed: it is another company's character,
and the file 404s here anyway. The right-hand padding on `blockquote` below
was reserved for it — reduced to match, so the copy uses the full width. */
blockquote:before {
content: '';
position: absolute;
bottom: 0em;
left: 0em;
height: 100%;
width: 100%;
transition: all .3s ease-in-out;
z-index: -01;
background-color: #1c4968;
border-top-right-radius: 0em;
border-radius: 0em;
border-top-left-radius: 0em;
border-bottom-left-radius: 0em;
border-left: 0.8em solid #c14c31;
border-top: 1px solid #dfe4e9;
border-right: 1px solid #dfe4e9;
border-bottom: 1px solid #dfe4e9;
transform: skew(-6deg, 0deg);
}
blockquote a{color: #c14c31;text-decoration: none;}
blockquote a:hover{color: #ffffff;}
blockquote.nnp-ci-body::before {
transform: none;
border-left: none;
border-top: none;
border-right: none;
border-bottom: none;
}
#breadcrumbs {
border-bottom: solid 1px rgba(0, 0, 0, 0.18);
color: #2c2c2c;
z-index: 0;
position: relative;
margin-bottom: 0px;
margin-right: auto;
margin-top: 1.5em;
}
.inside-content h1 {
margin-bottom: -1px;
color: #1c4968;
font-weight: 900;
font-size: 2.5em;
}
.inside-content h1 strong{
color: #3d6d8f;
}
.inside-content h1 span{
display: block;
font-size: .6em;
font-family: var(--corbins-display);
font-weight: normal;
color: white;
}
.inside-content h2 em{
font-size: .8em;
font-family: var(--corbins-display);
font-weight: normal;
font-style: normal
}
.inside-content h2 {
color: #1c4968 !important;
font-weight: 900;
font-size: 1.8em;
font-family: var(--corbins-display);
}
.inside-content h3 {
color: #1c4968;
font-weight: 900;
font-size: 1.4em;
font-family: var(--corbins-display);
}
.inside-section-4 h3{
font-size: 1.4em;
}
.inside-section-3 h3 {
font-size: 1.4em;
font-weight: 700 !important;
}
.inside-section-2 h3{
font-size: 1.4em;
}
.inside-section-1 h3{
font-size: 1.4em;
}
.inside-content h5{
font-size: 1.3em;
}
.coup-page{
position: relative;
padding-bottom: 7%;
}
.coup-page .text-highlight{
margin-bottom: 3em;
}
.coup-page .col-lg-6{
margin: 0em 0 2.5em 0!important;
}
.rev-sec-in {
position: relative; /* anchors the ::after overlay */
overflow: hidden; /* clips the bg image to the section */
padding: 4em 4em !important;
/* The Albritton hero photo this used to load 404s on this site. Replaced
with the same faint graph-paper texture the homepage bands use, over navy
— which is also what Section 2 of the homepage does, so the reviews band
reads the same on an inner page as it does on the front page. */
background-color: #1c4968;
background-image: url(/wp-content/uploads/2026/01/2.png);
background-position: center;
background-size: cover;
}
.rev-sec-in::before {
content: '';
position: absolute;
inset: 0;
z-index: 0;
opacity: .6;
pointer-events: none;
background-image: repeating-linear-gradient(-12deg, transparent 0 38px, rgba(255,255,255,.035) 38px 40px);
}
.rev-sec-in::after {
content: '';
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background: linear-gradient(180deg, rgba(28,73,104,0.94) 0%, rgba(28,73,104,0.90) 100%);
}
/* Force real content (headings, text, buttons) above the overlay */
.rev-sec-in > * {
position: relative;
z-index: 1;
}
.rev-box .btn-secondary {
border-color: #ffffff !important;
color: #ffffff !important;
}
.rev-box .sec2-header {
color: #ffffff;
text-align: center;
font-family: var(--corbins-display);
font-weight: 700;
text-transform: uppercase;
font-size: 2.8em;
color: #ffffff;
margin-bottom: 0em;
}
.rev-header{
font-family: var(--corbins-display);
text-align: center;
font-size: 2.6em;
line-height: 1.2;
color: #2c2c2c;
font-weight: 400;
}
.rev-header strong{
font-family: var(--corbins-display);
text-align: center;
font-size: 1.3em;
line-height: 1;
color: #2c2c2c;
font-weight: 400;
}
.rev-btns{margin-top: 2em;width: 60%;}
.deal-price{
position: relative;
font-weight: bold;
font-size: 4em;
line-height: 1.2;
text-shadow: -0.08em 0.09em 0.2em #00000005;
color: #2c2c2c;
font-family: var(--corbins-display);
margin-top: 0.4em;
}
.deal-price span{
display: block;
font-size: 0.5em;
padding: 1% 7%;
}
.deal-offer{
position: relative;
font-size: 1.4em;
line-height: 1.4;
display: block;
margin: 2% 0 2% 0;
color: #2c2c2c;
font-family: var(--corbins-display);
}
.deal-offer span{
display: block;
font-size: .7em;
}
.coup-page{
position: relative;
padding-bottom: 7%;
}
.coup-page .text-highlight{
margin-bottom: 3em;
}
.coup-page .home-coup img{
width: 11em;
left: 0;
margin-bottom: 0.8em;
}
.coup-page .col-lg-6{
margin: 0em 0 2.5em 0!important;
}
.coup-page .home-coup{
text-align: center;
width: 90%;
padding: 9% 10% 5% 10%;
}
.coup-page .home-coup .btn{
margin: 0.4em auto 1em auto;
background-color: #f9a006;
border: 0;
color: white;
margin: 1em auto;
display: block;
width: 90%;
}
.coup-page .home-coup p{
font-size: .8em;
}
/* Coupons tabs (Plumbing / HVAC) */
#couponsTabs.nav-tabs {
border-bottom: 2px solid #c14c31;
gap: 10px; /* modern browsers */
}
/* Base tab button/link */
#couponsTabs .nav-link {
color: #c14c31;
background: #ffffff;
border: 2px solid #c14c31;
border-bottom: 0;
border-radius: 8px 8px 0 0;
padding: 10px 18px;
font-weight: 700;
line-height: 1;
transition: background-color .2s ease, color .2s ease, transform .15s ease;
}
/* Hover / focus */
#couponsTabs .nav-link:hover,
#couponsTabs .nav-link:focus {
background: #c14c31;
color: #c14c31;
transform: translateY(-1px);
outline: none;
box-shadow: none;
}
/* Active tab */
#couponsTabs .nav-link.active,
#couponsTabs .nav-link[aria-selected="true"] {
background: #c14c31;
color: #ffffff;
border-color: #c14c31;
position: relative;
top: 2px; /* visually connects active tab to panel */
}
/* Tab panel container (optional - makes it look "connected") */
/* Mobile: allow horizontal scroll if tabs wrap tight */
@media (max-width: 575px) {
#couponsTabs.nav-tabs {
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
#couponsTabs .nav-link {
white-space: nowrap;
}
}
#couponsTabs .nav-link:hover,
#couponsTabs .nav-link:focus {
background: #c14c31;
color: #ffffff; /* was #c14c31 — rust text on a rust fill */
transform: translateY(-1px);
outline: none;
box-shadow: none;
}
/* ============================================================================
FIX 2 of 3 — "Get This Deal" has no visible button
----------------------------------------------------------------------------
The text was never the problem. Measured on the live page:
button text rgb(255,255,255) white
button background rgb(28, 73, 104) navy
the card behind it rgb(28, 73, 104) the SAME navy
border 0px
So the label sits at a healthy 9.5:1 against the card, but the button itself
has no shape at all — no fill you can distinguish, no edge. It reads as a
line of text, not something to click. That is what "can't see it" was.
Rust fill, which is the CTA colour everywhere else on the site, plus a white
hairline border. The border matters: rust against navy is only 1.97:1 as a
shape boundary, under the 3:1 that a UI control needs to be discernible,
whereas white against navy is 8.6:1 — so the border is what actually draws
the button. White on rust is 4.77:1, so the label still passes AA.
Hover inverts to a white fill with rust text, matching the sidebar coupon
button's behaviour.
Scoped to `.coupon.max-coupon` (not `.coup-page`) deliberately, so the
PRINTED duplicate is styled too — the print pop-up copies only the card's
own markup, without the page around it.
============================================================================ */
.coupon.max-coupon .print-block > a.btn-primary {
display: inline-flex;
width: auto;
margin: 0 auto;
padding: .85em 1.6em;
background-color: #c14c31;
border: 2px solid #ffffff;
border-radius: 12px;
color: #ffffff !important;
font-family: var(--corbins-display);
font-size: .95em;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
text-decoration: none;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.coupon.max-coupon .print-block > a.btn-primary:hover,
.coupon.max-coupon .print-block > a.btn-primary:focus {
background-color: #ffffff;
border-color: #ffffff;
color: #c14c31 !important;
}
/* In the print pop-up the card goes light (see the @media print block further
up this file), so a white-bordered button would vanish on white paper. */
@media print {
.coupon.max-coupon .print-block > a.btn-primary {
display: none !important;
}
}
/* ============================================================================
ADDITION 3 of 3 — spacing for the tab strip and its panels
----------------------------------------------------------------------------
The existing #couponsTabs rules style the tabs themselves but nothing sets
the strip's position relative to the coupon grid, because the tabs were
never rendered before.
============================================================================ */
.coup-page #couponsTabs.nav-tabs {
margin: 2em 0 0 0;
border-bottom-width: 2px;
}
.coup-page .coup-tab-content {
padding-top: 2em;
}
/* The little count bubble on each tab. */
#couponsTabs .coup-tab-count {
display: inline-block;
min-width: 1.5em;
margin-left: .5em;
padding: .1em .35em;
border-radius: 900em;
background: rgba(28,73,104,.12);
color: inherit;
font-size: .8em;
font-weight: 700;
line-height: 1.4;
text-align: center;
}
#couponsTabs .nav-link.active .coup-tab-count,
#couponsTabs .nav-link:hover .coup-tab-count,
#couponsTabs .nav-link:focus .coup-tab-count {
background: rgba(255,255,255,.25);
}
/* Bootstrap's .fade on a tab pane starts at opacity 0; if the JS bundle ever
fails to load, every pane would be invisible. This keeps the first pane
readable in that case rather than showing an empty page. */
.coup-tab-content > .tab-pane:first-child {
opacity: 1;
}
.side-coup{
position: relative;
width: 100%;
margin: 2em auto 2em auto;
background-color: #c14c31;
background-size: 55%;
background-position: bottom left;
background-repeat: no-repeat;
padding: 5% 10% 7% 10%;
outline: .3em dashed #2c2c2c;
outline-offset: -1em;
text-align: center;
border-radius: 2em;
}
.side-coup p{
font-size: 0.8em;
color: #2c2c2c;
}
.side-price{
position: relative;
margin-top: 2%;
font-weight: 900;
font-size: 4.2em;
color: #1c4968;
}
.side-offer{
font-size: 1.3em;
position: relative;
margin-bottom: 3%;
letter-spacing: .02em;
}
.side-offer span{
display: block;
font-size: .7em;
}
.side-coup .btn-primary{
display: block;
text-transform: uppercase;
letter-spacing: .08em;
color: #ffffff !important;
padding: 0.6em 1em;
font-size: 1em;
width: 90%;
margin: 1em auto;
background-color: #c14c31;
border: 2px solid transparent; /* prevents layout shift */
transition: all .25s ease;
}
.side-coup .btn-primary:hover,
.side-coup .btn-primary:focus{
background-color: #c14c31; /* keep background */
color: #ffffff !important;
border-color: #ffffff;
}
/* Coupon wrapper in sidebar */
.sidebar .coupon{
position: relative;
padding: 1.5em 2em 2em 2em;
background: #c14c31; /* dark blue */
width: 100%;
color: #ffffff !important;
outline: .2em dashed #ffffff;
outline-offset: -0.9em;
border-radius: 0px;
box-shadow: 0 10px 20px -12px rgba(0,0,0,.45);
text-align: center;
margin-bottom: 2em;
margin-top: 2em;
}
/* PRICE
Scoped to .sidebar rather than #sidebar1: the template renders a desktop
sidebar AND a mobile one (previously both carried id="sidebar1", which is
invalid — duplicate IDs — and is now #sidebar1 / #sidebar2). Targeting the
class styles both. */
.sidebar .price{
margin: 0 0 .15em;
font-family: var(--corbins-display);
font-size: 3em;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
color: #ffffff;
}
/* OFFER text */
.sidebar .offer{
margin: 0 0 1.1em;
font-size: 1.2em;
font-weight: bold;
letter-spacing: .12em;
text-transform: uppercase;
color: #ffffff;
}
/* Button */
.sidebar .coupon .btn{
display: block;
width: 80%;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: .14em;
color: #ffffff;
background: #1c4968;
border: 2px solid #ffffff;
margin-top: .2em;
}
/* Button hover */
.sidebar .coupon .btn:hover{
background: #143a52;
color: #ffffff;
}
/* Optional: tiny lift on hover of whole coupon */
.sidebar .coupon:hover{
transform: translateY(-2px);
box-shadow: 0 14px 26px -14px rgba(0,0,0,.6);
}
.coup-page [data-equalizer="coup1"]{
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: stretch;
gap: 1.8em;
margin: 0 !important;
}
.coup-page [data-equalizer="coup1"] > div{
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
}
/* --- The card itself --- */
.coup-page .coupon.max-coupon{
position: relative;
height: 100%;
box-sizing: border-box;
background-color: #1c4968;
color: #ffffff;
text-align: center;
border-radius: 1em;
padding: 2.2em 1.8em 2.4em;
outline: .25em dashed rgba(255,255,255,.35);
outline-offset: -.9em;
box-shadow: 0 14px 26px -14px rgba(0,0,0,.5);
transition: transform .3s ease-in-out, box-shadow .3s ease-in-out, outline-color .3s ease-in-out;
}
.coup-page .coupon.max-coupon:hover{
transform: translateY(-4px);
box-shadow: 0 18px 32px -16px rgba(0,0,0,.6);
}
/* Alternating red / blue accent, same pairing as the homepage carousel's
.coupon-card:nth-child(odd)/(even) */
.coup-page [data-equalizer="coup1"] > div:nth-child(odd) .coupon.max-coupon{
outline-color: rgba(193,76,49,.55);
}
.coup-page [data-equalizer="coup1"] > div:nth-child(even) .coupon.max-coupon{
outline-color: rgba(249,160,6,.55);
}
/* --- Price ("$50 OFF") --- */
.coup-page .coupon .price{
font-family: var(--corbins-display);
font-size: 2.5em;
font-weight: 800;
font-style: italic;
line-height: 1;
color: #ffffff;
margin: 0 0 .35em;
}
/* Optional: if you want the "$" and "OFF" picked out in red like
savingplumbing.com/coupons, wrap them in the price_main field content,
e.g. $50 OFF
ACF text fields print their raw value here, so this markup is safe to
type directly into the field -€ no template change needed. */
.coup-page .coupon .price .price-accent{
color: #c14c31;
}
/* --- Offer title ("AC System Repair") --- */
.coup-page .coupon .offer{
font-size: 1.05em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: #ffffff;
margin: 0 0 1.2em;
}
/* --- Button --- */
.coup-page .coupon .print-block{
margin-bottom: 1em;
}
.coup-page .coupon .print-block > a.btn-primary{
display: inline-flex;
width: auto;
margin: 0 auto;
}
/* --- Fine print --- */
.coup-page .coupon p{
font-size: .78em;
line-height: 1.5;
color: rgba(255,255,255,.72);
text-transform: none;
letter-spacing: 0;
margin: 0;
padding: 0 2%;
}
/* --- Mobile: stack to one column --- */
@media (max-width: 767px){
.coup-page [data-equalizer="coup1"]{
grid-template-columns: 1fr;
}
}
/* ==========================================================================
COUPONS PAGE -€ Coupon Cards (Template Name: Coupons Page Template)
Styles the ACF "coupon_info" repeater output from couponspage.php:
IMPORTANT: the same "coupon max-coupon" markup is duplicated a second
time, hidden (style="display:none"), inside each
...
block -€ that's what binnycoupon.js's
printSpecial() copies into the pop-up print window. That pop-up only
copies the .coupon.max-coupon markup itself, not the page around it, so
the card/price/offer/paragraph rules below are written WITHOUT a
".coup-page" ancestor requirement -€ on purpose -€ so the printed coupon
matches the on-page card instead of falling back to unstyled text.
Only the grid/layout rules (which only matter on the real page) stay
scoped to .coup-page.
Nothing here changes the template or the ACF fields -€ it only styles the
classes that template already outputs. Matches the dark dashed-card
language already used elsewhere on this site (.coupon-card on the
homepage carousel, .sidebar .coupon in the sidebar widget) instead of
inventing a new look, and alternates red/blue accents card-to-card the
same way the homepage carousel does.
========================================================================== */
/* --- Grid: two coupons per row, equal height, no dependency on the
data-equalizer JS plugin (page layout only, not needed in the print
pop-up) --- */
.coup-page [data-equalizer="coup1"]{
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: stretch;
gap: 1.8em;
margin: 0 !important;
}
.coup-page [data-equalizer="coup1"] > div{
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
float: none !important;
padding: 0 !important;
margin: 0 !important;
}
/* Alternating red / blue accent on the page grid, same pairing as the
homepage carousel's .coupon-card:nth-child(odd)/(even) */
.coup-page [data-equalizer="coup1"] > div:nth-child(odd) .coupon.max-coupon{
outline-color: rgba(193,76,49,.55);
}
.coup-page [data-equalizer="coup1"] > div:nth-child(even) .coupon.max-coupon{
outline-color: rgba(249,160,6,.55);
}
/* --- The card itself -€ no .coup-page requirement, so this also styles
the hidden duplicate that gets printed --- */
.coupon.max-coupon{
position: relative;
height: 100%;
box-sizing: border-box;
background-color: #1c4968;
color: #ffffff;
text-align: center;
border-radius: 1em;
padding: 2.2em 1.8em 2.4em;
outline: .25em dashed rgba(255,255,255,.35);
outline-offset: -.9em;
box-shadow: 0 14px 26px -14px rgba(0,0,0,.5);
transition: transform .3s ease-in-out, box-shadow .3s ease-in-out, outline-color .3s ease-in-out;
}
.coup-page .coupon.max-coupon:hover{
transform: translateY(-4px);
box-shadow: 0 18px 32px -16px rgba(0,0,0,.6);
}
/* --- Price ("$50 OFF") --- */
.coupon.max-coupon .price{
font-family: var(--corbins-display);
font-size: 2.5em;
font-weight: 800;
font-style: italic;
line-height: 1;
color: #ffffff;
margin: 0 0 .35em;
}
/* Optional: if you want the "$" and "OFF" picked out in red like
savingplumbing.com/coupons, wrap them in the price_main field content,
e.g. $50 OFF
ACF text fields print their raw value here, so this markup is safe to
type directly into the field -€ no template change needed. */
.coupon.max-coupon .price .price-accent{
color: #c14c31;
}
/* --- Offer title ("AC System Repair") --- */
.coupon.max-coupon .offer{
font-size: 1.05em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: #ffffff;
margin: 0 0 1.2em;
}
/* --- Button (never appears in the print-ready duplicate, only on-page) --- */
.coupon.max-coupon .print-block{
margin-bottom: 1em;
}
.coupon.max-coupon .print-block > a.btn-primary{
display: inline-flex;
width: auto;
margin: 0 auto;
}
/* --- Fine print --- */
.coupon.max-coupon p{
font-size: .78em;
line-height: 1.5;
color: rgba(255,255,255,.72);
text-transform: none;
letter-spacing: 0;
margin: 0;
padding: 0 2%;
}
/* --- Mobile: stack the on-page grid to one column --- */
@media (max-width: 767px){
.coup-page [data-equalizer="coup1"]{
grid-template-columns: 1fr;
}
}
/* --- Print --- */
/* binnycoupon.js's printSpecial() writes the coupon's markup into a fresh
popup document and calls window.print() on it, which genuinely triggers
@media print -€ but most browsers don't print background colors/images
unless the user has "Background graphics" checked in the print dialog.
A dark navy card with white text would risk printing as an all-white
page (invisible text) for anyone who leaves that box unchecked, so print
gets its own light, ink-friendly version: white background, dark text,
solid dashed border (borders/text always print regardless of that
setting). This block applies equally to the on-page card if the visitor
prints the whole page. */
@media print{
.coupon.max-coupon{
background-color: #ffffff !important;
color: #2c2c2c !important;
outline: .18em dashed #2c2c2c !important;
outline-offset: -.7em;
box-shadow: none !important;
}
.coupon.max-coupon .price,
.coupon.max-coupon .offer{
color: #2c2c2c !important;
}
.coupon.max-coupon .price .price-accent{
color: #9d3d27 !important;
}
.coupon.max-coupon p{
color: #333333 !important;
}
}
/* List Style 1 Inner CSS */
.bullet-list{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 10px;
}
.bullet-list li {
position: relative;
padding: 0.2em .1em 0.2em .1em;
padding-left: 2em;
font-size: 1.2em;
font-weight: 500;
width: 48%;
}
.bullet-list li:after {
content: "\f058";
font-family: 'icomoon' !important;
position: absolute;
top: 0;
left: 0;
color: #c14c31;
font-size: 1.333em;
border-radius: 50%;
line-height: 1;
}
.bullet-list li a{
color: #c14c31;
text-decoration: none;
}
.bullet-list li a:hover{
color: #c14c31;
}
/* ---------------------- */
/* List Style 2 Inner CSS */
.check-list li{
display: block!important;
padding: .8em 1em .8em 4em!important;
border-bottom: solid 1px rgba(0, 0, 0, 0.14)!important;
position: relative!important;
line-height: 1.5em!important;
text-align: left!important;
width:100%!important;
}
.check-list {
display: block!important;
margin: 1em 0!important;
padding: 0!important;
border: solid 1px rgba(0, 0, 0, 0.08)!important;
}
.check-list li:before {
content: "\f00c";
font-family: 'icomoon' !important;
color: #c14c31;
display: block;
position: absolute;
font-size: 1.2em;
top: 0.8em;
left: 1.06em;
z-index: 2;
}
.check-list li:after{
content: '';
position: absolute;
background-size: 100%;
width: 2.5em;
height: 2.5em;
top: 0.4em;
left: 0.3em;
background-repeat: no-repeat;
}
.check-list li strong {
text-transform: uppercase;
font-size: 1.025em;
color: #c14c31;
}
.check-list li a{
color: #c14c31!important;
}
.check-list li a:hover {
color: #1c4968 !important;
}
/* ---------------------- */
.inner-bottom{
margin-top: 0%;
color: #2c2c2c!important;
z-index: 99;
padding: 8em 7% 2em 7%;
position: relative;
background-color: #1c4968;
z-index: 13;
position: relative;
}
.inner-bottom .usp-blk{
height: 24em;
}
.inner-bottom .usp-label{
font-weight: 900;
line-height: 1.1;
margin: .4em 0;
color: #1c4968;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.inner-bottom.section-2:before{
height: 100%;
}
.inner-bottom .carousel-control-prev {
left: -6em;
}
.inner-bottom .carousel-control-next {
right: -6em;
}
.inner-bottom .carousel{
}
.inner-bottom .row>*{
/* padding: 0 .8%; */
}
.inner-bottom .usp-wrap{
position: relative;
margin-top: 0em;
}
.inner-bottom .usp-wrap {
position: relative;
display: flex;
flex-direction: column;
gap: 1em;
width: 100%;
margin: 0 0 2em 0;
}
.inner-bottom .usp-wrap.row>* {
/* padding: 0% 0.7%; */
}
.inner-bottom{
padding: 3.5rem 7%;
/* inner-bottem-bg1.jpg 404s on this site. Same treatment as the reviews
band: the homepage texture over navy, washed so the white USP cards keep
their contrast. */
background-color: #1c4968;
background-image: linear-gradient(rgba(28,73,104,.90), rgba(28,73,104,.90)),
url(/wp-content/uploads/2026/01/2.png);
background-size: cover;
background-position: center;
position: relative;
}
/* IMPORTANT: allow rotated cards to show without getting clipped */
.inner-bottom .carousel-inner{
overflow: visible;
}
.inner-bottom .row{
justify-content: center;
align-items: stretch;
}
.inner-bottom .usp-blk{
background: #ffffffe8; /* <-- card background */
border-radius: 2.5rem; /* pill-ish rounded corners like example */
padding: 2rem 1.75rem;
text-align: center;
width: 100%; /* <-- let the column control width */
max-width: 520px; /* keeps it from getting too wide */
margin: 0 auto; /* center inside the column */
min-height: 240px; /* instead of fixed height */
display: flex;
flex-direction: column;
justify-content: center;
/* min-height: 415px; */
/* box-shadow: 0 18px 40px rgba(0,0,0,.15); */
}
.inner-bottom .usp-blk span{
font-size: 78px;
line-height: 1;
color: #c14c31;
}
/* Make columns equal height */
.inner-bottom .carousel-item .row{
align-items: stretch; /* key */
}
/* Ensure each col behaves nicely */
.inner-bottom .carousel-item .row > [class*="col-"]{
display: flex; /* key */
}
/* The card fills its column and stacks content cleanly */
.inner-bottom .usp-blk{
width: 100%;
height: 100%; /* key */
margin: 0; /* let the column spacing handle this */
padding: 2rem 1.75rem;
display: flex; /* key */
flex-direction: column;
justify-content: flex-start;
background: #fff;
border-radius: 2.25rem;
box-shadow: 0 18px 40px rgba(0,0,0,.15);
}
/* Optional: keep icon/label tidy */
.inner-bottom .usp-blk .usp-label{
margin: .75rem 0 .5rem;
}
.inner-bottom .usp-blk p{
margin: 0;
}
/* Mobile: stack with space between (and no rotations) */
@media (max-width: 767px){
.inner-bottom .carousel-item .row{
row-gap: 1rem; /* adds the missing spacing */
}
.inner-bottom .box-1,
.inner-bottom .box-3{
transform: none !important;
}
.inner-bottom .usp-blk{
border-radius: 1.75rem;
padding: 1.5rem 1.25rem;
}
}
/* If you added this earlier, remove it (it breaks the grid at mid widths) */
/* .inner-bottom .carousel-item .row{ column-gap: 2rem; } */
/* Tablet / ~880px tuning */
@media (min-width: 768px) and (max-width: 991px){
/* Let Bootstrap gutters handle spacing */
.inner-bottom .carousel-item .row{
column-gap: 0 !important;
row-gap: 0 !important;
}
/* Reduce card bulk so 3-up fits nicely */
.inner-bottom .usp-blk{
padding: 1.25rem 1rem;
border-radius: 1.75rem;
font-size: .9rem;
min-height: 210px; /* keeps them visually even */
}
/* Prevent cards from trying to be too wide */
.inner-bottom .usp-blk{
max-width: none !important;
}
/* If icons are big, scale them down slightly */
.inner-bottom .usp-blk svg,
.inner-bottom .usp-blk img{
max-height: 48px;
height: auto;
}
}
@media (min-width: 768px) and (max-width: 991px){
.inner-bottom .carousel-item .row{
--bs-gutter-x: 1.25rem;
--bs-gutter-y: 1.25rem;
}
}
/* Opening CTA Inner CSS */
.text-highlight {
font-size: 1.36em;
font-style: italic;
color: #2c2c2c;
position: relative;
font-weight: 500!important;
margin-top: 8px;
padding-bottom: 3%;
margin-bottom: 39px;
line-height: 1.4!important;
}
.text-highlight:not(.no-line):after {
content: ' ';
display: block;
width: 159%;
height: 4px;
background-color: #1c4968;
position: absolute;
top: 99%;
right: 20px;
}
.text-highlight p{
margin-bottom: 0;
}
.text-highlight2 {
font-size: 1.25em;
padding: 1.5em 3% 1.1em;
position: relative;
border-bottom: solid 1px #00000054;
text-align: center;
margin: 4.5rem 0 0.5rem 0em;
color: #2c2c2c;
font-weight: 900;
text-wrap: balance;
}
.text-highlight2:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background-image: linear-gradient(to right,#00000040 41.99%,#FFFFFB 42%,#FFFFFF 58.99%,#00000040 55%);
}
.text-highlight2:after {
content: '';
position: absolute;
width: 100%;
height: 3.4em;
background-size: 5.6em;
background-repeat: no-repeat;
background-position: 50% 50%;
left: 0.2em;
top: -2.15em;
/* Corbin's logo, replacing the Albritton logo spread that 404s here. PNG
with transparency, so no white box behind it on the paper background. */
background-image: url(/wp-content/uploads/2026/02/Corbins-Logo.png) !important;
}
.text-highlight2 a{
display: unset;
color: #c14c31;
transition: all .3s ease-in-out;
transform: scale(1);
position: relative;
bottom: 0em;
}
.text-highlight2 a:hover{
font-size: 1.04em;
bottom: 0.12em;
}
/* ==========================================================================
REVIEWS BAND (.rev-sec-in) — widget height + the two buttons
========================================================================== */
/* Reserve room for the Elfsight widget while it boots. Without this the box is
0px tall until the widget paints and the two buttons jump ~370px down the
page a second after load. min-height only reserves space, it never clips —
if the widget settles shorter you get a little whitespace, and this is the
number to reduce. */
.rev-sec-in .rev-widget{
min-height: 380px;
margin: 1.5em 0 0.5em 0;
}
.rev-sec-in .rev-widget > [class^="elfsight-app-"]{
width: 100%;
}
@media screen and (max-width: 767px){
.rev-sec-in .rev-widget{
min-height: 460px; /* the review carousel stacks taller on phones */
}
}
/* The band's 4em side padding and the 2.8em header are both fine on desktop
but clip the header on a phone — "GUNTERSVILLE" ran past the edge at 390px.
Both scale down together. */
@media screen and (max-width: 767px){
.rev-sec-in{
padding: 2.5em 1.25em !important;
}
.rev-box .sec2-header{
font-size: 1.9em;
line-height: 1.15;
}
}
/* The two buttons, matching the homepage reviews band: rust fill + white
outline. Both are scoped to .rev-btn-row so nothing else on the page is
affected, and both carry !important only where the theme's generated button
CSS uses it too. */
.rev-sec-in .rev-btn-row{
margin-top: 1.5em;
}
.rev-sec-in .rev-btn-row .btn{
display: block;
width: 100%;
max-width: 20em;
margin: 0.5em auto;
padding: 0.85em 1.4em;
font-family: var(--corbins-display);
font-size: 1em;
letter-spacing: .04em;
text-transform: uppercase;
text-align: center;
border-radius: 12px;
border: 2px solid transparent;
transition: all .25s ease;
}
.rev-sec-in .rev-btn-row .btn-primary{
background-color: var(--corbins-rust);
border-color: var(--corbins-rust);
color: #ffffff !important;
}
.rev-sec-in .rev-btn-row .btn-primary:hover,
.rev-sec-in .rev-btn-row .btn-primary:focus{
background-color: #a63f28;
border-color: #a63f28;
color: #ffffff !important;
}
.rev-sec-in .rev-btn-row .btn-secondary{
background-color: transparent;
border-color: #ffffff !important;
color: #ffffff !important;
}
.rev-sec-in .rev-btn-row .btn-secondary:hover,
.rev-sec-in .rev-btn-row .btn-secondary:focus{
background-color: #ffffff;
border-color: #ffffff !important;
color: var(--corbins-navy) !important;
}
/* ==========================================================================
INNER PAGE FAQ (.inside-faq)
New section — the `faqs` repeater had no markup before, so it had no styles
either. Deliberately built out of the same accordion language as
.inside-section-3 / .inside-section-4 rather than a new look, so a page with
both reads as one page: navy closed, rust open, white chevron.
========================================================================== */
.inside-faq{
position: relative;
padding: 4% 7% 5% 7%;
background-color: var(--corbins-paper);
color: var(--corbins-ink);
z-index: 9;
}
.inside-faq .faq-head{
font-family: var(--corbins-display);
font-size: 2em;
font-weight: 900;
color: var(--corbins-navy);
margin-bottom: 1em;
}
/* The button is inside an here (correct heading order for a FAQ list),
which the other two accordions don't do — so the heading's own margins and
font have to be cancelled or the button gets a gap above it. */
.inside-faq .accordion-header{
margin: 0;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
.inside-faq .accordion{
margin-bottom: 0;
}
.inside-faq .accordion-item{
background-color: #ffffff;
border: 1px solid var(--corbins-border);
border-radius: 12px;
overflow: hidden;
margin-bottom: .75em;
}
.inside-faq .accordion-button{
width: 100%;
padding: 1rem 1.25rem;
font-family: var(--corbins-display);
font-size: 1.05rem;
text-align: left;
letter-spacing: .03em;
color: #ffffff;
background-color: var(--corbins-navy);
border: 0;
border-radius: 0;
box-shadow: none;
}
.inside-faq .accordion-button:not(.collapsed){
color: #ffffff;
background-color: var(--corbins-rust);
}
.inside-faq .accordion-button:hover{
background-color: var(--corbins-navy-dark);
color: #ffffff !important;
}
.inside-faq .accordion-button:not(.collapsed):hover{
background-color: #a63f28;
}
/* Bootstrap's chevron is a dark SVG; invert it so it reads on navy and rust. */
.inside-faq .accordion-button::after{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.inside-faq .accordion-button:focus{
border-color: transparent;
box-shadow: 0 0 0 .2rem rgba(249,160,6,.4);
}
.inside-faq .accordion-body{
padding: 1.2rem 1.35rem;
color: var(--corbins-ink);
background-color: #ffffff;
}
.inside-faq .accordion-body p:last-child{
margin-bottom: 0;
}
.inside-faq .accordion-body a{
color: var(--corbins-rust);
}
@media screen and (max-width: 767px){
.inside-faq{
padding: 7% 5% 8% 5%;
}
.inside-faq .accordion-button{
font-size: 1rem;
}
}
.inside-faq.inline-faq{
padding-left: 0;
padding-right: 0;
background-color: white;
}
/* ==========================================================================
CLOSING CTA BAND (.inside-closing-cta)
The Closing CTA used to live inside .inside-section-4, which supplied its
7% side padding. Now that it is its own band below the FAQ, it needs that
padding itself — otherwise the centred
runs the full viewport width.
No top padding: .text-highlight2's own 4.5rem top margin is what gives the
logo in its ::after room to sit above the hairline rule.
========================================================================== */
.inside-closing-cta{
position: relative;
padding: 0 7% 5% 7%;
background-color: #ffffff;
color: var(--corbins-ink);
z-index: 9;
}
/* Sitting directly above the navy .inner-bottom band, the CTA's bottom hairline
would otherwise butt straight into it. */
.inside-closing-cta .text-highlight2{
margin-bottom: 0;
}
/* The Closing CTA field's value is a
of its own, and the wrapper is now a
so it can legally hold one (see the note in service-template.php).
Cancel that inner paragraph's default bottom margin so the block keeps the
spacing the wrapper's own padding sets, and let it inherit the centring. */
.text-highlight2 p{
margin-bottom: 0;
text-align: inherit;
}
.text-highlight2 p:last-child{
margin-bottom: 0;
}
@media screen and (max-width: 767px){
.inside-closing-cta{
padding: 0 5% 8% 5%;
}
}
/* ==========================================================================
BOTTOM USP CAROUSEL DOTS (#usp-group2-in)
The dots are now generated from the repeater's row count (see
bottom-section.php) instead of two hardcoded buttons, and they had no styling
of their own — Bootstrap's default is a white bar. Matched to the homepage
hero's indicators so the two read as the same control: 10px circles, white at
50%, amber and slightly larger when current.
With a single repeater row the markup omits the dots entirely, so none of
this paints on a one-row band.
========================================================================== */
#usp-group2-in .carousel-indicators{
position: relative;
z-index: 6;
margin: 1.5em 0 0 0;
}
#usp-group2-in .carousel-indicators [data-bs-target]{
width: 10px;
height: 10px;
margin: 0 5px;
border: 0;
border-radius: 50%;
opacity: 1;
background-color: rgba(255,255,255,.5);
transition: all .2s ease;
}
#usp-group2-in .carousel-indicators [data-bs-target]:hover{
background-color: rgba(255,255,255,.8);
}
#usp-group2-in .carousel-indicators .active{
background-color: var(--corbins-amber);
transform: scale(1.2);
}
/* ---------------------- */
/* Closing CTA Inner CSS */
/* ------------------------------------------------------------------------------------- */
.faq-page .accordion-button {
background-color: #1c4968;
color: white;
}
.faq-page .accordion-button[aria-expanded=true], .faq-page .accordion-button:hover {
background-color: #c14c30;
color: white;
}
.faq-page .accordion-button::after{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.inside-faq.pc-faq{
padding-left: 0;
padding-right: 0;
background-color: white !important;
}
/* 404 Page */
.error-page {
padding: 11% 4% 6% 4%;
background-size: cover;
background-position: center;
text-align: center;
color: black;
margin-top: 9%;
background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/ty-bgdss.jpg);
}
.error-page .inside-content {
position: relative;
padding-top: 0px;
background-color: #00000059;
padding: 7% 1% 4% 1%;
}
.error-page .error{
font-size: 14em;
font-weight: 900;
color: #c14c31;
position: relative;
display: block;
line-height: 0.8;
letter-spacing: .03em;
z-index: 2;
margin-top: -2%;
text-shadow: -4px 4px #373535;
margin-bottom: 1%;
}
.error-page .inside-content h1{
font-size: 4.2em;
color: #ffffff !important;
position: relative;
z-index: 1;
margin-top: -0.2em;
}
.error-page .entry-content{
font-size: 1.4em;
padding: 0% 13%;
position: relative;
color: white;
}
.reroute-btns{
padding: 0%;
position: relative;
}
.reroute-btns .column,.reroute-btns .columns {
padding-left: .3375rem;
padding-right: .3375rem;
}
.reroute-btns .btn{
width: 100%;
font-size: 1.1em;
box-shadow: 1px 1px 16px 8px #0000000f;
text-transform: uppercase;
/* font-weight: 900; */
letter-spacing: .03em;
border: 0;
display: block;
border-radius: 0;
margin: .7em 0;
border-radius: 900em;
color: black;
}
.reroute-btns .btn:hover {
background-color: #c14c30 !important;
color: white !important;
text-shadow: none;
}
.reroute-btns span{
position: relative;
top: 0.15em;
font-size: 1.3em;
}
.single-blog ul{
margin-left: 2em!important;
}
/* Default Template CSS */
.full-inner-max {
padding-top: 2%;
background: white;
z-index: 11;
position: relative;
padding: 2% 2%;
}
.section-reviews-sec{
padding: 2%;
}
.main-blog{
position: relative;
}
.wa-intcode-card strong:first-child{
display: none;
}
.main-blog a {
text-decoration: none;
color: #1c4968 !important;
}
.main-blog .page-nav{
position: relative;
background-color: #efefef;
padding: 1.5em;
margin-bottom: 1em;
}
.main-blog .post-thumbnail img{
width: 100%;
display: block;
}
.single-blog{
position: relative;
padding: 5% 15% 4% 15%;
}
/* ------------------------------------------------------------------------------------- */
.inside-content a {
display: unset;
color: #c14c30;
text-decoration: none;
}
.inside-content .btn-primary{
color: #000000;
}
/* Thank You Template CSS */
.thank-you {
background-repeat: no-repeat;
background-position: center left;
background-size: cover;
padding: 9% 1% 5% 1%;
margin-top: 6%;
z-index: 99;
background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/ty-bgdss.jpg);
position: relative;
}
.thank-you .bg-inner {
text-align: center;
background-color: rgba(0, 0, 0, 0.39);
border: solid 1px #0000005e;
position: relative;
padding: 4.063rem 0 3.363rem 0;
color: white;
}
.thank-you .bg-inner {
width: 100%;
max-width: 1100px!important;
margin: 0 auto;
position: relative;
}
.thank-you .bg-inner p {
font-size: 1.5rem;
line-height: 1.5em;
}
.thank-you .bg-inner h1{
margin: 0;
color: #c14c31;
font-weight: 900;
font-size: 5.3rem;
line-height: 1;
margin-bottom: 0.2em;
text-transform: uppercase;
letter-spacing: .03em;
text-shadow: -6px -1px .8em #2b2b2b;
}
.thank-you .bg-inner h1 strong {
display: block;
font-size: 1.847em;
color: #fa4f41;
}
.thank-you .button{
display: block;
background-color: #c14c31;
text-transform: uppercase;
font-size: 1em;
letter-spacing: .08em;
color: #000000;
text-decoration: none;
padding: 0.65em 0em;
margin: 0.7em 0;
border-radius: 900em;
font-family: 'Fredoka', sans-serif!important;
}
/* ------------------------------------------------------------------------------------- */
/* Client Response Template CSS */
.client-resp-wrap{
padding: 0% 5%;
}
.client-response .entry-content{
padding: 0% 7%;
}
.client-response .frm_style_formidable-style.with_frm_style input[type=submit]{
display: block;
width: 100%;
font-size: 1em;
text-transform: uppercase;
letter-spacing: .08em;
background-color: #e62318;
}
.client-response .frm_style_formidable-style.with_frm_style input[type=submit]:hover{
background-color: black;
color: white;
}
.client-response .frm_style_formidable-style-2.with_frm_style .frm_primary_label{
color: white;
}
.client-response .frm_style_formidable-style-2.with_frm_style input[type=submit]{
display: block;
background-color: #199ad6;
color: white;
width: 100%;
padding: .85em 0em;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 1em;
text-shadow: -0.03em 0.08em black;
}
.client-response .frm_forms.frm_style_formidable-style-2.with_frm_style{
margin: auto;
}
.client-response .bg-inner {
text-align: center;
background-color: rgba(0, 0, 0, 0.31);
border: solid 1px #000000a6;
position: relative;
padding: 3.063rem 0 1.363rem 0;
color: white;
}
.client-response .bg-inner {
width: 100%;
max-width: 1100px!important;
margin: 0 auto;
position: relative;
}
.client-response .bg-inner p {
font-size: 1.6rem;
line-height: 1.5em;
padding: 0% 5%;
}
.client-response .bg-inner h1{
margin: 0;
color: #ffffff;
font-size: 4.3rem;
line-height: 0.9;
margin-bottom: 3%;
text-shadow: 4px 4px 0.7em #00000075;
text-transform: uppercase;
}
.client-response .bg-inner h1 strong {
display: block;
font-size: 1.647em;
color: #c14c31;
position: relative;
}
.client-response .bg-inner h1 span strong{
font-size: 1.2em;
}
.client-response .bg-inner h1 span{
font-size: 0.7em;
display: block;
font-weight: normal;
}
.client-response .with_frm_style .frm_primary_label{
color: white;
}
.client-response .frm_button_submit {
position: relative;
display: block;
width: 100%;
background-color: #e7090c;
padding: .85em 0em;
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 900;
}
/* ------------------------------------------------------------------------------------- */
/* Client Feedback Review Template CSS */
.client-response {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 13% 1% 7% 1%;
background-color: #4e4e4e;
margin-top: 6%;
background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/ty-bgdss.jpg);
}
.client-review {
background-repeat: no-repeat;
background-position: bottom right;
background-size: cover;
padding: 11% 4% 5% 4%;
position: relative;
z-index: 9;
margin-top: 8%;
background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/feedback-bg.jpg);
text-align: center;
}
.client-review p {
font-size: 1.2rem;
line-height: 1.6;
padding: 0% 0%;
color: black;
}
.client-review h1{
margin: 0;
color: #000000;
font-weight: normal;
font-size: 4.2rem;
line-height: 1;
margin-bottom: -0.1em;
/* text-shadow: 4px 4px 0.4em #00000057; */
text-transform: uppercase;
position: relative;
}
.client-review h1 strong {
display: block;
font-size: 1.47em;
color: #044ba1;
}
.resp-box{
border-top: 1px solid #00304624;
FONT-WEIGHT: 100;
position: relative;
margin-top: 2%;
border-bottom: 1px solid #00304624;
}
.resp-txt{
font-weight: 900;
font-size: 1.7em;
letter-spacing: 0.03em;
margin-bottom: 2%;
line-height: 1.7;
padding: 1% 5% 0% 5%;
}
.resp-box .btn{
display: block;
width: 80%;
max-width: 440px;
border-radius: 900em;
border: 0;
margin: auto;
}
.client-review img{
display: block;
width: 90%;
margin: auto;
}
.client-review .col-12 img{
max-width: 450px;
}
.client-review .row-cols-5{
padding: 0% 15%;
margin-top: 2%;
}
/* ------------------------------------------------------Media Queries CSS ---------------------------------------- */
@media screen and (min-width: 5.001em) and (max-width: 25em) {
/* NEW QUERIES */
.sliderfull{
margin-top: 15%;
}
.slider-header{
font-size: 1.7em;
}
/* END NEW QUERIES */
#breadcrumbs{
font-size: .6em;
margin-top: 6em;
}
blockquote {
padding: 3% 4% 3% 8%!important;
}
blockquote:after{
display: none;
}
.error-page .inside-content h1{
font-size: 1.5em;
margin-bottom: 0em;
}
.error-page .error{
font-size: 8.1em;
}
.error-page .entry-content {
font-size: 1em;
padding: 0% 3%;
margin-top: 0.1em;
}
.client-review{
text-align: center;
margin-top: 15%;
padding: 22% 4% 5% 4%;
}
.client-review .row-cols-5 {
padding: 0% 1%;
margin-top: 2%;
}
.client-review .row-cols-5 .col{
padding: 0.5%;
}
.client-review img, .client-review .btn{
margin: auto;
width: 100%;
}
.client-review h1{
font-size: 1.7em;
}
.client-response .bg-inner p {
font-size: 1.1rem;
padding: 0% 0%;
}
.client-response .bg-inner h1 {
font-size: 1.9rem;
}
.thank-you .bg-inner h1 {
font-size: 2.2rem;
}
.thank-you .button{
margin: .5em 0;
}
.thank-you .bg-inner p {
font-size: 1rem;
}
.bullet-list li{
width: 100%;
}
.inner-bottom {
background-position: 100% 100%;
}
.inner-bottom .usp-wrap:after{
display: none;
}
.inner-bottom .usp-wrap{
width: 100%;
}
.insideimage .slider-usp .usp-box {
font-size: 0.6em;
padding: 5% 15%;
}
.single-blog {
position: relative;
padding: 12% 4% 4% 4%;
}
.insideimage {
padding: 28% 4% 0% 4%;
margin-top: 10.5%;
border-bottom: 0.2em solid #1d1761;
background-image: none;
}
.insideimage:after{
width: 155%;
border-radius: 0;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp .usp-box{
font-size: 0.5em;
}
.thank-you {
padding: 15% 1% 5% 1%;
margin-top: 13%;
}
.banner-head{
font-size: 1.1em;
}
.insideimage .col-lg-6{
padding-right: 35%;
}
.banner-head{
font-size: 0.83em;
width: 100%;
}
.logo-image img{
width: 8.4em;
top: .1em;
}
.smallbar .logo-image img{
width: 6em;
}
.logo-foot img{
width: 19em;
}
.quick-nav.adjust {
font-size: .9em;
top: 4.7em;
}
.close-cta{
font-size: 0.8em;
padding: 6% 2% 3% 2%;
}
.sched-row a ,.sched-row button {
padding: 3% 0% 3% 0%;
font-size: 0.6em;
}
.resp-txt{
font-size: 1em;
}
.client-response {
padding: 17% 1% 7% 1%;
margin-top: 14%;
}
.hide-for-small-only{
display: none!important;
}
.error-page {
padding: 13% 4% 6% 4%;
margin-top: 18%;
}
.help-links a{
text-align: center;
}
.side-form iframe {
height: 64em!important;
}
.insideimage .slider-usp{
width: 95%;
margin-right: auto;
right: 0;
font-size: 0.7em;
position: relative;
margin-top: 1em;
bottom: -2em;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp.row>*{
padding: 0 1%;
}
.show-for-small-only{
display: block!important;
}
.emp-info em{
width: 90em;
}
.compressed-sec {
padding: 5% 3%;
background: #ededed;
}
.compressed-sec .col-md-8{
width: 66.6666666667%;
}
.compressed-sec .col-md-4{
width: 33.3333333333%;
}
}
@media screen and (max-width: 35em) and (min-width: 25.001em) {
/* NEW QUERIES */
.sliderfull{
margin-top: 17%;
}
.slider-header{
font-size: 2.2em;
}
/* END NEW QUERIES */
.logo-foot img{
width: 19em;
}
.widget .home-form .camp-form iframe {
height: 36.3em!important;
}
.modal-dialog .camp-form iframe {
height: 32em!important;
}
.sched-row a ,.sched-row button{
font-size: .8em;
}
.close-cta{
font-size: 0.8em;
}
.insideimage .slider-usp .usp-box{
font-size: .5em;
}
#breadcrumbs{
font-size: .7em;
margin-top: 9em;
}
.client-review .row-cols-5 {
padding: 0% 1%;
margin-top: 2%;
}
.client-review .row-cols-5 .col{
padding: 0.5%;
}
blockquote {
padding: 3% 4% 3% 8%!important;
}
blockquote:after{
display: none;
}
.bullet-list li{
width: 100%;
}
.inner-bottom {
background-position: 100% 100%;
}
.inner-bottom .usp-wrap:after{
display: none;
}
.inner-bottom .usp-wrap{
width: 100%;
}
.error-page .error{
font-size: 8.9em;
}
.error-page .inside-content h1{
font-size: 1.8em;
margin-bottom: 0em;
}
.error-page .entry-content {
font-size: 1em;
padding: 0% 3%;
margin-top: 0.1em;
}
.client-review{
text-align: center;
padding: 24% 4% 5% 4%;
margin-top: 15%;
}
.client-review img, .client-review .btn{
margin: auto;
}
.client-review h1{
font-size: 2.3em;
}
.resp-txt{
font-size: 1.3em;
}
.client-response .bg-inner p {
font-size: 1.4rem;
}
.client-response .bg-inner h1 {
font-size: 2.4rem;
}
.thank-you .bg-inner h1 {
font-size: 2.9rem;
}
.thank-you .button{
margin: .5em 0;
}
.thank-you .bg-inner p {
font-size: 1rem;
}
.thank-you {
padding: 15% 1% 5% 1%;
margin-top: 14%;
}
.client-response {
padding: 16% 1% 7% 1%;
margin-top: 16%;
}
.hide-for-small-only{
display: none!important;
}
.error-page {
padding: 16% 4% 14% 4%;
margin-top: 18%;
}
.logo-image a {
margin-top: .2em;
transform: scale(1);
top: 0em;
}
.logo-image img {
width: 9.8em;
left: -0.2em;
top: 0.1em;
}
.single-blog {
position: relative;
padding: 10% 4% 4% 4%;
}
.insideimage {
padding: 28% 4% 0% 4%;
margin-top: 10.5%;
border-bottom: 0.2em solid #1d1761;
background-image: none;
}
.insideimage:after{
width: 155%;
border-radius: 0;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp .usp-box{
font-size: 0.5em;
}
.quick-nav.adjust {
font-size: .9em;
top: 4em;
}
.smallbar .logo-image img {
width: 6em;
}
.help-links a{
text-align: center;
}
.insideimage .slider-usp{
width: 95%;
margin-right: auto;
right: 0;
position: relative;
margin-top: -1em;
bottom: -3em;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp.row>*{
padding: 0 1%;
}
.insideimage .col-lg-6{
padding-right: 35%;
}
.banner-head{
font-size: 1.1em;
width: 100%;
}
.insideimage .activate a{
font-size: .88em;
}
.show-for-small-only{
display: block!important;
}
.compressed-sec {
padding: 5% 5%;
background: #ededed;
}
.compressed-sec .col-md-8{
width: 66.6666666667%;
}
.compressed-sec .col-md-4{
width: 33.3333333333%;
}
}
@media screen and (max-width: 39.938em) and (min-width: 35.001em) {
/* NEW QUERIES */
.sliderfull{
margin-top: 19%;
}
.slider-header{
font-size: 2.7em;
}
/* END NEW QUERIES */
.logo-foot img{
width: 22em;
}
.side-form iframe {
height: 51em!important;
}
.logo-image a {
margin-top: .1em;
transform: scale(1);
top: 0em;
}
.logo-image img {
width: 14.3em;
left: -0.3em;
top: .1em;
}
.quick-nav.adjust {
top: 4.4em;
}
.smallbar .logo-image img {
width: 10.6em;
}
.error-page {
padding: 13% 4% 11% 4%;
margin-top: 17%;
}
.client-review{
text-align: center;
padding: 24% 4% 5% 4%;
margin-top: 12%;
}
.client-review img, .client-review .btn{
margin: auto;
}
.client-review .row-cols-5 {
padding: 0% 1%;
margin-top: 2%;
}
.client-review .row-cols-5 .col{
padding: 0.5%;
}
.client-review h1{
font-size: 3.2em;
}
.resp-txt {
font-size: 1.5em;
}
.single-blog {
position: relative;
padding: 5% 4% 4% 4%;
}
.insideimage {
padding: 28% 4% 0% 4%;
margin-top: 10.5%;
border-bottom: 0.2em solid #1d1761;
background-image: none;
}
.insideimage:after{
width: 100%;
left: 0;
border-radius: 0;
transform: none;
}
.insideimage .truck-image:after{
display: none;
}
.insideimage:before{
display: none;
}
.insideimage .slider-usp .usp-box{
font-size: .7em;
}
.insideimage .slider-usp{
width: 95%;
margin-right: auto;
right: 0;
position: relative;
margin-top: 0.5em;
}
.insideimage .slider-usp.row>*{
padding: 0 1%;
}
.banner-head{
font-size: 1.2em;
}
#breadcrumbs{
font-size: .79em;
margin-top: 5em;
}
.bullet-list li{
width: 100%;
}
.inner-bottom {
background-position: 100% 100%;
}
.inner-bottom .usp-wrap:after{
display: none;
}
.inner-bottom .usp-wrap{
width: 100%;
}
blockquote {
padding: 3% 4% 3% 8%!important;
}
blockquote:after{
display: none;
}
.error-page .inside-content h1{
font-size: 2.7em;
margin-bottom: 0em;
}
.error-page .error{
font-size: 10em;
}
.error-page .entry-content {
font-size: 1.2em;
padding: 0% 3%;
margin-top: 0.1em;
}
.close-cta{
font-size: 1em;
}
.client-response .bg-inner p {
font-size: 1.5rem;
padding: 0% 0%;
}
.client-response .bg-inner h1 {
font-size: 3.1rem;
}
.thank-you .bg-inner h1 {
font-size: 4.2rem;
}
.thank-you .button{
margin: .5em 0;
}
.thank-you {
padding: 13% 1% 5% 1%;
margin-top: 15%;
}
.client-response {
padding: 15% 1% 7% 1%;
margin-top: 16%;
}
.hide-for-small-only{
display: none!important;
}
.help-links a{
text-align: center;
}
.show-for-small-only{
display: block!important;
}
.compressed-sec {
padding: 5% 8%;
background: #ededed;
}
.compressed-sec .col-md-8{
width: 66.6666666667%;
}
.compressed-sec .col-md-4{
width: 33.3333333333%;
}
}
@media screen and (max-width: 55em) and (min-width: 39.939em) {
/* NEW QUERIES */
.sliderfull{
margin-top: 19%;
}
.slider-header{
font-size: 3.1em;
}
/* END NEW QUERIES */
.logo-foot img{
width: 24em;
}
.banner-head{
font-size: 1.3em;
}
.compressed-sec {
padding: 5% 8%;
background: #ededed;
}
.compressed-sec .col-md-8{
width: 66.6666666667%;
}
.compressed-sec .col-md-4{
width: 33.3333333333%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.side-form iframe {
height: 51em!important;
}
.quick-nav.adjust{
top: 4.5em;
}
.logo-image a {
margin-top: .1em;
transform: scale(1);
top: 0em;
}
.logo-image img {
width: 15em;
left: -0.3em;
top: 0.1em;
}
.single-blog {
position: relative;
padding: 5% 4% 4% 4%;
}
.insideimage {
padding: 20% 4% 0% 4%;
margin-top: 10.5%;
border-bottom: 0.2em solid #1d1761;
background-image: none;
}
.insideimage:after{
width: 155%;
border-radius: 0;
}
.client-response {
padding: 16% 2% 7% 2%;
margin-top: 7%;
}
.smallbar .logo-image img {
width: 11em;
}
.error-page {
padding: 15% 4% 12% 4%;
margin-top: 10%;
}
.sliderfull .col-sm-12, .section-1 .col-sm-12, .section-2 .col-sm-12, .section-3 .col-sm-12, .section-4 .col-sm-12, .section-6 .col-sm-12{
width: 100%!important;
}
.section-1 .col-md-3{
width: 50%!important;
}
.sliderfull .col-md-7{
width: 100%;
}
.show-for-small-only{
display: block!important;
}
.insideimage .slider-usp .usp-box{
font-size: .73em;
}
.insideimage:before{
display: none;
}
.inner-bottom{background-position: 100% 100%;}
.inner-bottom .usp-wrap:after{
display: none;
}
.inner-bottom .usp-wrap{
width: 100%;
}
.side-label{
font-size: 2em;
}
.insideimage .slider-usp{
width: 90%;
margin-right: auto;
position: relative;
margin: 2em auto -1em 0;
bottom: 0em;
}
.insideimage .col-lg-6{
padding-right: 39%;
}
.insideimage .slider-usp.row>*{
padding: 0 1%;
}
.error-page .error{
font-size: 11em;
}
.close-cta{
font-size: 1.1em;
}
.hide-for-small-only{
display: none!important;
}
.help-links a{
text-align: center;
}
.error-page .inside-content h1{
font-size: 2.9em;
margin-bottom: 0em;
}
.error-page .entry-content {
font-size: 1.3em;
padding: 0% 3%;
margin-top: 0.1em;
}
.insideimage .col-md-4{
width: 33.33%!important;
}
.modal-dialog iframe {
height: 43em!important;
}
.client-review{
text-align: center;
padding: 24% 4% 5% 4%;
margin-top: 12%;
}
.client-review img, .client-review .btn{
margin: auto;
}
.client-review .row-cols-5 {
padding: 0% 8%;
margin-top: 2%;
}
.client-review .row-cols-5 .col{
padding: 0.5%;
}
.client-review h1{
font-size: 3.5em;
}
.resp-txt {
font-size: 1.5em;
}
.copyright{
font-size: .9em!important;
}
.client-response .bg-inner p {
font-size: 1.5rem;
}
.thank-you .bg-inner h1 {
font-size: 5rem;
}
.thank-you {
padding: 9% 1% 5% 1%;
margin-top: 13%;
}
.thank-you .button{
margin: .5em 0;
}
.inside-content .col-md-8, .inside-content .col-md-4 {
flex: 0 0 auto;
width: 100%;
}
}
@media screen and (max-width: 59.999em) and (min-width: 55.001em) {
/* NEW QUERIES */
.slider-header{
font-size: 2.2em;
}
.sliderfull{
margin-top: 14%;
}
/* END NEW QUERIES */
.sched-row a strong{
font-size: 2em;
}
.side-form iframe {
height: 44em!important;
}
.smallbar .logo-image img {
width: 11em;
}
.quick-nav.adjust {
top: 4em;
}
.client-review {
margin-top: 12%;
padding: 14% 4% 5% 4%;
}
.logo-image a {
margin-top: .1em;
transform: scale(1);
top: 0em;
}
.logo-image img{
width: 15em;
top: 0;
}
.thank-you {
margin-top: 10%;
}
.sliderfull .col-md-7{
width: 100%;
}
.inside-content .col-md-8, .inside-content .col-md-4 {
flex: 0 0 auto;
width: 100%;
}
.insideimage .slider-usp .usp-box{
font-size: .8em;
}
.insideimage {
margin-top: 19.5%;
padding: 11% 2% 1% 2%;
background-size: 55%;
}
.rev-sec-in .sec4-header {
font-size: 2.3em;
}
.rev-sec-in .btn{
font-size: .748em;
}
.side-coup .btn-primary{
font-size: .9em;
}
.banner-head{
font-size: 1.3em;
}
.insideimage .activate a{
font-size: 1em;
}
.insideimage .slider-usp{
width: 53%;
font-size: .84em;
}
.close-cta{
font-size: 1.1em;
}
.site-footer .bullet-list li{
font-size: .9em;
}
.sched-row a{
font-size: 0.9em;
}
.error-page {
padding: 11% 4% 6% 4%;
margin-top: 10%;
}
.resp-txt {
font-size: 1.5em;
}
.client-review h1{
font-size: 4.5em;
}
.sched-row:after {
content: " ";
position: absolute;
bottom: 35%;
height: 2.4em;
width: .4em;
left: 50.8%;
}
.sliderfull .btn{
font-size: 1em;
}
.copyright{
font-size: .9em!important;
}
.hide-for-small-only{
/* display: none; */
}
.show-for-small-only{
display: none;
}
.sidebar.show-for-small-only{
display: block!important;
width: 100%;
}
}
@media screen and (min-width: 60em) and (max-width: 63.938em) {
/* NEW QUERIES */
.slider-header{
font-size: 2.2em;
}
.sliderfull{
margin-top: 13%;
}
/* END NEW QUERIES */
.inside-content .col-md-8, .inside-content .col-md-4 {
flex: 0 0 auto;
width: 100%;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
font-size: 0.65em;
padding: 0.7em 1.4em;
}
.top-bar .menu>li a {
font-size: 0.67em;
}
.menu-top-menu-container .menu>li a{
font-size: 0.7em;
padding: .4em .7em;
}
.top-menu .btn{
font-size: .8em;
}
.smallbar .menu-top-menu-container .menu>li a{
font-size: .68em;
}
.smallbar .menu>li a {
font-size: 0.6em;
}
.smallbar .desk-nav .top-bar .btn-primary{
font-size: 0.7em;
}
.insideimage {
padding: 12% 3% 1% 3%;
margin-top: 7.5%;
background-size: 59%;
}
.logo-image img {
width: 11em;
}
.section-protecta h1{
font-size: 2em;
}
.client-review {
padding: 13% 4% 5% 4%;
}
.banner-head{
font-size: 1.3em;
}
.insideimage .activate a{
font-size: 1em;
}
.smallbar .logo-image img {
width: 10em;
}
.smallbar .desk-nav .btn-primary{
font-size: 0.7em;
}
.copyright{
font-size: .9em!important;
}
.sched-row a ,.sched-row button {
padding: 3% 0% 3% 0%;
font-size: .9em;
}
.close-cta{
font-size: 1.1em;
}
.home-form .row {
font-size: 1.3em;
}
html {
font-size: 15px!important;
}
.show-for-small-only{
display: none;
}
.sidebar.show-for-small-only{
display: block!important;
width: 100%;
}
}
@media screen and (max-width: 75em) and (min-width: 63.939em) {
/* NEW QUERIES */
.slider-header{
font-size: 2.2em;
}
.sliderfull {
margin-top: 13%;
}
/* END NEW QUERIES */
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
font-size: 0.69em;
}
.menu-top-menu-container .menu>li a {
font-size: 0.68em;
padding: 0.4em .9em;
}
.top-menu .btn{
font-size: .8em;
}
.smallbar .menu-top-menu-container .menu>li a{
font-size: 0.7em;
}
.smallbar .menu>li a {
font-size: 0.61em;
}
.smallbar .desk-nav .btn-primary{
font-size: 0.8em;
}
.smallbar .desk-nav .top-bar .btn-primary{
font-size: 0.7em;
}
.contact-desk a{
font-size: 1.8em;
}
.logo-image img {
width: 11em;
}
.section-protecta h1{
font-size:2.2em;
}
.section-protectc .usp-box {
height: 17em;
color: black;
font-size: .7em;
}
.client-review {
padding: 13% 4% 5% 4%;
}
.banner-head{
font-size: 1.3em;
}
.insideimage .activate a{
font-size: 1em;
}
.smallbar .logo-image img {
width: 8em;
}
html {
font-size: 16px!important;
}
.copyright{
font-size: .9em!important;
}
.close-cta{
font-size: 1.2em;
}
.sched-row a ,.sched-row button{
font-size: .9em;
}
.show-for-small-only{
display: none;
}
}
@media screen and (max-width: 85em) and (min-width: 75.001em) {
/* NEW QUERIES */
.slider-header{
font-size: 2.5em;
}
.sliderfull {
margin-top: 13%;
}
/* END NEW QUERIES */
html {
font-size: 17px!important;
}
.home-form iframe{
height: 43em!important;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
padding: 0.7em 1.3em;
font-size: 0.7em;
}
.menu-top-menu-container .menu>li a{
font-size: 0.7em;
}
.smallbar .menu-top-menu-container .menu>li a{
font-size: .79em;
}
.top-menu .btn{
font-size: .9em;
}
.smallbar .menu>li a {
font-size: 0.67em;
}
.logo-image img {
width: 14em;
}
.side-rev .btn{
font-size: 1em;
}
.smallbar .logo-image img {
width: 8em;
}
.copyright{
font-size: .9em!important;
}
.close-cta{
font-size: 1.3em;
}
.sched-row a ,.sched-row button {
padding: 1% 2% 2% 2%;
}
.show-for-small-only{
display: none;
}
}
@media screen and (max-width: 95.001em) and (min-width: 85.001em) {
/* NEW QUERIES */
.sliderfull {
margin-top: 12%;
}
.slider-header{
font-size: 2.94em;
}
/* END NEW QUERIES */
html {
font-size: 17px!important;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
font-size: 0.9em;
}
.menu-top-menu-container .menu>li a{
font-size: .8em;
}
.smallbar .menu>li a {
font-size: 0.8em;
}
.smallbar .menu-top-menu-container .menu>li a{
font-size: 0.9em;
}
.smallbar .desk-nav .top-bar .btn-primary{
font-size: 0.7em;
}
.logo-image img {
width: 14em;
}
.smallbar .logo-image img {
width: 11em;
}
.section-8:after{
width: 52%;
}
.sched-row:after {
content: " ";
position: absolute;
bottom: 35%;
height: 2.4em;
width: .4em;
left: 50.8%;
}
.sliderfull .btn{
font-size: 1em;
}
.copyright{
font-size: .9em!important;
}
.close-cta{
}
.show-for-small-only{
display: none;
}
}
@media screen and (max-width: 125em) and (min-width: 95.001em) {
/* NEW QUERIES */
.sliderfull {
margin-top: 12%;
}
.slider-header{
font-size: 3.24em;
}
/* END NEW QUERIES */
html {
font-size: 17px!important;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.copyright{
font-size: .9em!important;
}
.close-cta{
font-size: 1.6em;
}
.sched-row a ,.sched-row button {
padding: 3% 0% 3% 0%;
}
.show-for-small-only{
display: none;
}
}
@media screen and (min-width: 125.001em) and (max-width: 999.9em) {
/* NEW QUERIES */
.sliderfull {
margin-top: 12%;
}
.slider-header{
font-size: 3.64em;
}
/* END NEW QUERIES */
.sliderfull {
}
html {
font-size: 17px!important;
}
.desk-nav{
display: block;
}
.mobile-nav, .quick-nav{
display: none;
}
.menu>li a {
font-size: 1.1em;
}
.smallbar .desk-nav .btn-primary{
font-size: .9em;
}
.copyright{
font-size: .9em!important;
}
.sched-row a ,.sched-row button{
padding: 3% 0% 3% 0%;
font-size: 1.1em;
}
.show-for-small-only{
display: none;
}
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}