/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}/* helpers *//* mixins so we can easily change the text underline style (e.g. using background images) later if we want *//* A mixin so it's easier to change the round button colours */.form-loader,.form-loader__inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.form-loader{overflow:visible;padding-top:32px;width:32px}.form-loader,.form-loader__inner{height:0}.form-loader__inner{width:0;box-sizing:border-box;border:0 solid #fff;border-radius:50%;-webkit-animation:a 1.15s infinite ease;animation:a 1.15s infinite ease}@-webkit-keyframes a{0%{width:0;height:0}30%{opacity:1;width:32px;height:32px;border-width:16px}to{opacity:0;width:32px;height:32px;border-width:0}}@keyframes a{0%{width:0;height:0}30%{opacity:1;width:32px;height:32px;border-width:16px}to{opacity:0;width:32px;height:32px;border-width:0}}/* URLs & Paths *//*$svg_path: (../assets/svgs);*//* Colours *//* Fonts *//* Buttons *//* Misc *//* base */*{box-sizing:border-box}/* * N.B. FONT-SIZING * ---------------- * Base font size has been bumped up to 11px from 10px, * this means that the mixin used to size fonts outputs * a rem value that will equate to 1.1 times the value entered */html{font-size:11px}body{font-family:Graphik Web,Graphik,Helvetica Neue,Helvetica,Arial,sans-serif;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;line-height:1.4;color:#787878}body,h1,h2{font-weight:300}h1,h2{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:16.5px;font-size:1.5rem;letter-spacing:0.1em;text-transform:uppercase;color:#488a95}.booking-site h1,.booking-site h2{font-weight:400}h1.h1-second,h2.h1-second{text-transform:none;font-weight:400}h1.product-title,h2.product-title{font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.17);/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem}h3{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:19.8px;font-size:1.8rem;font-weight:300;color:#488a95}h3,h4{letter-spacing:0.1em;text-transform:uppercase}h4{font-weight:600}h4.subtitle{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:9.9px;font-size:0.9rem;font-weight:300}.promoted{font-style:italic;text-transform:none;font-weight:100}.small,small{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:9.9px;font-size:0.9rem}a{color:inherit;text-decoration:underline}a.heavy-link{font-weight:600;text-transform:uppercase;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:12.1px;font-size:1.1rem;color:#488a95}a.back-link,a.heavy-link{text-decoration:none}a.back-link{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:11px;font-size:1rem}ol,ul{padding-left:1.2em;margin:1em 0}strong{font-weight:600}/* Forms */form{max-width:600px}fieldset{border:0;padding:0;margin:1em 0 0}fieldset:first-child{margin-top:0}::-webkit-input-placeholder{color:#aeaeae}:-moz-placeholder{/* Firefox 18- */color:#aeaeae}::-moz-placeholder{/* Firefox 19+ */color:#aeaeae}:-ms-input-placeholder{color:#aeaeae}label{display:block;margin-bottom:0.5em;color:#111b34;padding-left:20px}input[type=date],input[type=email],input[type=number],input[type=password],input[type=phone],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Graphik Web,Graphik,Helvetica Neue,Helvetica,Arial,sans-serif;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem;line-height:1.4;font-weight:400;color:#aeaeae;outline:none}input[type=button].btn-round,input[type=submit].btn-round{color:#fff;border:2px solid #fff;border-radius:50%}input[type=date],input[type=email],input[type=number],input[type=password],input[type=phone],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid #afdee6;padding:20px;font-weight:400;display:inline-block;background:#fff;color:#488a95;text-decoration:none;width:100%}/* Nav */nav ul{list-style:none;padding:0;margin:0;font-weight:300}nav ul li a{text-decoration:none;color:#488a95}@media (min-width:720px){h1,h2{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:27.5px;font-size:2.5rem}h3{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:18.7px;font-size:1.7rem}h3.h3-second{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem}h4{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:18.7px;font-size:1.7rem}h4 .subtitle{font-weight:300;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:9.9px;font-size:0.9rem}/* Nav */nav ul{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:12.1px;font-size:1.1rem;text-transform:uppercase}}/* parts */.icon{width:34px;height:34px}.icon,.panel{display:inline-block}.panel{border:1px solid #afdee6;padding:20px;font-weight:400;background:#fff;color:#488a95;width:100%;text-decoration:none}.panel svg{display:block;height:24px;width:24px;margin-left:10px}.panel svg path{fill:#488a95}.panel-large{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:30px;padding-bottom:30px}.panel-centre,.panel-large{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.panel-centre{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.btn-default,input[type=button],input[type=submit]{border:0;color:#fff;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-weight:300;padding:0.5em 0.8em 0.4em;cursor:pointer;border-radius:0.3em}.btn-bold,.btn-default,input[type=button],input[type=submit]{background:#488a95;font-size:12.1px;font-size:1.1rem;text-decoration:none;text-align:center}.btn-bold{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */display:inline-block;border-radius:0.3em;border:1px solid #488a95;padding:0.3em 0.8em 0.2em;color:#111b34;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;-webkit-transition:all 0.25s;transition:all 0.25s}.btn-bold:hover{background:transparent}.btn-bold:hover,.btn-outline{color:#488a95}.btn-outline{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:12.1px;font-size:1.1rem;text-decoration:none;display:inline-block;text-align:center;text-transform:uppercase;border-radius:0.3em;border:1px solid #488a95;padding:0.3em 0.8em 0.2em;font-weight:400;-webkit-transition:background 0.25s,color 0.25s;transition:background 0.25s,color 0.25s}.btn-outline:hover{background:#488a95;color:#fff}.btn-outline:hover svg{fill:#fff;-webkit-transition:fill 0.25s;transition:fill 0.25s}.btn-outline-bold{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:12.1px;font-size:1.1rem;text-decoration:none;display:inline-block;text-align:center;border-radius:0.3em;border:1px solid #488a95;padding:0.3em 0.8em 0.2em;color:#488a95;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;-webkit-transition:background 0.25s,color 0.25s;transition:background 0.25s,color 0.25s}.btn-outline-bold:hover{background:#488a95;color:#fff}.btn-outline-bold:hover svg{fill:#fff;-webkit-transition:fill 0.25s;transition:fill 0.25s}.btn-urgent{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:12.1px;font-size:1.1rem;text-decoration:none;display:inline-block;text-align:center;border-radius:0.3em;border:1px solid #488a95;padding:0.5em 0.8em 0.4em;background:#111b34;color:#488a95;font-weight:400;text-transform:uppercase;-webkit-transition:background 0.25s,color 0.25s;transition:background 0.25s,color 0.25s}.btn-urgent:hover{background:#488a95;color:#fff}.btn-round{width:70px;height:70px;border-radius:50%;border:2px solid #488a95;text-align:center;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:12.1px;font-size:1.1rem;font-weight:600;text-transform:uppercase;text-decoration:none;color:#488a95;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:10px;-webkit-transition:background 0.25s,color 0.25s;transition:background 0.25s,color 0.25s}.btn-round:hover{background:#488a95;color:#fff}.btn-icon-square{border:1px solid #488a95;padding:0.6em 10px 0.5em 35px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-decoration:none;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:12.1px;font-size:1.1rem;position:relative;color:#488a95;-webkit-transition:background 0.25s,color 0.25s;transition:background 0.25s,color 0.25s;min-width:140px}.btn-icon-square svg{fill:#488a95;width:16px;height:16px;position:absolute;top:50%;left:10px;margin-top:-8px;-webkit-transition:fill 0.25s;transition:fill 0.25s}.btn-icon-square:hover{background:#488a95;color:#fff}.btn-icon-square:hover svg{fill:#fff}.lozenge{background:#afdee6;border-radius:0.3em;color:#488a95;text-transform:uppercase;padding:0.3em 70px 0.2em 0.8em;font-weight:600;text-decoration:none;position:relative;text-align:left}.lozenge .lozenge__cta{position:absolute;right:0.3em;top:50%;margin-top:-10px;font-weight:300}.lozenge .lozenge__cta svg{fill:#488a95;width:10px;height:10px;margin-left:5px}.btn-header-book{text-decoration:none;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:12.1px;font-size:1.1rem;font-weight:300;cursor:pointer;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;border:1px solid #488a95;border-radius:0.3em;padding:0.3em 0.8em 0.2em;color:#fff;border-color:#fff}.link-to-submit,.link-to-submit .wrapper,.page-footer,.page-footer .wrapper{width:100%}.link-to-submit .wrapper,.page-footer .wrapper{margin-top:11px;background:#488a95;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;padding:20px 20px 25px;color:#fff;-webkit-transition:min-height 0.75s,opacity 0.75s,margin-left 0s,color 0.25s;transition:min-height 0.75s,opacity 0.75s,margin-left 0s,color 0.25s;min-height:0;line-height:100%;vertical-align:bottom;letter-spacing:0.15em;text-transform:uppercase;text-decoration:none}.link-to-submit .wrapper,.link-to-submit .wrapper div,.page-footer .wrapper,.page-footer .wrapper div{position:relative}.link-to-submit .wrapper div,.page-footer .wrapper div{z-index:999}.link-to-submit .wrapper:before,.page-footer .wrapper:before{content:" ";position:absolute;bottom:100%;left:50%;height:50px;width:150%;margin-left:-75%;margin-bottom:-40px;background:#488a95;border-top-left-radius:100%;border-top-right-radius:100%;-webkit-transition:all 0.75s;transition:all 0.75s;z-index:100}body.loading-new-page .link-to-submit,body.loading-new-page .page-footer{overflow:visible}body.loading-new-page .link-to-submit .wrapper,body.loading-new-page .page-footer .wrapper{min-height:100%;opacity:0;color:#488a95;-webkit-transition:min-height 0.75s,opacity 0.25s 0.5s,margin-left 0s 0.75s,color 0.25s;transition:min-height 0.75s,opacity 0.25s 0.5s,margin-left 0s 0.75s,color 0.25s;margin-left:0}body.loading-new-page .link-to-submit .wrapper:before,body.loading-new-page .page-footer .wrapper:before{height:900px}.link-to-submit a,.link-to-submit span,.page-footer a,.page-footer span{position:relative;z-index:999}@media (min-width:720px){.link-to-submit,.page-footer{position:fixed;bottom:0;left:0;-webkit-transition:left 0s;transition:left 0s}}@media (min-width:720px){body.loading-new-page .link-to-submit,body.loading-new-page .page-footer{left:100%;-webkit-transition:left 0s 0.75s;transition:left 0s 0.75s}}.link-to-submit{cursor:pointer}.header{top:0;left:0;width:100%;z-index:4999;position:absolute}.header .header__main-nav{display:none}.header .header__inner{background:#488a95;color:#fff;padding:14px 20px;position:relative;/* this is for the bg colour */height:61px}.header .header__inner .container{max-width:1920px;margin-left:auto;margin-right:auto}.header .header__inner .header__logo{text-indent:-9999em;overflow:hidden}.header .header__inner .header__logo svg{width:90px;height:25px;fill:#fff}.header .header__inner .header__secondary-nav{position:absolute;top:18px;right:16px}.header .header__inner .header__secondary-nav .call-now-button svg{display:block;fill:#fff;width:25px;height:25px}.header .header__inner .header__secondary-nav .book-now-button,.header .header__inner .header__secondary-nav .call-now-button{margin-left:20px;border-color:#fff;background-color:#488a95;color:#fff;float:left;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:12.1px;font-size:1.1rem;-webkit-transition:all 0.25s;transition:all 0.25s;-webkit-backface-visibility:hidden;opacity:0.85}.header .header__inner .header__secondary-nav .book-now-button:hover,.header .header__inner .header__secondary-nav .call-now-button:hover{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.header .header__inner .header__secondary-nav .call-now-button--desktop{display:none}.header .header__inner .header__secondary-nav .login-button{display:block;float:left;margin-left:20px;margin-top:-2px;-webkit-transition:all 0.25s;transition:all 0.25s;-webkit-backface-visibility:hidden;opacity:0.85}.header .header__inner .header__secondary-nav .login-button svg{display:none;width:28px;height:28px;fill:#fff}.header .header__inner .header__secondary-nav .login-button svg.beautii-logged-out,body.beautii-logged-in .header .header__inner .header__secondary-nav .login-button svg{display:block}body.beautii-logged-in .header .header__inner .header__secondary-nav .login-button svg.beautii-logged-out{display:none}.header .header__inner .header__secondary-nav .login-button:hover{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.header .header__inner .header__secondary-nav .menu-toggle{float:left;margin-left:20px;margin-top:-3px;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-transition:all 0.25s;transition:all 0.25s;-webkit-backface-visibility:hidden;opacity:0.85}.header .header__inner .header__secondary-nav .menu-toggle svg{fill:#fff;width:30px;height:30px}.header .header__inner .header__secondary-nav .menu-toggle:hover{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.header .header__inner:after,.header .header__inner:before{content:"";display:block;width:100%;height:0;padding-bottom:1.5%;position:absolute;left:0;background-repeat:no-repeat;background-size:115% auto;background-position:bottom;top:100%}.header .header__inner:before{margin-top:2px;/* this is for the border colour */background-image:url(../../src/beautii-library/img/svg/optimised/curve-pale-blue.svg)}.header .header__inner:after{background-image:url(../../src/beautii-library/img/svg/optimised/curve-teal.svg)}.header .header__inner:after,.header .header__inner:before{pointer-events:none}@media (min-width:720px){.header .header__inner:after,.header .header__inner:before{padding-bottom:0.9%}}.overlay-menu--mobile{position:absolute;top:0;left:0;height:0;background:transparent;z-index:6999;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:15.4px;font-size:1.4rem;overflow:hidden;-webkit-transition:background 0.3s ease-out,height 0s ease-out 0.3s;transition:background 0.3s ease-out,height 0s ease-out 0.3s}.overlay-menu--mobile,.overlay-menu--mobile nav,.overlay-menu--mobile nav ul{width:100%}.overlay-menu--mobile nav ul li{min-height:60px}.overlay-menu--mobile nav ul li a{color:#488a95;text-decoration:none;display:inline-block;-webkit-transform:translateX(500px);-ms-transform:translateX(500px);transform:translateX(500px);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.785,0.135,0.150,0.860);transition:-webkit-transform 0.25s cubic-bezier(0.785,0.135,0.150,0.860);transition:transform 0.25s cubic-bezier(0.785,0.135,0.150,0.860);transition:transform 0.25s cubic-bezier(0.785,0.135,0.150,0.860),-webkit-transform 0.25s cubic-bezier(0.785,0.135,0.150,0.860)}.overlay-menu--mobile nav ul li a,.overlay-menu--mobile nav ul li a span{position:relative}.overlay-menu--mobile nav ul li a:before{content:" ";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.overlay-menu--mobile nav ul li.active>a{color:#aeaeae}.overlay-menu--mobile nav ul li.active>a span:after{content:" ";width:100%;height:1px;position:absolute;bottom:-4px;left:0;background:#aeaeae}.overlay-menu--mobile nav ul li.book-now-button a{border-color:#488a95}.overlay-menu--mobile nav ul li:nth-child(2) a{-webkit-transition-delay:0.05s;transition-delay:0.05s}.overlay-menu--mobile nav ul li:nth-child(3) a{-webkit-transition-delay:0.1s;transition-delay:0.1s}.overlay-menu--mobile nav ul li:nth-child(4) a{-webkit-transition-delay:0.15s;transition-delay:0.15s}.overlay-menu--mobile nav ul li:nth-child(5) a{-webkit-transition-delay:0.2s;transition-delay:0.2s}.overlay-menu--mobile nav ul li:nth-child(6) a{-webkit-transition-delay:0.25s;transition-delay:0.25s}.overlay-menu--mobile nav ul li:nth-child(7) a{-webkit-transition-delay:0.3s;transition-delay:0.3s}.overlay-menu--mobile nav ul li:nth-child(8) a{-webkit-transition-delay:0.35s;transition-delay:0.35s}.overlay-menu--mobile nav ul li:nth-child(9) a{-webkit-transition-delay:0.4s;transition-delay:0.4s}.overlay-menu--mobile nav ul li:nth-child(10) a{-webkit-transition-delay:0.45s;transition-delay:0.45s}.overlay-menu--mobile nav ul li.book-now-button a{padding:8px 15px 6px;line-height:1;border:1px solid #488a95;border-radius:0.3em;text-transform:uppercase;color:#488a95;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;text-align:center;white-space:nowrap}.overlay-menu--mobile nav ul li.book-now-button a:hover{background:#488a95;color:#488a95}.overlay-menu--mobile .menu-wrapper{position:absolute;right:-50%;height:100%;width:40%;padding:120px 0 0;background:#fff;overflow:auto;overflow-x:hidden;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.overlay-menu--mobile .menu-wrapper .menu{width:100%;position:relative;left:0;-webkit-transition:left 0.3s,width 0.3s 0.3s,-webkit-transform 0.3s;transition:left 0.3s,width 0.3s 0.3s,-webkit-transform 0.3s;transition:left 0.3s,transform 0.3s,width 0.3s 0.3s;transition:left 0.3s,transform 0.3s,width 0.3s 0.3s,-webkit-transform 0.3s}.overlay-menu--mobile .menu-wrapper .menu .menu-item-has-children .sub-menu{position:absolute;top:0;left:300%;width:100%;-webkit-transition:left 0.5s;transition:left 0.5s}.overlay-menu--mobile .menu-wrapper .menu .menu-item-has-children .sub-menu li a{color:#488a95;margin-right:10px}.overlay-menu--mobile .menu-wrapper .menu .menu-item-has-children .sub-menu li .sub-menu{left:200%;width:90%}.overlay-menu--mobile .menu-wrapper .menu .menu-item-has-children .sub-menu li.active{left:100%}.overlay-menu--mobile .menu-wrapper .menu .menu-item-has-children .sub-menu li.active>a{color:#aeaeae}.overlay-menu--mobile .menu-wrapper .menu .menu-item-has-children.active>.sub-menu,.overlay-menu--mobile .menu-wrapper .menu .menu-item-has-children .sub-menu li.active .sub-menu{left:100%}.overlay-menu--mobile .menu-wrapper .menu .menu-item-has-children.active>.sub-menu>li>a{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.overlay-menu--mobile .more-menu{background:#fff;position:absolute;left:100%;height:100%;width:100%;top:0;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;padding:120px 0 0 14%;overflow:auto}.more-menu-shown.sub-menu-shown .overlay-menu--mobile .more-menu{-webkit-transition-delay:0s;transition-delay:0s}.overlay-menu--mobile .more-menu .back-button{left:14%}.overlay-menu--mobile .more-menu nav ul li:nth-child(2) a{-webkit-transition-delay:0.3s;transition-delay:0.3s;-webkit-transition-delay:0.35s;transition-delay:0.35s}.overlay-menu--mobile .more-menu nav ul li:nth-child(3) a{-webkit-transition-delay:0.4s;transition-delay:0.4s}.overlay-menu--mobile .more-menu nav ul li:nth-child(4) a{-webkit-transition-delay:0.45s;transition-delay:0.45s}.overlay-menu--mobile .more-menu nav ul li:nth-child(5) a{-webkit-transition-delay:0.5s;transition-delay:0.5s}.overlay-menu--mobile .more-menu nav ul li:nth-child(6) a{-webkit-transition-delay:0.55s;transition-delay:0.55s}.overlay-menu--mobile .more-menu nav ul li:nth-child(7) a{-webkit-transition-delay:0.6s;transition-delay:0.6s}.overlay-menu--mobile .more-menu nav ul li:nth-child(8) a{-webkit-transition-delay:0.65s;transition-delay:0.65s}.overlay-menu--mobile .more-menu nav ul li:nth-child(9) a{-webkit-transition-delay:0.7s;transition-delay:0.7s}.overlay-menu--mobile .more-menu nav ul li:nth-child(10) a{-webkit-transition-delay:0.75s;transition-delay:0.75s}.overlay-menu--mobile .more-menu:before{display:none}.overlay-menu--mobile .back-button,.overlay-menu--mobile .close-button,.overlay-menu--mobile .login-button{top:50px;outline:none}.overlay-menu--mobile .back-button svg,.overlay-menu--mobile .close-button svg,.overlay-menu--mobile .login-button svg{fill:#488a95;display:block}.overlay-menu--mobile .back-button{position:absolute;left:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);margin-left:-10px;margin-top:-7px}.overlay-menu--mobile .back-button svg{width:30px;height:30px}.overlay-menu--mobile .login-button{position:fixed;left:100%;-webkit-transition:none;transition:none;display:none!important}.overlay-menu--mobile .login-button svg{display:none;width:20px;height:20px}.overlay-menu--mobile .login-button svg.beautii-logged-out,body.beautii-logged-in .overlay-menu--mobile .login-button svg{display:block}body.beautii-logged-in .overlay-menu--mobile .login-button svg.beautii-logged-out{display:none}.overlay-menu--mobile .close-button{position:fixed;left:-100%;-webkit-transition:all 0.5s;transition:all 0.5s}.overlay-menu--mobile .close-button svg{width:20px;height:20px}/* First level menu shown */.menu-shown .overlay-menu--mobile{background:rgba(0,0,0,.6);height:100%;-webkit-transition:background 0.3s ease-out;transition:background 0.3s ease-out}.menu-shown .overlay-menu--mobile .menu-wrapper{right:0}.menu-shown .overlay-menu--mobile .menu-wrapper .close-button{opacity:0;left:13%;-webkit-transition:none;transition:none}.menu-shown .overlay-menu--mobile .menu-wrapper .login-button{left:60%;-webkit-transition:all 0.5s;transition:all 0.5s}.menu-shown .overlay-menu--mobile .menu-wrapper .menu>li>a{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.menu-shown .overlay-menu--mobile:before{right:35%}/* Second level menu shown */.sub-menu-shown .overlay-menu--mobile .menu-wrapper{width:86%}.sub-menu-shown .overlay-menu--mobile .menu-wrapper .menu{width:50%;-webkit-transition:left 0.3s,width 0.3s,-webkit-transform 0.3s;transition:left 0.3s,width 0.3s,-webkit-transform 0.3s;transition:left 0.3s,transform 0.3s,width 0.3s;transition:left 0.3s,transform 0.3s,width 0.3s,-webkit-transform 0.3s}.sub-menu-shown .overlay-menu--mobile .menu-wrapper .close-button{opacity:1;-webkit-transition:opacity 0.25s ease-in 0.2s;transition:opacity 0.25s ease-in 0.2s}.sub-menu-shown .overlay-menu--mobile .menu-wrapper .login-button{left:57%;-webkit-transition:all 0.5s;transition:all 0.5s}.sub-menu-shown .overlay-menu--mobile:before{right:86%}/* Third level menu shown */.sub-sub-menu-shown .overlay-menu--mobile .menu-wrapper .menu{left:-50%}.csstransforms .sub-sub-menu-shown .overlay-menu--mobile .menu-wrapper .menu{left:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}/* More menu shown */.more-menu-shown .overlay-menu--mobile .menu-wrapper{width:86%}.more-menu-shown .overlay-menu--mobile .more-menu{left:0;-webkit-transition-delay:0.3s;transition-delay:0.3s}.more-menu-shown .overlay-menu--mobile .more-menu .menu>li>a{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.more-menu-shown .overlay-menu--mobile:before{right:86%}.overlay-menu--mobile:before{content:"";display:block;background:#fff;border-radius:100% 0 0 100%;width:80px;position:absolute;top:-50px;bottom:-50px;right:-20%;-webkit-transition:right 0.3s ease-out;transition:right 0.3s ease-out}.overlay-menu--more{position:fixed;top:0;left:0;width:100%;height:0;overflow:hidden;background:rgba(72,138,149,.95);z-index:9999;text-align:center;opacity:0;-webkit-transition:opacity 0.5s,height 0s 0.6s;transition:opacity 0.5s,height 0s 0.6s}.overlay-menu--more .menu-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.overlay-menu--more .menu-wrapper nav ul{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:16.5px;font-size:1.5rem;text-transform:none}.overlay-menu--more .menu-wrapper nav ul li{margin:40px auto 0}.overlay-menu--more .menu-wrapper nav ul li a{color:#488a95}.overlay-menu--more .menu-wrapper nav ul li.book-now-button a{display:block;width:120px;margin:0 auto;padding:6px 0 4px;border:1px solid #488a95;border-radius:0.3em;text-transform:uppercase;color:#488a95;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;outline:none}.overlay-menu--more .menu-wrapper nav ul li.book-now-button a:hover{background:#488a95;color:#fff}.overlay-menu--more .menu-wrapper .close-button{position:absolute;top:16px;right:16px}.overlay-menu--more .menu-wrapper .close-button svg{fill:#afdee6;width:30px;height:30px}@media (max-width:719px){.overlay-menu--more{display:none!important}}@media (min-width:960px){.header{position:fixed}.header .header__inner{text-align:center;padding:0;height:54px}.header .header__inner .container{padding:0 30px}.header .header__inner .header__secondary-nav .call-now-button{display:block}.header .header__inner .header__secondary-nav .call-now-button.call-now-button--desktop{display:none}.header .header__inner .header__main-nav{display:block}.header .header__inner .header__main-nav>ul>li>a{opacity:0.85;-webkit-transition:opacity 0.25s,-webkit-transform 0.25s;transition:opacity 0.25s,-webkit-transform 0.25s;transition:opacity 0.25s,transform 0.25s;transition:opacity 0.25s,transform 0.25s,-webkit-transform 0.25s}.header .header__inner .header__main-nav>ul>li:hover>a{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:1}.header .header__inner .header__main-nav ul{float:left}.header .header__inner .header__main-nav ul li{display:inline-block;text-transform:none;font-weight:400;letter-spacing:0.15em;margin-right:30px}.header .header__inner .header__main-nav ul li a{line-height:66px;color:#fff;display:inline-block;position:relative;top:-3px}.header .header__inner .header__main-nav ul li .sub-menu{top:-100%;left:0;background:#8ec2cd;position:relative;/* this is for the bg colour */position:fixed;padding-top:100px;padding-bottom:30px;z-index:-1;-webkit-transition:top 0.5s 0.75s;transition:top 0.5s 0.75s;text-align:left}.header .header__inner .header__main-nav ul li .sub-menu,.header .header__inner .header__main-nav ul li .sub-menu ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.header .header__inner .header__main-nav ul li .sub-menu ul{max-width:1920px;padding:0 20px;margin:0 auto}.header .header__inner .header__main-nav ul li .sub-menu ul li{margin-right:60px;padding:10px 60px 10px 0}.header .header__inner .header__main-nav ul li .sub-menu ul li a{display:block;margin-bottom:15px;line-height:1.3;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem;font-weight:700;text-transform:uppercase;color:#fff}.header .header__inner .header__main-nav ul li .sub-menu ul li a .image-wrapper{display:block;width:50px;margin-right:10px;-webkit-box-flex:0;-webkit-flex:0 0 50px;-ms-flex:0 0 50px;flex:0 0 50px}.header .header__inner .header__main-nav ul li .sub-menu ul li a .image-wrapper img{width:100%;height:auto;border-radius:50%;display:block}.header .header__inner .header__main-nav ul li .sub-menu ul li ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:auto;padding:0;margin:0}.header .header__inner .header__main-nav ul li .sub-menu ul li ul li{display:block;float:none;margin:0;padding:0;border:none}.header .header__inner .header__main-nav ul li .sub-menu ul li ul li a{margin-bottom:4px;font-weight:300;text-transform:none;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem}.header .header__inner .header__main-nav ul li .sub-menu ul li:last-child{border:0}.header .header__inner .header__main-nav ul li .sub-menu ul li:hover>a{opacity:1}.header .header__inner .header__main-nav ul li .sub-menu ul li.dd-menu__thumbnail{border-radius:50%;overflow:hidden}.header .header__inner .header__main-nav ul li .sub-menu:after,.header .header__inner .header__main-nav ul li .sub-menu:before{content:"";display:block;width:100%;height:0;padding-bottom:1.5%;position:absolute;left:0;background-repeat:no-repeat;background-size:115% auto;background-position:bottom;top:100%}.header .header__inner .header__main-nav ul li .sub-menu:before{margin-top:2px;/* this is for the border colour */background-image:url(../../src/beautii-library/img/svg/optimised/curve-pale-blue.svg)}.header .header__inner .header__main-nav ul li .sub-menu:after{background-image:url(../../src/beautii-library/img/svg/optimised/curve-light-teal.svg)}.header .header__inner .header__main-nav ul li:hover .sub-menu{top:0;-webkit-transition:top 0.5s;transition:top 0.5s}.header .header__inner .header__main-nav ul li.book-now-button,.header .header__inner .header__main-nav ul li.more-menu-button,.header .header__inner .header__main-nav ul li.services-menu .sub-menu .menu-item ul{display:none}.header .header__inner .header__main-nav ul li.services-menu .sub-menu .menu-item__details{max-width:100px}.header .header__inner .header__main-nav ul li.services-menu .sub-menu ul{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.header .header__inner .header__main-nav ul li.image-menu .sub-menu .menu-item__details,.header .header__inner .header__main-nav ul li.looks-menu .sub-menu .menu-item__details{max-width:250px}.header .header__inner .header__main-nav ul li.image-menu .sub-menu ul,.header .header__inner .header__main-nav ul li.looks-menu .sub-menu ul{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.header .header__inner .header__main-nav ul li.image-menu .sub-menu li,.header .header__inner .header__main-nav ul li.looks-menu .sub-menu li,.header .header__inner .header__main-nav ul li.services-menu .sub-menu li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0 1%;border:0}.header .header__inner .header__main-nav ul li.image-menu .sub-menu .menu-item__details,.header .header__inner .header__main-nav ul li.looks-menu .sub-menu .menu-item__details,.header .header__inner .header__main-nav ul li.services-menu .sub-menu .menu-item__details{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%/* fixes IE 11 flex bug */}.header .header__inner .header__main-nav ul li.image-menu .sub-menu a,.header .header__inner .header__main-nav ul li.looks-menu .sub-menu a,.header .header__inner .header__main-nav ul li.services-menu .sub-menu a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0;letter-spacing:0.09rem}.header .header__inner .header__main-nav ul li.image-menu .sub-menu h5,.header .header__inner .header__main-nav ul li.looks-menu .sub-menu h5,.header .header__inner .header__main-nav ul li.services-menu .sub-menu h5{margin:0 0 5px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem;text-transform:uppercase}.header .header__inner .header__main-nav ul li.image-menu .sub-menu p,.header .header__inner .header__main-nav ul li.looks-menu .sub-menu p,.header .header__inner .header__main-nav ul li.services-menu .sub-menu p{margin:0;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:11px;font-size:1rem;font-weight:400;text-transform:none}.header .header__inner .header__main-nav ul li.image-menu .sub-menu p span,.header .header__inner .header__main-nav ul li.looks-menu .sub-menu p span,.header .header__inner .header__main-nav ul li.services-menu .sub-menu p span{position:relative;display:inline-block;width:14px;height:14px;padding:2px;border:1px solid #fff;border-radius:50%;-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}.header .header__inner .header__main-nav ul li.image-menu .sub-menu p svg,.header .header__inner .header__main-nav ul li.looks-menu .sub-menu p svg,.header .header__inner .header__main-nav ul li.services-menu .sub-menu p svg{display:block;position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;fill:#fff}.header .header__inner .header__logo{position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-10px}.header .header__inner .header__logo svg{width:100px;height:28px;display:block}.header .header__inner .header__secondary-nav{float:right;position:static;margin-top:18px}.header .header__inner:after{content:" ";clear:both}.dropdown-menu,.header .header__inner:after,.overlay-menu--more{display:block}.overlay-menu--more{position:fixed;top:0;left:0;width:100%;height:0;overflow:hidden;background:hsla(0,0%,100%,.95);z-index:9999;text-align:center;opacity:0;-webkit-transition:opacity 0.5s,height 0s 0.6s;transition:opacity 0.5s,height 0s 0.6s}.overlay-menu--more .menu-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:1920px;min-height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;margin-left:auto;margin-right:auto}.overlay-menu--more .menu-wrapper nav ul{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:16.5px;font-size:1.5rem;text-transform:none}.overlay-menu--more .menu-wrapper nav ul li{margin:40px auto 0;border-color:#fff}.overlay-menu--more .menu-wrapper nav ul li a{color:#488a95}.overlay-menu--more .menu-wrapper nav ul li a.book-now-button{color:#488a95;border-color:#488a95;margin:80px auto 0}.overlay-menu--more .menu-wrapper .close-button{position:absolute;top:16px;right:30px;cursor:pointer}.overlay-menu--more .menu-wrapper .close-button svg{fill:#488a95;width:30px;height:30px}.overlay-menu--mobile{display:none!important}.menu-shown .overlay-menu--more{height:100%;opacity:1;-webkit-transition:opacity 0.5s 0.1s,height 0s;transition:opacity 0.5s 0.1s,height 0s}}@media (min-width:960px) and (min-width:720px){.header .header__inner .header__main-nav ul li .sub-menu:after,.header .header__inner .header__main-nav ul li .sub-menu:before{padding-bottom:0.9%}}@media (min-width:1060px){.header .header__inner .header__main-nav ul li .sub-menu ul li a .image-wrapper{width:80px;-webkit-box-flex:0;-webkit-flex:0 0 80px;-ms-flex:0 0 80px;flex:0 0 80px}.header .header__inner .header__main-nav ul li.looks-menu .sub-menu li{width:25%}.header .header__inner .header__secondary-nav .call-now-button{display:none}.header .header__inner .header__secondary-nav .call-now-button.call-now-button--desktop{display:block}}@media (min-width:1400px){.header .header__inner .header__main-nav ul li .sub-menu ul li a .image-wrapper{width:120px;-webkit-box-flex:0;-webkit-flex:0 0 120px;-ms-flex:0 0 120px;flex:0 0 120px}}@font-face{font-family:Graphik Web;src:url(../../src/beautii-library/fonts/graphik/Graphik-Semibold-Web.eot);src:url(../../src/beautii-library/fonts/graphik/Graphik-Semibold-Web.eot?#iefix) format("embedded-opentype"),url(../../src/beautii-library/fonts/graphik/Graphik-Semibold-Web.woff2) format("woff2"),url(../../src/beautii-library/fonts/graphik/Graphik-Semibold-Web.woff) format("woff");font-weight:600;font-style:normal;font-stretch:normal}@font-face{font-family:Graphik Web;src:url(../../src/beautii-library/fonts/graphik/Graphik-Medium-Web.eot);src:url(../../src/beautii-library/fonts/graphik/Graphik-Medium-Web.eot?#iefix) format("embedded-opentype"),url(../../src/beautii-library/fonts/graphik/Graphik-Medium-Web.woff2) format("woff2"),url(../../src/beautii-library/fonts/graphik/Graphik-Medium-Web.woff) format("woff");font-weight:500;font-style:normal;font-stretch:normal}@font-face{font-family:Graphik Web;src:url(../../src/beautii-library/fonts/graphik/Graphik-Regular-Web.eot);src:url(../../src/beautii-library/fonts/graphik/Graphik-Regular-Web.eot?#iefix) format("embedded-opentype"),url(../../src/beautii-library/fonts/graphik/Graphik-Regular-Web.woff2) format("woff2"),url(../../src/beautii-library/fonts/graphik/Graphik-Regular-Web.woff) format("woff");font-weight:400;font-style:normal;font-stretch:normal}@font-face{font-family:Graphik Web;src:url(../../src/beautii-library/fonts/graphik/Graphik-Light-Web.eot);src:url(../../src/beautii-library/fonts/graphik/Graphik-Light-Web.eot?#iefix) format("embedded-opentype"),url(../../src/beautii-library/fonts/graphik/Graphik-Light-Web.woff2) format("woff2"),url(../../src/beautii-library/fonts/graphik/Graphik-Light-Web.woff) format("woff");font-weight:300;font-style:normal;font-stretch:normal}body,html{-webkit-overflow-scrolling:touch}body{position:relative}body:before{display:none;content:"mobile"}@media (min-width:720px){body:before{content:"tablet"}}@media (min-width:1060px){body:before{content:"desktop"}}.page-container{width:100%;height:100%;padding-top:61px;overflow:auto;position:relative}img{max-width:100%;height:auto}@media (min-width:720px){.page-container{padding-top:54px}.container{max-width:1060px;padding-left:20px;padding-right:20px;margin:0 auto}}@media (max-width:719px){.mobile-hide{display:none!important}}@media (min-width:720px) and (max-width:1059px){.tablet-hide{display:none!important}}@media (min-width:1060px){.desktop-hide{display:none!important}}footer{position:relative;padding:60px 26px 80px;background:#eee;color:#aeaeae;text-align:center}footer .container{max-width:1920px;padding:0}footer .container:after{content:"";display:table;clear:both}footer .footer__col-01,footer .social-links{margin-top: 10px;margin-bottom:10px}footer .social-links{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}footer .social-links svg{width:24px;height:24px;fill:#8ec2cd}footer nav{text-align:left}footer nav li{margin-bottom:10px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;line-height:18px}footer nav li a{color:#aeaeae;text-decoration:none}footer nav li:last-child{margin-bottom:0}footer nav:after{content:"";display:table;clear:both}footer .footer__tm{margin:20px 0 20px 0;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;line-height:18px;text-align:left;color:#aeaeae;text-transform:none;font-weight:bold;}footer form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}footer form .validation_error{display:none}footer .gform_body{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}footer .gform_body ul{margin:0;padding:0;list-style-type:none}footer .gform_body input[type=text]{height:40px;border:1px solid #8ec2cd;border-radius:0.3em 0 0 0.3em;background:#eee;padding:10px 14px;font-family:Graphik Web,Graphik,Helvetica Neue,Helvetica,Arial,sans-serif;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;line-height:1.4;font-weight:300}footer .gform_body input[type=text]::-webkit-input-placeholder{/* Chrome/Opera/Safari */color:#aeaeae}footer .gform_body input[type=text]::-moz-placeholder{/* Firefox 19+ */color:#aeaeae}footer .gform_body input[type=text]:-ms-input-placeholder{/* IE 10+ */color:#aeaeae}footer .gform_body input[type=text]:-moz-placeholder{/* Firefox 18- */color:#aeaeae}footer .gform_body .validation_message{margin-top:5px;padding-left:15px;text-align:left}footer .gform_footer{width:90px}footer .gform_footer input[type=submit]{width:100%;height:100%;background:#8ec2cd;color:#fff;padding:10px 0;border:none;border-radius:0 0.3em 0.3em 0;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;font-weight:600;text-transform:capitalize;text-align:center}footer .gfield_label{display:none}footer .gform_ajax_spinner{margin-top:10px}footer .footer__newsletter-signup{text-align:left}footer .footer__newsletter-signup .gform_wrapper{margin-top:10px}.footer__payments{padding:30px 30px 40px;background-color:#f1f1f1}.footer__payments .container{max-width:100%}@media (min-width:720px){.footer__payments{padding:15px 0}}@media (min-width:720px){.footer__payments .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}}.footer__payment{margin-bottom:30px;text-align:center}.footer__payment img{display:inline-block;height:20px}@media (min-width:720px){.footer__payment{margin-bottom:0}}.footer__payment:last-child{margin-bottom:0}@media (min-width:720px){.footer__payment:last-child{margin-right:200px}}@media (min-width:720px){.footer__payment img{display:block}}@media (min-width:720px){footer{padding:80px 26px}footer .footer__tm{margin:20 0 40px 0} footer .footer__col{position: relative; float: left; width: 33%; margin: 0;} .footer__col-01,footer .footer__col-02{position:relative}footer .footer__col-01{float:left;width:60%;margin:0}footer .footer__col-02{float:right;width:25%}footer h2{margin-top:0;font-weight:300}footer nav ul{text-transform:none;letter-spacing:0.15em}footer nav ul li{float:left;width:100%}footer .social-links,footer form{-webkit-box-pack:initial;-webkit-justify-content:initial;-ms-flex-pack:initial;justify-content:initial}footer .social-links{overflow:hidden}footer .social-links li{margin-right:10px}footer:after{content:"";display:table;clear:both}}.footer__patron{margin-top:30px;text-align:left}.footer__patron span{opacity:1;display:block;-webkit-transition:opacity 0.1s 0.3s;transition:opacity 0.1s 0.3s}.footer__patron svg{opacity:0;display:block;width:31px;height:30px;-webkit-transition:all 0.3s;transition:all 0.3s}.footer__patron-link{position:relative;display:inline-block;height:30px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem;line-height:30px;text-decoration:none;color:#aeaeae}.footer__patron:hover span{opacity:0;-webkit-transition:opacity 0.1s 0s;transition:opacity 0.1s 0s}.footer__patron:hover svg{opacity:1;-webkit-transform:translateY(-35px);-ms-transform:translateY(-35px);transform:translateY(-35px)}.hero{text-align:center;position:relative;overflow:hidden}.single-treatments .hero{height:75vh;/* iPad with portrait orientation. *//* iPad with landscape orientation. *//* iPhone 5 */padding-top:61px;margin-top:-61px}.hero h1,.hero h2{top:40px;margin-top:0;left:9%;right:9%;font-style:italic;font-weight:100;color:#fff;text-transform:none;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:26.4px;font-size:2.4rem;opacity:0.9}.hero .roundel-btn,.hero h1,.hero h2{position:absolute}.hero .roundel-btn{right:8%;top:10%;color:#111b34;border-color:#111b34}.hero .share-button{position:absolute;bottom:10px;left:5px;z-index:999;padding-right:10px}.hero .share-button svg{width:50px;height:40px;fill:#fff;cursor:pointer;opacity:0.85}.hero .share-button .addthis-toolbox-wrap{position:absolute;top:50%;left:100%;max-width:0;height:40px;margin-top:-20px;-webkit-transition:max-width 0s 0.25s;transition:max-width 0s 0.25s}.hero .share-button .addthis-toolbox-wrap .addthis_sharing_toolbox{padding:8px 15px 8px 10px;border:2px solid #fff;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:36px;opacity:0;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);-webkit-transition:opacity 0.25s,-webkit-transform 0.25s;transition:opacity 0.25s,-webkit-transform 0.25s;transition:opacity 0.25s,transform 0.25s;transition:opacity 0.25s,transform 0.25s,-webkit-transform 0.25s}.hero .share-button .addthis-toolbox-wrap .addthis_sharing_toolbox a{margin:0 5px}.hero .share-button .addthis-toolbox-wrap .addthis_sharing_toolbox a svg{width:20px;height:20px;fill:#fff;display:block}.hero .share-button .addthis-toolbox-wrap .addthis_sharing_toolbox a .pin_it_iframe_widget{display:none}.hero .share-button .addthis-toolbox-wrap .addthis_sharing_toolbox a.addthis_button_email svg{width:15px;height:15px}.hero .share-button .addthis-toolbox-wrap .addthis_sharing_toolbox:before{content:" ";width:10px;height:2px;background:#fff;position:absolute;right:100%;top:50%;margin-top:-1px}.hero .share-button:hover .addthis-toolbox-wrap{max-width:9999em;-webkit-transition:max-width 0s;transition:max-width 0s}.hero .share-button:hover .addthis-toolbox-wrap .addthis_sharing_toolbox{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.hero .breadcrumb{display:none}.hero .breadcrumb .container{max-width:1920px;padding:0}.hero .breadcrumb .container span{display:inline-block;margin-right:10px}.hero .hero__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;margin:0;padding:0 20px}.hero .hero__content h1{position:static;line-height:1;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:24.2px;font-size:2.2rem;font-weight:600;font-style:normal;text-transform:uppercase;color:#488a95}.hero .hero__content h1,.hero .hero__content p{margin:0 0 30px}.hero .hero__content.content-right{margin:0;padding:0 20px}.hero.hero--background-image{height:100vh;padding-top:61px;margin-top:-61px;min-height:640px}.hero.hero--background-image .hero--background-image__inner{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast}.hero.hero--transparent-image{height:75vh;padding-top:61px;margin-top:-61px;background-color:#afdee6}.hero.hero--transparent-image .hero__image{display:block;height:75%;width:auto;max-width:none}.hero.hero--transparent-image .hero--transparent-image__inner{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast}.hero.hero--transparent-image .share-button{display:inline-block;position:static;margin:0;padding:0}.hero.hero--transparent-image .share-button .addthis-toolbox-wrap{left:68px;margin-top:-21px}@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){.single-treatments .hero{height:768px}}@media (device-width:768px) and (device-height:1024px) and (orientation:landscape){.single-treatments .hero{height:576px}}@media screen and (device-aspect-ratio:40/71){.single-treatments .hero{height:426px}}.hero.hero--bookings-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.hero.hero--bookings-block .hero__background-image{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0;margin:0;background-size:cover;background-position:50%;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast}.hero.hero--bookings-block .hero__content-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.hero.hero--bookings-block .hero__content{padding:30px 20px;width:100%;height:auto}.hero.hero--bookings-block .hero__content p{color:#787878}.hero.hero--bookings-block .hero__content.content-right{padding:30px 20px}@media (min-width:720px){.hero.hero--bookings-block .hero__content-container--has-background{padding:80px 60px;background-color:hsla(0,0%,100%,.8)}}.share-button-section svg{fill:#aeaeae}.share-button-section .addthis-toolbox-wrap{margin-top:15px}.share-button-section .addthis-toolbox-wrap .addthis_sharing_toolbox a{margin:0 5px}.share-button-section .addthis-toolbox-wrap .addthis_sharing_toolbox a svg{width:25px;height:25px;fill:#488a95;-webkit-transition:fill 0.25s;transition:fill 0.25s}.share-button-section .addthis-toolbox-wrap .addthis_sharing_toolbox a svg:hover{fill:#aeaeae}.share-button-section .addthis-toolbox-wrap .addthis_sharing_toolbox a .pin_it_iframe_widget{display:none}.zopim{z-index:6998!important}.thumbnail-wrap--round{border-radius:50%;height:200px;width:200px}.image-pair,.thumbnail-wrap--round{overflow:hidden}.image-pair{margin:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.image-pair .image-pair__image-wrap{width:48%}.image-pair .image-pair__image-wrap img{width:100%;display:block}.cta-block{min-height:80vh;text-align:center;padding:0 0 40px}.cta-block h1,.cta-block h2{margin:0 0 20px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:22px;font-size:2rem;font-weight:600}.cta-block h3{margin:50px 0 45px}.cta-block p{margin:0 0 20px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;font-weight:300;line-height:18px;color:#787878}.cta-block .btn-round{margin:0 auto}.cta-block .cta-block__long-copy{display:none}.cta-block.teal{background:#488a95;position:relative}.cta-block.teal a,.cta-block.teal h1,.cta-block.teal h2,.cta-block.teal h3{margin:30px 0;color:#fff}.cta-block.teal a.btn-outline,.cta-block.teal h1.btn-outline,.cta-block.teal h2.btn-outline,.cta-block.teal h3.btn-outline{border-color:#fff;margin:0 auto}.cta-block.teal p{color:#fff;opacity:0.5}.cta-block.teal:before{content:"";display:block;width:100%;height:0;padding-bottom:0.8%;position:absolute;left:0;background-repeat:no-repeat;background-size:115% auto;background-position:bottom;opacity:1;background-image:url(../../src/beautii-library/img/svg/optimised/curve-teal.svg);bottom:100%;background-position:top}.cta-block.cta-block--cols-content .image-pair{display:none}.cta-block+.icon-list__wrap{margin-top:-60px}.cta-block__content{padding:20px;text-align:left}.home .cta-block__content{text-align:center;border-top:1px solid #f1f1f1}.cta-block__content h3{font-weight:600}.cta-block__content .icon-list{padding:0}.cta-block__content .icon-list li .icon-list__text{width:100%;text-align:center}.cta-block__content .icon-list li .icon-list__text p{margin-bottom:0;min-height:90px}.cta-block--left-content .image-pair,.cta-block__content .icon-list li svg{margin:0}.cta-block--left-content .image-pair__image-wrap{display:none}.cta-block--left-content .image-pair__image-wrap:first-child{display:block;width:100%;height:60vh;background-size:cover;background-position:50%;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast}article form{text-align:left;padding:0 20px}article form fieldset{margin-bottom:25px}article form label{color:#fff;padding:0}article form input[type=date],article form input[type=email],article form input[type=number],article form input[type=password],article form input[type=phone],article form input[type=search],article form input[type=tel],article form input[type=text],article form input[type=url],article form textarea{background:transparent;border:1px solid #fff;padding:10px;color:#fff}article form input[type=date]::-webkit-input-placeholder,article form input[type=email]::-webkit-input-placeholder,article form input[type=number]::-webkit-input-placeholder,article form input[type=password]::-webkit-input-placeholder,article form input[type=phone]::-webkit-input-placeholder,article form input[type=search]::-webkit-input-placeholder,article form input[type=tel]::-webkit-input-placeholder,article form input[type=text]::-webkit-input-placeholder,article form input[type=url]::-webkit-input-placeholder,article form textarea::-webkit-input-placeholder{opacity:0.8}article form input[type=date]::-moz-placeholder,article form input[type=email]::-moz-placeholder,article form input[type=number]::-moz-placeholder,article form input[type=password]::-moz-placeholder,article form input[type=phone]::-moz-placeholder,article form input[type=search]::-moz-placeholder,article form input[type=tel]::-moz-placeholder,article form input[type=text]::-moz-placeholder,article form input[type=url]::-moz-placeholder,article form textarea::-moz-placeholder{opacity:0.8}article form input[type=date]:-ms-input-placeholder,article form input[type=email]:-ms-input-placeholder,article form input[type=number]:-ms-input-placeholder,article form input[type=password]:-ms-input-placeholder,article form input[type=phone]:-ms-input-placeholder,article form input[type=search]:-ms-input-placeholder,article form input[type=tel]:-ms-input-placeholder,article form input[type=text]:-ms-input-placeholder,article form input[type=url]:-ms-input-placeholder,article form textarea:-ms-input-placeholder{opacity:0.8}article form input[type=date]:-moz-placeholder,article form input[type=email]:-moz-placeholder,article form input[type=number]:-moz-placeholder,article form input[type=password]:-moz-placeholder,article form input[type=phone]:-moz-placeholder,article form input[type=search]:-moz-placeholder,article form input[type=tel]:-moz-placeholder,article form input[type=text]:-moz-placeholder,article form input[type=url]:-moz-placeholder,article form textarea:-moz-placeholder{opacity:0.8}article form .select-wrapper{border:1px solid #fff}article form .select-wrapper select{display:block;width:100%;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;color:#fff;padding:10px;opacity:0.5}article form input[type=submit].btn-round{margin:35px auto 0;display:block}.text-block{text-align:center;background:#74afb9;color:#fff;padding:40px 20px}.text-block h1,.text-block h2{opacity:0.9;margin-bottom:20px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem;font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.17)}.text-block h1:first-child,.text-block h2:first-child{margin-top:0}.text-block p{margin:0 0 20px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;line-height:1.4;font-weight:300}.text-block p:last-child{margin-bottom:0}.text-block p.emphasis-para{opacity:1;margin:0.5em 0;text-shadow:1px 1px 2px rgba(0,0,0,.17)}.text-block ul{text-align:left}.text-block li{margin-bottom:5px;opacity:0.5}.text-block li:last-child{margin-bottom:0}.text-block .btn-outline-bold,.text-block .btn-round{border-color:#fff;color:#fff}.text-block .btn-round{margin:0 auto}.text-block .read-more{margin-top:30px}.text-block .text-block__image{margin:40px -20px}.text-block .mini-button-grid{margin-top:20px}.service-info .text-block h1,.service-info .text-block h2{margin-bottom:20px}.looks .text-block{text-align:left}.looks .text-block .social-links{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.looks .text-block .social-links li{width:20%}.text-block+.text-block{padding-top:0}.text-block .text-block__cols .text-block__col-01{margin-bottom:20px}.text-block.text-block--teal-background{background:#488a95}.text-block.text-block--teal-background .icon-list__wrap{background:none}.text-block.text-block--teal-background .icon-list{color:#afdee6;opacity:0.5;margin-top:100px}.text-block.text-block--teal-background .icon-list li{border-color:#afdee6}.text-block.text-block--teal-background .icon-list li svg{fill:#afdee6}.text-block.text-block--teal-background .mini-button-grid{margin:50px 0 0;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.text-block.text-block--teal-background .mini-button-grid a{color:#afdee6;border-color:#afdee6;margin-right:20px}.text-block.text-block--teal-background .mini-button-grid a svg{fill:#afdee6}.text-block.text-block--white-background{color:#787878;background:#fff}.text-block.text-block--white-background h2{color:#488a95;text-shadow:none}.text-block.white{background:#fff;color:#787878;position:relative} /* this is for the bg colour */.text-block.white h1,.text-block.white h2{color:#488a95;text-shadow:none}.text-block.white p{min-width:60%}.text-block.white:after,.text-block.white:before{content:"";display:block;width:100%;height:0;padding-bottom:1.5%;position:absolute;left:0;background-repeat:no-repeat;background-size:115% auto;background-position:bottom;bottom:100%;background-position:top}@media (min-width:720px){.text-block.white:after,.text-block.white:before{padding-bottom:0.9%}}.text-block.white:before{margin-top:2px;/* this is for the border colour */background-image:url(../../src/beautii-library/img/svg/optimised/curve-pale-blue.svg)}.text-block.white:after{background-image:url(../../src/beautii-library/img/svg/optimised/curve-white.svg)}.text-block.white:before{margin-top:0;margin-bottom:2px}.text-block.navy-blue{background:#111b34}.text-block.text-block--border-top .text-block__text{padding:80px 0;border-top:1px solid #afdee6}.text-block.text-block--image-right .text-block__image{margin-bottom:20px;margin-top:0}.text-block--image img{display:block;margin:0 auto}.image-caption{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem;padding-top:10px;text-align:right}.image-block{position:relative}.image-block img{display:block;width:100%;margin:0 auto}.image-block .image-block__content{position:absolute;bottom:30px;left:20px;color:#fff}.image-block .image-block__content h3,.image-block .image-block__content h4{color:#fff;margin:0}.icon-list{list-style:none;padding:0 20px;color:#488a95;width:200px;margin:50px auto}.icon-list li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:30px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.icon-list li svg{fill:#488a95;margin-right:50px;-webkit-box-flex:0;-webkit-flex:0 0 34px;-ms-flex:0 0 34px;flex:0 0 34px}.icon-list li .icon-list__text{text-align:left}.icon-list li .icon-list__text h4{margin:0 0 5px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;font-weight:600;line-height:18px}.icon-list li .icon-list__text h5{margin:0}.icon-list li .icon-list__text p{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;font-weight:300;line-height:1.4}.icon-list li:first-child{margin-bottom:0}.cta-block+.icon-list{margin-top:0}.cta-block+.icon-list__wrap .icon-list{margin-top:-15px}.hashtag-header .hashtag-header__content,.hashtag-header .social-links{float:left;width:50%}.hashtag-header .hashtag-header__content{text-align:left}.hashtag-header .hashtag-header__content .hashtags{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:26.4px;font-size:2.4rem;font-weight:600;text-transform:uppercase}.hashtag-header .hashtag-header__content h2{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:33px;font-size:3rem;font-weight:600;line-height:0.8}.hashtag-header .social-links{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.hashtag-header .social-links li{margin-left:20px}.hashtag-header:after{content:" ";display:block;clear:both}.page__header{padding:30px 20px}.page__header h1{text-align:center;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:22px;font-size:2rem;margin:0 0 20px}.page__header .social-links li a svg{width:25px;height:25px}.blog .page-header{display:none}.twin-cta{position:relative;list-style:none;margin:0 auto;padding:0;color:#fff;width:100%}.twin-cta .twin-cta__cols-wrap{background:#fff}.twin-cta .twin-cta__cols-wrap .twin-cta__col{width:50%;float:left;text-align:center;position:relative}.twin-cta .twin-cta__cols-wrap .twin-cta__col:before{content:"";display:block;width:100%;height:0;padding-bottom:0.8%;position:absolute;left:0;background-repeat:no-repeat;background-size:115% auto;background-position:bottom;opacity:1;background-image:url(../../src/beautii-library/img/svg/optimised/curve-white.svg);bottom:100%;background-position:top}.twin-cta .twin-cta__cols-wrap .container{width:100%}.twin-cta .twin-cta__cols-wrap:after{content:" ";display:block;clear:both}.twin-cta .twin-cta__images{position:relative;overflow:hidden}.twin-cta .twin-cta__images .twin-cta__col{height:0;padding-bottom:50%;position:relative;overflow:hidden}.twin-cta .twin-cta__images .twin-cta__col,.twin-cta .twin-cta__images .twin-cta__col a{background-size:cover;background-position:50%;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast}.twin-cta .twin-cta__images .twin-cta__col a{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all 0.4s ease;transition:all 0.4s ease}.twin-cta .twin-cta__images .twin-cta__col a:hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.twin-cta .twin-cta__images .twin-cta__col img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.twin-cta .twin-cta__images .twin-cta__images-content{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.twin-cta .twin-cta__images .twin-cta__images-content h2{color:#fff;font-weight:400}.twin-cta .twin-cta__images .twin-cta__images-content .twin-cta__images-content--more{display:none}.twin-cta .twin-cta__images .twin-cta__transparent-image-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;background:#74afb9;height:40vh/* iPad with portrait orientation. *//* iPad with landscape orientation. */} /* iPhone 5 */.twin-cta .twin-cta__images .twin-cta__transparent-image-wrap img{height:80%;width:auto}.twin-cta .twin-cta__images .twin-cta__transparent-image-wrap:first-child{background:#afdee6}.twin-cta .twin-cta__content .twin-cta__col{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;padding:20px 0}.twin-cta .twin-cta__content .twin-cta__col .service-list__item{width:100%;display:block}.twin-cta .twin-cta__content .twin-cta__col h3{margin:0;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:15.4px;font-size:1.4rem;font-weight:600;text-shadow:none}.twin-cta .twin-cta__content .twin-cta__col p{margin-bottom:20px;color:#787878}.twin-cta .twin-cta__content .twin-cta__col a svg{fill:#fff;width:40px;height:40px}.twin-cta .twin-cta__col-01,.twin-cta .twin-cta__col-02{width:50%}.twin-cta--white .twin-cta{background:#fff;color:#488a95}.twin-cta--white .twin-cta .twin-cta__content .twin-cta__col h2{color:#488a95;text-shadow:none}.twin-cta--white .twin-cta .twin-cta__content .twin-cta__col a svg{fill:#488a95}@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){.twin-cta .twin-cta__images .twin-cta__transparent-image-wrap{height:409.6px}}@media (device-width:768px) and (device-height:1024px) and (orientation:landscape){.twin-cta .twin-cta__images .twin-cta__transparent-image-wrap{height:307.2px}}@media screen and (device-aspect-ratio:40/71){.twin-cta .twin-cta__images .twin-cta__transparent-image-wrap{height:227.2px}}.service-grid{background:#fff;color:120,120,120;text-align:center;position:relative;padding:40px 20px}.service-grid h1,.service-grid h2{opacity:0.9;color:#488a95;text-shadow:none;margin-bottom:20px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem}.service-grid h1:first-child,.service-grid h2:first-child{margin-top:0}.service-grid p{min-width:60%}.intro-block{padding:52px 26px 26px;background:#488a95;color:#fff;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;line-height:1.4}.intro-block h1{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:19.8px;font-size:1.8rem}.intro-block h1,.intro-block h2{color:#fff;margin:0 0 26px;text-transform:uppercase;font-weight:400}.intro-block h2{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem}.intro-block p{margin:0 0 20px;color:#f1f1f1}.btn-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.btn-group a{min-width:45%}.social-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;list-style:none;margin:0;padding:0}.social-links li a svg{fill:#488a95}.mini-image-grid img{vertical-align:top;margin:0 10px}.mini-button-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-10px auto}.mini-button-grid a{margin:10px 0}.image-cat-hair{background-color:#93cccc}.image-cat-makeup{background-color:#91c2cc}.image-cat-nails{background-color:#a6dae3}.instagram-feed-wrap{max-width:1920px;margin:0 auto;padding:20px;overflow:hidden}body.page-template-boxed-template .instagram-feed-wrap{padding:30px 0;background:#fff;border-top:1px solid #f1f1f1}body.page-template-boxed-template .instagram-feed-wrap .instagram-feed{padding:0}.instagram-feed-wrap .instagram-feed{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -10px 10px;padding:0 20px}.instagram-feed-wrap .instagram-feed .instagram-feed__image-wrap{padding:10px;width:50%;float:left}.instagram-feed-wrap .instagram-feed .instagram-feed__image-wrap a{display:block;position:relative;height:0;padding-bottom:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast}.instagram-feed-wrap .instagram-feed .instagram-feed__image-wrap a span{opacity:0;position:absolute;top:50%;left:50%;text-align:center;color:#fff;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.instagram-feed-wrap .instagram-feed .instagram-feed__image-wrap a:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:transparent;-webkit-transition:background 0.25s ease;transition:background 0.25s ease}.instagram-feed-wrap .instagram-feed .instagram-feed__image-wrap a:hover span{opacity:1;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease}.instagram-feed-wrap .instagram-feed .instagram-feed__image-wrap a:hover:before{background:rgba(45,48,58,.4)}.instagram-feed-wrap .instagram-header{margin-bottom:10px;text-align:center}.instagram-feed-wrap .instagram-header h3{margin:0 0 10px;text-transform:none;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:19.8px;font-size:1.8rem;font-weight:600}.instagram-feed-wrap .instagram-header a{display:inline-block;margin-bottom:10px;text-transform:uppercase;text-decoration:none;color:#488a95;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem}.instagram-feed-wrap .instagram-header .instagram-header__svg{display:block;width:24px;height:24px;margin:0 auto 10px}.instagram-feed-wrap .instagram-header svg{display:block;width:100%;height:100%;margin:0 auto;fill:#488a95}.instagram-feed-wrap.instagram-feed-wrap--bordered{border-top:1px solid #f1f1f1}.divider{display:block;width:100%;max-width:1920px;height:1px;margin:30px auto;padding:0;border:0;border-top:1px solid #f1f1f1}.divider.divider--green{border-color:#488a95}@media (max-width:719px){.hero.hero--bookings-block.hero--square-mobile-image{height:auto!important}.hero.hero--bookings-block.hero--square-mobile-image .hero__background-image{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding-bottom:100%;height:0}}@media (min-width:720px){.service-grid{padding:60px 0}.service-grid h1,.service-grid h2{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:26.4px;font-size:2.4rem}.service-grid p{max-width:60%;margin:0 auto 20px}.text-block{padding:60px 0}.text-block h1,.text-block h2{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:26.4px;font-size:2.4rem}.text-block .text-block__image{margin:0}.text-block .text-block__cols{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.text-block .text-block__cols .text-block__col-01,.text-block .text-block__cols .text-block__col-02{width:48%;margin-bottom:0}.text-block .text-block__cols .text-block__text{text-align:left}.text-block .text-block__cols .text-block__text p:first-child{margin-top:0}.text-block .text-block__image-grid{margin-bottom:-40px}.text-block .text-block__image-grid .text-block__image{margin-bottom:40px}.text-block.white p{max-width:60%;margin:0 auto 20px}.text-block.text-block--border-top{padding:0}.text-block.text-block--image-right .text-block__text{width:40%;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.text-block.text-block--image-right .text-block__image{width:48%;margin:0;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.mini-button-grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%}.mini-button-grid a{margin:5px 10px}.icon-list__wrap .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.icon-list__wrap.icon-list--no-title li{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.icon-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;padding:60px 0;border-top:1px solid #f1f1f1}.icon-list,.icon-list li{margin:0}.icon-list li{padding:0 30px;width:25%}.icon-list li svg{margin-right:30px}.icon-list li .icon-list__text h5{padding:0;margin:25px 0}.icon-list li:first-child{padding-left:0;border-left:0}.icon-list li:last-child{padding-right:0}.cta-block+.icon-list__wrap,.cta-block+.icon-list__wrap .icon-list{margin-top:0}.page-header{padding:80px 0 50px}.page-header .social-links,.page-header h1{width:50%;float:left}.page-header h1{text-align:left;margin:0;font-weight:600}.page-header .social-links{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.page-header .social-links li{margin-left:20px}.page-header:after{content:" ";clear:both}.blog .page-header,.page-header:after{display:block}.blog .page-header{background:none}.blog .page-header .container{width:100%}.blog .page-header:before{content:none}.blog .article-grid{padding:0}.single-treatments .hero{height:80vh;padding-top:54px;margin-top:-54px}.hero .hero__content{width:50%;margin-right:auto;margin-left:0;padding:0 0 0 5%}.hero .hero__content h1,.hero .hero__content p{margin:0 0 50px}.hero .hero__content p{color:#fff}.hero .hero__content.content-right{margin-left:auto;margin-right:0;padding:0 5% 0 0}.hero .breadcrumb{display:none!important;position:absolute;top:80px;left:30px;width:100%;padding:0;text-align:left}.hero .hero-nav{position:relative}.hero .share-button{bottom:30px;left:50%;margin-left:-520px/* 10px extra bump because they're non-flush icons */}.hero.hero--background-image{height:100vh;padding-top:54px;margin-top:-54px;min-height:350px}.about .hero.hero--background-image{height:90vh}.hero.hero--transparent-image{height:80vh;padding-top:54px;margin-top:-54px}.instagram-feed-wrap{padding:60px 20px;border:0}body.page-template-boxed-template .instagram-feed-wrap{padding:60px 0}.instagram-feed-wrap .instagram-feed{-webkit-flex-wrap:no-wrap;-ms-flex-wrap:no-wrap;flex-wrap:no-wrap;margin-bottom:0}.instagram-feed-wrap .instagram-feed .instagram-feed__image-wrap{width:25%}.instagram-feed-wrap .instagram-header h3{margin-bottom:20px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:26.4px;font-size:2.4rem}.instagram-feed-wrap .instagram-header a{margin-bottom:20px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:19.8px;font-size:1.8rem}.instagram-feed-wrap .instagram-header .instagram-header__svg{width:34px;height:34px;margin:0 auto 20px}.cta-block{padding:0;position:relative;overflow:hidden}.cta-block h1,.cta-block h2{margin-bottom:40px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:26.4px;font-size:2.4rem;line-height:24px}.cta-block .cta-block__short-copy{display:none}.cta-block .cta-block__long-copy{display:block}.cta-block .cta-block__long-copy p{margin:0 0 1em}.cta-block .cta-block__long-copy h6{margin-bottom:0;color:#488a95;opacity:0.5}.cta-block.cta-block--cols-content{display:table;height:80vh;width:100%}.cta-block.cta-block--cols-content .image-pair{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0;position:absolute;top:0;left:0;right:0;bottom:0}.cta-block.cta-block--cols-content .image-pair .image-pair__image-wrap{width:50%;height:100%;position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast;overflow:hidden}.cta-block.cta-block--cols-content .image-pair .image-pair__image-wrap img{min-height:100%}.cta-block.cta-block--cols-content .image-pair .image-pair__image-wrap:after{content:" ";position:absolute;top:-1%;left:-1%;width:102%;height:102%;background:#fff;opacity:0.85}.cta-block.cta-block--cols-content .cta-block__content{display:table-cell;vertical-align:middle}.cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:900px;margin:0 auto;background:#fff;position:relative;padding:35px 50px}.cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner h3{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:26.4px;font-size:2.4rem;margin:0 0 35px}.cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner p{margin:0 0 35px}.cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner .icon-list{margin:0 0 35px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;border:0}.cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner .icon-list li{width:33.33333%;text-align:center;border-left:0}.cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner .icon-list li .icon-list__text{width:100%;text-align:center}.cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner .icon-list li svg{width:40px;height:40px;margin-right:0}.cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner .icon-list li h4,.cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner .icon-list li h5{margin-bottom:20px;padding:0}.cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner:after{content:" ";display:block;clear:both}.cta-block.cta-block--cols-content .cta-block__content .cta-block__btn{width:140px;margin:0 auto}.cta-block.cta-block--cols-content.cta-block--no-height{height:auto;min-height:auto}.cta-block.cta-block--left-content .cta-block__content{padding:40px}.twin-cta .twin-cta__images{position:relative}.twin-cta .twin-cta__images .twin-cta__col{padding-bottom:26.5%}.twin-cta .twin-cta__images .twin-cta__images-content .twin-cta__images-content--more{display:block;color:#fff}.twin-cta .twin-cta__images .twin-cta__images-content .twin-cta__images-content--more .mini-button-grid{margin:35px auto 0}.twin-cta .twin-cta__images .twin-cta__images-content .twin-cta__images-content--more .mini-button-grid .btn-icon-square{color:#fff;border-color:#fff}.twin-cta .twin-cta__images .twin-cta__images-content .twin-cta__images-content--more .mini-button-grid .btn-icon-square svg{fill:#fff}.twin-cta .twin-cta__images .twin-cta__images-content .twin-cta__images-content--more .mini-button-grid .btn-icon-square:before{border-color:#fff}.twin-cta .twin-cta__content .twin-cta__col{text-align:left;padding-bottom:100px}.twin-cta .twin-cta__content .twin-cta__col a svg{width:30px;height:30px}.twin-cta .twin-cta__content .twin-cta__col:last-child{padding-left:80px}.twin-cta .twin-cta__content .twin-cta__col:last-child:after{display:none}.twin-cta.twin-cta--services .twin-cta__content{max-width:none;padding:0}.twin-cta.twin-cta--services .twin-cta__content .twin-cta__col{display:block;text-align:center;padding:30px 20px}.twin-cta.twin-cta--services .twin-cta__content .twin-cta__col h2{margin:0 0 20px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem}.twin-cta.twin-cta--services .twin-cta__content .twin-cta__col p{margin-top:0}.twin-cta.twin-cta--services .twin-cta__content .twin-cta__col:last-child:after{background-color:transparent;left:0;bottom:100%;top:auto}.cta-block__content .home &{border:0}.social-links li a svg{width:25px;height:25px}}@media (min-width:800px){.hero.hero__content{width:50%;margin-right:auto;margin-left:0;padding:0 0 0 5%}.hero.hero__content h1,.hero.hero__content p{margin:0 0 50px}.hero.hero__content p{color:#fff}.hero.hero__content.content-right{margin-left:auto;margin-right:0;padding:0 5% 0 0}.hero.hero--bookings-block{height:65vh;margin:0;padding:0}.hero.hero--bookings-block .hero__background-image{position:absolute;top:0;left:0;width:100%;height:100%}.hero.hero--bookings-block .hero__content{padding:0 0 0 5%;height:100%;min-height:0;z-index:1;position:relative;width:60%}.hero.hero--bookings-block .hero__content.content-right{padding:0 5% 0 0}}@media (min-width:1060px){.cta-block.cta-block--left-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cta-block.cta-block--left-content .image-pair{margin:0;width:50%;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;position:relative}.cta-block.cta-block--left-content .image-pair__image-wrap{/*min-height:80vh;*/min-height: auto; height: 100%; margin:0}.cta-block.cta-block--left-content .cta-block__content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:50%;background:#fff;text-align:left;padding:5%;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.cta-block.cta-block--left-content .cta-block__content h3{color:#488a95}.cta-block.cta-block--left-content .cta-block__content p{color:#787878;margin-left:0;margin-right:0}.cta-block.cta-block--left-content .cta-block__content .cta-block__btn{color:#488a95;border-color:#488a95;margin:40px 0 0}.hero.hero--bookings-block .hero__content{width:50%}}.hero.hero--background-image{/* iPad with portrait orientation. *//* iPad with landscape orientation. */} /* iPhone 5 */.about .hero.hero--background-image{/* iPad with portrait orientation. *//* iPad with landscape orientation. *//* iPhone 5 */}@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){.hero.hero--background-image{height:1024px}}@media (device-width:768px) and (device-height:1024px) and (orientation:landscape){.hero.hero--background-image{height:768px}}@media screen and (device-aspect-ratio:40/71){.hero.hero--background-image{height:568px}}@media (device-width:768px) and (device-height:1024px) and (orientation:portrait){.about .hero.hero--background-image{height:921.6px}}@media (device-width:768px) and (device-height:1024px) and (orientation:landscape){.about .hero.hero--background-image{height:691.2px}}@media screen and (device-aspect-ratio:40/71){.about .hero.hero--background-image{height:511.2px}}.hero-article{padding-top:61px;margin-top:-61px;overflow:hidden;position:relative;min-height:620px;max-height:900px}.hero-article .hero-gallery{position:relative;height:50vh}.hero-article .hero-gallery .image{opacity:0;overflow:hidden;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;z-index:0;background-color:#afdee6;background-size:cover;background-position:50%;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast}.hero-article .hero-gallery .image.show{opacity:1;z-index:1}.hero-article .content{text-align:center;padding:30px 30px 40px;position:relative}.hero-article .content h1{margin:0 0 20px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem;color:#488a95;font-weight:600}.hero-article .content .scroll-link{margin-bottom:-10px;display:block}.hero-article .content #home-introduction,.hero-article .content p{max-width:400px;margin:0 auto 20px}.hero-article .content p{padding:0;color:#787878}.hero-article .content p.postcode-search__postcode{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:5px;letter-spacing:2px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:19.8px;font-size:1.8rem;font-weight:600;color:#488a95}.hero-article .content p.postcode-search__postcode span{margin-left:10px}.hero-article .content p.postcode-search__postcode svg{width:36px;height:36px;margin-left:10px}.hero-article .content p.postcode-search__error{max-width:100%;margin:0;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem}.hero-article .content svg{fill:#488a95}.hero-article .content:before{content:"";display:block;width:100%;height:0;padding-bottom:0.8%;position:absolute;left:0;background-repeat:no-repeat;background-size:115% auto;background-position:bottom;opacity:"1";background-image:url(../../src/beautii-library/img/svg/optimised/curve-white.svg);bottom:100%;background-position:top}.hero-article .content:after,.hero-article .content:before{z-index:-1}@media (min-width:720px){.hero-article{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:-webkit-calc(100vh - 56px);height:calc(100vh - 56px);padding-top:54px;margin-top:-54px}}.hero-article.postcode-search--served #home-introduction,.hero-article.postcode-search--served #postcode-search,.hero-article.postcode-search--served h4{display:none}.hero-article.postcode-search--served .postcode-search__success{display:block}.hero-article.postcode-search--active-not-served #home-introduction,.hero-article.postcode-search--active-not-served #postcode-search,.hero-article.postcode-search--active-not-served h4{display:none}.hero-article.postcode-search--active-not-served .error{display:block}.hero-article.postcode-search--active-not-served .error .sign-up{display:inline-block}.hero-article.postcode-search--active-not-served .error span{display:block;width:200px;margin:40px auto 0;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:15.4px;font-size:1.4rem}.hero-article.postcode-search--active-not-served .error span.postcode-search--highlight{display:inline;font-weight:400;text-transform:uppercase;color:#488a95}.hero-article.postcode-search--active-not-served .error span.postcode-search__counter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:35px;margin:0;background-color:#f1f1f1}.hero-article.postcode-search--active-not-served .error span.postcode-search__counter svg{width:20px;height:20px;margin:auto;fill:#787878}.hero-article.postcode-search--active-not-served .btn-outline{display:none}.hero-article.postcode-search--active-not-served .btn-outline--show{display:block}.hero-article.postcode-search--active-not-served .ginput_container_email{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:30px 0 0}@media (min-width:720px){.hero-article .hero-gallery{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;width:50%;z-index:2}}@media (min-width:720px){.hero-article .hero-gallery,.hero-article .hero-gallery .image{height:100%}}@media (min-width:720px){.hero-article .content{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:50%;padding:10px;position:relative;z-index:3}.hero-article .content:before{content:"";display:block;width:100%;height:0;padding-bottom:0.8%;position:absolute;left:0;background-repeat:no-repeat;background-size:115% auto;background-position:bottom;opacity:"1";background-image:url(../../src/beautii-library/img/svg/optimised/curve-white-vertical.svg);background-size:contain;padding-bottom:0;left:initial;bottom:-5px;right:-70px;width:100px;height:100%}}@media (min-width:720px){.hero-article .content h1{margin:0 0 40px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:33px;font-size:3rem}}@media (min-width:1060px){.hero-article .content .scroll-link{padding-bottom:20px;margin-bottom:0}}@media (min-width:720px){.hero-article .content #home-introduction{margin:0 auto 40px}}@media (min-width:720px){.hero-article .content p{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem;font-weight:300}}@media (min-width:720px){.hero-article .content p.postcode-search__postcode{margin-bottom:0;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:19.8px;font-size:1.8rem}}.as-seen-in{width:100%}.as-seen-in__container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;max-width:520px;margin:0 auto}.as-seen-in__title{display:block;margin-bottom:30px;text-transform:uppercase;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem;font-weight:600;color:#c7c7c7}@media (min-width:720px){.as-seen-in__title{margin-bottom:20px}}.as-seen-in__image{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 5px 10px}@media (min-width:720px){.as-seen-in__image{margin:0 10px 20px}.as-seen-in__image:last-child{margin-bottom:20px}}.product-overview{position:relative;color:#fff;text-align:center;overflow:hidden;height:65vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:600px}.product-overview .image{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;background-size:cover;background-position:50%;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast;display:block}.product-overview .content{position:relative;width:100%;padding:10px}.product-overview .content .content__more{max-height:0;overflow:hidden}.product-overview .content a{background-color:transparent;text-decoration:none}.product-overview .content:after,.product-overview .content:before{content:none}.product-overview h2{margin:0}.product-overview h3{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem;margin:0}.product-overview .product-overview__button{position:absolute;right:20px;top:50%;margin-top:-17px}.product-overview .product-overview__button svg{fill:#488a95;filter:url('data:image/svg+xml;charset=utf-8,#filter');-webkit-filter:drop-shadow(1px 1px 2px rgba(0,0,0,.17));filter:drop-shadow(1px 1px 2px rgba(0,0,0,.17))}.product-cta{position:relative}.product-cta,.product-cta .image{background-size:cover;background-position:50%;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast}.product-cta .image{height:60vh}.product-cta .content{padding:50px 0;color:#488a95;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.product-cta .content h2{margin:0 0 30px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem;font-weight:600}.product-cta .content h4{margin:0 0 30px;text-transform:none;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem}.product-cta .content .btn-outline{width:140px;margin:0 auto}.product-cta .content .product-cta__succinct,.product-cta .content .product-cta__tagline{width:65%;margin-left:auto;margin-right:auto;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;font-weight:300;color:#787878}.product-cta .product-cta__cols{padding:0 30px}@media (min-width:720px){.product-cta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:80vh}.product-cta .product-cta__more{display:block}.product-cta .product-cta__more p{width:440px;margin:0 auto 40px}}@media (min-width:720px){.product-cta .image{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}}@media (min-width:720px){.product-cta .content{width:50%;padding:0 0 0 5%;opacity:0.8}.product-cta .content h2,.product-cta .content h3{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:24.2px;font-size:2.2rem}.product-cta .content.left-text{margin-right:auto}.product-cta .content.right-text{margin-left:auto}}@media (min-width:720px){.product-cta .content__container--has-background{margin:0 40px;padding:20px;background-color:hsla(0,0%,100%,.8)}}@media (min-width:720px){.product-cta .product-cta__cols{margin-left:-10px;margin-right:-10px;padding:0}.product-cta .product-cta__cols .product-cta__col{width:50%;float:left;padding:0 10px}.product-cta .product-cta__cols .product-cta__col .promoted{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:26.4px;font-size:2.4rem}.product-cta .product-cta__cols:after{content:" ";display:block;clear:both}}.simple-search{position:relative;margin-bottom:50px;text-align:center}.simple-search h4{margin:0 auto 20px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:15.4px;font-size:1.4rem;text-transform:none;font-weight:600;color:#488a95}.simple-search form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 auto}.simple-search form,.simple-search form input[type=text]{padding:0}.simple-search form input[type=text]{width:150px;height:40px;margin:0 20px 0 0;border:1px solid #488a95;border-radius:0.3em;text-align:center;line-height:18px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;font-weight:300;color:#000;background:#fff}.simple-search form input[type=text]::-webkit-input-placeholder{color:#488a95}.simple-search form input[type=text]::-moz-placeholder{color:#488a95}.simple-search form input[type=text]:-ms-input-placeholder{color:#488a95}.simple-search form input[type=text]:-moz-placeholder{color:#488a95}.simple-search form input[type=text]:focus::-webkit-input-placeholder{color:transparent}.simple-search form input[type=text]:focus::-moz-placeholder{color:transparent}.simple-search form input[type=text]:focus:-ms-input-placeholder{color:transparent}.simple-search form input[type=text]:focus:-moz-placeholder{color:transparent}.simple-search form input[type=submit]{display:block;width:50px;height:40px;padding:0;background-image:url(../../src/beautii-library/img/svg/optimised/right-teal.svg);background-position:50%;background-size:contain;background-repeat:no-repeat;background-color:transparent;text-indent:-9999px;border-radius:50%;border:none;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem;font-weight:600;color:#fff}.simple-search .gform_confirmation_message h4{margin:0;padding-top:100px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:15.4px;font-size:1.4rem}.simple-search .error{display:none;color:#488a95;background:#fff}.simple-search .error a{color:#488a95}.simple-search .error .sign-up{display:none;position:relative;background:#fff}.simple-search .error .sign-up button{position:absolute;top:0;right:0;width:23px;height:23px;padding:2px;background:none;border:1px solid #488a95;border-radius:50%;outline:0}.simple-search .error .sign-up .icon{width:16px;height:16px;-webkit-transform:translate(0.2px,0.5px);-ms-transform:translate(0.2px,0.5px);transform:translate(0.2px,0.5px);fill:#488a95}.simple-search .error .sign-up p{margin:0;text-align:center;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:15.4px;font-size:1.4rem}.simple-search .error .sign-up form{display:block;position:relative}.simple-search .error .sign-up ul{margin:0;padding:0;list-style-type:none}.simple-search .error .sign-up ul li{margin-bottom:20px}.simple-search .error .sign-up ul li:last-child{margin:0}.simple-search .error .sign-up input{width:150px;margin:0 25px;padding:10px 20px;text-align:center;border-radius:5px;outline:0}.simple-search .error .sign-up input[type=submit]{width:50px;margin:0;padding:0}.simple-search .error .sign-up label{display:none}.simple-search .error .sign-up li.gfield_error input{border-color:red}.simple-search .error .sign-up .validation_error,.simple-search .error .sign-up .validation_message{display:none}.simple-search .error.active{display:block;margin-top:10px}@media (min-width:720px){.simple-search{margin-bottom:80px;border:0}}.simple-search--error .postcode-search__error{opacity:1;visibility:visible}@media (min-width:720px){.simple-search h4{margin-bottom:30px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem}}@media (min-width:720px){.simple-search form{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.simple-search form form input[type=email]{padding-top:11px;padding-bottom:11px}}@media (min-width:720px){.simple-search form input[type=text]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;margin:0 25px 0 35px}}@media (min-width:720px){.simple-search .error .sign-up p{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem}}.postcode-search__success{display:none}.postcode-search__row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:350px;margin:40px auto 0}.postcode-search__row .book-now-button{width:155px;color:#fff;background:#488a95}@media (min-width:720px){.postcode-search__row{max-width:100%}}.postcode-search__reset{display:block;margin:0 auto;padding:0;outline:0;border:0;background-color:transparent;text-align:center;text-decoration:none;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:11px;font-size:1rem;font-weight:600;color:#c7c7c7!important}.postcode-search__counter{display:none}@media (min-width:720px){.postcode-search__counter{display:block;width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;background-color:#f1f1f1;color:#787878;font-weight:600}}.postcode-search__error{opacity:0;visibility:hidden;position:absolute;bottom:-30px;width:100%;margin:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}@media (min-width:720px){.postcode-search__error{bottom:-40px}}@media (min-width:1060px){.hero-article .content .scroll-link{padding-bottom:20px;margin-bottom:0}.product-overviews{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}.product-overviews .product-overview{width:33.33333%;overflow:hidden;display:block}.product-overviews .product-overview .image{height:75%;-webkit-transition:-webkit-transform 0.25s;transition:-webkit-transform 0.25s;transition:transform 0.25s;transition:transform 0.25s,-webkit-transform 0.25s;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all 0.4s ease;transition:all 0.4s ease}.product-overviews .product-overview .image:hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.product-overviews .product-overview .content{position:absolute!important;//:0;bottom:0;z-index:2;height:25%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:#8ec2cd;-webkit-transition:height 0.5s;transition:height 0.5s}.product-overviews .product-overview .content .content__more{opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s;width:380px;max-width:100%;margin:0 auto;padding:0 20px}.product-overviews .product-overview .content .content__more .content__more-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.product-overviews .product-overview .content .content__more .content__more-buttons .btn-outline{margin-left:10px;margin-right:10px}.product-overviews .product-overview .content:hover{height:100%}.product-overviews .product-overview .content:hover .content__more{opacity:1;max-height:100vh}.product-overviews .product-overview .product-overview__button{display:none}.product-overviews .product-overview:hover .image{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.product-overviews .product-overviews__content-box{background:#488a95;height:25%;position:absolute;bottom:0;left:0;width:100%}.product-cta .image{opacity:1}}@media (min-width:720px){.home{/* TODO: The visibility conditions seem to vary with page and mobile/desktop. Is there really only one subtitile? */}.home .product-cta__succinct{display:none}.home .product-cta__tagline{display:block}}.home__learn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0;padding:15px;outline:0;border:0;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem;font-weight:600;color:#2d303a;background-color:#f1f1f1;text-transform:uppercase;text-align:center;text-decoration:none}.home__learn svg{display:inline-block;width:20px;height:20px;margin-left:15px;border-radius:50%;background-color:#2d303a;fill:#f1f1f1}@media (min-width:720px){.home__learn svg{width:26px;height:26px}}.article-grid{max-width:1060px;margin:0 auto}.article-grid .article-grid__article img{width:100%;display:block}.article-grid .article-grid__article .content{padding:30px 20px 50px;text-align:center}.article-grid .article-grid__article .content h1,.article-grid .article-grid__article .content h2{text-transform:none}.article-grid .article-grid__article .content p{margin-bottom:25px}.article-grid__wrap h3{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem;margin-bottom:30px}.article-grid__wrap h3,.infinite-loading-placeholder{font-weight:600;color:#488a95;text-align:center}.infinite-loading-placeholder{text-transform:uppercase;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:12.1px;font-size:1.1rem;padding:100px 0}@media (min-width:720px){.article-grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:40px 0;margin:0 -10px}.article-grid .article-grid__article{width:33.33333%;padding:0 10px}.article-grid .article-grid__article,.article-grid .article-grid__article .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.article-grid .article-grid__article .content{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;padding:30px 0 50px}.article-grid .article-grid__article h2{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:16.5px;font-size:1.5rem}.article-grid .article-grid__article.article-grid__article--featured{width:100%;position:relative;margin-bottom:70px}.article-grid .article-grid__article.article-grid__article--featured .content{display:block;position:absolute;bottom:0;right:0;background:hsla(0,0%,100%,.6);width:40%;padding:5%}.article-grid__wrap h3{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:26.4px;font-size:2.4rem}}.testimonial{overflow:hidden;min-height:250px;padding:30px 0;background-color:#fff}@media (min-width:720px){.testimonial{padding:60px 0}}.testimonial__title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:11px;font-size:1rem;font-weight:600;text-align:center;color:#727272}@media (min-width:720px){.testimonial__title{margin-bottom:50px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:15.4px;font-size:1.4rem}}.testimonial-slider{outline:0}.testimonial-slider .flickity-slider{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;width:100%}.testimonial-buttons,.testimonial-slider .flickity-slider{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.testimonial-buttons{opacity:0;margin-left:20px;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}@media (min-width:720px){.testimonial-buttons{margin-left:30px}}.testimonial-buttons__button{width:12px;height:12px;padding:0;outline:0;border:0;fill:#a8a8a8}.testimonial-buttons__button,.testimonial-buttons__button:hover{background:transparent}.testimonial-buttons__button:disabled{display:none}.testimonial-buttons__button.no-svg{color:#a8a8a8}@media (min-width:720px){.testimonial-buttons__button{width:15px;height:15px}}.testimonial-slide{width:100%}.testimonial-slide:not(:first-child){opacity:0;visibility:hidden}.flickity-enabled .testimonial-slide:not(:first-child){opacity:1;visibility:visible}.testimonial-slide__container{width:100%;max-width:767px;margin:0 auto;padding:0 30px;text-align:center}.testimonial-slide__testimonial{font-family:Times New Roman,Georgia,Serif}.testimonial-slide__quote{display:block;margin:0 0 30px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:19.8px;font-size:1.8rem;font-style:italic;line-height:1.2;color:#a8a8a8}@media (min-width:720px){.testimonial-slide__quote{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:28.6px;font-size:2.6rem}}.testimonial-slide__quote:after,.testimonial-slide__quote:before{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:37.4px;font-size:3.4rem;color:#a8a8a8}@media (min-width:720px){.testimonial-slide__quote:after,.testimonial-slide__quote:before{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:44px;font-size:4rem}}.testimonial-slide__quote:before{content:open-quote}.testimonial-slide__quote:after{content:close-quote}.testimonial-slide__name{display:block;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:16.5px;font-size:1.5rem;font-style:normal;font-weight:600;text-transform:uppercase;text-align:center;color:#727272}.testimonial-slide__company{display:inline-block;margin-left:30px;font-style:normal;font-weight:400;color:#a8a8a8}.testimonial-slide__image{display:block;width:100%;min-width:80px;max-width:80px;height:auto;margin:30px auto 0}@media (min-width:720px){.testimonial-slide__image{margin-top:40px}}.looks{background:#74afb9}.looks .text-block__text h1{margin:0 0 10px}.looks .hero{overflow:visible;text-align:left}.looks .hero .share-button{position:relative;top:auto;top:initial;left:-10px;bottom:-10px;margin:0}.looks .hero .share-button .addthis-toolbox-wrap{left:50px}.looks-grid-wrap{background:#74afb9;color:#fff}.looks-grid-wrap .looks-grid{overflow:hidden}.looks-grid-wrap .looks-grid ul{list-style:none;margin:0;padding:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.looks-grid-wrap .looks-grid ul,.looks-grid-wrap .looks-grid ul li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.looks-grid-wrap .looks-grid ul li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;width:50%;margin-bottom:20px}.looks-grid-wrap .looks-grid ul li a{display:block;color:#fff;border-color:#fff;text-decoration:none}.looks-grid-wrap .looks-grid ul li a img{display:block;width:100%}.looks-grid-wrap .looks-grid ul li a h3{min-height:30px;padding-left:10px;text-transform:none;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:16.5px;font-size:1.5rem;color:#fff}.looks-grid-wrap .looks-grid ul li a h4{display:none}.looks-grid-wrap .looks-grid ul li a.btn-outline-bold{display:inline-block;margin-left:10px}.look-switch__item.disabled{display:none}.look-thumb-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-top:60px}.look-thumb-list .look-thumb-list__item{text-align:center}.look-thumb-list .look-thumb-list__item a{text-decoration:none}.look-thumb-list .look-thumb-list__item .look-thumb-list__thumb{width:160px;height:160px}.look-thumb-list .look-thumb-list__item h4{color:#000;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem;font-weight:300}.look-thumb-list.look-thumb-list--centred{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.look-thumb-list.look-thumb-list--centred .look-thumb-list__item{padding:0 3%}@media (min-width:720px){.looks .hero{position:absolute;right:0;text-align:center}.looks .hero,.looks .hero .share-button{top:0}.looks .hero .share-button{left:0;bottom:0}.looks .hero .share-button .addthis-toolbox-wrap{left:auto;left:initial;right:50%;margin-right:30px}.looks .hero .share-button .addthis-toolbox-wrap .addthis_sharing_toolbox{margin:0 9px 0 0}.looks .hero .share-button .addthis-toolbox-wrap .addthis_sharing_toolbox:after{left:100%;right:auto;right:initial;border-right:9px solid transparent;border-left:9px solid #488a95}.looks .text-block{position:relative;text-align:center;padding:100px 20px 75px}.looks .text-block .container{position:relative;padding:0}.looks .text-block h1{margin-bottom:20px}.looks .text-block .social-links{position:absolute;top:0;right:0;display:block}.looks .text-block .social-links li{float:left;width:auto;margin-left:20px}.looks .text-block .social-links li svg{width:25px;height:25px}.looks-grid-wrap .looks-grid ul{margin:0 -15px}.looks-grid-wrap .looks-grid ul li{display:block;opacity:0;width:33.33333%;padding:0 15px;margin-bottom:120px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.looks-grid-wrap .looks-grid ul li a h3{margin:20px 0 0;padding-left:0}.looks-grid-wrap .looks-grid ul li a h4{display:block;min-height:60px;margin:0 0 10px;font-weight:300;text-transform:none;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem}.looks-grid-wrap .looks-grid ul li a picture{overflow:hidden;display:block}.looks-grid-wrap .looks-grid ul li a picture img{-webkit-transition:-webkit-transform 0.25s;transition:-webkit-transform 0.25s;transition:transform 0.25s;transition:transform 0.25s,-webkit-transform 0.25s}.looks-grid-wrap .looks-grid ul li a.btn-outline-bold{margin:0}.looks-grid-wrap .looks-grid ul li .btn-outline-bold{border-color:#fff}.looks-grid-wrap .looks-grid ul li .btn-outline-bold:hover{background:#fff;color:#8ec2cd}.looks-grid-wrap .looks-grid ul li.in-view{opacity:1}.looks-grid-wrap .looks-grid ul li.not-in-view{opacity:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.looks-grid-wrap .looks-grid ul li:hover picture img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.look-thumb-list{margin-top:0}}.simple-service-list{list-style:none;margin:30px 0;padding:0}.simple-service-list li{opacity:1;margin-bottom:30px}.simple-service-list li a{display:block;text-decoration:none}body.page-template-boxed-template .simple-service-list li a:hover .btn-outline{color:#fff;background:#488a95}.simple-service-list li a.btn-outline{display:inline-block}.simple-service-list li .service-list-thumb{display:block;padding-bottom:100%;margin-bottom:30px;background-size:cover;background-position:50%;background-repeat:no-repeat;image-rendering:-webkit-optimize-contrast}.simple-service-list li.simple-service-list--thumbs{margin-bottom:25px}@media (min-width:720px){.simple-service-list li{margin-bottom:15px}}.text-block.white .simple-service-list p{max-width:100%;margin:0 0 20px;color:#787878}.service-list__details{padding:0 15px;text-align:left}.service-list__details p{min-width:100%;margin:0 0 20px}@media (min-width:720px){.service-list__details{padding:0}}.service-list-thumb__header{margin-bottom:10px}.service-list-thumb__header h2{position:relative;width:100%;margin:0;text-align:left;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem;font-weight:600}.service-list-thumb__header span{display:block;color:#488a95;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:17.6px;font-size:1.6rem;font-weight:400}.service-list__from{margin-right:3px;text-transform:uppercase;font-weight:400}.service-detail{background:#fff;color:#787878;padding:20px;position:relative} /* this is for the bg colour */.service-detail header{margin-bottom:25px;position:relative}.service-detail header .btn-bold{float:right;color:#5d5d5d;background:transparent;border:1px solid #5d5d5d}.service-detail header .btn-bold:hover{color:#eee;background:#5d5d5d}.service-detail header h1{margin:0 0 0 -2px;color:#5d5d5d}.service-detail header h2{margin:0;color:#5d5d5d;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:14.3px;font-size:1.3rem;color:#787878}.service-detail p{margin:0 0 20px}.service-detail h2{margin:0;color:#afdee6}.service-detail .service-detail__col-02 .btn-group{margin-top:20px}.service-detail .service-detail__col-02 h2{color:#787878;font-weight:300;letter-spacing:0.15em}.service-detail .service-detail__col-02 p{margin:0}.service-detail .service-details{list-style:none;padding:0;margin:0 0 40px}.service-detail .service-details li{margin-bottom:20px;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.service-detail .service-details li .service-details__info{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:22px;font-size:2rem;font-weight:100}.service-detail .service-details li .service-details__info span{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem}.service-detail .service-details li svg{fill:#aeaeae;margin-right:10px}.service-detail .service-details__cost-wrapper{position:relative}.service-detail .service-details__cost-wrapper .service-details__from{position:absolute;left:5px;bottom:-7px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:8.8px;font-size:0.8rem}.service-detail .service-detail__related-title{margin-top:50px;padding-top:50px;border-top:1px solid #488a95}.service-detail .simple-service-list{margin:40px 0 0}.service-detail .simple-service-list .lozenge{background-color:#488a95;color:#111b34}.service-detail .simple-service-list .lozenge svg{fill:#111b34}.service-detail .service-detail__more{display:none}.service-detail .icon-list svg{fill:#aeaeae}.service-detail .icon-list .icon-list__text h4{color:#5d5d5d}.service-detail .icon-list .icon-list__text h5{color:#aeaeae}.service-detail:after,.service-detail:before{content:"";display:block;width:100%;height:0;padding-bottom:1.5%;position:absolute;left:0;background-repeat:no-repeat;background-size:115% auto;background-position:bottom;bottom:100%;background-position:top}@media (min-width:720px){.service-detail:after,.service-detail:before{padding-bottom:0.9%}}.service-detail:before{margin-top:2px;/* this is for the border colour */background-image:url(../../src/beautii-library/img/svg/optimised/curve-light-teal.svg)}.service-detail:after{background-image:url(../../src/beautii-library/img/svg/optimised/curve-white.svg)}.service-detail:before{margin-top:0;margin-bottom:2px}.simple-service-list--thumbs-wrap .simple-service-list--thumbs{margin-top:0;margin-bottom:0;padding:30px 0}.breadcrumb{padding:20px;text-transform:uppercase;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:9.9px;font-size:0.9rem;color:#111b34}.breadcrumb>span{opacity:0.5}.breadcrumb a{text-decoration:none;color:#111b34;margin-right:10px}@media (min-width:720px){.simple-service-list .service-list__details a{margin-top:auto;margin-right:auto}.simple-service-list .service-list__details a.btn-outline{position:absolute;left:20px;bottom:0}.simple-service-list.simple-service-list--thumbs{margin-left:-10px;margin-right:-10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.simple-service-list.simple-service-list--thumbs li{width:33.333%;padding:0 20px 25px;opacity:0;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;margin-bottom:30px;position:relative}.simple-service-list.simple-service-list--thumbs li.in-view{opacity:1}.simple-service-list.simple-service-list--thumbs li.not-in-view{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}.simple-service-list--thumbs-wrap--2col .simple-service-list.simple-service-list--thumbs li{width:50%}.service-detail{padding:40px 20px}.service-detail header .btn-bold{margin-top:7px}.service-detail .service-detail__cols{margin-left:-15px;margin-right:-15px}.service-detail .service-detail__cols .service-detail__col-01,.service-detail .service-detail__cols .service-detail__col-02{padding-left:15px;padding-right:15px;width:50%;float:left;margin-bottom:40px}.service-detail .service-detail__cols .service-detail__col-02{padding-left:8%}.service-detail .service-detail__cols .service-detail__col-02 h2{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:16.5px;font-size:1.5rem}.service-detail .service-detail__cols:after{content:" ";display:block;clear:both}.service-detail .service-details{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:0}.service-detail .service-details li{margin:0 30px 0 0}.service-detail .service-detail__more{display:block;position:relative;padding-bottom:100px;border-bottom:1px solid rgba(72,138,149,.5);margin-bottom:50px}.service-detail .service-detail__more .btn-round{position:absolute;top:100%;left:50%;margin-left:-35px;margin-top:-35px;z-index:1;color:#aeaeae;border-color:#aeaeae;opacity:0.5}.service-detail .service-detail__more .btn-round:hover{background-color:#aeaeae;color:#fff}.service-detail .service-detail__more:after{content:" ";position:absolute;width:100px;height:100px;top:100%;left:50%;margin-left:-50px;margin-top:-50px;background:#eee;z-index:0}.service-detail .service-detail__related-title{margin-top:0;border-top:0;padding-top:0}.service-list-thumb__header{display:block}.service-list-thumb__header span{/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem}}.article{padding:40px 20px}.article .article__header{text-transform:uppercase}.article .article__header h1{margin-bottom:40px;font-weight:600}.article .article__header .article__excerpt{text-transform:none}.article .article__header .social-links{display:none}.article .article__header .article__header--breadcrumb{margin:0;padding:0;list-style-type:none}.article .article__header .article__header--breadcrumb li{display:inline-block;padding:0 10px;border-left:1px solid #787878;line-height:1;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:11px;font-size:1rem}.article .article__header .article__header--breadcrumb li:first-child{padding-left:0;border:none}.article .article__title{display:inline-block;text-decoration:none;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:11px;font-size:1rem}.article .article__content .text-block{background:#fff;color:#787878;padding-left:0;padding-right:0;text-align:left}.article .article__content .text-block h1,.article .article__content .text-block h2,.article .article__content .text-block h3,.article .article__content .text-block h4,.article .article__content .text-block h5,.article .article__content .text-block h6{color:#488a95;text-shadow:none}.article .article__content .text-block h1,.article .article__content .text-block h2{text-transform:none;margin:0 0 25px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:16.5px;font-size:1.5rem}.article .article__content .text-block h1.faq-question,.article .article__content .text-block h2.faq-question{text-transform:uppercase;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:13.2px;font-size:1.2rem}.article .article__content .text-block .text-block__image{margin:0 0 20px}.article .article__content .text-block .text-block__cols{text-align:left}.article .article__content .text-block a{text-decoration:none;color:#2d303a}.article .article__content .text-block ul{list-style:none;padding:0;margin:0;opacity:1}.article .article__content .text-block ul li{margin-bottom:20px;opacity:1}.article .article__content .text-block .btn-round{background:transparent;border-color:#488a95;color:#488a95;margin:0}.article .article__content .text-block.text-block--image-right:first-child .text-block__image{margin-left:-20px;margin-right:-20px}.article .article__content form{margin:0 auto;padding:0}.article .article__content form label{display:block;color:#787878}.article .article__content form label .gfield_required{color:red}.article .article__content form select{padding:10px}.article .article__content form input[type=date],.article .article__content form input[type=email],.article .article__content form input[type=number],.article .article__content form input[type=password],.article .article__content form input[type=phone],.article .article__content form input[type=search],.article .article__content form input[type=tel],.article .article__content form input[type=text],.article .article__content form input[type=url],.article .article__content form select,.article .article__content form textarea{border-color:#afdee6}.article .faq-answer{margin-bottom:40px}.page-template-boxed-template .article__header+.text-block{padding-top:0}.single-post .article-grid__wrap:before{content:" ";display:block;margin:0 20px 60px;border-top:1px solid #f1f1f1}.single-post .breadcrumb{margin-bottom:20px;padding:0;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:11px;font-size:1rem;color:#787878}.single-post .breadcrumb span{opacity:1}@media (min-width:720px){.blog .article-grid{padding:40px 0}.blog .article-grid__wrap .container{padding:0 10px}.single-post{background:#f1f1f1;padding-top:30px}.single-post .breadcrumb{margin-bottom:10px;text-align:center}.single-post .article{padding-top:0;padding-bottom:50px}.single-post .article .article__header{text-align:center;position:relative;margin-bottom:60px}.error404 .single-post .article .article__header{margin-bottom:0}.single-post .article .article__header .article__title{margin-bottom:30px}.single-post .article .article__header h1{margin:0 0 30px}.single-post .article .article__header .article__excerpt{max-width:500px;margin:0 auto 15px;line-height:1.4}.single-post .article .article__header .social-links{max-width:250px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.single-post .article .article__content{background:#fff;padding:80px}.single-post .article .article__content .text-block{padding:0;margin-bottom:40px}.single-post .article .article__content .text-block:last-child{margin-bottom:0}.single-post .article .article__content .text-block.text-block--image-right:first-child .text-block__image{margin-left:0;margin-right:0}.single-post .article-grid__wrap{background:#fff;padding:100px 0}}body img.gform_ajax_spinner{display:none!important}.form-overlay,body.form-open{height:100%;overflow:hidden}.form-overlay{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:fixed;bottom:100%;left:0;width:100%;background:hsla(0,0%,100%,.8);opacity:0;-webkit-transition:opacity 0.5s,bottom 0s;transition:opacity 0.5s,bottom 0s;padding:20px}.form-overlay .form-loader{display:none}.form-overlay .form-overlay__inner{opacity:0;position:relative;width:100%;max-width:600px;max-height:100%;overflow:auto;border-radius:0.3em 0 0 0.3em;border:2px solid #488a95;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.form-overlay .form-overlay__inner .gform_wrapper{background:#fff;width:100%;height:100%;margin:0 auto;padding:40px 30px}.form-overlay .form-overlay__inner .gform_wrapper input[type=date],.form-overlay .form-overlay__inner .gform_wrapper input[type=email],.form-overlay .form-overlay__inner .gform_wrapper input[type=number],.form-overlay .form-overlay__inner .gform_wrapper input[type=password],.form-overlay .form-overlay__inner .gform_wrapper input[type=phone],.form-overlay .form-overlay__inner .gform_wrapper input[type=search],.form-overlay .form-overlay__inner .gform_wrapper input[type=tel],.form-overlay .form-overlay__inner .gform_wrapper input[type=text],.form-overlay .form-overlay__inner .gform_wrapper input[type=url],.form-overlay .form-overlay__inner .gform_wrapper select,.form-overlay .form-overlay__inner .gform_wrapper textarea{color:#787878;background:#fff;border-color:#488a95;outline:none}.form-overlay .form-overlay__inner .gform_wrapper input[type=date]:focus,.form-overlay .form-overlay__inner .gform_wrapper input[type=email]:focus,.form-overlay .form-overlay__inner .gform_wrapper input[type=number]:focus,.form-overlay .form-overlay__inner .gform_wrapper input[type=password]:focus,.form-overlay .form-overlay__inner .gform_wrapper input[type=phone]:focus,.form-overlay .form-overlay__inner .gform_wrapper input[type=search]:focus,.form-overlay .form-overlay__inner .gform_wrapper input[type=tel]:focus,.form-overlay .form-overlay__inner .gform_wrapper input[type=text]:focus,.form-overlay .form-overlay__inner .gform_wrapper input[type=url]:focus,.form-overlay .form-overlay__inner .gform_wrapper select:focus,.form-overlay .form-overlay__inner .gform_wrapper textarea:focus{border-color:#488a95}.form-overlay .form-overlay__inner .gform_wrapper input[type=date]::-webkit-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=email]::-webkit-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=number]::-webkit-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=password]::-webkit-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=phone]::-webkit-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=search]::-webkit-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=tel]::-webkit-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=text]::-webkit-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=url]::-webkit-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper select::-webkit-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper textarea::-webkit-input-placeholder{color:#787878;opacity:0.6}.form-overlay .form-overlay__inner .gform_wrapper input[type=date]::-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=email]::-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=number]::-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=password]::-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=phone]::-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=search]::-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=tel]::-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=text]::-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=url]::-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper select::-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper textarea::-moz-placeholder{color:#787878;opacity:0.6}.form-overlay .form-overlay__inner .gform_wrapper input[type=date]:-ms-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=email]:-ms-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=number]:-ms-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=password]:-ms-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=phone]:-ms-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=search]:-ms-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=tel]:-ms-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=text]:-ms-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=url]:-ms-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper select:-ms-input-placeholder,.form-overlay .form-overlay__inner .gform_wrapper textarea:-ms-input-placeholder{color:#787878;opacity:0.6}.form-overlay .form-overlay__inner .gform_wrapper input[type=date]:-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=email]:-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=number]:-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=password]:-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=phone]:-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=search]:-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=tel]:-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=text]:-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper input[type=url]:-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper select:-moz-placeholder,.form-overlay .form-overlay__inner .gform_wrapper textarea:-moz-placeholder{color:#787878;opacity:0.6}.form-overlay .form-overlay__inner .gform_wrapper .ginput_container_select{position:relative;overflow:hidden;border:1px solid #488a95}.form-overlay .form-overlay__inner .gform_wrapper .ginput_container_select select{line-height:1;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:content-box;opacity:0.6}.form-overlay .form-overlay__inner .gform_wrapper .ginput_container_select select option{color:#787878}.form-overlay .form-overlay__inner .gform_wrapper .ginput_container_select:after{content:" ";border-top:8px solid #488a95;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:50%;right:20px;margin-top:-4px}.form-overlay .form-overlay__inner .gform_wrapper .gfield_checkbox li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:2px}.form-overlay .form-overlay__inner .gform_wrapper .gfield_checkbox label{display:block;margin:0}.form-overlay .form-overlay__inner .gform_wrapper ul{list-style:none;padding:0;margin:0}.form-overlay .form-overlay__inner .gform_wrapper li{margin-bottom:20px}.form-overlay .form-overlay__inner .gform_wrapper li:last-child{margin-bottom:0}.form-overlay .gform_heading{margin-bottom:30px}.form-overlay .gform_heading h3{opacity:1;margin:0 0 20px;color:#488a95;text-align:center;text-transform:capitalize;font-weight:600}.form-overlay .gform_heading .gform_description{text-align:center}.form-overlay label{display:none}.form-overlay .gform_footer,.form-overlay .gform_page_footer{margin-top:40px}.form-overlay .gform_next_button,.form-overlay .gform_previous_button,.form-overlay input[type=submit]{width:120px;margin:0 auto;display:block;padding:12px 0;text-transform:uppercase;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:9.9px;font-size:0.9rem;color:#fff;border:1px solid #fff;outline:0;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;border-radius:5px}.form-overlay .gform_next_button:hover,.form-overlay .gform_previous_button:hover,.form-overlay input[type=submit]:hover{color:#fff;background:#488a95}.form-overlay .gform_next_button,.form-overlay .gform_previous_button{margin-bottom:5px}.form-overlay .gforms_confirmation_message{position:relative;height:auto;padding:80px 30px;text-align:center;background:#fff}.form-overlay .gforms_confirmation_message h4,.form-overlay .gforms_confirmation_message p{color:#488a95}.form-overlay .gforms_confirmation_message h4{margin:0 0 20px}.form-overlay .gforms_confirmation_message p{margin:0}.form-overlay .gforms_confirmation_message svg{fill:#488a95;width:50px;height:50px;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px}.form-overlay .show-label{padding:20px;border:1px solid #488a95}.form-overlay .show-label>label{opacity:0.6;display:block;margin-bottom:20px;padding:0;color:#787878}.form-overlay.active{bottom:0;opacity:1;z-index:99999}.form-overlay.active .form-overlay__inner{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all 0.6s ease;transition:all 0.6s ease}.form-overlay.loading-response form{opacity:0}.form-overlay.loading-response .form-loader{display:block}#close-form-overlay{position:absolute;top:12px;right:12px;width:30px;height:30px;padding:0;outline:0;background:#fff;border-radius:50%;border:1px solid #488a95;z-index:1}#close-form-overlay:after,#close-form-overlay:before{content:"";position:absolute;top:50%;left:50%;height:16px;width:2px;margin-top:-8px;margin-left:-1px;background-color:#488a95}#close-form-overlay:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#close-form-overlay:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} /* TODO: Code copied from form-overlay. Need to restructure for DRY code. This will affect JS triggering too. */.beautii-form input[type=date],.beautii-form input[type=email],.beautii-form input[type=number],.beautii-form input[type=password],.beautii-form input[type=phone],.beautii-form input[type=search],.beautii-form input[type=tel],.beautii-form input[type=text],.beautii-form input[type=url],.beautii-form select,.beautii-form textarea{color:#787878;background:#fff;border-color:#488a95;outline:none}.beautii-form input[type=date]:focus,.beautii-form input[type=email]:focus,.beautii-form input[type=number]:focus,.beautii-form input[type=password]:focus,.beautii-form input[type=phone]:focus,.beautii-form input[type=search]:focus,.beautii-form input[type=tel]:focus,.beautii-form input[type=text]:focus,.beautii-form input[type=url]:focus,.beautii-form select:focus,.beautii-form textarea:focus{border-color:#488a95}.beautii-form input[type=date]::-webkit-input-placeholder,.beautii-form input[type=email]::-webkit-input-placeholder,.beautii-form input[type=number]::-webkit-input-placeholder,.beautii-form input[type=password]::-webkit-input-placeholder,.beautii-form input[type=phone]::-webkit-input-placeholder,.beautii-form input[type=search]::-webkit-input-placeholder,.beautii-form input[type=tel]::-webkit-input-placeholder,.beautii-form input[type=text]::-webkit-input-placeholder,.beautii-form input[type=url]::-webkit-input-placeholder,.beautii-form select::-webkit-input-placeholder,.beautii-form textarea::-webkit-input-placeholder{color:#787878;opacity:0.6}.beautii-form input[type=date]::-moz-placeholder,.beautii-form input[type=email]::-moz-placeholder,.beautii-form input[type=number]::-moz-placeholder,.beautii-form input[type=password]::-moz-placeholder,.beautii-form input[type=phone]::-moz-placeholder,.beautii-form input[type=search]::-moz-placeholder,.beautii-form input[type=tel]::-moz-placeholder,.beautii-form input[type=text]::-moz-placeholder,.beautii-form input[type=url]::-moz-placeholder,.beautii-form select::-moz-placeholder,.beautii-form textarea::-moz-placeholder{color:#787878;opacity:0.6}.beautii-form input[type=date]:-ms-input-placeholder,.beautii-form input[type=email]:-ms-input-placeholder,.beautii-form input[type=number]:-ms-input-placeholder,.beautii-form input[type=password]:-ms-input-placeholder,.beautii-form input[type=phone]:-ms-input-placeholder,.beautii-form input[type=search]:-ms-input-placeholder,.beautii-form input[type=tel]:-ms-input-placeholder,.beautii-form input[type=text]:-ms-input-placeholder,.beautii-form input[type=url]:-ms-input-placeholder,.beautii-form select:-ms-input-placeholder,.beautii-form textarea:-ms-input-placeholder{color:#787878;opacity:0.6}.beautii-form input[type=date]:-moz-placeholder,.beautii-form input[type=email]:-moz-placeholder,.beautii-form input[type=number]:-moz-placeholder,.beautii-form input[type=password]:-moz-placeholder,.beautii-form input[type=phone]:-moz-placeholder,.beautii-form input[type=search]:-moz-placeholder,.beautii-form input[type=tel]:-moz-placeholder,.beautii-form input[type=text]:-moz-placeholder,.beautii-form input[type=url]:-moz-placeholder,.beautii-form select:-moz-placeholder,.beautii-form textarea:-moz-placeholder{color:#787878;opacity:0.6}.beautii-form .ginput_container_select{position:relative;overflow:hidden;border:1px solid #488a95}.beautii-form .ginput_container_select select{line-height:1;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:content-box;opacity:0.6}.beautii-form .ginput_container_select select option{color:#787878}.beautii-form .ginput_container_select:after{content:" ";border-top:8px solid #488a95;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:50%;right:20px;margin-top:-4px}.beautii-form .gfield_checkbox li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:2px}.beautii-form .gfield_checkbox label{display:block;margin:0 0 0 10px;color:#787878}.beautii-form ul{list-style:none;padding:0;margin:0}.beautii-form li{margin-bottom:20px}.beautii-form li:last-child{margin-bottom:0}.beautii-form .gform_heading{margin-bottom:30px}.beautii-form .gform_heading h3{opacity:1;margin:0 0 20px;color:#488a95;text-align:center;text-transform:capitalize;font-weight:600}.beautii-form .gform_heading .gform_description{text-align:center}.beautii-form label{display:none}.beautii-form .gform_footer,.beautii-form .gform_page_footer{margin-top:40px}.beautii-form .gform_next_button,.beautii-form .gform_previous_button,.beautii-form input[type=submit]{width:120px;margin:0 auto;display:block;padding:12px 0;text-transform:uppercase;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:9.9px;font-size:0.9rem;color:#fff;border:1px solid #fff;outline:0;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;border-radius:5px}.beautii-form .gform_next_button:hover,.beautii-form .gform_previous_button:hover,.beautii-form input[type=submit]:hover{color:#fff;background:#488a95}.beautii-form .gform_next_button,.beautii-form .gform_previous_button{margin-bottom:5px}.beautii-form .gforms_confirmation_message{height:400px;max-height:100%;background:#fff;position:relative}.beautii-form .gforms_confirmation_message svg{fill:#488a95;width:50px;height:50px;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px}.beautii-form .show-label{padding:20px;border:1px solid #488a95}.beautii-form .show-label>label{opacity:0.6;display:block;margin-bottom:20px;padding:0;color:#787878} /* Global */.no-label .gfield_label{display:none!important}.gfield_checkbox span{color:red}.red-text{color:red!important}@media (min-width:720px){#close-form-overlay{top:37px;right:30px}} /* Vailidation overrides */.gform_validation_container{display:none}.gfield_error input,.gfield_error select,.gfield_error textarea{border-color:red!important}.gfield_error label{color:red!important}.gfield.hide,.validation_error,.validation_message{display:none}.message{max-height:0;background-color:#ecebf3;-webkit-transition:max-height 1s;transition:max-height 1s}body.message--visible .message{max-height:300px}.message__container{position:relative;padding:15px 0}.message__text{opacity:0;margin:0;padding-left:20px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:12.1px;font-size:1.1rem;font-weight:600;color:#488a95;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}body.message--visible .message__text{opacity:1}@media (min-width:960px){.message__text{padding-left:0;text-align:center;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:15.4px;font-size:1.4rem}}.message__code{opacity:0;position:relative;display:inline-block;margin-left:10px;padding:5px 10px;color:#aeaeae;background-color:#fff;-webkit-transition:color 0.6s,background 0.6s,opacity 0.4s;transition:color 0.6s,background 0.6s,opacity 0.4s;cursor:pointer}body.message--visible .message__code{opacity:1}.message__code:hover .message__copy{opacity:1;visibility:visible}.message__copy{opacity:0;visibility:hidden;display:block;position:absolute;left:50%;bottom:-53px;padding:5px 15px;/* base font size set on html is now 11px not 10, so need to change the pixel value accordingly */font-size:11px;font-size:1rem;text-align:center;color:#fff;background-color:#8ec2cd;border-radius:5px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:opacity 0.6s;transition:opacity 0.6s;z-index:1}@media (min-width:960px){.message__copy{top:50%;left:auto;left:initial;bottom:auto;bottom:initial;right:-150px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}}.message__copy:before{content:"";position:absolute;width:0;height:0;top:-7px;left:50%;margin-left:-6px;border-style:solid;border-width:0 6px 7.5px;border-color:transparent transparent #8ec2cd}@media (min-width:960px){.message__copy:before{left:-10px;top:50%;margin-left:0;margin-top:-6px;border-width:7.5px 13.0px 7.5px 0;border-color:transparent #8ec2cd transparent transparent}}.message__copy:after{content:"Copy to clipboard"}.message__copy.message__copy--copied{bottom:-37px}@media (min-width:960px){.message__copy.message__copy--copied{right:-96px;bottom:auto;bottom:initial}}.message__copy.message__copy--copied:after{content:"Copied!"}.message__button{opacity:0;position:absolute;width:20px;height:20px;top:50%;right:20px;margin:-10px 0 0;padding:0;outline:0;border-radius:50%;border:2px solid #488a95;background-color:#f1f1f1;-webkit-transition:background 0.2s,opacity 0.4s;transition:background 0.2s,opacity 0.4s}body.message--visible .message__button{opacity:1}.message__button svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:13px;height:13px;fill:#488a95;-webkit-transition:fill 0.2s;transition:fill 0.2s}@media (min-width:960px){.message__button{right:35px}}.message__button:hover{background-color:#488a95}.message__button:hover svg{fill:#fff}.browsehappy{position:fixed;left:0;bottom:0;width:100%;padding:40px;text-align:center;color:#fff;background:#ec3d47;z-index:99999}.browsehappy a{display:inline-block;margin:0 5px;padding:5px 8px;font-weight:700;text-transform:capitalize;color:#333;background:#dcdcdc;border-radius:2px;text-decoration:none}.browsehappy a:hover{color:#fff;background:#333}.browsehappy button{position:absolute;top:15px;right:15px;width:16px;height:16px;margin:0;padding:0;border:0;outline:0;background:none}.browsehappy button svg{fill:#fff;display:block;width:20px;height:20px} /* ========================================================================== $BASE-PICKER ========================================================================== */ /** * Note: the root picker element should *NOT* be styled more than what’s here. */.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:99999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker *{outline:none} /** * The picker input element. */.picker__input{cursor:default} /** * When the picker is opened, the input element is “activated�?. */.picker__input.picker__input--active{border-color:#0089ec} /** * The holder is the only “scrollable�? top-level container element. */.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch} /*! * Default mobile-first, responsive styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */ /** * Note: the root picker element should *NOT* be styled more than what’s here. */ /** * Make the holder and frame fullscreen. */.picker__frame,.picker__holder{top:0;bottom:0;left:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)} /** * The holder should overlay the entire screen. */.picker__holder{position:fixed;transition:background 0.15s ease-out,-webkit-transform 0s 0.15s;-webkit-transition:background 0.15s ease-out,-webkit-transform 0s 0.15s;transition:background 0.15s ease-out,transform 0s 0.15s;transition:background 0.15s ease-out,transform 0s 0.15s,-webkit-transform 0s 0.15s;-webkit-backface-visibility:hidden} /** * The frame that bounds the box contents of the picker. */.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all 0.15s ease-out;transition:all 0.15s ease-out}@media (min-height:33.875em){.picker__frame{overflow:visible;top:-100%;bottom:auto;max-height:80%}}@media (min-height:40.125em){.picker__frame{margin-top:100px;padding-left:15px;padding-right:15px}} /** * The wrapper sets the stage to vertically align the box contents. */.picker__wrap{display:table;width:100%;height:100%}@media (min-height:33.875em){.picker__wrap{display:block}} /** * The box contains all the picker contents. */.picker__box{background:#fff;display:table-cell;vertical-align:middle}@media (min-height:26.5em){.picker__box{font-size:1em}}@media (min-height:33.875em){.picker__box{display:block;border:2px solid #afdee6;border-bottom-width:0;box-shadow:0 12px 36px 16px rgba(0,0,0,.24)}}@media (min-height:40.125em){.picker__box{border-bottom-width:1px}} /** * When the picker opens... */.picker--opened .picker__holder{background:transparent;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(30, 0, 0, 0),endColorstr=rgba(30, 0, 0, 0))";zoom:1;background:rgba(17,27,52,.8);-webkit-transition:background 0.15s ease-out;transition:background 0.15s ease-out}.picker--opened .picker__frame,.picker--opened .picker__holder{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.picker--opened .picker__frame{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}@media (min-height:33.875em){.picker--opened .picker__frame{top:0;bottom:auto}} /* ========================================================================== $BASE-DATE-PICKER ========================================================================== */ /** * The picker box. */.picker__box{padding:0 1em} /** * The header containing the month and year stuff. */.picker__header{text-align:center;position:relative;margin-top:20px} /** * The month and year labels. */.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em;color:#488a95;text-transform:uppercase}.picker__year{font-size:9px} /** * The month and year selectors. */.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-0.5em}}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec} /** * The month navigation buttons. */.picker__nav--next,.picker__nav--prev{position:absolute;width:26px;height:26px;box-sizing:content-box;top:-0.25em;background:#488a95;border-radius:50%}@media (min-width:24.5em){.picker__nav--next,.picker__nav--prev{top:-0.33em}}.picker__nav--next{right:0}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #fff;width:0;height:0;position:absolute;top:50%;left:50%;display:block;margin-top:-6px;margin-left:-5px}.picker__nav--next:before{border-right:0;border-left:8px solid #fff;margin-left:-3px}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#afdee6}.picker__nav--disabled{display:none}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:none;border-right-color:#f5f5f5;border-left-color:#f5f5f5} /** * The calendar table of dates */.picker__table{text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:15px;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0} /** * The weekday labels */.picker__weekday{width:14.285714286%;font-size:11px;padding-top:10px;padding-bottom:10px;color:#999;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;text-transform:uppercase/* Increase the spacing a tad */} /** * The days on the calendar */.picker__day,.picker__weekday{font-weight:500}.picker__day{border-radius:50%;margin-top:10px;position:relative;font-size:13px}.picker__day:after{content:" ";padding-top:100%}.picker__day:after,.picker__day span{display:block;width:100%}.picker__day span{position:absolute;left:0;top:50%;line-height:19px;margin-top:-9px;text-align:center}.picker__day--today:before{content:" ";position:absolute;bottom:3px;left:50%;width:6px;height:6px;border-radius:50%;background:#2d303a;margin-left:-3px}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd;display:none}.picker__day--infocus:hover,.picker__day--outfocus:hover{cursor:pointer;color:#000;background:#86ced9}.picker__day--highlighted{border-color:#0089ec}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover{cursor:pointer}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#488a95;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{font-weight:400;border-color:#f5f5f5;color:#ddd;cursor:default} /** * The footer containing the "today", "clear", and "close" buttons. */.picker__footer{text-align:center}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:none}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-0.05em;width:0;border-top:0.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-0.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-0.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa} /* ========================================================================== $DEFAULT-DATE-PICKER ========================================================================== */.ui-datepicker{width:216px;height:auto;margin:5px auto 0;font:9pt Arial,sans-serif;box-shadow:0px 0px 10px 0px rgba(0,0,0,.5)}.ui-datepicker a{text-decoration:none}.ui-datepicker table{width:100%;border-collapse:collapse}.ui-datepicker-header{background-color:#488a95;/* set the header background color */color:#e0e0e0;font-weight:700;box-shadow:inset 0px 1px 1px 0px hsla(0,0%,98%,.2);text-shadow:1px -1px 0px #000;-webkit-filter:dropshadow(color=#000,offx=1,offy=-1);filter:dropshadow(color=#000,offx=1,offy=-1);line-height:30px;min-height:30px!important;border-width:1px 0 0;border-style:solid;border-color:#488a95}.ui-datepicker-title{text-align:center}.ui-datepicker-title select{margin-top:2.5%}.ui-datepicker-next,.ui-datepicker-prev{display:inline-block;width:30px;height:30px;text-align:center;cursor:pointer;background-image:url(../../assets/images/datepicker/arrow.png);background-repeat:no-repeat;line-height:600%;overflow:hidden}.ui-datepicker-prev{float:left;background-position:center -30px}.ui-datepicker-next{float:right;background-position:center 0px}.ui-datepicker thead{background:#f7f7f7;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#f1f1f1));background:-webkit-linear-gradient(top,#f7f7f7 0%,#f1f1f1 100%);background:linear-gradient(to bottom,#f7f7f7 0%,#f1f1f1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7",endColorstr="#f1f1f1",GradientType=0);border-bottom:1px solid #bbb}.ui-datepicker th{text-transform:uppercase;text-align:center;font-size:6pt;padding:5px 0;color:#666;text-shadow:1px 0px 0px #fff;-webkit-filter:dropshadow(color=#fff,offx=1,offy=0);filter:dropshadow(color=#fff,offx=1,offy=0)}.ui-datepicker tbody td{padding:0;border-top:1px solid #bbb;border-right:1px solid #bbb}.ui-datepicker tbody td:last-child{border-right:0px}.ui-datepicker tbody tr{border-bottom:1px solid #bbb}.ui-datepicker tbody tr:last-child{border-bottom:0px}.ui-datepicker td a,.ui-datepicker td span{display:inline-block;font-weight:700;text-align:center;width:30px;height:30px;line-height:30px;color:#666;text-shadow:1px 1px 0px #fff;-webkit-filter:dropshadow(color=#fff,offx=1,offy=1);filter:dropshadow(color=#fff,offx=1,offy=1)}.ui-datepicker-calendar .ui-state-default{background:#ededed;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ededed),color-stop(100%,#dedede));background:-webkit-linear-gradient(top,#ededed 0%,#dedede 100%);background:linear-gradient(to bottom,#ededed 0%,#dedede 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ededed",endColorstr="#dedede",GradientType=0);box-shadow:inset 1px 1px 0px 0px hsla(0,0%,98%,.5)}.ui-datepicker-calendar .ui-state-hover{background:#f7f7f7}.ui-datepicker-calendar .ui-state-active{background:#fff2aa;/* set the active date background color */border:1px solid #c19163;/* set the active date border color */color:#666;/* set the active date font color */box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,.1);text-shadow:0px 1px 0px #fff;-webkit-filter:dropshadow(color=#FFF,offx=0,offy=1);filter:dropshadow(color=#FFF,offx=0,offy=1);position:relative;margin:-1px}.ui-datepicker-unselectable .ui-state-default{background:#f4f4f4;color:#b4b3b3}.ui-datepicker-calendar td:first-child .ui-state-active{width:29px;margin-left:0}.ui-datepicker-calendar td:last-child .ui-state-active{width:29px;margin-right:0}.ui-datepicker-calendar tr:last-child .ui-state-active{height:29px;margin-bottom:0}td.ui-datepicker-unselectable.ui-state-disabled{background-color:#d7d7d7}table.ui-datepicker-calendar{margin:0!important}body div#ui-datepicker-div[style]{z-index:100000!important}.ginput_container_date .clear-multi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ginput_container_date .clear-multi .ginput_container_date{width:100%}.ginput_container_date .clear-multi .gfield_date_dropdown_month select{border-left:none;border-right:none} /*# sourceMappingURL=../../../../../assets/css/style.css.map */ .ui-timepicker-wrapper{ z-index: 1000000!important; } .form-overlay__inner{ background-color: #fff; padding: 30px; } .booking-form-submit{ background-color: #488a95 !important; color: #fff !important; } .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background: #fff !important; border: 0px solid #fff !important; } .sln-salon-bs-wrap .timepicker .datetimepicker-minutes-heading{display: block !important;text-align: center;font-size: 15px;padding-bottom: 15px;color: #488A95;} .datetimepicker.sln-datetimepicker table tr td span.minute:nth-child(1), .datetimepicker.sln-datetimepicker table tr td span.minute:nth-child(2), .datetimepicker.sln-datetimepicker table tr td span.minute:nth-child(3), .datetimepicker.sln-datetimepicker table tr td span.minute:nth-child(4){border-top: 1;border-style: solid; border-width: 1px; min-width: 3em; border-color: #e4e7e7;} .datetimepicker-days .today{display: none !important;} .sln-attendant-gallery { display: flex; flex-wrap: wrap; margin: 0 auto; padding-bottom: 20px; justify-content: center; } .sln-attendant-gallery a { width: calc(25% - 10px); margin: 5px; height: 200px; } .sln-attendant-gallery a img { vertical-align: top; object-fit: cover; height: 100%; width: 100%; } .sln-attendant-gallery-title {display: inline-block; text-align: center; width: 100%; vertical-align: top;padding-bottom: 20px; margin-top: 5px;} .sln-attendant-gallery-title h2{ font-size: 2.2rem; font-weight: 400; text-align: center; margin: 0px;} .single-post .article .article__content .review-rating{width: 100% !important; margin-left: 5px !important;} .single-post .article .article__content .reviews-area {margin-left: 5px !important;} .single-post .article .article__content .reviews-area .comment-respond{max-width: 100% !important;} .single-post .article .article__content form .review-rating{ margin-left: 0px !important;} @media (max-width:1024px){ .sln-attendant-gallery a { width: calc(33.33% - 10px); } } @media (max-width:768px){ .sln-attendant-gallery a { width: calc(50% - 10px); } } @media (max-width:575px){ .sln-attendant-gallery a { width: 100%; margin: 5px 0px; max-height: 400px; height: auto; } } input#sln_address + span.postcode-note { color: red; font-size: 16px; font-weight: 500; } footer form{ align-items: start; } footer .footer__newsletter-signup .gform_body{width: calc(100% - 90px);} footer .footer__newsletter-signup .gform_footer input[type=submit]{min-height: 60.45px;} footer .footer__newsletter-signup .ginput_recaptcha{margin-top: 10px;} @media (max-width:1024px){ footer .footer__newsletter-signup .ginput_recaptcha{transform:scale(0.77); transform-origin:0 0;} } .treatments-slider { display: inline-block; margin: 10px; border-radius: 10px; /* border: 1px solid; */ overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px; border-radius: 11px; } .treatments-slider a{ text-decoration:none; } .treatments-img { display: inline-block; overflow: hidden; height: 200px; height: 22rem; width: 100%; } .treatments-img img{ object-fit: cover; height: 100%; width: 100%;} .treatments-slider .treatments-title-content {padding: 0px 15px; } .treatments-slider .treatments-title-content h4{color: #488a95; margin-bottom:5px; } .treatments-slider .treatments-title-content p{ margin-top:0; } .treatments-img:hover img { scale: 1.2; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .treatments-slider-wrap h2{color: #488a95; text-align: center; font-size: 2.5rem; font-weight: 600; text-shadow: none; margin: 50px 0 20px 0;} .treatments-sliders .slick-list{mask-image: linear-gradient(to right, transparent 0px, black 52px, black calc(100% - 52px), transparent 100%);} .treatments-sliders .slick-prev, .treatments-sliders .slick-next {font-size: 0; line-height: 0;display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; height: 32px; width: 32px; border-radius: 16px; top: calc(50% - 16px); z-index: 10; cursor: pointer; background-color: white; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; transition: opacity 0.25s ease 0s; border: none;} .treatments-sliders .slick-prev {left:0px; background-image:url(../images/icons/prev-arrow.svg); background-repeat: no-repeat; background-position: center center; transform: rotate(180deg);} .treatments-sliders .slick-next {right:0px; background-image:url(../images/icons/next-arrow.svg); background-repeat: no-repeat; background-position: center center;} /*.treatments-sliders .slick-track { display: flex !important; } .treatments-sliders .slick-slide { height: inherit !important; }*/ .iw-text-img-grid { display: inline-block; padding: 25px 0px; background-color: #d9dee047; width: 100%; } .iw-text-img-grid .iw-text-img-grid-wrap { display: flex; flex-wrap: wrap; align-items: center; height: 100%; overflow: hidden; margin: 60px 0px; background-color: #fff; border-radius: 10px; box-shadow: rgba(0,0,0,.15) 0 2px 6px; } .iw-text-img-grid .iw-text-img-grid-wrap .grid-text ,.iw-text-img-grid .iw-text-img-grid-wrap .grid-img { width: 50%; display: inline-block; min-height: 500px; } .iw-text-img-grid .iw-text-img-grid-wrap .grid-img img { height: 100%; object-fit: cover; display: flex; } .iw-text-img-grid .iw-text-img-grid-wrap .grid-text { padding: 25px; } .iw-text-img-grid .iw-text-img-grid-wrap .grid-text h2 { color: #488a95; font-size: 2.5rem; font-weight: 600; text-shadow: none; margin: 50px 0 20px; } .iw-text-img-grid .iw-text-img-grid-wrap .grid-text a.btn-link { font-size: 12.1px; font-size: 1.1rem; text-decoration: none; display: inline-block; text-align: center; text-transform: uppercase; border-radius: 0.3em; border: 1px solid #488a95; padding: 10px 20px; font-weight: 400; -webkit-transition: background .25s,color .25s; transition: background .25s,color .25s; } @media(max-width: 720px){ .iw-text-img-grid .iw-text-img-grid-wrap{ margin: 10px; border-radius: 0px !important; box-shadow: none !important; } .iw-text-img-grid .iw-text-img-grid-wrap .grid-text, .iw-text-img-grid .iw-text-img-grid-wrap .grid-img{ width: 100%; min-height:auto !important; } .iw-text-img-grid .iw-text-img-grid-wrap .grid-img{ max-height: unset !important; padding: 5px 25px 25px 25px; } .iw-text-img-grid .iw-text-img-grid-wrap .grid-img img { height: auto !important; } .iw-text-img-grid .iw-text-img-grid-wrap .grid-text h2{ margin: 20px 0px 20px; } } .iw-service-grid { display: inline-block; background-color: #d9dee047; width: 100%; padding: 60px 0px; } .iw-service-grid .iw-service-grid-wrap { display: flex; flex-wrap: wrap; justify-content: center; } .iw-service-grid .iw-service-grid-heading h2 { color: #488a95; font-size: 2.5rem; font-weight: 600; text-shadow: none; margin: 50px 0 20px; text-align: center; } .iw-service-grid .iw-service-grid-wrap .iw-service-single { width: calc(33.33% - 20px); margin: 10px 10px; border-radius: 10px; overflow: hidden; background-color: #fff; box-shadow: rgba(0,0,0,.15) 0 2px 6px; } .iw-service-grid .iw-service-grid-wrap .iw-service-single .service-img { height: 200px; display: inline-block; overflow: hidden; width: 100%; } .iw-service-grid .iw-service-grid-wrap .iw-service-single .service-img img{ height: 100%; width: 100%; object-fit: cover; display: inline-block; } .iw-service-grid .iw-service-grid-wrap .iw-service-single .service-text { padding: 10px 10px 20px; } .iw-service-grid .iw-service-grid-wrap .iw-service-single .service-text h3{ color: #488a95; font-size: 1.8rem; font-weight: 600; text-shadow: none; margin: 0px; } .iw-service-grid .iw-service-grid-wrap .iw-service-single .service-text .link-wrap a.btn-link { font-size: 12.1px; font-size: 1.1rem; text-decoration: none; display: inline-block; text-align: center; text-transform: uppercase; border-radius: 0.3em; border: 1px solid #488a95; padding: 10px 20px; font-weight: 400; -webkit-transition: background .25s,color .25s; transition: background .25s,color .25s; } .link-wrap { display: inline-block; margin: 0 auto; width: 100%; text-align: center; } @media(max-width: 960px){ .iw-service-grid .iw-service-grid-wrap .iw-service-single { width: calc(50% - 20px); } .iw-service-grid .iw-service-grid-wrap .iw-service-single .service-img { height: 300px; } } @media(max-width: 620px){ .iw-service-grid .iw-service-grid-wrap .iw-service-single { width: 100%; margin: 10px; } } /*book events banner mobile*/ .cta-block.cta-block--cols-content { display: table; height: 80vh; width: 100%; padding: 0; position: relative; overflow: hidden; } .cta-block.cta-block--cols-content .image-pair { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cta-block.cta-block--cols-content .image-pair .image-pair__image-wrap { width: 50%; height: 100%; position: relative; background-size: cover; background-position: 50%; background-repeat: no-repeat; image-rendering: -webkit-optimize-contrast; overflow: hidden; } .cta-block.cta-block--cols-content .image-pair .image-pair__image-wrap:after { content: " "; position: absolute; top: -1%; left: -1%; width: 102%; height: 102%; background: #fff; opacity: .85; } .cta-block.cta-block--cols-content .cta-block__content { display: table-cell; vertical-align: middle; } .cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 900px; margin: 0 auto; background: #fff; position: relative; padding:20px; } .cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner h3 { font-size: 26.4px; font-size: 2.4rem; margin: 0 0 20px; text-align: center; } .cta-block.cta-block--cols-content .cta-block__content .cta-block__content-inner p { margin: 0 0 20px; } .cta-block.cta-block--cols-content .cta-block__content .cta-block__btn { width: 140px; margin: 0 auto; } .iw-custom-popup .gfield_label { display: none; } .iw-custom-popup.wrapper { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .iw-custom-popup .custom-popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; font-family: Arial; background: rgba(0,0,0,.4); z-index: 150; /*display: flex;*/ align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 110.145ms 0ms; display: none; } .iw-custom-popup .custom-popup__holder { max-width: 800px; width: 100%; height: 600px; background: #fff; border-radius: 8px; /*padding: 50px;*/ display: flex; flex-flow: column wrap; justify-content: space-between; position: relative; opacity: 0; transform: translateY(-100px); transition: opacity 400ms, transform 400ms; transition-delay: 300ms; justify-content: center; height: auto; } .iw-custom-popup .custom-popup__close { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; cursor: pointer; transition: .3s transform; } .iw-custom-popup .custom-popup__close:before, .iw-custom-popup .custom-popup__close:after { content: ''; position: absolute; left: 15px; top: 3px; display: block; width: 2px; height: 26px; background: #000; transform: rotate(45deg); } .iw-custom-popup .custom-popup__close:after { left: 15px; top: 3px; transform: rotate(-45deg); } .iw-custom-popup .custom-popup__close:hover { transform: rotate(90deg); } .iw-custom-popup .custom-popup.is-active { opacity: 1; pointer-events: auto; display: flex; } .iw-custom-popup .custom-popup__holder { opacity: 1; transform: translateY(0); } .iw-custom-popup-wrap{ display: flex; align-items: center; } .iw-custom-popup-wrap .iw-custom-popup-form{ padding: 15px; width: 50%; } .iw-custom-popup-wrap .iw-custom-popup-form h2{ margin:0; color: #488a95; text-align: center; font-size: 2.5rem; font-weight: 600; text-shadow: none; } .iw-custom-popup-wrap .iw-custom-popup-form ul.gform_fields{ list-style: none; padding: 0; } .iw-custom-popup-wrap .iw-custom-popup-form ul.gform_fields label{ padding: 0; } .iw-custom-popup-wrap .iw-custom-popup-form ul.gform_fields .ginput_container_email{ padding: 10px 0px; margin-bottom: 5px; } .iw-custom-popup-wrap .iw-custom-popup-img{ height: 400px; width: 50%; border-radius: 0px 8px 8px 0px; overflow: hidden; } .iw-custom-popup-wrap .iw-custom-popup-img img{ vertical-align: top; object-fit: cover; width: 100%; } .iw-custom-popup-wrap .iw-custom-popup-form .gform_footer{ text-align: center; } .iw-custom-popup-wrap .iw-custom-popup-form .gform_footer input[type=submit]{ padding: 15px 35px; } @media screen and (max-width: 767px) { .iw-custom-popup .custom-popup__holder{ height:60vh; width: 90%; } .iw-custom-popup-wrap .iw-custom-popup-form{ width: 100% } .iw-custom-popup-wrap .iw-custom-popup-img{ display: none; } } .text-block__text img.alignnone:hover { opacity: 0.8; } .sln-attendant-description .modal{ z-index: 9999 !important;} .sln-attendant-description .modal-header { border: none !important; } .sln-attendant-description .modal-header .close{ color: #000 ; opacity: 1 !important; } .sln-attendant-description .modal-body {text-align: center; } .sln-attendant-description .modal-body .assistance-image-gallery img{border-radius: 0 !important;} .sln-attendant-description .modal-dialog{top: 50%; transform: translateY(-50%) !important;} .sln-attendant-description .modal-body {max-height: 500px; overflow: auto;} .sln-attendant-description .modal-body::-webkit-scrollbar {width: 6px; } .sln-attendant-description .modal-body::-webkit-scrollbar-track {background-color: #D9D9D9; -webkit-border-radius: 10px; border-radius: 10px; } .sln-attendant-description .modal-body::-webkit-scrollbar-thumb {-webkit-border-radius: 10px; border-radius: 10px; background: #9C9C9C; } #gallery-1 img { border: none !important; } .home .hero-article{ height: unset !important; } .home .hero-article .hero-gallery .image.show{ height: 100% !important; } .home .hero-article .hero-gallery { height: auto !important; } .home .hero-article .content{ padding-top: 30px !important; } @media (max-width: 720px) { .home .hero-article .hero-gallery { height: 50vh !important; } } /*START : 31-03-25*/ /* Section Styling */ .meet-section-four-column { background-color: #f8f9fa; padding: 50px 20px; text-align: center; } /* Heading Style */ .meet-section-four-column h2 { font-size: 2.4rem; font-weight: bold; margin-bottom: 30px; color: #488a95; } /* Grid Layout */ .meet-section-four-column .grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1200px; margin: auto; } /* Individual Grid Items */ .meet-section-four-column .grid-item { width: 100%; text-align: center; } .meet-section-four-column .grid-item a { display: block; } /* Image Styling */ .meet-section-four-column .grid-item img { width: 100%; height: auto; border-radius: 8px; transition: transform 0.3s ease-in-out; } .meet-section-four-column .grid-item img:hover { transform: scale(1.05); } /* Image Title */ .meet-section-four-column .image-title { font-size: 1.6rem; font-weight: 600; margin-top: 10px; color: #488a95; } /* Responsive Styles */ @media (max-width: 1024px) { .meet-section-four-column .grid { grid-template-columns: repeat(2, 1fr); /* 2 columns for tablets */ } } @media (max-width: 600px) { .meet-section-four-column .grid { grid-template-columns: repeat(2, 1fr); /* 2 column for mobile */ } } /* Section Styling */ .three-column-grid-layout { background-color: #ffffff; padding: 50px 20px; text-align: center; } /* Heading Style */ .three-column-grid-layout h2 { font-size: 2.4rem; font-weight: bold; margin-bottom: 30px; color: #488a95; } /* Grid Layout */ .three-column-grid-layout .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1200px; margin: auto; } /* Individual Grid Items */ .three-column-grid-layout .grid-item { background-color: #f8f9fa; padding: 20px; border-radius: 10px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } /* Image Box */ .three-column-grid-layout .image-box { border-radius: 8px; overflow: hidden; } .three-column-grid-layout .image-box img { width: 100%; height: auto; display: block; transition: transform 0.3s ease-in-out; } .three-column-grid-layout .image-box img:hover { transform: scale(1.05); } /* Content Box (Outside Image) */ .three-column-grid-layout .content-box { margin-top: 15px; text-align: left; } /* Title */ .three-column-grid-layout .image-title { font-size: 1.6rem; font-weight: 600; color: #488a95; margin-bottom: 10px; } /* Description */ .three-column-grid-layout .image-description { font-size: 1.3rem; color: #787878; font-weight: 300; margin-bottom: 15px; } /* Button */ .three-column-grid-layout .custom-button { font-size: 1.1rem; text-align: center; text-transform: uppercase; border-radius: 0.3em; border: 1px solid #488a95; font-weight: 400; display: inline-block; text-decoration: none; padding: 0.3em 0.8em 0.2em; transition: background 0.25s, color 0.25s; color: #488a95; } .three-column-grid-layout .custom-button:hover { background: #488a95; color: #fff; } /* Responsive Styles */ @media (max-width: 1024px) { .three-column-grid-layout .grid { grid-template-columns: repeat(2, 1fr); /* 2 columns for tablets */ } } @media (max-width: 600px) { .three-column-grid-layout .grid { grid-template-columns: repeat(1, 1fr); /* 1 column for mobile */ } } .booking-two-btn { /*display: flex; flex-wrap: wrap;*/ gap: 15px; justify-content: center; max-width: 500px; margin: 0 auto; } .booking-two-btn .simple-search { flex: 1 1 45%; text-align: center; } .booking-two-btn .btn-outline { font-size: 18px; } .service-detail .service-detail__col-02 .btn-group { gap: 10px; display: flex; flex-wrap: wrap; } .service-detail .service-detail__col-02 .btn-outline-bold{ white-space: nowrap; } .service-detail .service-detail__col-02 .btn-group a { min-width: 55%; } @media (max-width: 768px) { .service-detail .service-detail__col-02 .btn-group a { min-width: 75%; } } .cta-block--left-content .image-pair__image-wrap:first-child{background-position: center top;}