/* theme colour variables */
:root {--nerf-theme-color: #C29F7B;--nerf-text-color: #181D24;--nerf-link-color: #181D24;--nerf-link_hover_color: #C29F7B;--nerf-heading-color: #181D24;--nerf-theme-hover-color: #191D23;--nerf-main-font: 'Jost';--nerf-main-font-size: 15px;--nerf-main-font-weight: 400;--nerf-heading-font: 'Jost';--nerf-heading-font-weight: 500;--nerf-theme-color-005: rgba(194, 159, 123, 0.05);			  --nerf-theme-color-007: rgba(194, 159, 123, 0.07);			  --nerf-theme-color-010: rgba(194, 159, 123, 0.1);			  --nerf-theme-color-015: rgba(194, 159, 123, 0.15);			  --nerf-theme-color-020: rgba(194, 159, 123, 0.2);			  --nerf-theme-color-050: rgba(194, 159, 123, 0.5);			}


/* site custom css */
/*main mobile view stick header code*/
.header-mobile.stick-header-mobile .logo img {
    height: 100px!important;
    width: 100%;
}
/*end this code*/

/*main logo width small*/
div#apus-header-mobile .logo img {
    width: 70% !important;
}
/*end this code*/


/*entire website  remove the breadcrumb using this css*/
ol.breadcrumb {
    display: none;
}


@media (min-width: 1200px) {
    body.header_transparent .apus-breadscrumb .wrapper-breads {
        padding: 290px 0 390px;
    }
}

.breadscrumb-inner.clearfix h2.bread-title {
    display: block;
    position: absolute;
    margin-top: 160px;
}
/*End this css code*/



/*revemo the alll option in case study under bramdcrums option*/
.ms-auto {
    margin-left: auto !important;
    display: none !important;
}

/*end this code*/

/*recaptcha icon hide code using css*/
    .grecaptcha-badge {
    visibility: hidden;
}
/*end this code */
tr#user-7,tr#user_7{display:none!important}
tr#user-18,tr#user_18{display:none!important}


/* ===== Added for the static PHP build ===== */

/* spam trap field in forms: invisible to people */
.hp-field { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

/* form messages (replaces the Contact Form 7 plugin scripts) */
.wpcf7 form .wpcf7-response-output { display: none; margin: 1em 0 0; padding: .6em 1em; border: 2px solid #46b450; }
.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output { display: block; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output { border-color: #dc3232; }
.wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; }
.wpcf7 form.is-sending button[type=submit], .wpcf7 form.is-sending input[type=submit] { opacity: .6; pointer-events: none; }

/* ===== Home banner (was a slider plugin) ===== */
.aviro-hero { position: relative; height: 960px; overflow: hidden; background: #1b1d25; color: #fff; font-family: "Jost", sans-serif; text-align: left; }
.aviro-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.aviro-hero > * { position: absolute; margin: 0; }
.aviro-hero__bg { z-index: 0; }
.aviro-hero__rings { z-index: 8; top: 200px; left: 50%; width: 1206px; max-width: none; height: auto; transform: translateX(-50%); animation: aviro-fade .9s ease .2s both; }
.aviro-hero__badge { z-index: 9; top: 125px; left: 743px; width: 225px; height: auto; animation: aviro-fade .9s ease .5s both; }
.aviro-hero__photo { z-index: 10; right: 122px; bottom: 58px; width: 600px; max-width: none; height: auto; animation: aviro-slide .9s ease .8s both; }
.aviro-hero__pill { z-index: 11; top: 289px; padding: 0 20px; border-radius: 36px; background: rgba(255,255,255,.1); font-size: 14px; font-weight: 500; line-height: 38px; white-space: nowrap; }
.aviro-hero__pill--a { left: 62px; animation: aviro-fade .7s ease 1.1s both; }
.aviro-hero__pill--b { left: 237px; z-index: 12; animation: aviro-fade .7s ease 1.4s both; }
.aviro-hero__title { z-index: 13; top: 350px; left: 62px; font-size: 82px; line-height: 100px; font-weight: 500; text-transform: uppercase; color: #fff; white-space: nowrap; animation: aviro-slide .8s ease 1.7s both; }
.aviro-hero__text { z-index: 14; top: 572px; left: 62px; font-size: 18px; line-height: 32px; font-weight: 400; color: #fff; white-space: nowrap; animation: aviro-slide .8s ease 2s both; }
.aviro-hero__btn { z-index: 15; top: 673px; left: 62px; display: inline-block; padding: 0 30px; background: #c29f7b; color: #fff; font-size: 16px; line-height: 60px; font-weight: 400; text-decoration: none; transition: background .3s; animation: aviro-slide .8s ease 2.3s both; }
.aviro-hero__btn:hover, .aviro-hero__btn:focus { background: #c18b55; color: #fff; }
@keyframes aviro-fade  { from { opacity: 0; } to { opacity: 1; } }
@keyframes aviro-slide { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: none; } }
.aviro-hero__rings { --x: -50%; }
@keyframes aviro-fade-c { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 1023px) {
  .aviro-hero { height: 700px; }
  .aviro-hero__rings { top: 170px; width: 1026px; }
  .aviro-hero__badge { top: 106px; left: 632px; width: 140px; }
  .aviro-hero__photo { right: 103px; bottom: 49px; width: 450px; }
  .aviro-hero__pill { top: 245px; font-size: 11px; line-height: 32px; padding: 0 17px; }
  .aviro-hero__pill--a { left: 52px; } .aviro-hero__pill--b { left: 201px; }
  .aviro-hero__title { top: 297px; left: 52px; font-size: 69px; line-height: 85px; }
  .aviro-hero__text { top: 486px; left: 52px; font-size: 15px; line-height: 27px; }
  .aviro-hero__btn { top: 572px; left: 52px; font-size: 13px; line-height: 51px; padding: 0 26px; }
}
@media (max-width: 777px) {
  .aviro-hero { height: 500px; }
  .aviro-hero__rings { top: 108px; width: 656px; }
  .aviro-hero__badge { top: 67px; left: 404px; width: 120px; }
  .aviro-hero__photo { right: 65px; bottom: 31px; width: 300px; }
  .aviro-hero__pill { top: 146px; font-size: 13px; line-height: 25px; padding: 0 15px; }
  .aviro-hero__pill--a { left: 33px; } .aviro-hero__pill--b { left: 149px; }
  .aviro-hero__title { top: 192px; left: 33px; font-size: 35px; line-height: 45px; }
  .aviro-hero__text { top: 296px; left: 33px; font-size: 16px; line-height: 30px; white-space: normal; max-width: 80%; }
  .aviro-hero__btn { top: 379px; left: 33px; font-size: 15px; line-height: 50px; padding: 0 25px; }
}
@media (max-width: 479px) {
  .aviro-hero__rings { top: 67px; width: 410px; }
  .aviro-hero__badge { display: none; }
  .aviro-hero__photo { right: 40px; bottom: 19px; width: 200px; }
  .aviro-hero__pill { top: 151px; }
  .aviro-hero__pill--a { left: 20px; } .aviro-hero__pill--b { left: 136px; }
  .aviro-hero__title { top: 204px; left: 20px; font-size: 25px; line-height: 38px; }
  .aviro-hero__text { top: 295px; left: 20px; font-size: 15px; }
  .aviro-hero__btn { top: 386px; left: 20px; font-size: 15px; line-height: 45px; padding: 0 20px; }
}
@media (prefers-reduced-motion: reduce) { .aviro-hero > * { animation: none !important; } }

/* the animated headline strips are wider than the screen: never show a sideways scrollbar */
.wrapper-container { overflow-x: clip; }

/* Fix for the original service pages: the intro heading + paragraph had a fixed pixel width wider than their
   column, so the text ran underneath the photo and was cut off. Let them use the column width instead. */
.elementor-element.elementor-element-26609ea,
.elementor-element.elementor-element-d6257da { width: 100% !important; max-width: 100% !important; }
@media (min-width: 768px) { .elementor-section.elementor-element-0167378 { padding-bottom: 120px !important; } }

/* About page: the slide title ("Our Vision") was printed on top of the "Our Essence" heading. Leave room for the heading. */
@media (min-width: 768px) { .elementor-element-2b8500d .amenities-main .amenities-item { padding-top: 105px !important; } }

/* 360 badge follows the mouse a little, like the original banner */
.aviro-hero__badge { transform: translateX(var(--bx, 0px)); transition: transform .7s cubic-bezier(.215, .61, .355, 1); will-change: transform; }
@media (prefers-reduced-motion: reduce) { .aviro-hero__badge { transition: none; transform: none; } }

/* 360 badge resting place: centred just left of the dark/blue split, near the top (same spot at every screen width) */
.aviro-hero__badge { left: calc(56.4% - 112px); top: 116px; }
@media (max-width: 1023px) { .aviro-hero__badge { left: calc(56.4% - 70px); top: 100px; } }
@media (max-width: 777px)  { .aviro-hero__badge { left: calc(56.4% - 60px); top: 62px; } }

/* Contact page: while the enquiry form is switched off, the map uses the full width (same as the three boxes above) */
.elementor-element-d4b8d1b > .elementor-container:not(:has(form)) > .elementor-element-3c36289 { display: none; }
.elementor-element-d4b8d1b > .elementor-container:not(:has(form)) > .elementor-column { width: 100%; }
.elementor-element-d4b8d1b .elementor-widget-google_maps iframe { width: 100%; }
.elementor-element-d4b8d1b > .elementor-container:not(:has(form)) { max-width: 1410px !important; }
.elementor-element-d4b8d1b > .elementor-container:not(:has(form)) > .elementor-element-93e6316 > .elementor-widget-wrap { padding-left: 10px !important; padding-right: 10px !important; }