/* =========================================================
   PATTERN: contact  ->  /contact-us/   (page-contact-us.php)

   Figma frame 559:2045 "Contact", 1920 x 3212. Every number below is read
   off a layer with get_design_context / get_metadata, never rounded and
   never guessed. Frame coordinates are page coordinates: the frame is 1920
   wide and starts at 0,0.

   Section flow on desktop (each section a fixed-height canvas, children
   absolutely placed at their Figma box so the gate can measure each one):
     .ct-hero       0    .. 572
     .ct-intro      572  .. 962
     .ct-cards      962  .. 1252
     .ct-form       1252 .. 2424
     .ct-projects   zero-height anchor at 2424 (overlays the footer band)
     .footer        2424 .. 3212

   This frame draws the PROJECTS CTA footer variant: the shared footer's
   "Get in Touch" headline + form block (.ft-top) is not on this frame at
   all, and a projects CTA sits in the footer band instead. footer.php is a
   shared component nobody in the fleet may edit, so the CTA ships as a
   section in page-contact-us.php pinned over the band, and .ft-top is
   hidden for this template only. See docs/fleet-issues/contact.md.

   Figma oddities reproduced deliberately, not bugs:
     - the three office cards are NOT evenly spaced (x202 / x721 / x1237,
       gaps 39 and 36)
     - card 3's heading is #000000 with -0.24px tracking, cards 1 and 2 are
       #27272d with -0.48px
     - only 4 of the 6 dropdowns carry a chevron, and the Postcode one sits
       2.5px further in than the other three
     - the Submit label box is centred 0.6px right of its own button
     - several text boxes are taller than their text (the 1300 number box is
       31px, the opening-hours box 73px), so those heights are explicit
   Both the 250px live-site hero JPEG and the theme's 1440x536
   assets/hero-contact.jpg are replaced by the real Figma export.

   OWNED BY THE contact PATTERN. Scoped to .evo-tpl-page-contact-us (emitted
   by functions.php from the template basename) and to .ct-* section
   classes that exist on no other page. Nothing here leaks off /contact-us/.
   ========================================================= */

/* ---------------------------------------------------------
   BASE: small screens first. There are no mobile frames in
   Figma, so below 1201px everything is plain flow and the
   fixed-pixel Figma layout is applied only at 1201px and up.
   --------------------------------------------------------- */

.ct-hero{position:relative;overflow:hidden;color:#fff;background:#4a5b66;
  min-height:420px;padding:260px 24px 0;}
.ct-hero-bg{position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;overflow:hidden;}
.ct-hero-bg img{width:100%;height:100%;object-fit:cover;display:block;}
.ct-hero-ov{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;
  background:rgba(0,0,0,0.15);}
.ct-eyebrow{position:relative;z-index:2;margin:0;font-family:var(--font-display);
  font-weight:400;font-size:20px;line-height:25px;color:#fff;}
.ct-h1{position:relative;z-index:2;margin:0;font-family:var(--font-display);
  font-weight:700;font-size:40px;line-height:1.1;letter-spacing:-1.5px;color:#fff;}
.ct-lip{display:none;}

.ct-intro{position:relative;z-index:3;background:#fff;padding:56px 24px 0;}
.ct-intro-h{margin:0 0 18px;font-family:var(--font-display);font-weight:700;
  font-size:30px;line-height:1.1;letter-spacing:-1.5px;color:#27272d;}
.ct-intro-p{margin:0;font-family:var(--font-display);font-weight:300;font-size:17px;
  line-height:26px;color:#000000;}

.ct-cards{position:relative;background:#fff;padding:48px 24px 0;}
.ct-card{position:relative;background:#f4f4f4;border-radius:15px;padding:33px 0 34px;
  max-width:480px;margin:0 auto 24px;text-align:center;}
.ct-pill{background:#fff;border-radius:10px;height:65px;margin:0 24px 16px;}
.ct-card-head{position:relative;margin:-56px 0 0;font-family:var(--font-display);
  font-weight:500;font-size:24px;line-height:30px;letter-spacing:-0.48px;color:#27272d;}
.ct-card3 .ct-card-head{color:#000000;letter-spacing:-0.24px;}
.ct-card-phone{margin:34px 0 0;font-family:var(--font-display);font-weight:700;
  font-size:32px;line-height:26px;color:#2ca9e3;}
.ct-card3 .ct-card-phone{color:#27272d;}
.ct-card-city{margin:34px 0 0;font-family:var(--font-display);font-weight:500;
  font-size:20px;line-height:26px;color:#27272d;}
.ct-card-email{margin:14px 0 0;font-family:var(--font-display);font-weight:300;
  font-size:18px;line-height:26px;color:#000000;}
.ct-card-addr{margin:8px 24px 0;font-family:var(--font-display);font-weight:300;
  font-size:16px;line-height:20px;color:#000000;}
.ct-card-hours{margin:10px 24px 0;font-family:var(--font-display);font-weight:300;
  font-size:16px;line-height:20px;color:#000000;}

.ct-form{position:relative;background:#fff;padding:56px 24px 64px;}
.ct-form-h{margin:0 0 10px;font-family:var(--font-display);font-weight:700;
  font-size:28px;line-height:1.2;letter-spacing:-1.08px;color:#27272d;}
.ct-form-sub{margin:0 0 28px;font-family:var(--font-display);font-weight:300;
  font-size:17px;line-height:26px;color:#000000;}
.ct-frm{display:block;}
.ct-f{position:relative;background:#f9f9f9;border-radius:50px;height:62px;
  margin:0 0 14px;font-family:var(--font-display);}
.ct-f12{height:151px;border-radius:50px;}
.ct-f input,.ct-f select,.ct-f textarea{position:absolute;left:0;top:0;width:100%;
  height:100%;margin:0;background:transparent;border:0;outline:none;appearance:none;
  -webkit-appearance:none;border-radius:inherit;font-family:var(--font-display);
  font-weight:300;font-size:18px;line-height:25px;letter-spacing:-0.18px;
  color:#27272d;padding:0 30px 0 44.89px;}
/* no resize grabber: 559:2103 draws a plain pill, and the corner grip is a
   visible element the design does not have */
.ct-f textarea{padding-top:30px;resize:none;}
.ct-f input::placeholder,.ct-f textarea::placeholder{color:transparent;}
.ct-ph{position:absolute;left:44.89px;top:19px;margin:0;pointer-events:none;
  font-family:var(--font-display);font-weight:300;font-size:18px;line-height:25px;
  letter-spacing:-0.18px;color:#27272d;white-space:nowrap;}
.ct-f12 .ct-ph{top:30px;}
.ct-ph i{font-style:normal;color:#d2232a;}
/* the overlay label is the placeholder, so it goes when the field is filled */
.ct-f:has(input:not(:placeholder-shown)) .ct-ph,
.ct-f:has(textarea:not(:placeholder-shown)) .ct-ph,
.ct-f:has(option:checked:not([value=""])) .ct-ph{opacity:0;}
.ct-chev{position:absolute;right:30px;top:28px;width:12.283px;height:6.7px;
  display:block;pointer-events:none;}
/* a bare <button> does not inherit the page font: without this it computes
   Arial 13.3333px, and the only thing hiding that today is the span below
   carrying its own rules. Declared so the element itself is right. */
.ct-submit{position:relative;display:block;height:70px;width:240.67px;padding:0;
  border:0;cursor:pointer;background:#2ca9e3;border-radius:60px;margin:22px 0 0;
  font-family:var(--font-display);font-weight:500;font-size:20px;line-height:25px;
  letter-spacing:normal;color:#ffffff;}
.ct-submit span{font-family:var(--font-display);font-weight:500;font-size:20px;
  line-height:25px;color:#ffffff;}

.ct-projects{position:relative;background:#002b54;color:#fff;text-align:center;
  padding:56px 24px 60px;}
.ct-projects-h{margin:0 0 14px;font-family:var(--font-display);font-weight:500;
  font-size:30px;line-height:1.15;letter-spacing:-2.4px;color:#ffffff;}
.ct-projects-sub{margin:0 0 26px;font-family:var(--font-display);font-weight:400;
  font-size:18px;line-height:30px;letter-spacing:-0.48px;color:#ffffff;}
.ct-projects-btn{position:relative;display:inline-flex;align-items:center;
  justify-content:center;height:70px;width:234px;background:#ffffff;
  border-radius:50px;text-decoration:none;}
.ct-projects-btn span{font-family:var(--font-display);font-weight:500;font-size:20px;
  line-height:25px;color:#27272d;}

/* The frame does not draw the shared footer's "Get in Touch" headline + form
   block on this page at all, so it is hidden at EVERY width: the projects CTA
   above replaces it. Only the hide is unconditional; the exact vertical
   offsets it frees up are desktop-only, further down. */
.evo-tpl-page-contact-us .footer .ft-top{display:none;}

/* ---------------------------------------------------------
   DESKTOP: the Figma frame, exactly. 1201px and up.
   --------------------------------------------------------- */
@media(min-width:1201px){

/* ---- HERO 559:2046 ------------------------------------------------------
   Header-Banner is 0..962 with overflow clip. The photo node 559:2047 is
   693 tall at y-9, so Figma clips it to 0..684: the export is already that
   684-tall crop, with the node's own rgba(0,0,0,0.2) baked in. 559:2048
   adds rgba(0,0,0,0.15) over the same 0..684. 559:2058 is the white lip:
   y572, 165 tall, full width, 28px radius on all four corners. The lip and
   the photo run past the hero's own 572 box, so .ct-intro is lifted above
   them with z-index instead of the hero clipping them. */
.evo-tpl-page-contact-us .ct-hero{height:572px;min-height:0;padding:0;
  overflow:visible;background:#4a5b66;}
.evo-tpl-page-contact-us .ct-hero-bg{top:0;bottom:auto;height:684px;width:1920px;
  left:0;right:auto;}
.evo-tpl-page-contact-us .ct-hero-bg img{width:1920px;height:684px;}
.evo-tpl-page-contact-us .ct-hero-ov{top:0;bottom:auto;height:684px;width:1920px;
  left:0;right:auto;}
.evo-tpl-page-contact-us .ct-lip{display:block;position:absolute;left:0;top:572px;
  width:1920px;height:165px;background:#ffffff;border-radius:28px;z-index:2;}
/* 559:2051 x199 y397 114x25, Circular Std Book 20/25 */
.evo-tpl-page-contact-us .ct-eyebrow{position:absolute;left:199px;top:397px;
  width:114px;height:25px;font-size:20px;line-height:25px;letter-spacing:normal;
  white-space:nowrap;z-index:2;}
/* 559:2050 x199 y424 373x89, Circular Std Bold 75/89, -1.5px */
.evo-tpl-page-contact-us .ct-h1{position:absolute;left:199px;top:424px;width:373px;
  height:89px;font-size:75px;line-height:89px;letter-spacing:-1.5px;
  white-space:nowrap;z-index:2;}

/* ---- INTRO 559:2112 x196 y723 1335x142 --------------------------------
   The band must NOT carry its own white fill on desktop. In Figma the white
   under this band is the frame's own fill, and the white lip 559:2058 sits
   ON TOP of the photo with a 28px radius, so the photo shows through the
   lip's two top corner notches at y572. A white .ct-intro at z-index 3
   paints straight over those notches with square corners and the notches
   disappear, which is what the first pass shipped: the element still had
   border-radius:28px, so a radius assertion passed while the page was
   wrong. Transparent here, and the frame fill is body's own #ffffff, which
   covers 737..962 once the lip ends. z-index 3 is kept so the intro TYPE
   still paints above the photo, the overlay and the lip, exactly as the
   intro text group paints above the banner in the frame's child order. */
.evo-tpl-page-contact-us .ct-intro{height:390px;padding:0;z-index:3;
  background:transparent;}
/* 559:2114 x196 y723 612x55, Bold 50/55, -1.5px, #27272d */
.evo-tpl-page-contact-us .ct-intro-h{position:absolute;left:196px;top:151px;
  width:612px;height:55px;margin:0;font-size:50px;line-height:55px;
  letter-spacing:-1.5px;color:#27272d;white-space:nowrap;}
/* 559:2113 x196 y813 1335x52, Light 20/26, #000000 (black, not --ink) */
.evo-tpl-page-contact-us .ct-intro-p{position:absolute;left:196px;top:241px;
  width:1335px;height:52px;margin:0;font-size:20px;line-height:26px;
  letter-spacing:normal;color:#000000;}

/* ---- OFFICE CARDS 559:2168 -------------------------------------------- */
.evo-tpl-page-contact-us .ct-cards{height:290px;padding:0;}
.evo-tpl-page-contact-us .ct-card{position:absolute;top:0;width:480px;height:290px;
  margin:0;padding:0;background:#f4f4f4;border-radius:15px;text-align:center;}
.evo-tpl-page-contact-us .ct-card1{left:202px;}   /* 559:2169 */
.evo-tpl-page-contact-us .ct-card2{left:721px;}   /* 559:2180 */
.evo-tpl-page-contact-us .ct-card3{left:1237px;}  /* 559:2175 */
/* 559:2170 / 2184 / 2176 all x+35 y+33 401x65 r10 white */
.evo-tpl-page-contact-us .ct-pill{position:absolute;left:35px;top:33px;width:401px;
  height:65px;margin:0;background:#ffffff;border-radius:10px;}
.evo-tpl-page-contact-us .ct-card-head{position:absolute;top:51px;height:30px;
  margin:0;font-size:24px;line-height:30px;white-space:nowrap;}
.evo-tpl-page-contact-us .ct-card1 .ct-card-head{left:135px;width:210px;
  letter-spacing:-0.48px;color:#27272d;}                      /* 559:2171 */
.evo-tpl-page-contact-us .ct-card2 .ct-card-head{left:171px;width:129px;
  letter-spacing:-0.48px;color:#27272d;}                      /* 559:2185 */
.evo-tpl-page-contact-us .ct-card3 .ct-card-head{left:119px;width:243px;
  letter-spacing:-0.24px;color:#000000;}                      /* 559:2177 */
/* 559:2172 x+140 y+114 199x31, Bold 32/26, #2ca9e3. The box is taller than
   its line on purpose: the Figma node carries empty trailing lines. */
.evo-tpl-page-contact-us .ct-card1 .ct-card-phone{position:absolute;left:140px;
  top:114px;width:199px;height:31px;margin:0;font-size:32px;line-height:26px;
  letter-spacing:normal;color:#2ca9e3;white-space:nowrap;}
/* 559:2178 x+138 y+128 204x26, Bold 32/26, #27272d */
.evo-tpl-page-contact-us .ct-card3 .ct-card-phone{position:absolute;left:138px;
  top:128px;width:204px;height:26px;margin:0;font-size:32px;line-height:26px;
  letter-spacing:normal;color:#27272d;white-space:nowrap;}
/* 559:2173 x+155 y+154 169x26, Light 18/26, #000000 */
.evo-tpl-page-contact-us .ct-card1 .ct-card-email{position:absolute;left:155px;
  top:154px;width:169px;height:26px;margin:0;font-size:18px;line-height:26px;
  color:#000000;white-space:nowrap;}
/* 559:2179 x+144 y+184 190x26, Light 18/26, #000000 */
.evo-tpl-page-contact-us .ct-card3 .ct-card-email{position:absolute;left:144px;
  top:184px;width:190px;height:26px;margin:0;font-size:18px;line-height:26px;
  color:#000000;white-space:nowrap;}
/* 559:2174 x+43 y+189 393x73, Light 16/20, #000000. 3 lines in a 73 box. */
.evo-tpl-page-contact-us .ct-card-hours{position:absolute;left:43px;top:189px;
  width:393px;height:73px;margin:0;font-size:16px;line-height:20px;color:#000000;}
/* 559:2186 x+196 y+145 80x26, Medium 20/26, #27272d */
.evo-tpl-page-contact-us .ct-card-city{position:absolute;left:196px;top:145px;
  width:80px;height:26px;margin:0;font-size:20px;line-height:26px;color:#27272d;
  white-space:nowrap;}
/* 559:2187 x+98 y+179 275x20, Light 16/20, #000000 */
.evo-tpl-page-contact-us .ct-card-addr{position:absolute;left:98px;top:179px;
  width:275px;height:20px;margin:0;font-size:16px;line-height:20px;color:#000000;
  white-space:nowrap;}

/* ---- FORM 559:2059 ----------------------------------------------------
   12 fields on a 86px row pitch, every pill 62 tall with a 50px radius on
   #f9f9f9. The left edges alternate between 395/396.25 and 976.1/977.35
   exactly as drawn, so each row is placed on its own. */
.evo-tpl-page-contact-us .ct-form{height:1172px;padding:0;}
/* 559:2110 x409.963 y1374 342.923x55, Bold 36/55, -1.08px, #27272d */
.evo-tpl-page-contact-us .ct-form-h{position:absolute;left:409.963px;top:122px;
  width:342.923px;height:55px;margin:0;font-size:36px;line-height:55px;
  letter-spacing:-1.08px;color:#27272d;white-space:nowrap;}
/* 559:2109 x409.963 y1438 789.348x26, Light 18/26, #000000 */
.evo-tpl-page-contact-us .ct-form-sub{position:absolute;left:409.963px;top:186px;
  width:789.348px;height:26px;margin:0;font-size:18px;line-height:26px;
  letter-spacing:normal;color:#000000;}
.evo-tpl-page-contact-us .ct-frm{position:static;}
.evo-tpl-page-contact-us .ct-f{position:absolute;height:62px;margin:0;
  background:#f9f9f9;border-radius:50px;}
.evo-tpl-page-contact-us .ct-f1 {left:396.249px;top:267px;width:558.654px;}
.evo-tpl-page-contact-us .ct-f2 {left:977.354px;top:267px;width:558.654px;}
.evo-tpl-page-contact-us .ct-f3 {left:395px;    top:353px;width:558.654px;}
.evo-tpl-page-contact-us .ct-f4 {left:976.104px;top:353px;width:558.654px;}
.evo-tpl-page-contact-us .ct-f5 {left:396.248px;top:439px;width:1138.506px;}
.evo-tpl-page-contact-us .ct-f6 {left:395px;    top:525px;width:558.654px;}
.evo-tpl-page-contact-us .ct-f7 {left:976.104px;top:525px;width:558.654px;}
.evo-tpl-page-contact-us .ct-f8 {left:396.248px;top:611px;width:558.654px;}
.evo-tpl-page-contact-us .ct-f9 {left:977.354px;top:611px;width:558.654px;}
.evo-tpl-page-contact-us .ct-f10{left:395px;    top:697px;width:558.654px;}
.evo-tpl-page-contact-us .ct-f11{left:976.104px;top:697px;width:558.654px;}
/* 559:2103 x396.248 y2035 1139.753x151 */
.evo-tpl-page-contact-us .ct-f12{left:396.248px;top:783px;width:1139.753px;
  height:151px;}
/* every label 44.89 in from its pill's left edge, 19 down (30 in the box).
   Each label node also carries its own drawn width: the designer sized these
   boxes by hand, so several are wider than their text (559:2092 is 342.923,
   the same number as the form heading, with the text left-aligned inside).
   The boxes are reproduced as drawn. */
.evo-tpl-page-contact-us .ct-ph{left:44.89px;top:19px;height:25px;font-size:18px;
  line-height:25px;letter-spacing:-0.18px;color:#27272d;}
.evo-tpl-page-contact-us .ct-f1  .ct-ph{width:101.007px;}  /* 559:2063 */
.evo-tpl-page-contact-us .ct-f2  .ct-ph{width:109px;}      /* 559:2066 */
.evo-tpl-page-contact-us .ct-f3  .ct-ph{width:54px;}       /* 559:2070 */
.evo-tpl-page-contact-us .ct-f4  .ct-ph{width:62.35px;}    /* 559:2073 */
.evo-tpl-page-contact-us .ct-f5  .ct-ph{width:94.772px;}   /* 559:2076 */
.evo-tpl-page-contact-us .ct-f6  .ct-ph{width:53px;}       /* 559:2080 */
.evo-tpl-page-contact-us .ct-f7  .ct-ph{width:91.031px;}   /* 559:2084 */
.evo-tpl-page-contact-us .ct-f8  .ct-ph{width:78.561px;}   /* 559:2089 */
.evo-tpl-page-contact-us .ct-f9  .ct-ph{width:342.923px;}  /* 559:2092 */
.evo-tpl-page-contact-us .ct-f10 .ct-ph{width:248.152px;}  /* 559:2097 */
.evo-tpl-page-contact-us .ct-f11 .ct-ph{width:182.061px;}  /* 559:2100 */
.evo-tpl-page-contact-us .ct-f12 .ct-ph{top:30px;width:87.29px;} /* 559:2104 */
/* 559:2081 / 2085 / 2093 / 2101 - four chevrons only, and the Postcode one
   sits 2.5px further in than the other three. Reproduced as drawn. */
.evo-tpl-page-contact-us .ct-chev{position:absolute;right:auto;width:12.283px;
  height:6.7px;}
.evo-tpl-page-contact-us .ct-f6  .ct-chev{left:514.48px; top:29.65px;}
.evo-tpl-page-contact-us .ct-f7  .ct-chev{left:511.976px;top:30.65px;}
.evo-tpl-page-contact-us .ct-f8  .ct-chev{left:514.482px;top:29.65px;}
.evo-tpl-page-contact-us .ct-f10 .ct-chev{left:514.48px; top:29.65px;}
/* 559:2106 x398.74 y2210 240.67x70 r60 #2ca9e3;
   559:2107 label x451.116 y2232 137.169x25 Medium 20/25 white */
.evo-tpl-page-contact-us .ct-submit{position:absolute;left:398.74px;top:958px;
  width:240.67px;height:70px;margin:0;background:#2ca9e3;border-radius:60px;}
.evo-tpl-page-contact-us .ct-submit span{position:absolute;left:52.376px;top:22px;
  width:137.169px;height:25px;font-size:20px;line-height:25px;text-align:center;
  color:#ffffff;white-space:nowrap;}

/* ---- PROJECTS CTA 559:2162, the footer variant ------------------------
   A zero-height anchor at y2424 (the footer's own top edge) so the CTA can
   be pinned into the footer band without reparenting the shared footer. */
.evo-tpl-page-contact-us .ct-projects{position:relative;height:0;padding:0;
  background:none;text-align:left;z-index:5;}
/* 559:2167 x385 y2594 1188x76, Medium 60/76, -2.4px, #ffffff */
.evo-tpl-page-contact-us .ct-projects-h{position:absolute;left:385px;top:170px;
  width:1188px;height:76px;margin:0;font-size:60px;line-height:76px;
  letter-spacing:-2.4px;color:#ffffff;white-space:nowrap;}
/* 559:2163 x582 y2670 795x30, Book 24/30, -0.48px, #ffffff */
.evo-tpl-page-contact-us .ct-projects-sub{position:absolute;left:582px;top:246px;
  width:795px;height:30px;margin:0;font-weight:400;font-size:24px;line-height:30px;
  letter-spacing:-0.48px;color:#ffffff;white-space:nowrap;}
/* 559:2165 x862 y2731 234x70 r50 white; 559:2166 label x905 y2754 149x25 */
.evo-tpl-page-contact-us .ct-projects-btn{position:absolute;left:862px;top:307px;
  width:234px;height:70px;display:block;background:#ffffff;border-radius:50px;}
.evo-tpl-page-contact-us .ct-projects-btn span{position:absolute;left:43px;top:23px;
  width:149px;height:25px;font-size:20px;line-height:25px;text-align:center;
  color:#27272d;white-space:nowrap;}

/* ---- FOOTER VARIANT 559:2127 -----------------------------------------
   The frame draws the footer band 2424..3259 clipped by the frame at 3212,
   so the footer is 788 tall here. .ft-top is not on this frame; the link
   columns' headings sit at y2957 (+533 from the footer top) and the logo
   at y2963 (+539). Those two offsets are the only shared-footer values
   this pattern overrides, and only under this template's body class. */
.evo-tpl-page-contact-us .footer .ft-cols{padding:533px 0 79px;}
.evo-tpl-page-contact-us .footer .ft-bottom{margin-top:539px;}
/* The band photo and the band gradient are drawn against the 835 tall image
   box 559:2129, not against the footer element, so site.css's height-driven
   `object-fit:cover` + `inset:0` land in the wrong place as soon as a page's
   footer is not the pool footer's height. 559:2129 puts the photo at
   1920x1280 offset left 0.02% top -35.97% of 835 (= 0.384 / -300.35), and
   559:2130 puts the gradient 16 below the band top and 819 tall. Both are
   reproduced here for this template only; the shared rule is unchanged and
   the mismatch is written up in docs/fleet-issues/contact.md. */
.evo-tpl-page-contact-us .footer .ftbg img{position:absolute;left:0.384px;
  top:-300.35px;width:1920px;height:1280px;object-fit:fill;}
.evo-tpl-page-contact-us .footer .ftgrad{top:16px;bottom:auto;height:819px;}

}