var body = document.body; body.className += " u-body u-palette-1-base"; body.style.cssText += " "; (function ($) { var ResponsiveCms = window.ResponsiveCms; if (!ResponsiveCms) { return; } ResponsiveCms.contentDom = $('script:last').parent(); ResponsiveCms.mediaStyleUrl = "/components/com_nicepage/assets/css/media.css"; ResponsiveCms.responsiveStyleUrl = "/components/com_nicepage/assets/css/responsive.css"; if (typeof ResponsiveCms.recalcClasses === 'function') { ResponsiveCms.recalcClasses(); } })(jQuery); Call us on 020 8505 1642 7 Jubilee Parade, Snakes Lane East, Woodford Green, Essex, IG8 7QG MASTER Robert Bell MASTER Kim Bell MANAGER Lucy Pipkin stylist Josh Roper MANAGER Nicola Davis Why not try our online booking form! booking form GRADUATE George Bell graduate Ellie Atkinson graduate Amy Lake Marus .u-body { font-family: Roboto,sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans',sans-serif; } .u-overlap.u-overlap-transparent .u-header, .u-image, .u-gradient { color: #5e5a55; } .u-shading, .u-overlap.u-overlap-contrast .u-header { color: #ffffff; } .u-body { color: #5e5a55; background-color: #ffffff; } .u-custom-font.u-text-font { font-family: Roboto,sans-serif !important; } .u-custom-font.u-heading-font { font-family: 'Open Sans',sans-serif !important; } .u-none.u-button-style, .u-none.u-button-style:hover, .u-none.u-button-style:active, .u-none.u-button-style.active, .u-button-style.u-hover-none:hover, .u-button-style.u-active-none:active, .u-button-style.u-active-none.active { color: inherit !important; background-color: transparent !important; } .u-button-style.u-border-none, .u-button-style.u-border-hover-none:hover, .u-button-style.u-border-active-none:active, .u-button-style.u-border-active-none.active { border-color: transparent !important; border-width: 0; } .u-button-style.u-text-none, .u-button-style.u-text-none:hover, .u-button-style.u-text-none:active, .u-button-style.u-text-none.active, .u-button-style.u-text-hover-none:hover, .u-button-style.u-text-active-none:active, .u-button-style.u-text-active-none.active { color: inherit !important; } /*end-color none*//*begin-color color-1*/ .u-color-1, .u-body.u-color-1, .u-container-style.u-color-1:before { color: #ffffff; background-color: #a9a3a3; } .u-button-style.u-color-1, .u-button-style.u-color-1[class*="u-border-"] { color: #ffffff !important; background-color: #a9a3a3 !important; } .u-button-style.u-color-1:hover, .u-button-style.u-color-1[class*="u-border-"]:hover, .u-button-style.u-button-style.u-color-1:active, .u-button-style.u-button-style.u-color-1[class*="u-border-"]:active, .u-button-style.u-button-style.u-color-1.active, .u-button-style.u-button-style.u-color-1[class*="u-border-"].active { color: #ffffff !important; background-color: #999292 !important; } a.u-button-style.u-hover-color-1:hover, a.u-button-style.u-hover-color-1[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-active-color-1:active, a.u-button-style.u-button-style.u-active-color-1[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-color-1.active, a.u-button-style.u-button-style.u-active-color-1[class*="u-border-"].active { color: #ffffff !important; background-color: #a9a3a3 !important; } a.u-link.u-hover-color-1:hover { color: #a9a3a3 !important; } /*end-color color-1*//*begin-color palette-1*/ .u-palette-1, .u-body.u-palette-1, .u-container-style.u-palette-1:before { color: #ffffff; background-color: #a9a3a3; } .u-button-style.u-palette-1, .u-button-style.u-palette-1[class*="u-border-"] { color: #ffffff !important; background-color: #a9a3a3 !important; } .u-button-style.u-palette-1:hover, .u-button-style.u-palette-1[class*="u-border-"]:hover, .u-button-style.u-button-style.u-palette-1:active, .u-button-style.u-button-style.u-palette-1[class*="u-border-"]:active, .u-button-style.u-button-style.u-palette-1.active, .u-button-style.u-button-style.u-palette-1[class*="u-border-"].active { color: #ffffff !important; background-color: #999292 !important; } a.u-button-style.u-hover-palette-1:hover, a.u-button-style.u-hover-palette-1[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-active-palette-1:active, a.u-button-style.u-button-style.u-active-palette-1[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-palette-1.active, a.u-button-style.u-button-style.u-active-palette-1[class*="u-border-"].active { color: #ffffff !important; background-color: #a9a3a3 !important; } a.u-link.u-hover-palette-1:hover { color: #a9a3a3 !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-palette-1-base, .u-body.u-palette-1-base, .u-container-style.u-palette-1-base:before { color: #ffffff; background-color: #000000; } .u-button-style.u-palette-1-base, .u-button-style.u-palette-1-base[class*="u-border-"] { color: #ffffff !important; background-color: #000000 !important; } .u-button-style.u-palette-1-base:hover, .u-button-style.u-palette-1-base[class*="u-border-"]:hover, .u-button-style.u-button-style.u-palette-1-base:active, .u-button-style.u-button-style.u-palette-1-base[class*="u-border-"]:active, .u-button-style.u-button-style.u-palette-1-base.active, .u-button-style.u-button-style.u-palette-1-base[class*="u-border-"].active { color: #ffffff !important; background-color: #000000 !important; } a.u-button-style.u-hover-palette-1-base:hover, a.u-button-style.u-hover-palette-1-base[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-active-palette-1-base:active, a.u-button-style.u-button-style.u-active-palette-1-base[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-palette-1-base.active, a.u-button-style.u-button-style.u-active-palette-1-base[class*="u-border-"].active { color: #ffffff !important; background-color: #000000 !important; } a.u-link.u-hover-palette-1-base:hover { color: #000000 !important; } /*end-color palette-1-base*//*begin-color grey*/ .u-grey, .u-body.u-grey, .u-container-style.u-grey:before { color: #ffffff; background-color: #b3b3b3; } .u-button-style.u-grey, .u-button-style.u-grey[class*="u-border-"] { color: #ffffff !important; background-color: #b3b3b3 !important; } .u-button-style.u-grey:hover, .u-button-style.u-grey[class*="u-border-"]:hover, .u-button-style.u-button-style.u-grey:active, .u-button-style.u-button-style.u-grey[class*="u-border-"]:active, .u-button-style.u-button-style.u-grey.active, .u-button-style.u-button-style.u-grey[class*="u-border-"].active { color: #ffffff !important; background-color: #a1a1a1 !important; } a.u-button-style.u-hover-grey:hover, a.u-button-style.u-hover-grey[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-active-grey:active, a.u-button-style.u-button-style.u-active-grey[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-grey.active, a.u-button-style.u-button-style.u-active-grey[class*="u-border-"].active { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-link.u-hover-grey:hover { color: #b3b3b3 !important; } /*end-color grey*//*begin-color white*/ .u-white, .u-body.u-white, .u-container-style.u-white:before { color: #5e5a55; background-color: #ffffff; } .u-button-style.u-white, .u-button-style.u-white[class*="u-border-"] { color: #5e5a55 !important; background-color: #ffffff !important; } .u-button-style.u-white:hover, .u-button-style.u-white[class*="u-border-"]:hover, .u-button-style.u-button-style.u-white:active, .u-button-style.u-button-style.u-white[class*="u-border-"]:active, .u-button-style.u-button-style.u-white.active, .u-button-style.u-button-style.u-white[class*="u-border-"].active { color: #5e5a55 !important; background-color: #e6e6e6 !important; } a.u-button-style.u-hover-white:hover, a.u-button-style.u-hover-white[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-active-white:active, a.u-button-style.u-button-style.u-active-white[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-white.active, a.u-button-style.u-button-style.u-active-white[class*="u-border-"].active { color: #5e5a55 !important; background-color: #ffffff !important; } a.u-link.u-hover-white:hover { color: #ffffff !important; } /*end-color white*//*begin-color black*/ .u-black, .u-body.u-black, .u-container-style.u-black:before { color: #ffffff; background-color: #000000; } .u-button-style.u-black, .u-button-style.u-black[class*="u-border-"] { color: #ffffff !important; background-color: #000000 !important; } .u-button-style.u-black:hover, .u-button-style.u-black[class*="u-border-"]:hover, .u-button-style.u-button-style.u-black:active, .u-button-style.u-button-style.u-black[class*="u-border-"]:active, .u-button-style.u-button-style.u-black.active, .u-button-style.u-button-style.u-black[class*="u-border-"].active { color: #ffffff !important; background-color: #000000 !important; } a.u-button-style.u-hover-black:hover, a.u-button-style.u-hover-black[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-active-black:active, a.u-button-style.u-button-style.u-active-black[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-black.active, a.u-button-style.u-button-style.u-active-black[class*="u-border-"].active { color: #ffffff !important; background-color: #000000 !important; } a.u-link.u-hover-black:hover { color: #000000 !important; } /*end-color black*//*begin-color body-alt-color*/ .u-body-alt-color, .u-body.u-body-alt-color, .u-container-style.u-body-alt-color:before { color: #5e5a55; background-color: #ffffff; } .u-button-style.u-body-alt-color, .u-button-style.u-body-alt-color[class*="u-border-"] { color: #5e5a55 !important; background-color: #ffffff !important; } .u-button-style.u-body-alt-color:hover, .u-button-style.u-body-alt-color[class*="u-border-"]:hover, .u-button-style.u-button-style.u-body-alt-color:active, .u-button-style.u-button-style.u-body-alt-color[class*="u-border-"]:active, .u-button-style.u-button-style.u-body-alt-color.active, .u-button-style.u-button-style.u-body-alt-color[class*="u-border-"].active { color: #5e5a55 !important; background-color: #e6e6e6 !important; } a.u-button-style.u-hover-body-alt-color:hover, a.u-button-style.u-hover-body-alt-color[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-active-body-alt-color:active, a.u-button-style.u-button-style.u-active-body-alt-color[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-body-alt-color.active, a.u-button-style.u-button-style.u-active-body-alt-color[class*="u-border-"].active { color: #5e5a55 !important; background-color: #ffffff !important; } a.u-link.u-hover-body-alt-color:hover { color: #ffffff !important; } /*end-color body-alt-color*//*begin-color grey-25*/ .u-grey-25, .u-body.u-grey-25, .u-container-style.u-grey-25:before { color: #5e5a55; background-color: #c0c0c0; } .u-button-style.u-grey-25, .u-button-style.u-grey-25[class*="u-border-"] { color: #5e5a55 !important; background-color: #c0c0c0 !important; } .u-button-style.u-grey-25:hover, .u-button-style.u-grey-25[class*="u-border-"]:hover, .u-button-style.u-button-style.u-grey-25:active, .u-button-style.u-button-style.u-grey-25[class*="u-border-"]:active, .u-button-style.u-button-style.u-grey-25.active, .u-button-style.u-button-style.u-grey-25[class*="u-border-"].active { color: #5e5a55 !important; background-color: #adadad !important; } a.u-button-style.u-hover-grey-25:hover, a.u-button-style.u-hover-grey-25[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-active-grey-25:active, a.u-button-style.u-button-style.u-active-grey-25[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-grey-25.active, a.u-button-style.u-button-style.u-active-grey-25[class*="u-border-"].active { color: #5e5a55 !important; background-color: #c0c0c0 !important; } a.u-link.u-hover-grey-25:hover { color: #c0c0c0 !important; } /*end-color grey-25*//*begin-color grey-25*/ .u-grey-25, .u-body.u-grey-25, .u-container-style.u-grey-25:before { color: #5e5a55; background-color: #c0c0c0; } .u-button-style.u-grey-25, .u-button-style.u-grey-25[class*="u-border-"] { color: #5e5a55 !important; background-color: #c0c0c0 !important; } .u-button-style.u-grey-25:hover, .u-button-style.u-grey-25[class*="u-border-"]:hover, .u-button-style.u-button-style.u-grey-25:active, .u-button-style.u-button-style.u-grey-25[class*="u-border-"]:active, .u-button-style.u-button-style.u-grey-25.active, .u-button-style.u-button-style.u-grey-25[class*="u-border-"].active { color: #5e5a55 !important; background-color: #adadad !important; } a.u-button-style.u-hover-grey-25:hover, a.u-button-style.u-hover-grey-25[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-active-grey-25:active, a.u-button-style.u-button-style.u-active-grey-25[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-grey-25.active, a.u-button-style.u-button-style.u-active-grey-25[class*="u-border-"].active { color: #5e5a55 !important; background-color: #c0c0c0 !important; } a.u-link.u-hover-grey-25:hover { color: #c0c0c0 !important; } /*end-color grey-25*//*begin-color color-1*/ .u-border-color-1, .u-separator-color-1:after { border-color: #a9a3a3; } .u-button-style.u-border-color-1 { border-color: #a9a3a3 !important; color: #a9a3a3 !important; background-color: transparent !important; } .u-button-style.u-border-color-1:hover { border-color: #999292 !important; color: #999292 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-color-1:hover, a.u-button-style.u-button-style.u-border-active-color-1:active, a.u-button-style.u-button-style.u-border-active-color-1.active { color: #a9a3a3 !important; border-color: #a9a3a3 !important; } .u-link.u-border-color-1[class*="u-border-"] { border-color: #a9a3a3 !important; } .u-link.u-border-color-1[class*="u-border-"]:hover { border-color: #999292 !important; } /*end-color color-1*//*begin-color palette-1*/ .u-border-palette-1, .u-separator-palette-1:after { border-color: #a9a3a3; } .u-button-style.u-border-palette-1 { border-color: #a9a3a3 !important; color: #a9a3a3 !important; background-color: transparent !important; } .u-button-style.u-border-palette-1:hover { border-color: #999292 !important; color: #999292 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1:hover, a.u-button-style.u-button-style.u-border-active-palette-1:active, a.u-button-style.u-button-style.u-border-active-palette-1.active { color: #a9a3a3 !important; border-color: #a9a3a3 !important; } .u-link.u-border-palette-1[class*="u-border-"] { border-color: #a9a3a3 !important; } .u-link.u-border-palette-1[class*="u-border-"]:hover { border-color: #999292 !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-border-palette-1-base, .u-separator-palette-1-base:after { border-color: #000000; } .u-button-style.u-border-palette-1-base { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } .u-button-style.u-border-palette-1-base:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1-base:hover, a.u-button-style.u-button-style.u-border-active-palette-1-base:active, a.u-button-style.u-button-style.u-border-active-palette-1-base.active { color: #000000 !important; border-color: #000000 !important; } .u-link.u-border-palette-1-base[class*="u-border-"] { border-color: #000000 !important; } .u-link.u-border-palette-1-base[class*="u-border-"]:hover { border-color: #000000 !important; } /*end-color palette-1-base*//*begin-color grey*/ .u-border-grey, .u-separator-grey:after { border-color: #b3b3b3; } .u-button-style.u-border-grey { border-color: #b3b3b3 !important; color: #b3b3b3 !important; background-color: transparent !important; } .u-button-style.u-border-grey:hover { border-color: #a1a1a1 !important; color: #a1a1a1 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey:hover, a.u-button-style.u-button-style.u-border-active-grey:active, a.u-button-style.u-button-style.u-border-active-grey.active { color: #b3b3b3 !important; border-color: #b3b3b3 !important; } .u-link.u-border-grey[class*="u-border-"] { border-color: #b3b3b3 !important; } .u-link.u-border-grey[class*="u-border-"]:hover { border-color: #a1a1a1 !important; } /*end-color grey*//*begin-color white*/ .u-border-white, .u-separator-white:after { border-color: #ffffff; } .u-button-style.u-border-white { border-color: #ffffff !important; color: #ffffff !important; background-color: transparent !important; } .u-button-style.u-border-white:hover { border-color: #e6e6e6 !important; color: #e6e6e6 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-white:hover, a.u-button-style.u-button-style.u-border-active-white:active, a.u-button-style.u-button-style.u-border-active-white.active { color: #ffffff !important; border-color: #ffffff !important; } .u-link.u-border-white[class*="u-border-"] { border-color: #ffffff !important; } .u-link.u-border-white[class*="u-border-"]:hover { border-color: #e6e6e6 !important; } /*end-color white*//*begin-color black*/ .u-border-black, .u-separator-black:after { border-color: #000000; } .u-button-style.u-border-black { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } .u-button-style.u-border-black:hover { border-color: #000000 !important; color: #000000 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-black:hover, a.u-button-style.u-button-style.u-border-active-black:active, a.u-button-style.u-button-style.u-border-active-black.active { color: #000000 !important; border-color: #000000 !important; } .u-link.u-border-black[class*="u-border-"] { border-color: #000000 !important; } .u-link.u-border-black[class*="u-border-"]:hover { border-color: #000000 !important; } /*end-color black*//*begin-color body-alt-color*/ .u-border-body-alt-color, .u-separator-body-alt-color:after { border-color: #ffffff; } .u-button-style.u-border-body-alt-color { border-color: #ffffff !important; color: #ffffff !important; background-color: transparent !important; } .u-button-style.u-border-body-alt-color:hover { border-color: #e6e6e6 !important; color: #e6e6e6 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-body-alt-color:hover, a.u-button-style.u-button-style.u-border-active-body-alt-color:active, a.u-button-style.u-button-style.u-border-active-body-alt-color.active { color: #ffffff !important; border-color: #ffffff !important; } .u-link.u-border-body-alt-color[class*="u-border-"] { border-color: #ffffff !important; } .u-link.u-border-body-alt-color[class*="u-border-"]:hover { border-color: #e6e6e6 !important; } /*end-color body-alt-color*//*begin-color grey-25*/ .u-border-grey-25, .u-separator-grey-25:after { border-color: #c0c0c0; } .u-button-style.u-border-grey-25 { border-color: #c0c0c0 !important; color: #c0c0c0 !important; background-color: transparent !important; } .u-button-style.u-border-grey-25:hover { border-color: #adadad !important; color: #adadad !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-25:hover, a.u-button-style.u-button-style.u-border-active-grey-25:active, a.u-button-style.u-button-style.u-border-active-grey-25.active { color: #c0c0c0 !important; border-color: #c0c0c0 !important; } .u-link.u-border-grey-25[class*="u-border-"] { border-color: #c0c0c0 !important; } .u-link.u-border-grey-25[class*="u-border-"]:hover { border-color: #adadad !important; } /*end-color grey-25*//*begin-color grey-25*/ .u-border-grey-25, .u-separator-grey-25:after { border-color: #c0c0c0; } .u-button-style.u-border-grey-25 { border-color: #c0c0c0 !important; color: #c0c0c0 !important; background-color: transparent !important; } .u-button-style.u-border-grey-25:hover { border-color: #adadad !important; color: #adadad !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-25:hover, a.u-button-style.u-button-style.u-border-active-grey-25:active, a.u-button-style.u-button-style.u-border-active-grey-25.active { color: #c0c0c0 !important; border-color: #c0c0c0 !important; } .u-link.u-border-grey-25[class*="u-border-"] { border-color: #c0c0c0 !important; } .u-link.u-border-grey-25[class*="u-border-"]:hover { border-color: #adadad !important; } /*end-color grey-25*//*begin-color color-1*/ .u-text-color-1, .u-text-color-1 a, a.u-button-style.u-text-color-1, a.u-button-style.u-text-color-1[class*="u-border-"] { color: #a9a3a3 !important; } a.u-button-style.u-text-color-1:hover, a.u-button-style.u-text-color-1[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-color-1:active, a.u-button-style.u-button-style.u-text-color-1[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-color-1.active, a.u-button-style.u-button-style.u-text-color-1[class*="u-border-"].active { color: #999292 !important; } a.u-button-style.u-button-style.u-text-hover-color-1:hover, a.u-button-style.u-button-style.u-text-hover-color-1[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-button-style.u-text-active-color-1:active, a.u-button-style.u-button-style.u-button-style.u-text-active-color-1[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-color-1.active, a.u-button-style.u-button-style.u-button-style.u-text-active-color-1[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-color-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-color-1.active, .u-popupmenu-items.u-text-hover-color-1 .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-color-1 .u-nav-link.active { color: #a9a3a3 !important; } .u-text-color-1 svg { fill: #a9a3a3; } .u-link.u-text-color-1:hover { color: #999292 !important; } a.u-link.u-text-hover-color-1:hover { color: #a9a3a3 !important; } /*end-color color-1*//*begin-color palette-1*/ .u-text-palette-1, .u-text-palette-1 a, a.u-button-style.u-text-palette-1, a.u-button-style.u-text-palette-1[class*="u-border-"] { color: #a9a3a3 !important; } a.u-button-style.u-text-palette-1:hover, a.u-button-style.u-text-palette-1[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-palette-1:active, a.u-button-style.u-button-style.u-text-palette-1[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-palette-1.active, a.u-button-style.u-button-style.u-text-palette-1[class*="u-border-"].active { color: #999292 !important; } a.u-button-style.u-button-style.u-text-hover-palette-1:hover, a.u-button-style.u-button-style.u-text-hover-palette-1[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1:active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1.active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-palette-1.active, .u-popupmenu-items.u-text-hover-palette-1 .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-palette-1 .u-nav-link.active { color: #a9a3a3 !important; } .u-text-palette-1 svg { fill: #a9a3a3; } .u-link.u-text-palette-1:hover { color: #999292 !important; } a.u-link.u-text-hover-palette-1:hover { color: #a9a3a3 !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-text-palette-1-base, .u-text-palette-1-base a, a.u-button-style.u-text-palette-1-base, a.u-button-style.u-text-palette-1-base[class*="u-border-"] { color: #000000 !important; } a.u-button-style.u-text-palette-1-base:hover, a.u-button-style.u-text-palette-1-base[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-palette-1-base:active, a.u-button-style.u-button-style.u-text-palette-1-base[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-palette-1-base.active, a.u-button-style.u-button-style.u-text-palette-1-base[class*="u-border-"].active { color: #000000 !important; } a.u-button-style.u-button-style.u-text-hover-palette-1-base:hover, a.u-button-style.u-button-style.u-text-hover-palette-1-base[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base:active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base.active, a.u-button-style.u-button-style.u-button-style.u-text-active-palette-1-base[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-palette-1-base.active, .u-popupmenu-items.u-text-hover-palette-1-base .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-palette-1-base .u-nav-link.active { color: #000000 !important; } .u-text-palette-1-base svg { fill: #000000; } .u-link.u-text-palette-1-base:hover { color: #000000 !important; } a.u-link.u-text-hover-palette-1-base:hover { color: #000000 !important; } /*end-color palette-1-base*//*begin-color grey*/ .u-text-grey, .u-text-grey a, a.u-button-style.u-text-grey, a.u-button-style.u-text-grey[class*="u-border-"] { color: #b3b3b3 !important; } a.u-button-style.u-text-grey:hover, a.u-button-style.u-text-grey[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-grey:active, a.u-button-style.u-button-style.u-text-grey[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-grey.active, a.u-button-style.u-button-style.u-text-grey[class*="u-border-"].active { color: #a1a1a1 !important; } a.u-button-style.u-button-style.u-text-hover-grey:hover, a.u-button-style.u-button-style.u-text-hover-grey[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-button-style.u-text-active-grey:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey.active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-grey.active, .u-popupmenu-items.u-text-hover-grey .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-grey .u-nav-link.active { color: #b3b3b3 !important; } .u-text-grey svg { fill: #b3b3b3; } .u-link.u-text-grey:hover { color: #a1a1a1 !important; } a.u-link.u-text-hover-grey:hover { color: #b3b3b3 !important; } /*end-color grey*//*begin-color white*/ .u-text-white, .u-text-white a, a.u-button-style.u-text-white, a.u-button-style.u-text-white[class*="u-border-"] { color: #ffffff !important; } a.u-button-style.u-text-white:hover, a.u-button-style.u-text-white[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-white:active, a.u-button-style.u-button-style.u-text-white[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-white.active, a.u-button-style.u-button-style.u-text-white[class*="u-border-"].active { color: #e6e6e6 !important; } a.u-button-style.u-button-style.u-text-hover-white:hover, a.u-button-style.u-button-style.u-text-hover-white[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-button-style.u-text-active-white:active, a.u-button-style.u-button-style.u-button-style.u-text-active-white[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-white.active, a.u-button-style.u-button-style.u-button-style.u-text-active-white[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-white:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-white.active, .u-popupmenu-items.u-text-hover-white .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-white .u-nav-link.active { color: #ffffff !important; } .u-text-white svg { fill: #ffffff; } .u-link.u-text-white:hover { color: #e6e6e6 !important; } a.u-link.u-text-hover-white:hover { color: #ffffff !important; } /*end-color white*//*begin-color black*/ .u-text-black, .u-text-black a, a.u-button-style.u-text-black, a.u-button-style.u-text-black[class*="u-border-"] { color: #000000 !important; } a.u-button-style.u-text-black:hover, a.u-button-style.u-text-black[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-black:active, a.u-button-style.u-button-style.u-text-black[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-black.active, a.u-button-style.u-button-style.u-text-black[class*="u-border-"].active { color: #000000 !important; } a.u-button-style.u-button-style.u-text-hover-black:hover, a.u-button-style.u-button-style.u-text-hover-black[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-button-style.u-text-active-black:active, a.u-button-style.u-button-style.u-button-style.u-text-active-black[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-black.active, a.u-button-style.u-button-style.u-button-style.u-text-active-black[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-black:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-black.active, .u-popupmenu-items.u-text-hover-black .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-black .u-nav-link.active { color: #000000 !important; } .u-text-black svg { fill: #000000; } .u-link.u-text-black:hover { color: #000000 !important; } a.u-link.u-text-hover-black:hover { color: #000000 !important; } /*end-color black*//*begin-color body-alt-color*/ .u-text-body-alt-color, .u-text-body-alt-color a, a.u-button-style.u-text-body-alt-color, a.u-button-style.u-text-body-alt-color[class*="u-border-"] { color: #ffffff !important; } a.u-button-style.u-text-body-alt-color:hover, a.u-button-style.u-text-body-alt-color[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-body-alt-color:active, a.u-button-style.u-button-style.u-text-body-alt-color[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-body-alt-color.active, a.u-button-style.u-button-style.u-text-body-alt-color[class*="u-border-"].active { color: #e6e6e6 !important; } a.u-button-style.u-button-style.u-text-hover-body-alt-color:hover, a.u-button-style.u-button-style.u-text-hover-body-alt-color[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-button-style.u-text-active-body-alt-color:active, a.u-button-style.u-button-style.u-button-style.u-text-active-body-alt-color[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-body-alt-color.active, a.u-button-style.u-button-style.u-button-style.u-text-active-body-alt-color[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-body-alt-color:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-body-alt-color.active, .u-popupmenu-items.u-text-hover-body-alt-color .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-body-alt-color .u-nav-link.active { color: #ffffff !important; } .u-text-body-alt-color svg { fill: #ffffff; } .u-link.u-text-body-alt-color:hover { color: #e6e6e6 !important; } a.u-link.u-text-hover-body-alt-color:hover { color: #ffffff !important; } /*end-color body-alt-color*//*begin-color grey-25*/ .u-text-grey-25, .u-text-grey-25 a, a.u-button-style.u-text-grey-25, a.u-button-style.u-text-grey-25[class*="u-border-"] { color: #c0c0c0 !important; } a.u-button-style.u-text-grey-25:hover, a.u-button-style.u-text-grey-25[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-grey-25:active, a.u-button-style.u-button-style.u-text-grey-25[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-grey-25.active, a.u-button-style.u-button-style.u-text-grey-25[class*="u-border-"].active { color: #adadad !important; } a.u-button-style.u-button-style.u-text-hover-grey-25:hover, a.u-button-style.u-button-style.u-text-hover-grey-25[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-25:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-25[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-25.active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-25[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-25:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-grey-25.active, .u-popupmenu-items.u-text-hover-grey-25 .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-grey-25 .u-nav-link.active { color: #c0c0c0 !important; } .u-text-grey-25 svg { fill: #c0c0c0; } .u-link.u-text-grey-25:hover { color: #adadad !important; } a.u-link.u-text-hover-grey-25:hover { color: #c0c0c0 !important; } /*end-color grey-25*//*begin-color grey-25*/ .u-text-grey-25, .u-text-grey-25 a, a.u-button-style.u-text-grey-25, a.u-button-style.u-text-grey-25[class*="u-border-"] { color: #c0c0c0 !important; } a.u-button-style.u-text-grey-25:hover, a.u-button-style.u-text-grey-25[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-grey-25:active, a.u-button-style.u-button-style.u-text-grey-25[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-grey-25.active, a.u-button-style.u-button-style.u-text-grey-25[class*="u-border-"].active { color: #adadad !important; } a.u-button-style.u-button-style.u-text-hover-grey-25:hover, a.u-button-style.u-button-style.u-text-hover-grey-25[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-25:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-25[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-25.active, a.u-button-style.u-button-style.u-button-style.u-text-active-grey-25[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-25:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-grey-25.active, .u-popupmenu-items.u-text-hover-grey-25 .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-grey-25 .u-nav-link.active { color: #c0c0c0 !important; } .u-text-grey-25 svg { fill: #c0c0c0; } .u-link.u-text-grey-25:hover { color: #adadad !important; } a.u-link.u-text-hover-grey-25:hover { color: #c0c0c0 !important; } /*end-color grey-25*//*begin-variables sitestylecss*//*begin-color custom-color-1*/ .u-custom-color-1, .u-body.u-custom-color-1, .u-container-style.u-custom-color-1:before { color: #ffffff; background-color: #d01717; } .u-button-style.u-custom-color-1, .u-button-style.u-custom-color-1[class*="u-border-"] { color: #ffffff !important; background-color: #d01717 !important; } .u-button-style.u-custom-color-1:hover, .u-button-style.u-custom-color-1[class*="u-border-"]:hover, .u-button-style.u-button-style.u-custom-color-1:active, .u-button-style.u-button-style.u-custom-color-1[class*="u-border-"]:active, .u-button-style.u-button-style.u-custom-color-1.active, .u-button-style.u-button-style.u-custom-color-1[class*="u-border-"].active { color: #ffffff !important; background-color: #bb1515 !important; } a.u-button-style.u-hover-custom-color-1:hover, a.u-button-style.u-hover-custom-color-1[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-active-custom-color-1:active, a.u-button-style.u-button-style.u-active-custom-color-1[class*="u-border-"]:active, a.u-button-style.u-button-style.u-active-custom-color-1.active, a.u-button-style.u-button-style.u-active-custom-color-1[class*="u-border-"].active { color: #ffffff !important; background-color: #d01717 !important; } a.u-link.u-hover-custom-color-1:hover { color: #d01717 !important; } /*end-color custom-color-1*//*begin-color custom-color-1*/ .u-border-custom-color-1, .u-separator-custom-color-1:after { border-color: #d01717; } .u-button-style.u-border-custom-color-1 { border-color: #d01717 !important; color: #d01717 !important; background-color: transparent !important; } .u-button-style.u-border-custom-color-1:hover { border-color: #bb1515 !important; color: #bb1515 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-custom-color-1:hover, a.u-button-style.u-button-style.u-border-active-custom-color-1:active, a.u-button-style.u-button-style.u-border-active-custom-color-1.active { color: #d01717 !important; border-color: #d01717 !important; } .u-link.u-border-custom-color-1[class*="u-border-"] { border-color: #d01717 !important; } .u-link.u-border-custom-color-1[class*="u-border-"]:hover { border-color: #bb1515 !important; } /*end-color custom-color-1*//*begin-color custom-color-1*/ .u-text-custom-color-1, .u-text-custom-color-1 a, a.u-button-style.u-text-custom-color-1, a.u-button-style.u-text-custom-color-1[class*="u-border-"] { color: #d01717 !important; } a.u-button-style.u-text-custom-color-1:hover, a.u-button-style.u-text-custom-color-1[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-text-custom-color-1:active, a.u-button-style.u-button-style.u-text-custom-color-1[class*="u-border-"]:active, a.u-button-style.u-button-style.u-text-custom-color-1.active, a.u-button-style.u-button-style.u-text-custom-color-1[class*="u-border-"].active { color: #bb1515 !important; } a.u-button-style.u-button-style.u-text-hover-custom-color-1:hover, a.u-button-style.u-button-style.u-text-hover-custom-color-1[class*="u-border-"]:hover, a.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-1:active, a.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-1[class*="u-border-"]:active, a.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-1.active, a.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-1[class*="u-border-"].active, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-1.active, .u-popupmenu-items.u-text-hover-custom-color-1 .u-nav-link:hover, .u-popupmenu-items.u-popupmenu-items.u-text-hover-custom-color-1 .u-nav-link.active { color: #d01717 !important; } .u-text-custom-color-1 svg { fill: #d01717; } .u-link.u-text-custom-color-1:hover { color: #bb1515 !important; } a.u-link.u-text-hover-custom-color-1:hover { color: #d01717 !important; } /*end-color custom-color-1*//** common-rules **/ h1.u-title { font-weight: 300; font-size: 4.5rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2.u-subtitle { font-weight: 300; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h1:not(.u-title) { font-size: 3rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; font-weight: 300; } h2:not(.u-subtitle) { font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; font-weight: 300; } h3 { font-size: 1.875rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; font-weight: 300; } h4 { font-size: 1.5rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; font-weight: 300; } h5 { font-size: 1.25rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; font-weight: 300; } h6 { font-size: 1.125rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; font-weight: 300; } p.u-large-text { font-size: 1.25rem; margin-top: 20px; margin-bottom: 20px; } p.u-small-text { font-size: 0.875rem; margin-top: 20px; margin-bottom: 20px; } p:not(.u-text-variant) { margin-top: 20px; margin-bottom: 20px; } .u-btn { margin-top: 20px; margin-bottom: 20px; } blockquote { font-style: italic; padding-left: 20px; border-width: 4px; margin-top: 20px; margin-bottom: 20px; } .u-metadata { margin-top: 20px; margin-bottom: 20px; } ul:not(.u-unstyled) { margin-top: 20px; margin-bottom: 20px; } ol { margin-top: 20px; margin-bottom: 20px; } .u-post-content { margin-top: 20px; margin-bottom: 20px; } /** common-rules **/ /** publish-rules **/ /*begin-media rules*/ /*end-media rules*/ /** publish-rules **/ /** cms-rules **/ /*begin-responsive rules*/ /*end-responsive rules*/ /** cms-rules **/ /** color-rules **/ .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn, .u-gradient > .u-container-layout > .u-btn, .u-image:not(.u-shading) > .u-container-layout > .u-btn, .u-btn { background-color: #000000; color: #ffffff; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn:hover, .u-gradient > .u-container-layout > .u-btn:hover, .u-image:not(.u-shading) > .u-container-layout > .u-btn:hover, .u-btn:hover { background-color: #000000; color: #e6e6e6; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn:active, .u-gradient > .u-container-layout > .u-btn:active, .u-image:not(.u-shading) > .u-container-layout > .u-btn:active, .u-btn:active { background-color: #000000; color: #e6e6e6; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header blockquote, .u-gradient > .u-container-layout > blockquote, .u-image:not(.u-shading) > .u-container-layout > blockquote, blockquote { border-color: #000000; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a, .u-gradient > .u-container-layout > a, .u-image:not(.u-shading) > .u-container-layout > a, a { color: #000000; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a:hover, .u-gradient > .u-container-layout > a:hover, .u-image:not(.u-shading) > .u-container-layout > a:hover, a:hover { color: #000000; } /** color-rules **/ /** alt-color-rules **/ .u-custom-color-1 .u-btn,.u-body-color .u-btn,.u-palette-1-base .u-btn,.u-palette-1-dark-3 .u-btn,.u-palette-1-dark-2 .u-btn,.u-palette-1-dark-1 .u-btn,.u-palette-1 .u-btn,.u-palette-2-base .u-btn,.u-palette-2-dark-3 .u-btn,.u-palette-2-dark-2 .u-btn,.u-palette-2-dark-1 .u-btn,.u-palette-2 .u-btn,.u-palette-3-base .u-btn,.u-palette-3-dark-3 .u-btn,.u-palette-3-dark-2 .u-btn,.u-palette-3-dark-1 .u-btn,.u-palette-3 .u-btn,.u-palette-4-dark-3 .u-btn,.u-palette-4-dark-2 .u-btn,.u-palette-4-dark-1 .u-btn,.u-palette-4 .u-btn,.u-palette-4-light-1 .u-btn,.u-palette-5-dark-3 .u-btn,.u-palette-5-dark-2 .u-btn,.u-palette-5-dark-1 .u-btn,.u-palette-5 .u-btn,.u-grey-40 .u-btn,.u-grey-30 .u-btn,.u-grey-90 .u-btn,.u-grey-80 .u-btn,.u-grey-75 .u-btn,.u-black .u-btn,.u-grey-70 .u-btn,.u-grey-60 .u-btn,.u-grey-50 .u-btn,.u-grey-dark-3 .u-btn,.u-grey-dark-2 .u-btn,.u-grey-dark-1 .u-btn,.u-grey .u-btn,.u-shading .u-btn,.u-overlap-contrast .u-header .u-btn { background-color: #ddd9d9; color: #000000; } .u-custom-color-1 .u-btn:hover,.u-body-color .u-btn:hover,.u-palette-1-base .u-btn:hover,.u-palette-1-dark-3 .u-btn:hover,.u-palette-1-dark-2 .u-btn:hover,.u-palette-1-dark-1 .u-btn:hover,.u-palette-1 .u-btn:hover,.u-palette-2-base .u-btn:hover,.u-palette-2-dark-3 .u-btn:hover,.u-palette-2-dark-2 .u-btn:hover,.u-palette-2-dark-1 .u-btn:hover,.u-palette-2 .u-btn:hover,.u-palette-3-base .u-btn:hover,.u-palette-3-dark-3 .u-btn:hover,.u-palette-3-dark-2 .u-btn:hover,.u-palette-3-dark-1 .u-btn:hover,.u-palette-3 .u-btn:hover,.u-palette-4-dark-3 .u-btn:hover,.u-palette-4-dark-2 .u-btn:hover,.u-palette-4-dark-1 .u-btn:hover,.u-palette-4 .u-btn:hover,.u-palette-4-light-1 .u-btn:hover,.u-palette-5-dark-3 .u-btn:hover,.u-palette-5-dark-2 .u-btn:hover,.u-palette-5-dark-1 .u-btn:hover,.u-palette-5 .u-btn:hover,.u-grey-40 .u-btn:hover,.u-grey-30 .u-btn:hover,.u-grey-90 .u-btn:hover,.u-grey-80 .u-btn:hover,.u-grey-75 .u-btn:hover,.u-black .u-btn:hover,.u-grey-70 .u-btn:hover,.u-grey-60 .u-btn:hover,.u-grey-50 .u-btn:hover,.u-grey-dark-3 .u-btn:hover,.u-grey-dark-2 .u-btn:hover,.u-grey-dark-1 .u-btn:hover,.u-grey .u-btn:hover,.u-shading .u-btn:hover,.u-overlap-contrast .u-header .u-btn:hover { background-color: #c8c2c2; color: #ffffff; } .u-custom-color-1 .u-btn:active,.u-body-color .u-btn:active,.u-palette-1-base .u-btn:active,.u-palette-1-dark-3 .u-btn:active,.u-palette-1-dark-2 .u-btn:active,.u-palette-1-dark-1 .u-btn:active,.u-palette-1 .u-btn:active,.u-palette-2-base .u-btn:active,.u-palette-2-dark-3 .u-btn:active,.u-palette-2-dark-2 .u-btn:active,.u-palette-2-dark-1 .u-btn:active,.u-palette-2 .u-btn:active,.u-palette-3-base .u-btn:active,.u-palette-3-dark-3 .u-btn:active,.u-palette-3-dark-2 .u-btn:active,.u-palette-3-dark-1 .u-btn:active,.u-palette-3 .u-btn:active,.u-palette-4-dark-3 .u-btn:active,.u-palette-4-dark-2 .u-btn:active,.u-palette-4-dark-1 .u-btn:active,.u-palette-4 .u-btn:active,.u-palette-4-light-1 .u-btn:active,.u-palette-5-dark-3 .u-btn:active,.u-palette-5-dark-2 .u-btn:active,.u-palette-5-dark-1 .u-btn:active,.u-palette-5 .u-btn:active,.u-grey-40 .u-btn:active,.u-grey-30 .u-btn:active,.u-grey-90 .u-btn:active,.u-grey-80 .u-btn:active,.u-grey-75 .u-btn:active,.u-black .u-btn:active,.u-grey-70 .u-btn:active,.u-grey-60 .u-btn:active,.u-grey-50 .u-btn:active,.u-grey-dark-3 .u-btn:active,.u-grey-dark-2 .u-btn:active,.u-grey-dark-1 .u-btn:active,.u-grey .u-btn:active,.u-shading .u-btn:active,.u-overlap-contrast .u-header .u-btn:active { background-color: #c8c2c2; color: #ffffff; } .u-custom-color-1 a,.u-body-color a,.u-palette-1-base a,.u-palette-1-dark-3 a,.u-palette-1-dark-2 a,.u-palette-1-dark-1 a,.u-palette-1 a,.u-palette-2-base a,.u-palette-2-dark-3 a,.u-palette-2-dark-2 a,.u-palette-2-dark-1 a,.u-palette-2 a,.u-palette-3-base a,.u-palette-3-dark-3 a,.u-palette-3-dark-2 a,.u-palette-3-dark-1 a,.u-palette-3 a,.u-palette-4-dark-3 a,.u-palette-4-dark-2 a,.u-palette-4-dark-1 a,.u-palette-4 a,.u-palette-4-light-1 a,.u-palette-5-dark-3 a,.u-palette-5-dark-2 a,.u-palette-5-dark-1 a,.u-palette-5 a,.u-grey-40 a,.u-grey-30 a,.u-grey-90 a,.u-grey-80 a,.u-grey-75 a,.u-black a,.u-grey-70 a,.u-grey-60 a,.u-grey-50 a,.u-grey-dark-3 a,.u-grey-dark-2 a,.u-grey-dark-1 a,.u-grey a,.u-shading a,.u-overlap-contrast .u-header a:not(.u-nav-link):not(.u-btn) { color: #ddd9d9; } .u-custom-color-1 a:hover,.u-body-color a:hover,.u-palette-1-base a:hover,.u-palette-1-dark-3 a:hover,.u-palette-1-dark-2 a:hover,.u-palette-1-dark-1 a:hover,.u-palette-1 a:hover,.u-palette-2-base a:hover,.u-palette-2-dark-3 a:hover,.u-palette-2-dark-2 a:hover,.u-palette-2-dark-1 a:hover,.u-palette-2 a:hover,.u-palette-3-base a:hover,.u-palette-3-dark-3 a:hover,.u-palette-3-dark-2 a:hover,.u-palette-3-dark-1 a:hover,.u-palette-3 a:hover,.u-palette-4-dark-3 a:hover,.u-palette-4-dark-2 a:hover,.u-palette-4-dark-1 a:hover,.u-palette-4 a:hover,.u-palette-4-light-1 a:hover,.u-palette-5-dark-3 a:hover,.u-palette-5-dark-2 a:hover,.u-palette-5-dark-1 a:hover,.u-palette-5 a:hover,.u-grey-40 a:hover,.u-grey-30 a:hover,.u-grey-90 a:hover,.u-grey-80 a:hover,.u-grey-75 a:hover,.u-black a:hover,.u-grey-70 a:hover,.u-grey-60 a:hover,.u-grey-50 a:hover,.u-grey-dark-3 a:hover,.u-grey-dark-2 a:hover,.u-grey-dark-1 a:hover,.u-grey a:hover { color: #a1a1a1; } /** alt-color-rules **/ /*end-variables sitestylecss*/ /*begin-variables base-font-size*/ html { font-size: 16px; } /*end-variables base-font-size*/.u-section-1 {background-image: none} .u-section-1 .u-sheet-1 {min-height: 66px} .u-section-1 .u-group-1 {width: 314px; min-height: 67px; margin: 2px auto 0 0} .u-section-1 .u-container-layout-1 {padding: 17px 30px 30px} .u-section-1 .u-icon-1 {height: 25px; width: 25px; margin: 4px auto 0 -13px} .u-section-1 .u-text-1 {margin: -25px 43px -9px 17px} .u-section-1 .u-group-2 {width: 167px; min-height: 60px; margin: -64px 0 0 auto} .u-section-1 .u-container-layout-2 {padding: 30px} .u-section-1 .u-social-icons-1 {white-space: nowrap; height: 32px; min-height: 16px; width: 116px; min-width: 68px; margin: -16px -4px} .u-section-1 .u-icon-2 {height: 100%} .u-section-1 .u-icon-3 {height: 100%} .u-section-1 .u-icon-4 {height: 100%} .u-section-1 .u-group-3 {width: 588px; min-height: 65px; margin: -64px 254px 2px auto} .u-section-1 .u-container-layout-3 {padding: 30px} .u-section-1 .u-text-2 {margin: -10px 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-1 {min-height: 54px} .u-section-1 .u-sheet-1 {min-height: 54px} .u-section-1 .u-group-1 {height: auto; margin-top: 3px; margin-left: -50px} .u-section-1 .u-text-1 {width: 194px} .u-section-1 .u-group-2 {height: auto; margin-top: -65px; margin-right: auto; margin-left: 808px} .u-section-1 .u-group-3 {height: auto; margin-top: -63px; margin-right: 142px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-1 {min-height: 41px} .u-section-1 .u-sheet-1 {min-height: 41px} .u-section-1 .u-group-2 {margin-left: 553px} .u-section-1 .u-social-icons-1 {margin-left: -19px; margin-right: -19px} .u-section-1 .u-group-3 {margin-right: 132px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-1 {min-height: 31px} .u-section-1 .u-sheet-1 {min-height: 31px} .u-section-1 .u-group-1 {margin-top: 0; margin-left: calc((100% - 270px) + 0)} .u-section-1 .u-container-layout-1 {padding-left: 10px; padding-right: 10px} .u-section-1 .u-group-2 {margin-top: 0; margin-right: calc((100% - 270px) + 0); margin-left: 373px} .u-section-1 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} .u-section-1 .u-group-3 {width: 540px; margin: 0 auto 0 calc(100% - 270px)} .u-section-1 .u-container-layout-3 {padding-left: 10px; padding-right: 10px} .u-section-1 .u-text-2 {margin-left: auto; margin-right: auto} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-1 {min-height: 20px} .u-section-1 .u-sheet-1 {min-height: 20px} .u-section-1 .u-group-1 {margin-left: calc((100% - 170px) + 0)} .u-section-1 .u-group-2 {margin-right: calc((100% - 170px) + 0); margin-left: 173px} .u-section-1 .u-group-3 {width: 340px; margin-left: calc(100% - 170px)} }/*/RESPONSIVE_MEDIA*/ .u-section-2 {background-image: none} .u-section-2 .u-sheet-1 {min-height: 730px} .u-section-2 .u-layout-wrap-1 {margin: 40px auto 0 0} .u-section-2 .u-image-1 {min-height: 370px; background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("https://robertbellsalon.co.uk/images/nicepage-images/robertcolour.png"); background-position: 50% 50%} .u-section-2 .u-container-layout-1 {padding: 30px} .u-section-2 .u-shape-1 {height: 32px; width: 160px; margin: 0 auto} .u-section-2 .u-text-1 {text-transform: uppercase; width: 160px; margin: -28px auto 0} .u-section-2 .u-text-2 {width: 160px; margin: 253px 77px 0} .u-section-2 .u-image-2 {min-height: 370px; background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("https://robertbellsalon.co.uk/images/nicepage-images/5f38fd139094a36597bbd81d9d7e6adc.png"); background-position: 50% 50%} .u-section-2 .u-container-layout-2 {padding: 30px} .u-section-2 .u-shape-2 {height: 32px; width: 160px; margin: 0 auto} .u-section-2 .u-text-3 {text-transform: uppercase; width: 160px; margin: -28px auto 0} .u-section-2 .u-text-4 {width: 160px; margin: 253px 77px 0} .u-section-2 .u-image-3 {min-height: 370px; background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("https://robertbellsalon.co.uk/images/nicepage-images/lucy.jpg"); background-position: 50% 50%} .u-section-2 .u-container-layout-3 {padding: 30px} .u-section-2 .u-shape-3 {height: 32px; width: 177px; margin: 0 60px 0 auto} .u-section-2 .u-text-5 {text-transform: uppercase; margin: -28px 68px 0 85px} .u-section-2 .u-text-6 {width: 160px; margin: 253px 77px 0} .u-section-2 .u-image-4 {min-height: 370px; background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("https://robertbellsalon.co.uk/images/nicepage-images/josh.jpeg"); background-position: 55.22% 26.63%; background-size: 110%} .u-section-2 .u-container-layout-4 {padding: 30px} .u-section-2 .u-shape-4 {height: 32px; width: 160px; margin: -13px auto 0} .u-section-2 .u-text-7 {text-transform: uppercase; width: 160px; margin: -28px auto 0} .u-section-2 .u-text-8 {width: 160px; margin: 269px 77px 0} .u-section-2 .u-image-5 {min-height: 370px; background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("https://robertbellsalon.co.uk/images/nicepage-images/9f508de60555b5fd3e9ba3ebde5dcaf5.png"); background-position: 50% 50%} .u-section-2 .u-shape-5 {height: 32px; width: 160px; margin: 17px auto 0} .u-section-2 .u-text-9 {text-transform: uppercase; width: 160px; margin: -28px auto 0} .u-section-2 .u-text-10 {width: 160px; margin: 269px 107px 0} .u-section-2 .u-image-6 {min-height: 370px; background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("https://robertbellsalon.co.uk/images/nicepage-images/Scissorsbanner1.png"); background-position: 50% 50%} .u-section-2 .u-container-layout-6 {padding: 30px} .u-section-2 .u-text-11 {font-size: 1.875rem; margin: 17px 0 0} .u-section-2 .u-btn-1 {border-style: solid; background-image: none; text-transform: uppercase; margin: 53px auto 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 100px} .u-section-2 .u-layout-wrap-1 {margin-right: initial; margin-left: initial} .u-section-2 .u-image-1 {min-height: 305px} .u-section-2 .u-text-2 {margin-right: 43px; margin-left: 43px} .u-section-2 .u-image-2 {min-height: 305px} .u-section-2 .u-text-4 {margin-right: 43px; margin-left: 43px} .u-section-2 .u-image-3 {min-height: 305px} .u-section-2 .u-shape-3 {width: 207px; margin-right: auto; margin-left: 10px} .u-section-2 .u-text-5 {width: auto; margin-right: 53px; margin-left: 33px} .u-section-2 .u-text-6 {margin-top: 252px; margin-right: 43px; margin-left: 43px} .u-section-2 .u-image-4 {min-height: 305px; background-position: 46.18% 17.69%; background-size: auto 125%} .u-section-2 .u-text-8 {margin-right: 43px; margin-left: 43px} .u-section-2 .u-image-5 {min-height: 305px} .u-section-2 .u-text-10 {margin-right: 73px; margin-left: 73px} .u-section-2 .u-image-6 {min-height: 305px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-2 .u-image-1 {min-height: 234px} .u-section-2 .u-text-2 {margin-right: 7px; margin-left: 7px} .u-section-2 .u-image-2 {min-height: 234px} .u-section-2 .u-text-4 {margin-right: 7px; margin-left: 7px} .u-section-2 .u-image-3 {min-height: 234px} .u-section-2 .u-shape-3 {width: 173px; margin-left: auto} .u-section-2 .u-text-5 {margin-left: 7px; margin-right: 7px} .u-section-2 .u-text-6 {margin-right: 7px; margin-left: 7px} .u-section-2 .u-image-4 {min-height: 234px} .u-section-2 .u-text-8 {margin-right: 7px; margin-left: 7px} .u-section-2 .u-image-5 {min-height: 234px} .u-section-2 .u-text-10 {margin-right: 37px; margin-left: 37px} .u-section-2 .u-image-6 {min-height: 234px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-2 .u-layout-wrap-1 {margin-bottom: 20px; margin-right: initial; margin-left: initial} .u-section-2 .u-image-1 {min-height: 527px} .u-section-2 .u-container-layout-1 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-text-2 {margin-top: 393px; margin-left: auto; margin-right: auto} .u-section-2 .u-image-2 {min-height: 527px} .u-section-2 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-text-4 {margin-top: 393px; margin-left: auto; margin-right: auto} .u-section-2 .u-image-3 {min-height: 527px} .u-section-2 .u-container-layout-3 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-text-6 {margin-top: 393px; margin-left: auto; margin-right: auto} .u-section-2 .u-image-4 {min-height: 527px} .u-section-2 .u-container-layout-4 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-text-8 {margin-top: 406px; margin-left: auto; margin-right: auto} .u-section-2 .u-image-5 {min-height: 527px} .u-section-2 .u-text-10 {margin-top: 416px; margin-left: auto; margin-right: auto} .u-section-2 .u-image-6 {min-height: 527px} .u-section-2 .u-container-layout-6 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-btn-1 {margin-top: 121px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-2 .u-image-1 {min-height: 332px} .u-section-2 .u-image-2 {min-height: 332px; background-position: 11.24% 50%} .u-section-2 .u-image-3 {min-height: 332px} .u-section-2 .u-text-5 {margin-left: auto; margin-right: auto} .u-section-2 .u-image-4 {min-height: 332px; background-position: 0.46% 22.36%; background-size: 170%} .u-section-2 .u-image-5 {min-height: 332px} .u-section-2 .u-image-6 {min-height: 332px} .u-section-2 .u-btn-1 {margin-top: 24px} }/*/RESPONSIVE_MEDIA*/ .u-section-3 {background-image: none} .u-section-3 .u-sheet-1 {min-height: 385px} .u-section-3 .u-layout-wrap-1 {margin: 10px auto 30px 0} .u-section-3 .u-image-1 {min-height: 388px; background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("https://robertbellsalon.co.uk/images/nicepage-images/george.png"); background-position: 50% 50%} .u-section-3 .u-container-layout-1 {padding: 30px} .u-section-3 .u-shape-1 {height: 32px; width: 160px; margin: 0 auto} .u-section-3 .u-text-1 {text-transform: uppercase; width: 160px; margin: -28px auto 0} .u-section-3 .u-text-2 {width: 160px; margin: 253px 77px 0} .u-section-3 .u-image-2 {min-height: 388px; background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("https://robertbellsalon.co.uk/images/nicepage-images/elle.jpeg"); background-position: 50% 50%} .u-section-3 .u-container-layout-2 {padding: 30px} .u-section-3 .u-shape-2 {height: 32px; width: 160px; margin: 0 auto} .u-section-3 .u-text-3 {text-transform: uppercase; width: 160px; margin: -28px auto 0} .u-section-3 .u-text-4 {width: 190px; margin: 253px auto 0} .u-section-3 .u-image-3 {min-height: 388px; background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("https://robertbellsalon.co.uk/images/nicepage-images/amy.jpeg"); background-position: 50% 50%} .u-section-3 .u-container-layout-3 {padding: 30px} .u-section-3 .u-shape-3 {height: 32px; width: 177px; margin: 0 60px 0 auto} .u-section-3 .u-text-5 {text-transform: uppercase; margin: -28px 68px 0 85px} .u-section-3 .u-text-6 {margin: 253px 30px 0 77px} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-3 .u-sheet-1 {min-height: 100px} .u-section-3 .u-layout-wrap-1 {margin-right: initial; margin-left: initial} .u-section-3 .u-image-1 {min-height: 305px} .u-section-3 .u-text-2 {margin-left: 43px; margin-right: 43px} .u-section-3 .u-image-2 {min-height: 305px} .u-section-3 .u-text-4 {margin-left: 43px; margin-right: 43px} .u-section-3 .u-shape-3 {width: 207px; margin-right: auto; margin-left: 10px} .u-section-3 .u-text-5 {width: auto; margin-right: 53px; margin-left: 33px} .u-section-3 .u-text-6 {margin-left: 22px; margin-right: 22px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-3 .u-image-1 {min-height: 234px} .u-section-3 .u-text-2 {margin-left: 7px; margin-right: 7px} .u-section-3 .u-image-2 {min-height: 234px} .u-section-3 .u-text-4 {width: 173px; margin-left: 7px; margin-right: 7px} .u-section-3 .u-shape-3 {width: 173px; margin-left: 0} .u-section-3 .u-text-5 {margin-left: 7px; margin-right: 7px} .u-section-3 .u-text-6 {margin-left: -15px; margin-right: -15px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-3 .u-sheet-1 {min-height: 125px} .u-section-3 .u-layout-wrap-1 {margin-bottom: 40px; margin-right: initial; margin-left: initial} .u-section-3 .u-image-1 {min-height: 544px} .u-section-3 .u-container-layout-1 {padding-left: 10px; padding-right: 10px} .u-section-3 .u-text-2 {margin-top: 393px; margin-left: auto; margin-right: auto} .u-section-3 .u-image-2 {min-height: 544px} .u-section-3 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} .u-section-3 .u-text-4 {margin-top: 393px; margin-left: auto; margin-right: auto} .u-section-3 .u-image-3 {min-height: 504px} .u-section-3 .u-container-layout-3 {padding-left: 10px; padding-right: 10px} .u-section-3 .u-shape-3 {margin-top: -3px; margin-left: auto} .u-section-3 .u-text-6 {width: 202px; margin-top: 327px; margin-left: auto; margin-right: auto} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-3 .u-sheet-1 {min-height: 100px} .u-section-3 .u-image-1 {min-height: 342px} .u-section-3 .u-image-2 {min-height: 342px} .u-section-3 .u-image-3 {min-height: 552px} .u-section-3 .u-text-5 {margin-left: auto; margin-right: auto} .u-section-3 .u-text-6 {margin-top: 411px} }/*/RESPONSIVE_MEDIA*/ landing_with_header_footer
