@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap'); #wpadminbar{display:none !important;} body{font-family:'Lato',sans-serif;}h1{color:#0B1530;font-family:'Playfair Display',serif;font-size:1.875em;line-height:1;text-transform:capitalize;margin:0 0 50px;}h2{color:#0B1530;font-family:'Playfair Display',serif;font-weight:400;font-size:1.5em;line-height:1.1;margin:0 0 35px;}h3{color:#0B1530;font-family:'Playfair Display',serif;font-weight:400;font-size:1.3em;line-height:1.1;margin:25px 0;}h4{font-family:'Playfair Display',serif;color:#0B1530;font-weight:400;font-size:1.5em;line-height:1.5;margin:25px 0;}p{font-family:'Lato',sans-serif;color:#0B1530;font-size:1em;font-weight:400;line-height:1.875;margin:15px 0;}ul{list-style-type:none;}p a:hover{color:#606060;}#ae_launcher{bottom:80px !important;left:10px !important;right:initial !important;} .disclaimer{background:#ffffff;}.disclaimer p{font-size:0.875em;line-height:1.4;color:#0B1530;}#ae_launcher{bottom:80px !important;left:10px !important;right:initial !important;}  .salon-benefits{--salon-black:#151313;--salon-charcoal:#272222;--salon-cream:#f8f3ed;--salon-rose:#c89a94;--salon-gold:#c7a36b;width:min(94%,1500px);margin:60px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;font-family:Arial,Helvetica,sans-serif;} .salon-card{min-height:280px;perspective:1200px;} .salon-card__inner{position:relative;width:100%;height:100%;min-height:280px;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.25,1),filter .35s ease;} .salon-card:hover .salon-card__inner{transform:rotateY(180deg);filter:drop-shadow(0 20px 25px rgba(0,0,0,.18));} .salon-card__front,.salon-card__back{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(199,163,107,.55);border-radius:5px;overflow:hidden;} .salon-card__front{background:linear-gradient( 135deg,rgba(255,255,255,.95),rgba(248,243,237,.98) );color:var(--salon-black);box-shadow:0 15px 40px rgba(0,0,0,.10),inset 0 0 0 7px rgba(255,255,255,.75),inset 0 0 0 8px rgba(199,163,107,.18);} .salon-card__back{transform:rotateY(180deg);background:radial-gradient(circle at top right,rgba(200,154,148,.22),transparent 40%),linear-gradient(145deg,var(--salon-charcoal),var(--salon-black));color:var(--salon-cream);box-shadow:0 20px 45px rgba(0,0,0,.25),inset 0 0 0 7px rgba(255,255,255,.03),inset 0 0 0 8px rgba(199,163,107,.25);} .salon-card__front::before,.salon-card__back::before{content:"";position:absolute;top:18px;left:18px;right:18px;bottom:18px;border-top:1px solid rgba(199,163,107,.45);border-bottom:1px solid rgba(199,163,107,.45);pointer-events:none;} .salon-card__front::after{content:"";position:absolute;width:170px;height:170px;top:-100px;right:-90px;border-radius:50%;border:1px solid rgba(200,154,148,.28);box-shadow:-55px 55px 0 18px rgba(200,154,148,.05),-95px 95px 0 34px rgba(199,163,107,.04);transition:.6s ease;} .salon-card:hover .salon-card__front::after{transform:rotate(30deg) scale(1.15);}  .salon-card__icon{width:72px;height:72px;min-width:72px;min-height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;border-radius:50%;border:1px solid var(--salon-gold);background:linear-gradient( 145deg,rgba(255,255,255,.96),rgba(200,154,148,.18) );box-shadow:0 10px 22px rgba(0,0,0,.10),inset 0 0 0 5px var(--salon-cream);color:var(--salon-black);font-size:30px;line-height:1;transition:transform .45s ease,box-shadow .45s ease;} .salon-card__icon i,.salon-card__icon svg,.salon-card__icon span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:30px;line-height:1;} .salon-card:hover .salon-card__icon{transform:rotate(360deg) scale(1.08);box-shadow:0 14px 28px rgba(0,0,0,.15),inset 0 0 0 5px var(--salon-cream);}  .salon-card h3{margin:0;max-width:210px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(19px,1.4vw,27px);font-weight:400;line-height:1.25;letter-spacing:.04em;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;} .salon-card h3::after{content:"";width:48px;height:1px;background:var(--salon-gold);margin-top:18px;transition:.35s ease;} .salon-card:hover h3::after{width:82px;} .salon-card:nth-child(2) .salon-card__front,.salon-card:nth-child(4) .salon-card__front{background:linear-gradient( 135deg,rgba(247,233,230,.95),rgba(248,243,237,.98) );}   .header-bar{padding:0 2.6vw;}.header-details{padding-top:5px;padding-bottom:5px;}.logo-wrapper{display:inline-block;width:48%;}.company-details{display:inline-block;width:auto;padding-left:15px;max-width:86%;vertical-align:middle;}.company-details h1,.company-details h1 a,.company-details p.title,.company-details p.title a{font-family:'Playfair Display',serif;font-size:20px;color:#0B1530;line-height:1.1;margin:0 0 5px;text-transform:uppercase;}.company-details p{margin:0;font-size:14px;line-height:1.4;}.top-bar{background:none;height:auto;}.top-bar-section ul li{background:none;}.top-bar-section li:not(.has-form) a:not(.button){font-family:'Lato',sans-serif;text-transform:uppercase;background:none;color:#0B1530;position:relative;font-size:14px;line-height:97px;padding:0 10px;}.top-bar-section ul li:hover:not(.has-form)>a,.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:none;color:#0B1530;line-height:97px;padding:0 10px;}.top-bar-section .has-dropdown>a{padding-right:25px !important;}.top-bar-section .has-dropdown>a:after{border-color:#0B1530 transparent transparent transparent;top:48px;margin-right:11px;}.row.pre-header{background:#f3edeb;display:flex;align-items:center;}.tagline{padding-left:4.8vw;}.tagline p{margin:0;color:#353535;font-family:'Playfair Display',serif;}.header-cta{display:inline-block;width:276px;max-width:100%;text-align:center;padding:6px 15px;font-size:19.5px;font-family:'Playfair Display',serif;color:#353535;background:#FFF8F2;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.header-cta .fa{margin-right:5px;}.header-cta:hover{background:#F8D9CA;} @media only screen and (min-width:1025px){.navigation-wrapper{display:flex;justify-content:flex-end;padding-right:8vw;}.header-bar{display:flex;align-items:center;}.top-bar-section li:not(.has-form) a:not(.button)::before{content:" ";width:2px;height:2px;border-radius:3px;background:#b54c1d;position:absolute;left:calc(50% - 1px);bottom:25px;box-shadow:0;-webkit-transition:all 300ms ease,box-shadow 600ms ease;-moz-transition:all 300ms ease,box-shadow 600ms ease;-ms-transition:all 300ms ease,box-shadow 600ms ease;-o-transition:all 300ms ease,box-shadow 600ms ease;transition:all 300ms ease,box-shadow 600ms ease;opacity:0;}.top-bar-section li.has-dropdown:not(.has-form) a:not(.button)::before{left:calc(50% - 8.5px);}.top-bar-section li:not(.has-form) a:not(.button):hover::before,.top-bar-section li.active:not(.has-form) a:not(.button)::before{opacity:1;box-shadow:0 0 5px 4px #b54c1d;}.top-bar-section .dropdown{background:#FBE9E1;min-width:530px;text-align:left;padding:3vh 2vw 3vh 2vw;left:50%;border-radius:0;box-shadow:2px 8px 10px 0px rgba(0,0,0,0.24);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}.top-bar-section .dropdown li.page_item,.top-bar-section .dropdown li.menu-item{width:50%;display:inline-block;}.top-bar-section .dropdown li:not(.has-form) a:not(.button){background:none;color:#0B1530;font-family:'Lato',sans-serif;font-size:13px;line-height:35px;padding:0 15px;position:relative;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){background:none;color:#0B1530;line-height:35px;padding:0 15px;}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before{content:" ";width:0;height:1px;background:#0B1530;position:absolute;top:calc(50% - 0.5px);left:-5px;box-shadow:none;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button)::before,.top-bar-section .dropdown li.active:not(.has-form) a:not(.button)::before{width:10px;}.slider-wrapper{overflow:hidden;background:#0B1530;height:31vw;}  .strip-padding{padding-left:0 !important;padding-right:0 !important;}.horizontal-padding-large{padding-left:9vw;padding-right:9vw;}.left-padding-large{padding-left:9vw;}.right-padding-large{padding-right:9vw;}.horizontal-padding-medium{padding-left:7vw;padding-right:7vw;}.left-padding-medium{padding-left:7vw;}.right-padding-medium{padding-right:7vw;}.horizontal-padding-small{padding-left:5vw;padding-right:5vw;}.left-padding-small{padding-left:5vw;}.right-padding-small{padding-right:5vw;}.horizontal-padding-xs{padding-left:3vw;padding-right:3vw;}.left-padding-xs{padding-left:3vw;}.right-padding-xs{padding-right:3vw;}  .navigation-wrapper{padding-right:4vw;} .top-bar-section li:not(.has-form) a:not(.button)::before{width:22px;height:2px;left:50%;bottom:24px;border-radius:2px;background:#b54c1d;transform:translateX(-50%) scaleX(0);transform-origin:center;box-shadow:none;opacity:1;} .top-bar-section li.has-dropdown:not(.has-form) a:not(.button)::before{left:calc(50% - 7px);} .top-bar-section li:not(.has-form) a:not(.button):hover::before,.top-bar-section li.active:not(.has-form) a:not(.button)::before{transform:translateX(-50%) scaleX(1);box-shadow:none;} .top-bar-section .dropdown{background:rgba(255,248,242,.985);border:1px solid rgba(11,21,48,.08);border-radius:16px;box-shadow:0 22px 50px rgba(11,21,48,.14);} .top-bar-section .dropdown li:not(.has-form) a:not(.button)::before{background:#b54c1d;} .slider-wrapper{background:#0B1530;}} .caption-slider{position:absolute;bottom:8vh;left:calc(6.6vw - 20px);max-width:calc(100% - 6.6vw - 20px);overflow:hidden;}.caption-slider p.caption{margin:0 0 13px;line-height:1;font-family:'Playfair Display',serif;text-transform:uppercase;color:#FFFFFF;font-size:3.125vw;text-shadow:1px 4px 27px rgba(0,0,0,0.43);text-shadow:1px 4px 1.40625vw rgba(0,0,0,0.43);padding:20px;}.slider-btn{display:inline-block;min-width:254px;text-align:center;background:#b54c1d;font-family:'Playfair Display',serif;font-size:1.25em;color:#0B1530;padding:20px 10px;margin-left:20px;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.slider-btn:hover{background:#FFF8F2;color:#0B1530;}  .row{margin:0 auto;max-width:1366px;width:100%;}.row.full{max-width:100%;}.row.flex-row{display:flex;}.contain-to-grid{background:none !important;}.contain-to-grid .top-bar{max-width:75em;}.page-wrapper{max-width:75rem;clear:both;}.home-bg1{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/home-img1.jpg);}.home-bg2{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/home-img2.jpg);}.home-bg3{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/home-img6.jpg);}.cta-bg{background:right center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/home-img7.jpg) #FFF8F2;}.about-bg1{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/about-img1.jpg);}.about-bg2{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/about-img2.jpg);}.about-bg3{background:right center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/about-img3.jpg) #FFF8F2;}.svc-bg.airbrush-tanning{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/airbrush-tanning.jpg);}.svc-bg.beauty-salon{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/beauty-salon.jpg);}.svc-bg.electrolysis{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/electrolysis.jpg);}.svc-bg.esthetician{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/esthetician.jpg);}.svc-bg.eyebrow-tinting{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/eyebrow-tinting.jpg);}.svc-bg.eyelash-extensions{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/eyelash-extensions.jpg);}.svc-bg.eyelash-lifting{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/eyelash-lifting.jpg);}.svc-bg.eyelash-tinting{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/eyelash-tinting.jpg);}.svc-bg.facial-services{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/facial-services.jpg);}.svc-bg.lip-blushing{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/lip-blushing.jpg);}.svc-bg.microblading{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/microblading.jpg);}.svc-bg.permanent-makeup{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/permanent-makeup.jpg);}.svc-bg.waxing-services{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/waxing-services.jpg);}.svc-bg.wedding-makeup{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/service/wedding-makeup.jpg);}.svc-bg.hair-salon{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/hairsalon-img.jpg);}.svc-bg.hair-color{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/hair-color-img.jpg);}.svc-bg.hair-extensions{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/hair-extensions-img.jpg);}.svc-bg.hair-relaxer{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/hair-relax-img.jpg);}.svc-bg.hair-styling{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/hairstyling-img.jpg);}.svc-bg.keratin-treatments{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/keratine-img.jpg);}.svc-bg.haircuts{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/haircuts-img.jpg);}.svc-bg.mens-hair-cut-styles{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/menscuts-img.jpg);}.svc-bg.mens-beard-shaping{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/beards-img.jpg);}.svc-bg.straight-shave{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/straight-shave-img.jpg);}.svc-bg.manicure{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/manicure-img.jpg);}.svc-bg.pedicure{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/pediucre-img.jpg);}.svc-bg.gel-and-acrylic-nails{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/acrylic-nails-img.jpg);}.svc-bg.nail-art{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/nail-art-img.jpg);}.svc-bg.shellac{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/shellac-img.jpg);}.contact-bg{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/contact-bg.jpg);}.row.home-intro .bg-column{-moz-transform:translateY(-7vh);-webkit-transform:translateY(-7vh);-o-transform:translateY(-7vh);-ms-transform:translateY(-7vh);transform:translateY(-7vh);}.row .bg-column{display:flex;justify-content:right;}.row:not(.home-intro) .bg-column{padding-top:20px;}.bg-holder{width:90%;height:100%;padding:2.3vw;box-shadow:2px 5px 33.6px 6.4px rgba(0,0,0,0.13);background:#FFFFFF;position:relative;max-height:550px;}.bg-holder.mh-580{max-height:580px;}.bg-holder.circle-accent::before{content:" ";width:11.8vw;height:11.8vw;border-radius:50%;position:absolute;right:-6.5vw;bottom:-3.9vw;z-index:-1;-moz-transform:rotate(-120deg);-webkit-transform:rotate(-120deg);-o-transform:rotate(-120deg);-ms-transform:rotate(-120deg);transform:rotate(-120deg);box-shadow:5.9vw -5.9vw 0 2px #FFFFFF,-5.9vw -5.9vw 0 2px #FFFFFF,-5.9vw 5.9vw 0 2px #FFFFFF,5.9vw 5.9vw 0 2px #FFFFFF,0 0 0 2px #FFFFFF;}.bg-holder.circle-accent.complete::before{animation:none;}.bg-holder.circle-accent.top::before{top:-3.9vw;bottom:unset;-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}@keyframes border{0%{box-shadow:5.9vw -5.9vw 0 2px #FFFFFF,-5.9vw -5.9vw 0 2px #FFFFFF,-5.9vw 5.9vw 0 2px #FFFFFF,5.9vw 5.9vw 0 2px #FFFFFF,0 0 0 2px #FFFFFF;} 25%{box-shadow:0 -12.1vw 0 2px #FFFFFF,-5.9vw -5.9vw 0 2px #FFFFFF,-5.9vw 5.9vw 0 2px #FFFFFF,5.9vw 5.9vw 0 2px #FFFFFF,0 0 0 2px #FBE9E1;} 50%{box-shadow:0 -12.1vw 0 2px #FFFFFF,-12.1vw 0px 0 2px #FFFFFF,-5.9vw 5.9vw 0 2px #FFFFFF,5.9vw 5.9vw 0 2px #FFFFFF,0 0 0 2px #FBE9E1;} 75%{box-shadow:0 -12.1vw 0 2px #FFFFFF,-12.1vw 0px 0 2px #FFFFFF,0px 12.1vw 0 2px #FFFFFF,5.9vw 5.9vw 0 2px #FFFFFF,0 0 0 2px #FBE9E1;} 100%{box-shadow:0 -12.1vw 0 2px #FFFFFF,-12.1vw 0px 0 2px #FFFFFF,0px 12.1vw 0 2px #FFFFFF,11.8vw 2vw 0 2px #FFFFFF,0 0 0 2px #FBE9E1;}}span.bg-inner{display:block;height:100%;width:100%;}.row.home-intro .bg-holder{height:calc(100% - 75px);}.intro-text.home-text{padding:6vh 0 6vh 0;}.home-text{position:relative;z-index:2;padding-left:0;padding-right:0;}.home-text p{margin-bottom:25px;}.intro-text .cta-btn-wrapper{padding-top:2vh;}.cta-btn{display:inline-block;min-width:178px;text-align:center;font-size:18px;font-family:'Playfair Display',serif;color:#0B1530;background:#b54c1d;padding:14.5px 10px;margin-right:44px;box-shadow:1px 4px 19px 0px rgba(0,0,0,0.24);-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.cta-btn.alt{background:#FFFFFF;}.cta-btn:hover,.cta-btn.alt:hover{background:#F8D9CA;color:#0B1530;}.badges-bg{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/badges-bg.jpg);border-bottom:17px solid #FBE9E1;position:relative;z-index:1;}.row.badges-row{padding:14vh 0;max-width:990px;}main .content-wrapper h1,main .content-wrapper h2{position:relative;padding-left:20px;display:inline-block;z-index:1;}main .content-wrapper h1::before,main .content-wrapper h2::before{content:" ";width:60px;height:60px;border-radius:30px;background:#b54c1d;position:absolute;left:-7px;top:-15px;z-index:-1;}main .content-wrapper.pink-bg h2::before,main .content-wrapper.orange-bg h2::before{background:#FFFFFF;}ul.icon-list{margin-left:0;}ul.icon-list li{font-size:1em;line-height:1.875;padding-left:30px;position:relative;color:#0B1530;}ul.icon-list li::before{content:"\f054";font-family:'FontAwesome';color:#b54c1d;position:absolute;left:0;top:3px;font-size:.9em;}.pink-bg ul.icon-list li::before{color:#FFFFFF;}h2.large{font-size:2.5em;}main .content-wrapper h2.large::before{width:80px;height:80px;border-radius:40px;top:-18px;left:-4px;}h2.no-accent::before{display:none !important;}.home-svc:nth-child(1) .svc-circle{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/home-img3.jpg);}.home-svc:nth-child(2) .svc-circle{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/home-img4.jpg);}.home-svc:nth-child(3) .svc-circle{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/home-img5.jpg);}.row.home-svc-row{padding:6vh 0;}.svc-circle{border-radius:50%;display:flex;justify-content:center;padding:30px;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;position:relative;overflow:hidden;}.svc-circle::before{content:" ";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.3);-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.svc-circle:hover::before{background:rgba(0,0,0,.6);}.svc-circle span{display:inline-block;text-align:center;font-family:'Playfair Display',serif;font-size:2.5em;line-height:1.5;color:#FFFFFF;position:absolute;bottom:30px;z-index:1;-moz-transform:translateY(0%);-webkit-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);-webkit-transition:all 600ms ease-out;-moz-transition:all 600ms ease-out;-ms-transition:all 600ms ease-out;-o-transition:all 600ms ease-out;transition:all 600ms ease-out;}.svc-circle:hover span{bottom:50%;-moz-transform:translateY(50%);-webkit-transform:translateY(50%);-o-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);}.svc-circle a{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;z-index:2;}.cta-wrapper{padding-left:6.5vw;overflow:hidden;background:#FFF8F2;}.cta-row{padding:7.4vh 0;}.cta-bubble{width:748px;height:748px;max-width:100%;padding:6vw 5vw 5vw;background:#b54c1d;border-radius:50%;display:flex;flex-direction:column;justify-content:center;position:relative;box-shadow:1px 4px 19px 0px rgba(0,0,0,0.24);}.cta-bubble::before{content:" ";position:absolute;width:17vw;height:17vw;border-radius:50%;background:#FFFFFF;top:-2vh;left:-3.3vw;box-shadow:1px 2px 9px 0px rgba(0,0,0,0.24);-moz-transform:rotate(-25deg);-webkit-transform:rotate(-25deg);-o-transform:rotate(-25deg);-ms-transform:rotate(-25deg);transform:rotate(-25deg);transform-origin:left bottom;opacity:0;-webkit-transition:all 800ms ease-out;-moz-transition:all 800ms ease-out;-ms-transition:all 800ms ease-out;-o-transition:all 800ms ease-out;transition:all 800ms ease-out;}.cta-bubble.complete::before{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1;}.cta-bubble *{position:relative;}.cta-bubble h2{line-height:1.25;padding:0 2vw 0 0 !important;margin-bottom:25px;}.cta-bubble h2::before{display:none;}.cta-bubble .cta-btn-wrapper{padding-top:3vh;}.cta-bubble .cta-btn.alt{margin-right:0;}.row.inner-intro{max-width:1530px;padding-top:4vh;padding-bottom:10vh;}.inner-intro .intro-text{padding:6vh 5vw 0 0;}.inner-intro .bg-holder{width:96%;max-height:424px;}.row.inner-intro .bg-column{padding-top:0;align-items:center;}.gallery-wrapper h2{display:none !important;}.about-gallery .gallery-heading{padding:5vh 0;}.about-gallery .gallery-heading h2{margin:0;}.gallery-image::after{content:" ";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.4);opacity:0;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.gallery-image:hover::after{opacity:1;}.pink-bg{background:#b54c1d;}.orange-bg{background:#b54c1d;}.pink-bg *,.orange-bg *,.cta-wrapper.svc-pages *{color:#FFFFFF;}.svc-body h2{margin-top:35px;}.svc-cta-row h2::before{display:none !important;}.cta-wrapper.svc-pages{background:#b54c1d;}.row.svc-cta-row{max-width:990px;padding:13vh 0 15vh;position:relative;z-index:1;}.svc-cta-row h2{font-size:2em;line-height:1.6;margin-bottom:20px;padding:0 !important;} .svc-cta-content{position:relative;isolation:isolate;} .svc-cta-content > *{position:relative;z-index:2;} .svc-cta-content::before{content:" ";width:14vh;height:14vh;border-radius:7vh;position:absolute;top:-4vh;left:-9vh;background:#FFFFFF;z-index:0;box-shadow:1px 2px 9px 0px rgba(0,0,0,0.24);-moz-transform:rotate(-25deg);-webkit-transform:rotate(-25deg);-o-transform:rotate(-25deg);-ms-transform:rotate(-25deg);transform:rotate(-25deg);transform-origin:left bottom;opacity:0;-webkit-transition:all 800ms ease-out;-moz-transition:all 800ms ease-out;-ms-transition:all 800ms ease-out;-o-transition:all 800ms ease-out;transition:all 800ms ease-out;}.svc-cta-content::after{content:" ";width:16vh;height:16vh;border-radius:10vh;position:absolute;bottom:7vh;right:0vh;background:#FFF8F2;z-index:0;box-shadow:1px 2px 9px 0px rgba(0,0,0,0.18);-moz-transform:rotate(25deg);-webkit-transform:rotate(25deg);-o-transform:rotate(25deg);-ms-transform:rotate(25deg);transform:rotate(25deg);transform-origin:right bottom;opacity:0;-webkit-transition:all 800ms ease-out;-moz-transition:all 800ms ease-out;-ms-transition:all 800ms ease-out;-o-transition:all 800ms ease-out;transition:all 800ms ease-out;}.svc-cta-content.complete::before,.svc-cta-content.complete::after{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);} .svc-cta-content.complete::before{opacity:.38;} .svc-cta-content.complete::after{opacity:.82;}.inner-intro.svc .intro-text{padding-bottom:6vh;}.row.gateway-row{display:flex;}.gateway-box.left{padding:9vh 5vw calc(9vh + 53px) 0;}.gateway-box.right{padding:9vh 0 calc(9vh + 53px) 5vw;}.gateway-box h2{padding:0 !important;}.gateway-box .btn-wrapper{position:absolute;bottom:9vh;}.gateway-box .cta-btn{margin:0;}.gateway-box p:last-of-type{margin-bottom:6vh;}.row.svc-title{padding:6vh 0 0;}.content-wrapper.gallery-page{background:#b54c1d;}.row.gallery{padding-bottom:10vh;}.footer-column{display:inline-block;float:left;}.footer-column.c1,.footer-column.c3{width:34%;margin-top:-12px;background:#b54c1d;padding-top:8.5vh;padding-left:5vw;padding-right:3vw;}.footer-column.c2{width:32%;background:#FFF8F2;margin-top:-24px;padding-top:calc(8.5vh + 12px);padding-left:3vw;padding-right:3vw;}.footer-cta{text-align:center;}.row.footer-row{display:flex;min-height:69vh;}.footer-column p{font-size:1.125em;line-height:1.5;}.footer-column p a{color:#0B1530;}.footer-column h2{margin-bottom:25px;}.footer-payment,.footer-social{margin-top:8vh;}.footer-social .fa{color:#606060;font-size:2.5em;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.footer-social a{display:inline-block;margin-right:25px;}.footer-social .fa:hover{color:#0B1530;}svg.payment-icon{-webkit-filter:saturate(0);filter:saturate(0);margin-right:1.6vw;margin-bottom:1.6vw;}.footer-logo{margin-top:8vh;}.footer-cta p{font-family:'Playfair Display',serif;font-size:2.5em;text-transform:uppercase;line-height:1.3;margin:0 0 5vh;}.footer-btn{display:inline-block;width:100%;text-align:center;font-size:1.4em;background:#FFFFFF;padding:20px 10px;border:4px solid #b54c1d;font-family:'Playfair Display',serif;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}.footer-btn:hover{background:#b54c1d;}.contact-row{padding:10vh 0;}.contact-body{padding-left:8.3vw;padding-right:11vw;}.contactForm{margin-top:20px;}.contactForm label{font-weight:normal;display:block;margin-bottom:3px;color:#0B1530;}.contactForm input{width:100%;padding:3px;margin-bottom:5px;}.contactForm textarea{width:100%;}input.fancyInput[type="text"]{font-family:'Lato',sans-serif;padding:12px 25px;font-size:15px;line-height:1.4;height:auto;border:none;border-radius:0;margin-bottom:7px;background:none;color:#0B1530;box-shadow:inset 0px 0px 0px 1px #0B1530;}input.fancyInput[type="text"]::placeholder,textarea.fancyInput[type="text"]::placeholder{color:#0B1530;}.contactForm textarea{width:100%;}textarea.fancyInput[type="text"]{font-family:'Lato',sans-serif;padding:15px 25px;font-size:15px;line-height:1.4;height:100px;border:none;border-radius:0;margin-bottom:7px;background:none;color:#0B1530;box-shadow:inset 0px 0px 0px 1px #0B1530;}.contactForm .captchaWrapper{margin:0 0 5px;padding:10px 25px;font-size:14px;line-height:1.4;height:auto;border:none;border-radius:0;background:none;color:#0B1530;font-weight:bold;min-height:0;margin-bottom:23px;box-shadow:inset 0px 0px 0px 1px #0B1530;text-align:left !important;}.contactForm .captchaWrapper:not(.slideOut) img{max-width:25%;}.contactForm .captchaWrapper input{background:none;border:none;box-shadow:none;display:inline-block;width:auto;font-size:14px;padding:0;margin:0 0 0 25px;color:#0B1530;font-weight:normal;}.contactForm .captchaWrapper input::placeholder{color:#0B1530;}.contactForm .captchaRefresh{vertical-align:top;}.contactForm .submitWrapper{margin-top:5px;}.emailConfirmation{margin:0 auto;}.emailConfirmation h1{color:#00CC00;}.slick-background-wrapper{left:0;position:fixed;top:0;z-index:-1;width:101% !important;overflow:hidden;}.mobile-sticky-cta{display:none;}.landing-page-button-wrapper a{background:#b54c1d;color:#0B1530;padding:3px 15px;font-weight:400;}.landing-page-button-wrapper a:hover{background:#F8D9CA;color:#0B1530;}  .slide-out-wrapper{position:fixed;top:50%;right:2vw;background:#f6f6f6;padding:50px 70px 30px;z-index:99;max-width:570px;border-radius:29px;box-shadow:0px 4px 13px 0px rgba(0,0,0,0.17);-moz-transform:translateX(calc(100% + 2vw)) translateY(-50%);-webkit-transform:translateX(calc(100% + 2vw)) translateY(-50%);-o-transform:translateX(calc(100% + 2vw)) translateY(-50%);-ms-transform:translateX(calc(100% + 2vw)) translateY(-50%);transform:translateX(calc(100% + 2vw)) translateY(-50%);-webkit-transition:all 1.2s ease;-moz-transition:all 1.2s ease;-ms-transition:all 1.2s ease;-o-transition:all 1.2s ease;transition:all 1.2s ease;}.slide-out-wrapper.active{-moz-transform:translateX(0) translateY(-50%);-webkit-transform:translateX(0) translateY(-50%);-o-transform:translateX(0) translateY(-50%);-ms-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%);box-shadow:0px 40px 40px 0px rgba(28,28,28,0.2);}.slide-out-content span.form-title{text-transform:uppercase;font-family:'Lato',sans-serif;font-weight:400;color:#0B1530;font-weight:normal;margin:0 0 10px;font-size:19px;display:block;}.slide-out-form form{margin:0;}.slide-out-wrapper span.form-toggle{position:absolute;left:10px;top:50%;color:#FFFFFF;font-size:18px;width:60px;line-height:85px;text-align:center;background:#b54c1d;-moz-transform:translateX(-100%) translateY(-50%);-webkit-transform:translateX(-100%) translateY(-50%);-o-transform:translateX(-100%) translateY(-50%);-ms-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%);cursor:pointer;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;}.slide-out-wrapper.active span.form-toggle{left:30px;}.slide-out-wrapper span.form-toggle:hover{background:#F8D9CA;}span.toggle-holder{position:relative;left:-5px;}.slide-out-wrapper.active span.toggle-holder{left:5px;}i.toggle-left{display:inline-block;width:14px;height:14px;vertical-align:middle;border-top:2px solid;border-left:2px solid;border-color:#FFFFFF;-moz-transform:rotate(-45deg) translateY(-13%);-webkit-transform:rotate(-45deg) translateY(-13%);-o-transform:rotate(-45deg) translateY(-13%);-ms-transform:rotate(-45deg) translateY(-13%);transform:rotate(-45deg) translateY(-13%);-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;}i.toggle-right{display:inline-block;width:14px;height:14px;vertical-align:middle;border-top:2px solid;border-right:2px solid;border-color:#FFFFFF;-moz-transform:rotate(45deg) translateY(-13%);-webkit-transform:rotate(45deg) translateY(-13%);-o-transform:rotate(45deg) translateY(-13%);-ms-transform:rotate(45deg) translateY(-13%);transform:rotate(45deg) translateY(-13%);-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;}.slide-out-wrapper span.form-toggle:hover i{border-color:#FFFFFF;}input.slideOutInput[type="text"]{font-size:13px;font-family:'Lato',sans-serif;font-weight:300;line-height:1.4;height:auto;border:2px solid #bbbbbb;border-radius:0;padding:10px 10px;margin-bottom:5px;background:#FFFFFF;color:#0B1530;box-shadow:none;}.slide-out-form input[type="text"]::placeholder,.slide-out-form .contactForm textarea::placeholder{color:#0B1530;}.slide-out-form .contactForm textarea{width:100%;line-height:1.4;border:2px solid #bbbbbb;border-radius:0;background:#FFFFFF;color:#0B1530;font-family:'Lato',sans-serif;font-weight:300;padding:10px 25px;font-size:13px;height:90px;margin-bottom:5px;box-shadow:none;}.slide-out-form label{color:#0B1530;font-weight:normal;margin-bottom:3px;}.slide-out-form .contactForm .captchaWrapper{font-size:13px;line-height:1.4;height:auto;border:2px solid #bbbbbb;box-shadow:none !important;background:#FFFFFF;color:#0B1530;font-weight:normal;margin:0 0 3px;min-height:0;padding:0px 25px 0px 0px;overflow:hidden;border-radius:0;}.slide-out-form .contactForm .captchaWrapper input{font-family:'Lato',sans-serif;font-weight:300;border:none;box-shadow:none;display:inline-block;width:auto;font-size:14px;padding:0 15px;margin:0 0 0 30px;color:#0B1530;background:#FFFFFF;}.slide-out-form .contactForm .captchaWrapper img#captchaImage{-webkit-filter:none;filter:none;}.slide-out-form .contactForm .captchaRefresh{vertical-align:middle;max-width:30px;margin-left:3px;}.slide-out-form .contactForm .submitWrapper{text-align:center;margin-top:10px;}.slide-out-form .contactForm .submitWrapper button.submit{color:#0B1530;font-family:'Lato',sans-serif;font-size:14px;background:#b54c1d;text-align:center;cursor:pointer;padding:14px 10px;width:81px;border-radius:0;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-ms-transition:all 400ms ease;-o-transition:all 400ms ease;transition:all 400ms ease;}.slide-out-form .contactForm .submitWrapper button.submit:hover{background:#F8D9CA;color:#0B1530;}   .side-buffer{padding-left:5vw;padding-right:5vw;}.left-buffer{padding-left:5vw;}.right-buffer{padding-right:5vw;}.small-buffer{padding-left:35px;padding-right:35px;}.vertical-padding-xs{padding-top:4.5vh;padding-bottom:4.5vh;}.top-padding-xs{padding-top:4.5vh;}.bottom-padding-xs{padding-bottom:4.5vh;}.vertical-padding-small{padding-top:6vh;padding-bottom:6vh;}.top-padding-small{padding-top:6vh;}.bottom-padding-small{padding-bottom:6vh;}.vertical-padding-medium{padding-top:8vh;padding-bottom:8vh;}.top-padding-medium{padding-top:8vh;}.bottom-padding-medium{padding-bottom:8vh;}.vertical-padding-large{padding-top:12vh;padding-bottom:12vh;}.top-padding-large{padding-top:12vh;}.bottom-padding-large{padding-bottom:12vh;}.vertical-padding-x-large{padding-top:16vh;padding-bottom:16vh;}.top-padding-x-large{padding-top:16vh;}.bottom-padding-x-large{padding-bottom:16vh;}  html{scroll-behavior:smooth;} body{background:radial-gradient(circle at 8% 8%,rgba(244,123,69,.07),transparent 22%),radial-gradient(circle at 92% 24%,rgba(11,21,48,.045),transparent 20%),linear-gradient(180deg,#fffaf6 0%,#FFF8F2 38%,#fffdfb 100%);color:#0B1530;overflow-x:hidden;} body,p,li,a,button,input,textarea{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;} h1,h2,h3,h4{color:#0B1530;letter-spacing:-.018em;} h1{font-size:clamp(2.5rem,4.35vw,5.15rem);line-height:.96;margin-bottom:30px;} h2{font-size:clamp(1.9rem,2.8vw,3.35rem);line-height:1.05;margin-bottom:28px;} h3{line-height:1.2;} p{color:#2e3850;line-height:1.82;} a{transition:color 220ms ease,background-color 220ms ease,border-color 220ms ease,transform 220ms ease,box-shadow 220ms ease;} .row{max-width:1480px;} .content-wrapper{position:relative;}  .row.pre-header{background:#0B1530;min-height:42px;position:relative;overflow:hidden;} .row.pre-header::after{content:"";position:absolute;width:180px;height:180px;right:4vw;top:-120px;border:1px solid rgba(244,123,69,.35);border-radius:58% 42% 62% 38%;transform:rotate(28deg);pointer-events:none;} .tagline p{color:rgba(255,255,255,.84);font-family:'Lato',sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;} .header-cta{width:auto;min-width:250px;background:#b54c1d;color:#FFFFFF;font-family:'Lato',sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:11px 24px;} .header-cta:hover{background:#FFFFFF;color:#0B1530;} .header-bar{background:rgba(255,255,255,.975);box-shadow:0 12px 36px rgba(11,21,48,.07);} .company-details h1,.company-details h1 a,.company-details p.title,.company-details p.title a{color:#0B1530;text-transform:none;} .top-bar-section li:not(.has-form) a:not(.button){color:#0B1530;font-weight:700;letter-spacing:.075em;} .top-bar-section ul li:hover:not(.has-form)>a,.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button):hover{color:#C65A32;}  .cta-btn,.slider-btn,.landing-page-button-wrapper a{border:1px solid #0B1530;border-radius:999px;background:#0B1530;color:#FFFFFF;font-family:'Lato',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 30px rgba(198,90,50,.20);} .cta-btn{min-width:168px;margin-right:14px;padding:15px 24px;} .cta-btn.alt{background:#0B1530;border-color:rgba(11,21,48,.28);color:#FFFFFF;border-color:#0B1530;box-shadow:none;} .cta-btn:hover,.cta-btn.alt:hover,.slider-btn:hover,.landing-page-button-wrapper a:hover{background:#b54c1d;border-color:#0B1530;color:#FFFFFF;transform:translateY(-2px);box-shadow:0 14px 30px rgba(11,21,48,.16);}  main .content-wrapper h1,main .content-wrapper h2{padding-left:0;} main .content-wrapper h1{font-size:clamp(2rem,2.8vw,2.85rem);line-height:1.08;} main .content-wrapper h2{font-size:clamp(1.5rem,2vw,2rem);line-height:1.16;} main .content-wrapper h2.large{font-size:clamp(1.7rem,2.35vw,2.35rem);} main .content-wrapper h1::before,main .content-wrapper h2::before{width:58px;height:3px;border-radius:999px;background:#b54c1d;left:0;top:auto;bottom:-15px;z-index:0;} main .content-wrapper h2.large::before{width:78px;height:3px;border-radius:999px;left:50%;top:auto;bottom:-17px;transform:translateX(-50%);}  .home-intro-section{background:linear-gradient(118deg,rgba(255,248,242,.99) 0%,rgba(255,248,242,.98) 55%,rgba(248,217,202,.42) 100%);overflow:hidden;isolation:isolate;} .home-intro-section::before,.home-intro-section::after{content:"";position:absolute;pointer-events:none;z-index:0;} .home-intro-section::before{width:520px;height:520px;right:-210px;top:-205px;border:1px solid rgba(244,123,69,.24);border-radius:58% 42% 64% 36%;box-shadow:0 0 0 54px rgba(244,123,69,.035),0 0 0 112px rgba(11,21,48,.025);transform:rotate(24deg);} .home-intro-section::after{width:170px;height:260px;left:-72px;bottom:-92px;border:1px solid rgba(11,21,48,.11);border-radius:70% 30% 70% 30%;transform:rotate(-26deg);} .row.home-intro{min-height:690px;align-items:center;padding-top:82px;padding-bottom:82px;position:relative;z-index:1;} .intro-text.home-text{padding:5vh 7vw 5vh 0;} .home-intro .intro-text::after{content:"";display:block;width:118px;height:1px;margin-top:34px;background:linear-gradient(90deg,#b54c1d,rgba(244,123,69,0));} .home-intro .intro-text > p:first-of-type{font-family:'Playfair Display',serif;font-size:clamp(1.12rem,1.5vw,1.4rem);line-height:1.62;color:#0B1530;} .home-intro .cta-btn-wrapper{padding-top:22px;} .row.home-intro .bg-column{transform:none;align-items:center;position:relative;} .row.home-intro .bg-column::before,.row.home-intro .bg-column::after{content:"";position:absolute;pointer-events:none;} .row.home-intro .bg-column::before{width:150px;height:150px;left:-34px;top:28px;background:#b54c1d;border-radius:67% 33% 58% 42%;transform:rotate(28deg);opacity:.92;} .row.home-intro .bg-column::after{width:118px;height:118px;right:-34px;bottom:22px;border:1px solid rgba(11,21,48,.25);border-radius:38% 62% 42% 58%;transform:rotate(-28deg);} .bg-holder{width:100%;max-height:none;padding:12px;background:#FFFFFF;border:1px solid rgba(11,21,48,.07);border-radius:34px 8px 34px 8px;box-shadow:0 30px 76px rgba(11,21,48,.15);} .row.home-intro .bg-holder{height:560px;z-index:1;} .bg-holder .bg-inner{border-radius:26px 5px 26px 5px;} .bg-holder.circle-accent::before{width:104px;height:104px;right:-24px;bottom:-26px;background:#b54c1d;border-radius:62% 38% 18% 82%;box-shadow:none;opacity:.94;transform:rotate(20deg);} .bg-holder.circle-accent.top::before{top:-26px;right:-24px;bottom:auto;transform:rotate(-18deg);}  .badges-bg,.benefits-section{background:radial-gradient(circle at 12% 20%,rgba(244,123,69,.19),transparent 24%),radial-gradient(circle at 86% 88%,rgba(255,255,255,.08),transparent 22%),linear-gradient(135deg,#071126 0%,#0B1530 58%,#132346 100%);border-bottom:0;overflow:hidden;} .benefits-section::before{content:"";position:absolute;width:330px;height:330px;right:-150px;top:-160px;border:1px solid rgba(255,255,255,.10);border-radius:50% 42% 58% 46%;transform:rotate(18deg);} .row.badges-row{max-width:1360px;padding:88px 0;} .salon-benefits{width:100%;margin:0 auto;gap:18px;font-family:'Lato',sans-serif;} .salon-card,.salon-card__inner{min-height:235px;} .salon-card{perspective:none;} .salon-card__inner{transform-style:flat;transition:transform .35s ease,filter .35s ease;} .salon-card:hover .salon-card__inner{transform:translateY(-8px);filter:drop-shadow(0 22px 28px rgba(0,0,0,.20));} .salon-card__front{position:absolute;inset:0;padding:34px 24px;border:1px solid rgba(255,255,255,.15);border-radius:24px 7px 24px 7px;background:rgba(255,255,255,.97);color:#0B1530;box-shadow:0 14px 35px rgba(0,0,0,.10);overflow:hidden;} .salon-card__front::before{content:"";position:absolute;inset:12px;border:1px solid rgba(244,123,69,.18);border-radius:17px 4px 17px 4px;pointer-events:none;} .salon-card__front::after{content:"";position:absolute;width:96px;height:96px;right:-38px;top:-34px;background:#F8D9CA;border:0;border-radius:68% 32% 62% 38%;box-shadow:none;transform:rotate(20deg);transition:transform .45s ease,width .45s ease,height .45s ease;} .salon-card:hover .salon-card__front::after{width:116px;height:116px;transform:rotate(45deg);} .salon-card__back{display:none;} .salon-card__icon{width:68px;height:68px;min-width:68px;min-height:68px;margin-bottom:24px;border:1px solid rgba(244,123,69,.52);background:linear-gradient(145deg,#FBE9E1,#FFFFFF);box-shadow:0 9px 24px rgba(11,21,48,.07);color:#0B1530;} .salon-card:hover .salon-card__icon{transform:rotate(7deg) scale(1.06);box-shadow:0 12px 25px rgba(11,21,48,.10);} .salon-card h3{font-family:'Playfair Display',serif;font-size:clamp(18px,1.25vw,24px);min-height:84px;position:relative;z-index:1;} .salon-card h3::after{background:#b54c1d;height:2px;}  .beauty-services-section{background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 67%,rgba(244,123,69,.045) 67%,rgba(244,123,69,.045) 100%);overflow:hidden;} .beauty-services-section::before{content:"";position:absolute;width:260px;height:260px;left:-150px;bottom:-120px;border:1px solid rgba(244,123,69,.16);border-radius:63% 37% 58% 42%;transform:rotate(-22deg);} .beauty-services-section > .row,.more-services-section > .row{position:relative;} .beauty-services-section .home-text,.more-services-section .home-text{padding-top:78px;padding-bottom:78px;} .beauty-services-section .home-text{padding-right:6vw;} .beauty-services-section .bg-holder,.more-services-section .bg-holder{height:530px;border-radius:8px 34px 8px 34px;} .beauty-services-section .bg-holder .bg-inner,.more-services-section .bg-holder .bg-inner{border-radius:5px 26px 5px 26px;} ul.icon-list li{padding-left:27px;margin:8px 0;} ul.icon-list li::before{content:"";width:8px;height:8px;border-radius:70% 30% 70% 30%;background:#b54c1d;top:11px;transform:rotate(35deg);} ul.icon-list li a{color:#0B1530;border-bottom:1px solid rgba(244,123,69,.22);} ul.icon-list li a:hover{color:#C65A32;border-bottom-color:#b54c1d;}  .home-svc-wrapper,.specialty-section{background:radial-gradient(circle at 12% 92%,rgba(244,123,69,.12),transparent 24%),linear-gradient(180deg,#FFF8F2,#b54c1d);padding-top:82px;padding-bottom:104px;overflow:hidden;} .specialty-section::before,.specialty-section::after{content:"";position:absolute;pointer-events:none;} .specialty-section::before{width:210px;height:210px;top:40px;left:-104px;border:1px solid rgba(11,21,48,.11);border-radius:44% 56% 64% 36%;transform:rotate(-20deg);} .specialty-section::after{width:150px;height:150px;right:-70px;bottom:30px;background:rgba(244,123,69,.09);border-radius:70% 30% 58% 42%;transform:rotate(24deg);} .row.home-svc-row{padding:48px 0 0;} .home-svc{padding-left:12px;padding-right:12px;} .home-svc:nth-child(2){transform:translateY(34px);} .svc-circle{min-height:485px;aspect-ratio:4/5;border-radius:30px 7px 30px 7px;padding:30px;box-shadow:0 22px 50px rgba(11,21,48,.14);transform:translateY(0) scale(1);transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s ease;} .svc-circle::before{background:linear-gradient(180deg,rgba(11,21,48,.035) 12%,rgba(11,21,48,.22) 48%,rgba(11,21,48,.88) 100%);} .svc-circle::after{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.48);border-radius:21px 4px 21px 4px;pointer-events:none;transition:inset .35s ease,border-color .35s ease;} .svc-circle:hover{transform:translateY(-9px) scale(1.01);box-shadow:0 30px 62px rgba(11,21,48,.20);} .svc-circle:hover::before{background:linear-gradient(180deg,rgba(11,21,48,.08) 8%,rgba(11,21,48,.32) 48%,rgba(11,21,48,.94) 100%);} .svc-circle:hover::after{inset:18px;border-color:rgba(244,123,69,.78);} .svc-circle span,.svc-circle:hover span{width:calc(100% - 60px);bottom:40px;top:auto;left:30px;transform:none;text-align:left;font-size:clamp(1.9rem,2.4vw,2.75rem);line-height:1.03;text-shadow:0 4px 20px rgba(0,0,0,.34);} .svc-circle span::after{content:"";display:block;width:44px;height:3px;margin-top:16px;background:#b54c1d;border-radius:999px;transition:width .3s ease;} .svc-circle:hover span::after{width:76px;}  .more-services-section{background:radial-gradient(circle at 82% 10%,rgba(244,123,69,.10),transparent 22%),linear-gradient(180deg,#FFF8F2,#fffaf7);padding-top:78px;overflow:hidden;} .more-services-section::before{content:"";position:absolute;width:300px;height:300px;right:-170px;top:150px;border:1px solid rgba(11,21,48,.08);border-radius:65% 35% 56% 44%;transform:rotate(26deg);} .more-services-section .row:first-child h2{color:#C65A32;font-family:'Lato',sans-serif;font-size:13px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;} .more-services-section .row:first-child h2::after{content:"";display:block;width:58px;height:2px;margin:16px auto 0;background:#b54c1d;} .more-services-section .row.flex-row.vertical-padding-small .home-text{order:2;padding-left:6vw;} .more-services-section .row.flex-row.vertical-padding-small .bg-column{order:1;} .more-services-section .bottom-padding-large{position:relative;z-index:1;} .more-services-section .bottom-padding-large .home-text{margin-top:36px;padding:clamp(44px,5vw,76px);background:radial-gradient(circle at 92% 12%,rgba(244,123,69,.18),transparent 20%),linear-gradient(135deg,#081329,#0B1530 65%,#152647);border:1px solid rgba(255,255,255,.08);border-radius:32px 8px 32px 8px;box-shadow:0 24px 56px rgba(11,21,48,.18);overflow:hidden;} .more-services-section .bottom-padding-large .home-text::after{content:"";position:absolute;width:150px;height:150px;right:-55px;bottom:-74px;border:1px solid rgba(255,255,255,.12);border-radius:64% 36% 62% 38%;transform:rotate(24deg);} .more-services-section .bottom-padding-large .home-text h2,.more-services-section .bottom-padding-large .home-text p{color:#FFFFFF;} .more-services-section .bottom-padding-large .home-text h2::before{background:#b54c1d;} .more-services-section .bottom-padding-large .home-text img{max-width:150px;margin-top:18px;padding:10px;background:#FFFFFF;border-radius:14px;}  .cta-wrapper,.home-final-cta{padding-left:0;background:#0B1530;} .cta-row{padding:108px 5vw;background-position:center;position:relative;overflow:hidden;} .cta-row::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,21,48,.98) 0%,rgba(11,21,48,.91) 46%,rgba(11,21,48,.52) 100%);} .cta-row::after{content:"";position:absolute;width:360px;height:360px;right:4vw;top:50%;border:1px solid rgba(255,255,255,.18);border-radius:68% 32% 60% 40%;transform:translateY(-50%) rotate(24deg);box-shadow:0 0 0 44px rgba(244,123,69,.05);pointer-events:none;} .cta-bubble{width:min(750px,100%);height:auto;max-width:100%;padding:clamp(44px,5vw,78px);border-radius:34px 8px 34px 8px;background:rgba(255,248,242,.98);border:1px solid rgba(255,255,255,.75);box-shadow:0 34px 80px rgba(0,0,0,.28);} .cta-bubble::before{width:82px;height:82px;top:-28px;left:-26px;background:#b54c1d;border-radius:68% 32% 20% 80%;box-shadow:none;} .cta-bubble::after{content:"";position:absolute;width:120px;height:1px;right:42px;top:42px;background:linear-gradient(90deg,rgba(244,123,69,0),#b54c1d);} .cta-bubble h2{color:#0B1530;font-size:clamp(2rem,3vw,3.55rem);}  .footer-wrapper.footer-redesign{position:relative;padding:0;background:#0B1530;overflow:hidden;isolation:isolate;} .footer-wrapper.footer-redesign::before{content:"";position:absolute;width:420px;height:420px;right:-185px;top:145px;border:1px solid rgba(244,123,69,.16);border-radius:63% 37% 56% 44%;transform:rotate(26deg);pointer-events:none;z-index:0;} .footer-wrapper.footer-redesign::after{content:"";position:absolute;width:220px;height:220px;left:-120px;bottom:-96px;background:rgba(244,123,69,.055);border-radius:70% 30% 64% 36%;transform:rotate(-28deg);pointer-events:none;z-index:0;} .footer-callout-row,.footer-info-row,.footer-utility-row{position:relative;z-index:1;width:min(92%,1480px);max-width:1480px;}  .footer-callout-row::before,.footer-callout-row::after,.footer-info-row::before,.footer-info-row::after,.footer-utility-row::before,.footer-utility-row::after{content:none !important;display:none !important;} .footer-callout-row{display:flex;align-items:center;justify-content:space-between;gap:42px;padding:58px clamp(28px,5vw,72px);background:linear-gradient(115deg,#b54c1d 0%,#ef6f3a 100%);border-radius:0 0 34px 8px;box-shadow:0 24px 60px rgba(0,0,0,.18);} .footer-callout-copy{flex:1 1 650px;} .footer-callout-copy p{max-width:860px;margin:0;color:#FFFFFF;font-family:'Playfair Display',serif;font-size:clamp(2rem,3.15vw,4rem);line-height:1.02;letter-spacing:-.025em;text-transform:none;} .footer-callout-action{flex:0 1 300px;} .footer-callout-row .footer-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:16px 28px;border:1px solid #FFFFFF;border-radius:999px;background:#FFFFFF;color:#0B1530;font-family:'Lato',sans-serif;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:none;} .footer-callout-row .footer-btn:hover{background:#0B1530;border-color:#0B1530;color:#FFFFFF;transform:translateY(-2px);} .footer-info-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:clamp(54px,6vw,110px);padding:72px clamp(28px,5vw,72px) 58px;} .footer-info-panel{position:relative;display:block;width:auto !important;min-width:0;min-height:250px;float:none !important;margin:0 !important;padding:0;text-align:left;} .footer-info-panel:first-child{border-right:1px solid rgba(255,255,255,.12);padding-right:clamp(40px,5vw,82px);} .footer-info-panel:last-child{padding-left:clamp(4px,1.5vw,22px);} .footer-info-panel h2,.footer-utility-panel h2{margin:0 0 24px;padding:0;color:#FFFFFF;font-family:'Playfair Display',serif;font-weight:400;letter-spacing:-.015em;} .footer-info-panel h2{font-size:clamp(2rem,2.5vw,3rem);} .footer-info-panel h2::before,.footer-utility-panel h2::before{display:none !important;} .footer-info-panel p,.footer-info-panel p a{color:rgba(255,255,255,.76);} .footer-info-panel p{max-width:560px;margin:0 0 16px;font-size:1.02em;line-height:1.75;} .footer-info-panel p a:hover{color:#b54c1d;} .footer-contact-panel::before,.footer-hours-panel::before{content:"";display:block;width:48px;height:3px;margin-bottom:26px;border-radius:999px;background:#b54c1d;} .footer-utility-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(190px,.55fr) minmax(190px,.55fr);align-items:start;column-gap:clamp(36px,5vw,82px);padding:34px clamp(28px,5vw,72px) 44px;border-top:1px solid rgba(255,255,255,.12);} .footer-utility-panel{display:block;width:auto !important;min-width:0;float:none !important;margin:0 !important;padding:0 !important;} .footer-utility-panel h2{margin-bottom:16px;font-family:'Lato',sans-serif;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.62);} .footer-payment,.footer-social,.footer-logo{margin-top:0;} .footer-payment{position:relative;} .footer-payment h2{display:flex;align-items:center;gap:12px;width:fit-content;margin-bottom:22px;color:rgba(255,255,255,.78);} .footer-payment h2::before,.footer-payment h2::after{content:"" !important;display:block !important;position:static !important;width:28px !important;height:1px !important;margin:0 !important;border-radius:999px !important;background:#b54c1d !important;opacity:.85;transform:none !important;} .footer-payment .payment-methods{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:14px;max-width:680px;margin:0;padding:2px 0 8px;line-height:1;} .footer-payment svg.payment-icon{display:block;float:none;flex:0 0 58px;width:58px !important;height:58px !important;min-width:58px;min-height:58px;margin:0 !important;padding:7px;box-sizing:border-box;overflow:visible;vertical-align:middle;position:relative;top:auto !important;bottom:auto !important;border:1px solid rgba(244,123,69,.95);border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.12),transparent 34%),rgba(244,123,69,.055);opacity:1;filter:sepia(1) saturate(6) hue-rotate(325deg) brightness(1.08) contrast(1.02) !important;box-shadow:0 0 0 1px rgba(244,123,69,.08),0 0 14px rgba(244,123,69,.12),inset 0 0 18px rgba(244,123,69,.035);transform:none !important;transform-origin:center;transition:box-shadow 260ms ease,background-color 260ms ease,border-color 260ms ease,filter 260ms ease;} .footer-payment svg.payment-icon:hover{filter:sepia(1) saturate(7) hue-rotate(325deg) brightness(1.18) contrast(1.04) !important;border-color:#b54c1d;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 35%),rgba(244,123,69,.12);box-shadow:0 0 0 4px rgba(244,123,69,.08),0 0 24px rgba(244,123,69,.42),inset 0 0 18px rgba(244,123,69,.08);} .footer-payment .payment-methods::after{content:"";display:block;flex:0 0 68px;width:68px;height:1px;margin-left:2px;background:linear-gradient(90deg,#b54c1d,rgba(244,123,69,0));opacity:.65;} .footer-social{text-align:left;} .footer-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0 5px;border:1px solid rgba(244,123,69,.42);border-radius:50%;background:rgba(244,123,69,.06);} .footer-social .fa{color:#b54c1d;font-size:1.25em;} .footer-social a:hover{background:#b54c1d;border-color:#b54c1d;transform:translateY(-3px);} .footer-social a:hover .fa{color:#FFFFFF;} .footer-logo{text-align:right;align-self:start;} .footer-logo img{width:100%;max-width:190px;opacity:.48;filter:invert(1) grayscale(1);}  input.fancyInput[type="text"],textarea.fancyInput[type="text"],.contactForm .captchaWrapper{border-radius:10px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(11,21,48,.20);} .slide-out-wrapper{background:#FFF8F2;border-radius:22px;border:1px solid rgba(11,21,48,.08);} .slide-out-wrapper span.form-toggle,.slide-out-form .contactForm .submitWrapper button.submit{background:#b54c1d;color:#FFFFFF;} .slide-out-wrapper span.form-toggle:hover,.slide-out-form .contactForm .submitWrapper button.submit:hover{background:#0B1530;color:#FFFFFF;} .scrollfade,.scroll-trigger{will-change:transform,opacity;} @media only screen and (min-width:1025px) and (max-width:1700px){.bg-holder,.inner-intro .bg-holder{width:100%;}.row .bg-column{justify-content:center;}  .home-svc:nth-child(2){transform:translateY(28px);}} @media only screen and (min-width:1025px) and (max-width:1366px){.company-details h1,.company-details h1 a,.company-details p.title,.company-details p.title a{font-size:18px;}.top-bar-section li:not(.has-form) a:not(.button){font-size:13px;}  .row.home-intro{min-height:620px;} .row.home-intro .bg-holder{height:500px;} .intro-text.home-text{padding-right:5vw;} .svc-circle{min-height:430px;}} @media only screen and (max-width:1024px){ body{background:#FFF8F2;} .header-bar{background:#FFFFFF;box-shadow:0 8px 24px rgba(11,21,48,.08);} .row.pre-header{display:none;} .mobile-navigation{top:24px;right:24px;} span.mobile-navigation.navigation-toggle.active{background:#b54c1d;} .fullwidth-navigation,.fullwidth-navigation .top-bar,.top-bar-section{background:#FFF8F2;} .fullwidth-navigation{box-shadow:0 18px 40px rgba(11,21,48,.13);} .top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button):hover,.top-bar-section ul li:hover:not(.has-form)>a{color:#C65A32;} .mobile-header-bg{height:430px;} .row.home-intro{min-height:0;padding:0;} .intro-text.home-text,.beauty-services-section .home-text,.more-services-section .home-text{padding-top:56px;padding-bottom:56px;} .home-intro-section::before{width:300px;height:300px;} .row.home-intro .bg-holder,.row.inner-intro .bg-holder{height:430px;border-radius:0;} .bg-holder .bg-inner{border-radius:0;} .benefits-section{display:block !important;} .row.badges-row{padding:62px 5vw;} .salon-benefits{grid-template-columns:repeat(2,1fr);} .home-svc-wrapper,.specialty-section{padding-top:56px;padding-bottom:62px;} .home-svc{margin-bottom:18px;} .svc-circle{max-width:none;min-height:380px;aspect-ratio:5/4;} .svc-circle span,.svc-circle:hover span{top:auto;left:30px;bottom:32px;transform:none;} .more-services-section{padding-top:52px;} .cta-row{padding:64px 5vw;} .cta-bubble{padding:48px 8vw;border-radius:22px;} .cta-bubble::before{display:block;width:54px;height:54px;top:-16px;left:-10px;} .row.footer-row,footer.footer-wrapper{background:#0B1530;} .footer-payment .payment-methods{justify-content:center;max-width:100%;} main .columns{padding-left:10vw !important;padding-right:10vw !important;text-align:center;}.side-buffer{padding-left:0;padding-right:0;}.top-space,.bottom-space{margin:0;}.header-bar{padding:20px;}.header-details{padding:0;text-align:center;}.logo-wrapper{width:auto;max-width:none;display:block;text-align:center;margin-bottom:10px;}.company-details{padding-right:15px;}.company-details h1,.company-details h1 a,.company-details p.title,.company-details p.title a{font-size:22px;}.company-details p{font-size:16px;}.mobile-header-bg{height:400px;background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/tablet-slider-NEW.jpg);background-color:#0B1530;}.mobile-navigation{display:block;right:25px;position:absolute;text-transform:uppercase;top:20px;vertical-align:middle;width:auto;height:24px;z-index:999;}span.mobile-navigation.navigation-toggle.active{background:#b54c1d;height:50px;width:50px;border-radius:25px;}i.toggle-bars{display:inline-block;position:relative;color:#0B1530;width:37px;height:7px;}i.toggle-bars::before{content:" ";width:17px;height:2px;background:#0B1530;position:absolute;bottom:0;right:0;}i.toggle-bars::after{content:" ";width:37px;height:2px;background:#0B1530;position:absolute;top:0;right:0;}i.toggle-bars.close{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:50px;height:50px;}i.toggle-bars.close::after{background:#0B1530;top:calc(50% - 1px);left:calc(50% - 15px);width:30px;}i.toggle-bars.close::before{background:#0B1530;width:2px;height:30px;left:calc(50% - 1px);top:calc(50% - 15px);}.fullwidth-navigation{background:#FFFFFF;position:absolute;top:0;z-index:997;width:100%;display:none;}.fullwidth-navigation .top-bar{padding:0;display:block;background:#FFFFFF;height:auto;}.fullwidth-navigation .top-bar-section ul:not(.dropdown){padding-top:10%;}.fullwidth-navigation .title-area{display:none !important;}.top-bar-section{background:#FFFFFF;margin-bottom:10%;}.fullwidth-navigation .top-bar-section ul{position:relative;right:0;width:100%;z-index:997;padding-top:40px;}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown{box-shadow:none;left:100%;}.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li:not(.has-form) a:not(.button){color:#0B1530;line-height:50px;text-align:center;padding:0 !important;font-size:17px !important;}.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button):hover,.top-bar-section ul li:hover:not(.has-form)>a{color:#C65A32;padding:0;line-height:50px;font-size:17px !important;}.top-bar-section .dropdown li:not(.has-form) a:not(.button){color:#0B1530;font-weight:normal;line-height:40px;font-size:17px !important;}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover,.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){background:#FFFFFF;color:#C65A32;line-height:40px;}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown{box-shadow:none;left:100%;border-radius:0;padding-bottom:40px;}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before{display:none;}.top-bar-section ul li{text-align:center;}.top-bar-section li:not(.has-form) a:not(.button){display:inline-block;width:auto;}.top-bar-section .has-dropdown>a:after{right:-20px;margin:0;border:solid 5px;border-color:#0B1530 transparent transparent transparent;top:22px;}.vertical-padding-xs{padding-top:3vh;padding-bottom:3vh;}.top-padding-xs{padding-top:3vh;}.bottom-padding-xs{padding-bottom:3vh;}.vertical-padding-small{padding-top:4vh;padding-bottom:4vh;}.top-padding-small{padding-top:4vh;}.bottom-padding-small{padding-bottom:4vh;}.vertical-padding-medium{padding-top:6vh;padding-bottom:6vh;}.top-padding-medium{padding-top:6vh;}.bottom-padding-medium{padding-bottom:6vh;}.vertical-padding-large{padding-top:6vh;padding-bottom:6vh;}.top-padding-large{padding-top:6vh;}.bottom-padding-large{padding-bottom:6vh;}.vertical-padding-x-large{padding-top:7vh;padding-bottom:7vh;}.top-padding-x-large{padding-top:7vh;}.bottom-padding-x-large{padding-bottom:7vh;}main .columns.strip-padding-mobile{padding-left:0 !important;padding-right:0 !important;}.m-vpad-none{padding-top:0 !important;padding-bottom:0 !important;}.mobile-bg-remove{background:none;}.mobile-hide{display:none !important;}.footer-wrapper a[href^="tel"]{color:inherit;text-decoration:none;}.mobile-sticky-cta{display:block;position:fixed;bottom:10px;left:0;width:100%;z-index:3;}a.sticky-btn{display:inline-block;width:calc(50% - 10px);float:left;text-align:center;color:#0B1530;text-transform:uppercase;font-family:'Lato',sans-serif;background:#b54c1d;border:1px solid #0B1530;padding:10px 5px;margin:0 5px;}.home-bg1{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/home-img1.jpg);}.about-bg1{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/about-img1.jpg);}.svc-bg.airbrush-tanning{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/airbrush-tanning.jpg);}.svc-bg.beauty-salon{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/beauty-salon.jpg);}.svc-bg.electrolysis{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/electrolysis.jpg);}.svc-bg.esthetician{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/esthetician.jpg);}.svc-bg.eyebrow-tinting{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/eyebrow-tinting.jpg);}.svc-bg.eyelash-extensions{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/eyelash-extensions.jpg);}.svc-bg.eyelash-lifting{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/eyelash-lifting.jpg);}.svc-bg.eyelash-tinting{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/eyelash-tinting.jpg);}.svc-bg.facial-services{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/facial-services.jpg);}.svc-bg.lip-blushing{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/lip-blushing.jpg);}.svc-bg.microblading{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/microblading.jpg);}.svc-bg.permanent-makeup{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/permanent-makeup.jpg);}.svc-bg.waxing-services{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/waxing-services.jpg);}.svc-bg.wedding-makeup{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/mobile/wedding-makeup.jpg);}.row.flex-row{display:block;}.row .bg-column{padding:0 !important;}.row.home-intro .bg-column,.row.inner-intro .bg-holder{-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%;display:block;}.row.home-intro .bg-holder,.row.inner-intro .bg-holder{width:100%;height:400px;box-shadow:none;padding:0;}.bg-holder.circle-accent::before{display:none;}.row.inner-intro{padding:0;}.inner-intro .intro-text{padding-top:6vh;padding-bottom:6vh;}ul.icon-list{display:inline-block;text-align:left;}main .content-wrapper h1::before,main .content-wrapper h2::before{display:none;}.svc-circle{max-width:427px;display:inline-block;width:100%;}.svc-circle span,.svc-circle:hover span{top:50%;left:50%;-moz-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);bottom:unset;}.svc-circle::before{background:rgba(0,0,0,.6);}.home-svc:not(:last-of-type){margin-bottom:2vh;}.cta-wrapper{padding:0;}.cta-row{background:#b54c1d;padding:0;}.cta-bubble{width:100%;height:auto;padding:6vh 10vw;border-radius:0;text-align:center;}.row.svc-cta-row{padding:6vh 0;}.svc-cta-row h2{font-size:1.5em;line-height:1.1;margin:25px 0;}.cta-bubble::before{display:none;}.cta-bubble h2{padding:0;}main h2,main h1,.svc-body h2{margin-bottom:25px;}.row.svc-title{padding:4vh 0;}.row.svc-title h1{margin:0;}.row.gateway-row{display:block;}.gateway-box.left{padding:6vh 10vw;}.gateway-box .btn-wrapper{position:static;}.gateway-box.right{padding:0 10vw 6vh;}main .contact-body{padding:0 !important;}.row.footer-row{display:block;min-height:unset;padding:6vh 0;background:#b54c1d;}.footer-column{width:100% !important;text-align:center;padding:0 10vw !important;margin-top:0 !important;}.footer-payment,.footer-social,.footer-logo{margin-top:0;}.footer-contact,.footer-hours-mobile,.footer-payment,.footer-social{margin-bottom:4vh;}svg.payment-icon{float:none;margin:0 .8vw;}.footer-social a{margin:0 12.5px;}footer.footer-wrapper{padding-bottom:70px;background:#b54c1d;}.m-btmpad-none{padding-bottom:0 !important;}.m-toppad-none{padding-top:0 !important;}.submitWrapper .cta-btn{margin:0;}.contact-row{padding:6vh 0;}  body{background:#FFF8F2;} .header-bar{background:#FFFFFF;box-shadow:0 8px 24px rgba(11,21,48,.08);} .row.pre-header{display:none;} .mobile-navigation{top:24px;right:24px;} span.mobile-navigation.navigation-toggle.active{background:#b54c1d;} .fullwidth-navigation,.fullwidth-navigation .top-bar,.top-bar-section{background:#FFF8F2;} .fullwidth-navigation{box-shadow:0 18px 40px rgba(11,21,48,.13);} .top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section li.active:not(.has-form) a:not(.button),.top-bar-section li.active:not(.has-form) a:not(.button):hover,.top-bar-section ul li:hover:not(.has-form)>a{color:#C65A32;} .row.home-intro{min-height:0;padding:0;} .intro-text.home-text,.beauty-services-section .home-text,.more-services-section .home-text{padding-top:58px;padding-bottom:58px;} .home-intro-section::before{width:320px;height:320px;} .home-intro-section::after,.row.home-intro .bg-column::before,.row.home-intro .bg-column::after{display:none;} .row.home-intro .bg-holder,.row.inner-intro .bg-holder{height:430px;border-radius:0;} .bg-holder .bg-inner{border-radius:0;} .benefits-section{display:block !important;} .row.badges-row{padding:64px 5vw;} .salon-benefits{grid-template-columns:repeat(2,1fr);} .home-svc-wrapper,.specialty-section{padding-top:60px;padding-bottom:68px;} .home-svc:nth-child(2){transform:none;} .home-svc{margin-bottom:18px;} .svc-circle{max-width:none;min-height:390px;aspect-ratio:5/4;} .svc-circle span,.svc-circle:hover span{top:auto;left:30px;bottom:32px;transform:none;} .more-services-section{padding-top:54px;} .more-services-section .row.flex-row.vertical-padding-small .home-text,.more-services-section .row.flex-row.vertical-padding-small .bg-column{order:initial;} .more-services-section .row.flex-row.vertical-padding-small .home-text{padding-left:10vw;} .more-services-section .bottom-padding-large .home-text{border-radius:24px 6px 24px 6px;} .cta-row{padding:70px 5vw;} .cta-row::after{display:none;} .cta-bubble{padding:50px 8vw;border-radius:24px 6px 24px 6px;} .cta-bubble::before{display:block;width:56px;height:56px;top:-17px;left:-10px;} .row.footer-row,footer.footer-wrapper{background:#0B1530;}} @media only screen and (max-width:767px){ .footer-callout-row{flex-direction:column;align-items:flex-start;gap:26px;padding:42px 28px;border-radius:0 0 24px 6px;} .footer-callout-action{flex:0 0 auto;width:100%;max-width:320px;} .footer-info-row{grid-template-columns:1fr;row-gap:0;padding:48px 28px 28px;} .footer-info-panel{min-height:0;padding:0 0 34px;text-align:left;} .footer-info-panel:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding-right:0;margin-bottom:34px !important;} .footer-info-panel:last-child{padding-left:0;} .footer-info-panel p{margin-left:0;margin-right:0;} .footer-utility-row{grid-template-columns:1fr;gap:30px;padding:32px 28px 42px;} .footer-payment h2{margin-left:auto;margin-right:auto;} .footer-payment .payment-methods{justify-content:center;max-width:100%;} .footer-payment svg.payment-icon{width:50px !important;height:50px !important;} .footer-payment svg.payment-icon:nth-child(3n+2),.footer-payment svg.payment-icon:nth-child(3n){transform:none;} .footer-payment .payment-methods::after{display:none;} .footer-social,.footer-logo{text-align:left;} .footer-logo img{max-width:170px;}  .header-bar{padding-top:16px;padding-bottom:16px;} .mobile-header-bg{height:330px;} .home-intro .intro-text > p:first-of-type{font-size:1.05rem;} .cta-btn{width:100%;margin:6px 0;} .salon-benefits{grid-template-columns:1fr;gap:14px;} .salon-card,.salon-card__inner{min-height:220px;} .svc-circle{min-height:360px;aspect-ratio:4/5;border-radius:20px 6px 20px 6px;} .svc-circle span,.svc-circle:hover span{width:calc(100% - 44px);left:22px;bottom:26px;font-size:2rem;} .more-services-section .bottom-padding-large .home-text{padding:38px 24px;border-radius:16px;} .cta-row{padding:50px 5vw;} .cta-bubble{padding:38px 24px;} .footer-column.c1,.footer-column.c2,.footer-column.c3{background:#0B1530;} .header-bar{padding-left:0;padding-right:0;}.footer-callout-copy{flex:1 1 100px;}.company-details{max-width:none;}.company-details h1,.company-details h1 a,.company-details p.title,.company-details p.title a{font-size:17px;}.company-details p{font-size:14px;}span.mobile-navigation.navigation-toggle.active{height:40px;width:40px;}i.toggle-bars.close{width:40px;height:40px;}i.toggle-bars.close::before{height:20px;top:calc(50% - 10px);}i.toggle-bars.close::after{width:20px;left:calc(50% - 10px);}.contactForm .captchaWrapper:not(.slideOut) img{max-width:50%;margin-bottom:15px;}main .columns{padding-left:5vw !important;padding-right:5vw !important;}  main .content-wrapper h1{font-size:clamp(1.9rem,8vw,2.3rem);} main .content-wrapper h2{font-size:clamp(1.4rem,6vw,1.8rem);} main .content-wrapper h2.large{font-size:clamp(1.55rem,6.5vw,2rem);} .header-bar{padding-top:16px;padding-bottom:16px;} .mobile-header-bg{height:330px;} .home-intro .intro-text > p:first-of-type{font-size:1.05rem;} .home-intro .intro-text::after{margin-left:auto;margin-right:auto;} .cta-btn{width:100%;margin:6px 0;} .salon-benefits{grid-template-columns:1fr;gap:14px;} .salon-card,.salon-card__inner{min-height:215px;} .svc-circle{min-height:360px;aspect-ratio:4/5;border-radius:22px 6px 22px 6px;} .svc-circle span,.svc-circle:hover span{width:calc(100% - 44px);left:22px;bottom:26px;font-size:2rem;} .more-services-section .bottom-padding-large .home-text{padding:40px 24px;border-radius:20px 6px 20px 6px;} .cta-row{padding:52px 5vw;} .cta-bubble{padding:40px 24px;} .cta-bubble::after{display:none;} .footer-column.c1,.footer-column.c2,.footer-column.c3{background:#0B1530;}} @media only screen and (max-width:500px){ .mobile-header-bg{height:240px;} .row.badges-row{padding:48px 5vw;} .intro-text.home-text,.beauty-services-section .home-text,.more-services-section .home-text{padding-top:44px;padding-bottom:44px;} .svc-circle{min-height:320px;} .mobile-header-bg{height:200px;background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/uploads/sites/1171/2026/07/mobile-slider-NEW.jpg);background-color:#0B1530;}.home-bg1{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/home-img1.jpg);}.about-bg1{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/about-img1.jpg);}.svc-bg.airbrush-tanning{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/airbrush-tanning.jpg);}.svc-bg.beauty-salon{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/beauty-salon.jpg);}.svc-bg.electrolysis{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/electrolysis.jpg);}.svc-bg.esthetician{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/esthetician.jpg);}.svc-bg.eyebrow-tinting{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/eyebrow-tinting.jpg);}.svc-bg.eyelash-extensions{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/eyelash-extensions.jpg);}.svc-bg.eyelash-lifting{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/eyelash-lifting.jpg);}.svc-bg.eyelash-tinting{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/eyelash-tinting.jpg);}.svc-bg.facial-services{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/facial-services.jpg);}.svc-bg.lip-blushing{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/lip-blushing.jpg);}.svc-bg.microblading{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/microblading.jpg);}.svc-bg.permanent-makeup{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/permanent-makeup.jpg);}.svc-bg.waxing-services{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/waxing-services.jpg);}.svc-bg.wedding-makeup{background:center / cover no-repeat url(https://esenciasalonandspa.ca/wp-content/themes/bty/images/small/wedding-makeup.jpg);}main h1{font-size:1.5em;}  .mobile-header-bg{height:240px;} .row.badges-row{padding:50px 5vw;} .intro-text.home-text,.beauty-services-section .home-text,.more-services-section .home-text{padding-top:46px;padding-bottom:46px;} .svc-circle{min-height:320px;} .more-services-section .bottom-padding-large .home-text{margin-top:20px;}} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} .svc-circle,.cta-btn,.slider-btn,a,.salon-card__inner,.salon-card__icon,.salon-card h3::after,.salon-card__front::after,.svc-circle::after,.svc-circle span::after,.home-svc{transition:none !important;} .salon-card:hover .salon-card__inner,.home-svc:nth-child(2){transform:none !important;}}