var body = document.body; body.className += " u-body"; body.style.cssText += " "; (function ($) { var ResponsiveCms = window.ResponsiveCms; if (!ResponsiveCms) { return; } ResponsiveCms.contentDom = $('script:last').parent(); ResponsiveCms.mediaStyleUrl = "/administrator/components/com_nicepage/assets/css/media.css"; ResponsiveCms.responsiveStyleUrl = "/administrator/components/com_nicepage/assets/css/responsive.css"; if (typeof ResponsiveCms.recalcClasses === 'function') { ResponsiveCms.recalcClasses(); } })(jQuery); 020 8558 5899 This email address is being protected from spambots. You need JavaScript enabled to view it. document.getElementById('cloakfdf5914a51fb6291e4d67bf3ac8742e3').innerHTML = ''; var prefix = 'ma' + 'il' + 'to'; var path = 'hr' + 'ef' + '='; var addyfdf5914a51fb6291e4d67bf3ac8742e3 = 'sales' + '@'; addyfdf5914a51fb6291e4d67bf3ac8742e3 = addyfdf5914a51fb6291e4d67bf3ac8742e3 + 'wansteadwindows' + '.' + 'co' + '.' + 'uk'; var addy_textfdf5914a51fb6291e4d67bf3ac8742e3 = 'Email Us';document.getElementById('cloakfdf5914a51fb6291e4d67bf3ac8742e3').innerHTML += ''+addy_textfdf5914a51fb6291e4d67bf3ac8742e3+''; Secondary Profiles. Please find all the profiles for our secondary glazing system below. Click link to view System Profiles with dimensions.dimensions .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: #111111; } .u-shading, .u-overlap.u-overlap-contrast .u-header { color: #ffffff; } .u-body { color: #111111; 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; }/*begin-color palette-1*/ .u-palette-1, .u-body.u-palette-1, .u-container-style.u-palette-1:before { color: #ffffff; background-color: #73a3de; } .u-button-style.u-palette-1, .u-button-style.u-palette-1[class*="u-border-"] { color: #ffffff !important; background-color: #73a3de !important; } .u-button-style.u-palette-1:hover, .u-button-style.u-palette-1[class*="u-border-"]:hover { color: white !important; background-color: #5891d8 !important; } a.u-button-style.u-hover-palette-1:hover, a.u-button-style.u-hover-palette-1[class*="u-border-"]:hover, a.u-btn.u-active-palette-1[href]:active, a.u-btn.u-active-palette-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-1[href].active, a.u-nav-link.u-active-palette-1[class*="u-border-"][href].active { color: #ffffff !important; background-color: #73a3de !important; } a.u-link.u-hover-palette-1:hover { color: #73a3de !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: #73a3de; } .u-button-style.u-palette-1-base, .u-button-style.u-palette-1-base[class*="u-border-"] { color: #ffffff !important; background-color: #73a3de !important; } .u-button-style.u-palette-1-base:hover, .u-button-style.u-palette-1-base[class*="u-border-"]:hover { color: white !important; background-color: #5891d8 !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-btn.u-active-palette-1-base[href]:active, a.u-btn.u-active-palette-1-base[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-1-base[href].active, a.u-nav-link.u-active-palette-1-base[class*="u-border-"][href].active { color: #ffffff !important; background-color: #73a3de !important; } a.u-link.u-hover-palette-1-base:hover { color: #73a3de !important; } /*end-color palette-1-base*//*begin-color palette-2*/ .u-palette-2, .u-body.u-palette-2, .u-container-style.u-palette-2:before { color: #ffffff; background-color: #85a0c1; } .u-button-style.u-palette-2, .u-button-style.u-palette-2[class*="u-border-"] { color: #ffffff !important; background-color: #85a0c1 !important; } .u-button-style.u-palette-2:hover, .u-button-style.u-palette-2[class*="u-border-"]:hover { color: white !important; background-color: #6f8fb6 !important; } a.u-button-style.u-hover-palette-2:hover, a.u-button-style.u-hover-palette-2[class*="u-border-"]:hover, a.u-btn.u-active-palette-2[href]:active, a.u-btn.u-active-palette-2[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-2[href].active, a.u-nav-link.u-active-palette-2[class*="u-border-"][href].active { color: #ffffff !important; background-color: #85a0c1 !important; } a.u-link.u-hover-palette-2:hover { color: #85a0c1 !important; } /*end-color palette-2*//*begin-color palette-2-base*/ .u-palette-2-base, .u-body.u-palette-2-base, .u-container-style.u-palette-2-base:before { color: #ffffff; background-color: #4c637f; } .u-button-style.u-palette-2-base, .u-button-style.u-palette-2-base[class*="u-border-"] { color: #ffffff !important; background-color: #4c637f !important; } .u-button-style.u-palette-2-base:hover, .u-button-style.u-palette-2-base[class*="u-border-"]:hover { color: white !important; background-color: #445972 !important; } a.u-button-style.u-hover-palette-2-base:hover, a.u-button-style.u-hover-palette-2-base[class*="u-border-"]:hover, a.u-btn.u-active-palette-2-base[href]:active, a.u-btn.u-active-palette-2-base[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-2-base[href].active, a.u-nav-link.u-active-palette-2-base[class*="u-border-"][href].active { color: #ffffff !important; background-color: #4c637f !important; } a.u-link.u-hover-palette-2-base:hover { color: #4c637f !important; } /*end-color palette-2-base*//*begin-color palette-3-dark-1*/ .u-palette-3-dark-1, .u-body.u-palette-3-dark-1, .u-container-style.u-palette-3-dark-1:before { color: #ffffff; background-color: #18556d; } .u-button-style.u-palette-3-dark-1, .u-button-style.u-palette-3-dark-1[class*="u-border-"] { color: #ffffff !important; background-color: #18556d !important; } .u-button-style.u-palette-3-dark-1:hover, .u-button-style.u-palette-3-dark-1[class*="u-border-"]:hover { color: white !important; background-color: #164d62 !important; } a.u-button-style.u-hover-palette-3-dark-1:hover, a.u-button-style.u-hover-palette-3-dark-1[class*="u-border-"]:hover, a.u-btn.u-active-palette-3-dark-1[href]:active, a.u-btn.u-active-palette-3-dark-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-3-dark-1[href].active, a.u-nav-link.u-active-palette-3-dark-1[class*="u-border-"][href].active { color: #ffffff !important; background-color: #18556d !important; } a.u-link.u-hover-palette-3-dark-1:hover { color: #18556d !important; } /*end-color palette-3-dark-1*//*begin-color palette-3*/ .u-palette-3, .u-body.u-palette-3, .u-container-style.u-palette-3:before { color: #ffffff; background-color: #53b6de; } .u-button-style.u-palette-3, .u-button-style.u-palette-3[class*="u-border-"] { color: #ffffff !important; background-color: #53b6de !important; } .u-button-style.u-palette-3:hover, .u-button-style.u-palette-3[class*="u-border-"]:hover { color: white !important; background-color: #39abd9 !important; } a.u-button-style.u-hover-palette-3:hover, a.u-button-style.u-hover-palette-3[class*="u-border-"]:hover, a.u-btn.u-active-palette-3[href]:active, a.u-btn.u-active-palette-3[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-3[href].active, a.u-nav-link.u-active-palette-3[class*="u-border-"][href].active { color: #ffffff !important; background-color: #53b6de !important; } a.u-link.u-hover-palette-3:hover { color: #53b6de !important; } /*end-color palette-3*//*begin-color palette-3-base*/ .u-palette-3-base, .u-body.u-palette-3-base, .u-container-style.u-palette-3-base:before { color: #ffffff; background-color: #18556d; } .u-button-style.u-palette-3-base, .u-button-style.u-palette-3-base[class*="u-border-"] { color: #ffffff !important; background-color: #18556d !important; } .u-button-style.u-palette-3-base:hover, .u-button-style.u-palette-3-base[class*="u-border-"]:hover { color: white !important; background-color: #164d62 !important; } a.u-button-style.u-hover-palette-3-base:hover, a.u-button-style.u-hover-palette-3-base[class*="u-border-"]:hover, a.u-btn.u-active-palette-3-base[href]:active, a.u-btn.u-active-palette-3-base[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-3-base[href].active, a.u-nav-link.u-active-palette-3-base[class*="u-border-"][href].active { color: #ffffff !important; background-color: #18556d !important; } a.u-link.u-hover-palette-3-base:hover { color: #18556d !important; } /*end-color palette-3-base*//*begin-color palette-4*/ .u-palette-4, .u-body.u-palette-4, .u-container-style.u-palette-4:before { color: #ffffff; background-color: #6cb9d1; } .u-button-style.u-palette-4, .u-button-style.u-palette-4[class*="u-border-"] { color: #ffffff !important; background-color: #6cb9d1 !important; } .u-button-style.u-palette-4:hover, .u-button-style.u-palette-4[class*="u-border-"]:hover { color: white !important; background-color: #54aec9 !important; } a.u-button-style.u-hover-palette-4:hover, a.u-button-style.u-hover-palette-4[class*="u-border-"]:hover, a.u-btn.u-active-palette-4[href]:active, a.u-btn.u-active-palette-4[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-4[href].active, a.u-nav-link.u-active-palette-4[class*="u-border-"][href].active { color: #ffffff !important; background-color: #6cb9d1 !important; } a.u-link.u-hover-palette-4:hover { color: #6cb9d1 !important; } /*end-color palette-4*//*begin-color palette-4-light-3*/ .u-palette-4-light-3, .u-body.u-palette-4-light-3, .u-container-style.u-palette-4-light-3:before { color: #111111; background-color: #f4fcff; } .u-button-style.u-palette-4-light-3, .u-button-style.u-palette-4-light-3[class*="u-border-"] { color: #111111 !important; background-color: #f4fcff !important; } .u-button-style.u-palette-4-light-3:hover, .u-button-style.u-palette-4-light-3[class*="u-border-"]:hover { color: black !important; background-color: #c2eeff !important; } a.u-button-style.u-hover-palette-4-light-3:hover, a.u-button-style.u-hover-palette-4-light-3[class*="u-border-"]:hover, a.u-btn.u-active-palette-4-light-3[href]:active, a.u-btn.u-active-palette-4-light-3[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-4-light-3[href].active, a.u-nav-link.u-active-palette-4-light-3[class*="u-border-"][href].active { color: #111111 !important; background-color: #f4fcff !important; } a.u-link.u-hover-palette-4-light-3:hover { color: #f4fcff !important; } /*end-color palette-4-light-3*//*begin-color palette-4-base*/ .u-palette-4-base, .u-body.u-palette-4-base, .u-container-style.u-palette-4-base:before { color: #111111; background-color: #92e4fd; } .u-button-style.u-palette-4-base, .u-button-style.u-palette-4-base[class*="u-border-"] { color: #111111 !important; background-color: #92e4fd !important; } .u-button-style.u-palette-4-base:hover, .u-button-style.u-palette-4-base[class*="u-border-"]:hover { color: black !important; background-color: #6bdafc !important; } a.u-button-style.u-hover-palette-4-base:hover, a.u-button-style.u-hover-palette-4-base[class*="u-border-"]:hover, a.u-btn.u-active-palette-4-base[href]:active, a.u-btn.u-active-palette-4-base[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-4-base[href].active, a.u-nav-link.u-active-palette-4-base[class*="u-border-"][href].active { color: #111111 !important; background-color: #92e4fd !important; } a.u-link.u-hover-palette-4-base:hover { color: #92e4fd !important; } /*end-color palette-4-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 { color: white !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-btn.u-active-grey[href]:active, a.u-btn.u-active-grey[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey[href].active, a.u-nav-link.u-active-grey[class*="u-border-"][href].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: #111111; background-color: #ffffff; } .u-button-style.u-white, .u-button-style.u-white[class*="u-border-"] { color: #111111 !important; background-color: #ffffff !important; } .u-button-style.u-white:hover, .u-button-style.u-white[class*="u-border-"]:hover { color: black !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-btn.u-active-white[href]:active, a.u-btn.u-active-white[class*="u-border-"][href]:active, a.u-nav-link.u-active-white[href].active, a.u-nav-link.u-active-white[class*="u-border-"][href].active { color: #111111 !important; background-color: #ffffff !important; } a.u-link.u-hover-white:hover { color: #ffffff !important; } /*end-color white*//*begin-color grey-5*/ .u-grey-5, .u-body.u-grey-5, .u-container-style.u-grey-5:before { color: #111111; background-color: #f2f2f2; } .u-button-style.u-grey-5, .u-button-style.u-grey-5[class*="u-border-"] { color: #111111 !important; background-color: #f2f2f2 !important; } .u-button-style.u-grey-5:hover, .u-button-style.u-grey-5[class*="u-border-"]:hover { color: black !important; background-color: #dadada !important; } a.u-button-style.u-hover-grey-5:hover, a.u-button-style.u-hover-grey-5[class*="u-border-"]:hover, a.u-btn.u-active-grey-5[href]:active, a.u-btn.u-active-grey-5[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-5[href].active, a.u-nav-link.u-active-grey-5[class*="u-border-"][href].active { color: #111111 !important; background-color: #f2f2f2 !important; } a.u-link.u-hover-grey-5:hover { color: #f2f2f2 !important; } /*end-color grey-5*//*begin-color grey-15*/ .u-grey-15, .u-body.u-grey-15, .u-container-style.u-grey-15:before { color: #111111; background-color: #d9d9d9; } .u-button-style.u-grey-15, .u-button-style.u-grey-15[class*="u-border-"] { color: #111111 !important; background-color: #d9d9d9 !important; } .u-button-style.u-grey-15:hover, .u-button-style.u-grey-15[class*="u-border-"]:hover { color: black !important; background-color: #c3c3c3 !important; } a.u-button-style.u-hover-grey-15:hover, a.u-button-style.u-hover-grey-15[class*="u-border-"]:hover, a.u-btn.u-active-grey-15[href]:active, a.u-btn.u-active-grey-15[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-15[href].active, a.u-nav-link.u-active-grey-15[class*="u-border-"][href].active { color: #111111 !important; background-color: #d9d9d9 !important; } a.u-link.u-hover-grey-15:hover { color: #d9d9d9 !important; } /*end-color grey-15*//*begin-color grey-50*/ .u-grey-50, .u-body.u-grey-50, .u-container-style.u-grey-50:before { color: #ffffff; background-color: #808080; } .u-button-style.u-grey-50, .u-button-style.u-grey-50[class*="u-border-"] { color: #ffffff !important; background-color: #808080 !important; } .u-button-style.u-grey-50:hover, .u-button-style.u-grey-50[class*="u-border-"]:hover { color: white !important; background-color: #737373 !important; } a.u-button-style.u-hover-grey-50:hover, a.u-button-style.u-hover-grey-50[class*="u-border-"]:hover, a.u-btn.u-active-grey-50[href]:active, a.u-btn.u-active-grey-50[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-50[href].active, a.u-nav-link.u-active-grey-50[class*="u-border-"][href].active { color: #ffffff !important; background-color: #808080 !important; } a.u-link.u-hover-grey-50:hover { color: #808080 !important; } /*end-color grey-50*//*begin-color grey-60*/ .u-grey-60, .u-body.u-grey-60, .u-container-style.u-grey-60:before { color: #ffffff; background-color: #666666; } .u-button-style.u-grey-60, .u-button-style.u-grey-60[class*="u-border-"] { color: #ffffff !important; background-color: #666666 !important; } .u-button-style.u-grey-60:hover, .u-button-style.u-grey-60[class*="u-border-"]:hover { color: white !important; background-color: #5c5c5c !important; } a.u-button-style.u-hover-grey-60:hover, a.u-button-style.u-hover-grey-60[class*="u-border-"]:hover, a.u-btn.u-active-grey-60[href]:active, a.u-btn.u-active-grey-60[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-60[href].active, a.u-nav-link.u-active-grey-60[class*="u-border-"][href].active { color: #ffffff !important; background-color: #666666 !important; } a.u-link.u-hover-grey-60:hover { color: #666666 !important; } /*end-color grey-60*//*begin-color palette-1*/ .u-border-palette-1, .u-separator-palette-1:after { border-color: #73a3de; } .u-link.u-border-palette-1[class*="u-border-"] { border-color: #73a3de; } .u-link.u-border-palette-1[class*="u-border-"]:hover { border-color: #5891d8; } .u-btn.u-border-palette-1 { color: #73a3de !important; } .u-button-style.u-border-palette-1 { border-color: #73a3de !important; background-color: transparent !important; } .u-btn.u-border-palette-1:hover { color: #ffffff !important; background-color: #73a3de !important; } a.u-btn.u-border-hover-palette-1:hover, a.u-btn.u-border-active-palette-1[href]:active { color: #73a3de !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1:hover, a.u-button-style.u-border-active-palette-1[href]:active, a.u-nav-link.u-border-active-palette-1[href].active { border-color: #73a3de !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-border-palette-1-base, .u-separator-palette-1-base:after { border-color: #73a3de; } .u-link.u-border-palette-1-base[class*="u-border-"] { border-color: #73a3de; } .u-link.u-border-palette-1-base[class*="u-border-"]:hover { border-color: #5891d8; } .u-btn.u-border-palette-1-base { color: #73a3de !important; } .u-button-style.u-border-palette-1-base { border-color: #73a3de !important; background-color: transparent !important; } .u-btn.u-border-palette-1-base:hover { color: #ffffff !important; background-color: #73a3de !important; } a.u-btn.u-border-hover-palette-1-base:hover, a.u-btn.u-border-active-palette-1-base[href]:active { color: #73a3de !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1-base:hover, a.u-button-style.u-border-active-palette-1-base[href]:active, a.u-nav-link.u-border-active-palette-1-base[href].active { border-color: #73a3de !important; } /*end-color palette-1-base*//*begin-color palette-2*/ .u-border-palette-2, .u-separator-palette-2:after { border-color: #85a0c1; } .u-link.u-border-palette-2[class*="u-border-"] { border-color: #85a0c1; } .u-link.u-border-palette-2[class*="u-border-"]:hover { border-color: #6f8fb6; } .u-btn.u-border-palette-2 { color: #85a0c1 !important; } .u-button-style.u-border-palette-2 { border-color: #85a0c1 !important; background-color: transparent !important; } .u-btn.u-border-palette-2:hover { color: #ffffff !important; background-color: #85a0c1 !important; } a.u-btn.u-border-hover-palette-2:hover, a.u-btn.u-border-active-palette-2[href]:active { color: #85a0c1 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-2:hover, a.u-button-style.u-border-active-palette-2[href]:active, a.u-nav-link.u-border-active-palette-2[href].active { border-color: #85a0c1 !important; } /*end-color palette-2*//*begin-color palette-2-base*/ .u-border-palette-2-base, .u-separator-palette-2-base:after { border-color: #4c637f; } .u-link.u-border-palette-2-base[class*="u-border-"] { border-color: #4c637f; } .u-link.u-border-palette-2-base[class*="u-border-"]:hover { border-color: #445972; } .u-btn.u-border-palette-2-base { color: #4c637f !important; } .u-button-style.u-border-palette-2-base { border-color: #4c637f !important; background-color: transparent !important; } .u-btn.u-border-palette-2-base:hover { color: #ffffff !important; background-color: #4c637f !important; } a.u-btn.u-border-hover-palette-2-base:hover, a.u-btn.u-border-active-palette-2-base[href]:active { color: #4c637f !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-2-base:hover, a.u-button-style.u-border-active-palette-2-base[href]:active, a.u-nav-link.u-border-active-palette-2-base[href].active { border-color: #4c637f !important; } /*end-color palette-2-base*//*begin-color palette-3-dark-1*/ .u-border-palette-3-dark-1, .u-separator-palette-3-dark-1:after { border-color: #18556d; } .u-link.u-border-palette-3-dark-1[class*="u-border-"] { border-color: #18556d; } .u-link.u-border-palette-3-dark-1[class*="u-border-"]:hover { border-color: #164d62; } .u-btn.u-border-palette-3-dark-1 { color: #18556d !important; } .u-button-style.u-border-palette-3-dark-1 { border-color: #18556d !important; background-color: transparent !important; } .u-btn.u-border-palette-3-dark-1:hover { color: #ffffff !important; background-color: #18556d !important; } a.u-btn.u-border-hover-palette-3-dark-1:hover, a.u-btn.u-border-active-palette-3-dark-1[href]:active { color: #18556d !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-3-dark-1:hover, a.u-button-style.u-border-active-palette-3-dark-1[href]:active, a.u-nav-link.u-border-active-palette-3-dark-1[href].active { border-color: #18556d !important; } /*end-color palette-3-dark-1*//*begin-color palette-3*/ .u-border-palette-3, .u-separator-palette-3:after { border-color: #53b6de; } .u-link.u-border-palette-3[class*="u-border-"] { border-color: #53b6de; } .u-link.u-border-palette-3[class*="u-border-"]:hover { border-color: #39abd9; } .u-btn.u-border-palette-3 { color: #53b6de !important; } .u-button-style.u-border-palette-3 { border-color: #53b6de !important; background-color: transparent !important; } .u-btn.u-border-palette-3:hover { color: #ffffff !important; background-color: #53b6de !important; } a.u-btn.u-border-hover-palette-3:hover, a.u-btn.u-border-active-palette-3[href]:active { color: #53b6de !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-3:hover, a.u-button-style.u-border-active-palette-3[href]:active, a.u-nav-link.u-border-active-palette-3[href].active { border-color: #53b6de !important; } /*end-color palette-3*//*begin-color palette-3-base*/ .u-border-palette-3-base, .u-separator-palette-3-base:after { border-color: #18556d; } .u-link.u-border-palette-3-base[class*="u-border-"] { border-color: #18556d; } .u-link.u-border-palette-3-base[class*="u-border-"]:hover { border-color: #164d62; } .u-btn.u-border-palette-3-base { color: #18556d !important; } .u-button-style.u-border-palette-3-base { border-color: #18556d !important; background-color: transparent !important; } .u-btn.u-border-palette-3-base:hover { color: #ffffff !important; background-color: #18556d !important; } a.u-btn.u-border-hover-palette-3-base:hover, a.u-btn.u-border-active-palette-3-base[href]:active { color: #18556d !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-3-base:hover, a.u-button-style.u-border-active-palette-3-base[href]:active, a.u-nav-link.u-border-active-palette-3-base[href].active { border-color: #18556d !important; } /*end-color palette-3-base*//*begin-color palette-4*/ .u-border-palette-4, .u-separator-palette-4:after { border-color: #6cb9d1; } .u-link.u-border-palette-4[class*="u-border-"] { border-color: #6cb9d1; } .u-link.u-border-palette-4[class*="u-border-"]:hover { border-color: #54aec9; } .u-btn.u-border-palette-4 { color: #6cb9d1 !important; } .u-button-style.u-border-palette-4 { border-color: #6cb9d1 !important; background-color: transparent !important; } .u-btn.u-border-palette-4:hover { color: #ffffff !important; background-color: #6cb9d1 !important; } a.u-btn.u-border-hover-palette-4:hover, a.u-btn.u-border-active-palette-4[href]:active { color: #6cb9d1 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-4:hover, a.u-button-style.u-border-active-palette-4[href]:active, a.u-nav-link.u-border-active-palette-4[href].active { border-color: #6cb9d1 !important; } /*end-color palette-4*//*begin-color palette-4-light-3*/ .u-border-palette-4-light-3, .u-separator-palette-4-light-3:after { border-color: #f4fcff; } .u-link.u-border-palette-4-light-3[class*="u-border-"] { border-color: #f4fcff; } .u-link.u-border-palette-4-light-3[class*="u-border-"]:hover { border-color: #c2eeff; } .u-btn.u-border-palette-4-light-3 { color: #f4fcff !important; } .u-button-style.u-border-palette-4-light-3 { border-color: #f4fcff !important; background-color: transparent !important; } .u-btn.u-border-palette-4-light-3:hover { color: #111111 !important; background-color: #f4fcff !important; } a.u-btn.u-border-hover-palette-4-light-3:hover, a.u-btn.u-border-active-palette-4-light-3[href]:active { color: #f4fcff !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-4-light-3:hover, a.u-button-style.u-border-active-palette-4-light-3[href]:active, a.u-nav-link.u-border-active-palette-4-light-3[href].active { border-color: #f4fcff !important; } /*end-color palette-4-light-3*//*begin-color palette-4-base*/ .u-border-palette-4-base, .u-separator-palette-4-base:after { border-color: #92e4fd; } .u-link.u-border-palette-4-base[class*="u-border-"] { border-color: #92e4fd; } .u-link.u-border-palette-4-base[class*="u-border-"]:hover { border-color: #6bdafc; } .u-btn.u-border-palette-4-base { color: #92e4fd !important; } .u-button-style.u-border-palette-4-base { border-color: #92e4fd !important; background-color: transparent !important; } .u-btn.u-border-palette-4-base:hover { color: #111111 !important; background-color: #92e4fd !important; } a.u-btn.u-border-hover-palette-4-base:hover, a.u-btn.u-border-active-palette-4-base[href]:active { color: #92e4fd !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-4-base:hover, a.u-button-style.u-border-active-palette-4-base[href]:active, a.u-nav-link.u-border-active-palette-4-base[href].active { border-color: #92e4fd !important; } /*end-color palette-4-base*//*begin-color grey*/ .u-border-grey, .u-separator-grey:after { border-color: #b3b3b3; } .u-link.u-border-grey[class*="u-border-"] { border-color: #b3b3b3; } .u-link.u-border-grey[class*="u-border-"]:hover { border-color: #a1a1a1; } .u-btn.u-border-grey { color: #b3b3b3 !important; } .u-button-style.u-border-grey { border-color: #b3b3b3 !important; background-color: transparent !important; } .u-btn.u-border-grey:hover { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-btn.u-border-hover-grey:hover, a.u-btn.u-border-active-grey[href]:active { color: #b3b3b3 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey:hover, a.u-button-style.u-border-active-grey[href]:active, a.u-nav-link.u-border-active-grey[href].active { border-color: #b3b3b3 !important; } /*end-color grey*//*begin-color white*/ .u-border-white, .u-separator-white:after { border-color: #ffffff; } .u-link.u-border-white[class*="u-border-"] { border-color: #ffffff; } .u-link.u-border-white[class*="u-border-"]:hover { border-color: #e6e6e6; } .u-btn.u-border-white { color: #ffffff !important; } .u-button-style.u-border-white { border-color: #ffffff !important; background-color: transparent !important; } .u-btn.u-border-white:hover { color: #111111 !important; background-color: #ffffff !important; } a.u-btn.u-border-hover-white:hover, a.u-btn.u-border-active-white[href]:active { color: #ffffff !important; background-color: transparent !important; } a.u-button-style.u-border-hover-white:hover, a.u-button-style.u-border-active-white[href]:active, a.u-nav-link.u-border-active-white[href].active { border-color: #ffffff !important; } /*end-color white*//*begin-color grey-5*/ .u-border-grey-5, .u-separator-grey-5:after { border-color: #f2f2f2; } .u-link.u-border-grey-5[class*="u-border-"] { border-color: #f2f2f2; } .u-link.u-border-grey-5[class*="u-border-"]:hover { border-color: #dadada; } .u-btn.u-border-grey-5 { color: #f2f2f2 !important; } .u-button-style.u-border-grey-5 { border-color: #f2f2f2 !important; background-color: transparent !important; } .u-btn.u-border-grey-5:hover { color: #111111 !important; background-color: #f2f2f2 !important; } a.u-btn.u-border-hover-grey-5:hover, a.u-btn.u-border-active-grey-5[href]:active { color: #f2f2f2 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-5:hover, a.u-button-style.u-border-active-grey-5[href]:active, a.u-nav-link.u-border-active-grey-5[href].active { border-color: #f2f2f2 !important; } /*end-color grey-5*//*begin-color grey-15*/ .u-border-grey-15, .u-separator-grey-15:after { border-color: #d9d9d9; } .u-link.u-border-grey-15[class*="u-border-"] { border-color: #d9d9d9; } .u-link.u-border-grey-15[class*="u-border-"]:hover { border-color: #c3c3c3; } .u-btn.u-border-grey-15 { color: #d9d9d9 !important; } .u-button-style.u-border-grey-15 { border-color: #d9d9d9 !important; background-color: transparent !important; } .u-btn.u-border-grey-15:hover { color: #111111 !important; background-color: #d9d9d9 !important; } a.u-btn.u-border-hover-grey-15:hover, a.u-btn.u-border-active-grey-15[href]:active { color: #d9d9d9 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-15:hover, a.u-button-style.u-border-active-grey-15[href]:active, a.u-nav-link.u-border-active-grey-15[href].active { border-color: #d9d9d9 !important; } /*end-color grey-15*//*begin-color grey-50*/ .u-border-grey-50, .u-separator-grey-50:after { border-color: #808080; } .u-link.u-border-grey-50[class*="u-border-"] { border-color: #808080; } .u-link.u-border-grey-50[class*="u-border-"]:hover { border-color: #737373; } .u-btn.u-border-grey-50 { color: #808080 !important; } .u-button-style.u-border-grey-50 { border-color: #808080 !important; background-color: transparent !important; } .u-btn.u-border-grey-50:hover { color: #ffffff !important; background-color: #808080 !important; } a.u-btn.u-border-hover-grey-50:hover, a.u-btn.u-border-active-grey-50[href]:active { color: #808080 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-50:hover, a.u-button-style.u-border-active-grey-50[href]:active, a.u-nav-link.u-border-active-grey-50[href].active { border-color: #808080 !important; } /*end-color grey-50*//*begin-color grey-60*/ .u-border-grey-60, .u-separator-grey-60:after { border-color: #666666; } .u-link.u-border-grey-60[class*="u-border-"] { border-color: #666666; } .u-link.u-border-grey-60[class*="u-border-"]:hover { border-color: #5c5c5c; } .u-btn.u-border-grey-60 { color: #666666 !important; } .u-button-style.u-border-grey-60 { border-color: #666666 !important; background-color: transparent !important; } .u-btn.u-border-grey-60:hover { color: #ffffff !important; background-color: #666666 !important; } a.u-btn.u-border-hover-grey-60:hover, a.u-btn.u-border-active-grey-60[href]:active { color: #666666 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-60:hover, a.u-button-style.u-border-active-grey-60[href]:active, a.u-nav-link.u-border-active-grey-60[href].active { border-color: #666666 !important; } /*end-color grey-60*//*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: #73a3de !important; } .u-link.u-text-palette-1:hover, a.u-nav-link.u-text-palette-1:hover { color: #5891d8 !important; } .u-link.u-text-hover-palette-1:hover, :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-text-active-palette-1.active, .u-popupmenu-items.u-text-hover-palette-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-1.active .u-nav-link { color: #73a3de !important; } .u-text-palette-1 svg { fill: #73a3de; } /*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: #73a3de !important; } .u-link.u-text-palette-1-base:hover, a.u-nav-link.u-text-palette-1-base:hover { color: #5891d8 !important; } .u-link.u-text-hover-palette-1-base:hover, :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-text-active-palette-1-base.active, .u-popupmenu-items.u-text-hover-palette-1-base:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-1-base.active .u-nav-link { color: #73a3de !important; } .u-text-palette-1-base svg { fill: #73a3de; } /*end-color palette-1-base*//*begin-color palette-2*/ .u-text-palette-2, .u-text-palette-2 a, a.u-button-style.u-text-palette-2, a.u-button-style.u-text-palette-2[class*="u-border-"] { color: #85a0c1 !important; } .u-link.u-text-palette-2:hover, a.u-nav-link.u-text-palette-2:hover { color: #6f8fb6 !important; } .u-link.u-text-hover-palette-2:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-2:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-2.active, .u-popupmenu-items.u-text-hover-palette-2:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-2.active .u-nav-link { color: #85a0c1 !important; } .u-text-palette-2 svg { fill: #85a0c1; } /*end-color palette-2*//*begin-color palette-2-base*/ .u-text-palette-2-base, .u-text-palette-2-base a, a.u-button-style.u-text-palette-2-base, a.u-button-style.u-text-palette-2-base[class*="u-border-"] { color: #4c637f !important; } .u-link.u-text-palette-2-base:hover, a.u-nav-link.u-text-palette-2-base:hover { color: #445972 !important; } .u-link.u-text-hover-palette-2-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-2-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-2-base.active, .u-popupmenu-items.u-text-hover-palette-2-base:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-2-base.active .u-nav-link { color: #4c637f !important; } .u-text-palette-2-base svg { fill: #4c637f; } /*end-color palette-2-base*//*begin-color palette-3-dark-1*/ .u-text-palette-3-dark-1, .u-text-palette-3-dark-1 a, a.u-button-style.u-text-palette-3-dark-1, a.u-button-style.u-text-palette-3-dark-1[class*="u-border-"] { color: #18556d !important; } .u-link.u-text-palette-3-dark-1:hover, a.u-nav-link.u-text-palette-3-dark-1:hover { color: #164d62 !important; } .u-link.u-text-hover-palette-3-dark-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-3-dark-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-3-dark-1.active, .u-popupmenu-items.u-text-hover-palette-3-dark-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-3-dark-1.active .u-nav-link { color: #18556d !important; } .u-text-palette-3-dark-1 svg { fill: #18556d; } /*end-color palette-3-dark-1*//*begin-color palette-3*/ .u-text-palette-3, .u-text-palette-3 a, a.u-button-style.u-text-palette-3, a.u-button-style.u-text-palette-3[class*="u-border-"] { color: #53b6de !important; } .u-link.u-text-palette-3:hover, a.u-nav-link.u-text-palette-3:hover { color: #39abd9 !important; } .u-link.u-text-hover-palette-3:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-3:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-3.active, .u-popupmenu-items.u-text-hover-palette-3:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-3.active .u-nav-link { color: #53b6de !important; } .u-text-palette-3 svg { fill: #53b6de; } /*end-color palette-3*//*begin-color palette-3-base*/ .u-text-palette-3-base, .u-text-palette-3-base a, a.u-button-style.u-text-palette-3-base, a.u-button-style.u-text-palette-3-base[class*="u-border-"] { color: #18556d !important; } .u-link.u-text-palette-3-base:hover, a.u-nav-link.u-text-palette-3-base:hover { color: #164d62 !important; } .u-link.u-text-hover-palette-3-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-3-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-3-base.active, .u-popupmenu-items.u-text-hover-palette-3-base:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-3-base.active .u-nav-link { color: #18556d !important; } .u-text-palette-3-base svg { fill: #18556d; } /*end-color palette-3-base*//*begin-color palette-4*/ .u-text-palette-4, .u-text-palette-4 a, a.u-button-style.u-text-palette-4, a.u-button-style.u-text-palette-4[class*="u-border-"] { color: #6cb9d1 !important; } .u-link.u-text-palette-4:hover, a.u-nav-link.u-text-palette-4:hover { color: #54aec9 !important; } .u-link.u-text-hover-palette-4:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-4:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-4.active, .u-popupmenu-items.u-text-hover-palette-4:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-4.active .u-nav-link { color: #6cb9d1 !important; } .u-text-palette-4 svg { fill: #6cb9d1; } /*end-color palette-4*//*begin-color palette-4-light-3*/ .u-text-palette-4-light-3, .u-text-palette-4-light-3 a, a.u-button-style.u-text-palette-4-light-3, a.u-button-style.u-text-palette-4-light-3[class*="u-border-"] { color: #f4fcff !important; } .u-link.u-text-palette-4-light-3:hover, a.u-nav-link.u-text-palette-4-light-3:hover { color: #c2eeff !important; } .u-link.u-text-hover-palette-4-light-3:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-4-light-3:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-4-light-3.active, .u-popupmenu-items.u-text-hover-palette-4-light-3:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-4-light-3.active .u-nav-link { color: #f4fcff !important; } .u-text-palette-4-light-3 svg { fill: #f4fcff; } /*end-color palette-4-light-3*//*begin-color palette-4-base*/ .u-text-palette-4-base, .u-text-palette-4-base a, a.u-button-style.u-text-palette-4-base, a.u-button-style.u-text-palette-4-base[class*="u-border-"] { color: #92e4fd !important; } .u-link.u-text-palette-4-base:hover, a.u-nav-link.u-text-palette-4-base:hover { color: #6bdafc !important; } .u-link.u-text-hover-palette-4-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-4-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-4-base.active, .u-popupmenu-items.u-text-hover-palette-4-base:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-4-base.active .u-nav-link { color: #92e4fd !important; } .u-text-palette-4-base svg { fill: #92e4fd; } /*end-color palette-4-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; } .u-link.u-text-grey:hover, a.u-nav-link.u-text-grey:hover { color: #a1a1a1 !important; } .u-link.u-text-hover-grey:hover, :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-text-active-grey.active, .u-popupmenu-items.u-text-hover-grey:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey.active .u-nav-link { color: #b3b3b3 !important; } .u-text-grey svg { fill: #b3b3b3; } /*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; } .u-link.u-text-white:hover, a.u-nav-link.u-text-white:hover { color: #e6e6e6 !important; } .u-link.u-text-hover-white:hover, :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-text-active-white.active, .u-popupmenu-items.u-text-hover-white:hover .u-nav-link, .u-popupmenu-items.u-text-hover-white.active .u-nav-link { color: #ffffff !important; } .u-text-white svg { fill: #ffffff; } /*end-color white*//*begin-color grey-5*/ .u-text-grey-5, .u-text-grey-5 a, a.u-button-style.u-text-grey-5, a.u-button-style.u-text-grey-5[class*="u-border-"] { color: #f2f2f2 !important; } .u-link.u-text-grey-5:hover, a.u-nav-link.u-text-grey-5:hover { color: #dadada !important; } .u-link.u-text-hover-grey-5:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-5:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-5.active, .u-popupmenu-items.u-text-hover-grey-5:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-5.active .u-nav-link { color: #f2f2f2 !important; } .u-text-grey-5 svg { fill: #f2f2f2; } /*end-color grey-5*//*begin-color grey-15*/ .u-text-grey-15, .u-text-grey-15 a, a.u-button-style.u-text-grey-15, a.u-button-style.u-text-grey-15[class*="u-border-"] { color: #d9d9d9 !important; } .u-link.u-text-grey-15:hover, a.u-nav-link.u-text-grey-15:hover { color: #c3c3c3 !important; } .u-link.u-text-hover-grey-15:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-15:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-15.active, .u-popupmenu-items.u-text-hover-grey-15:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-15.active .u-nav-link { color: #d9d9d9 !important; } .u-text-grey-15 svg { fill: #d9d9d9; } /*end-color grey-15*//*begin-color grey-50*/ .u-text-grey-50, .u-text-grey-50 a, a.u-button-style.u-text-grey-50, a.u-button-style.u-text-grey-50[class*="u-border-"] { color: #808080 !important; } .u-link.u-text-grey-50:hover, a.u-nav-link.u-text-grey-50:hover { color: #737373 !important; } .u-link.u-text-hover-grey-50:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-50:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-50.active, .u-popupmenu-items.u-text-hover-grey-50:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-50.active .u-nav-link { color: #808080 !important; } .u-text-grey-50 svg { fill: #808080; } /*end-color grey-50*//*begin-color grey-60*/ .u-text-grey-60, .u-text-grey-60 a, a.u-button-style.u-text-grey-60, a.u-button-style.u-text-grey-60[class*="u-border-"] { color: #666666 !important; } .u-link.u-text-grey-60:hover, a.u-nav-link.u-text-grey-60:hover { color: #5c5c5c !important; } .u-link.u-text-hover-grey-60:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-60:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-60.active, .u-popupmenu-items.u-text-hover-grey-60:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-60.active .u-nav-link { color: #666666 !important; } .u-text-grey-60 svg { fill: #666666; } /*end-color grey-60*//*begin-variables sitestylecss*/ h1.u-title { font-weight: 400; font-size: 4.5rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2.u-subtitle { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h1:not(.u-title) { font-weight: 400; font-size: 3rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2:not(.u-subtitle) { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h3 { font-weight: 400; font-size: 1.875rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h4 { font-weight: 400; font-size: 1.5rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h5 { font-weight: 400; font-size: 1.25rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h6 { font-weight: 400; font-size: 1.125rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } 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-link, a { 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; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a, .u-gradient > .u-container-layout > .u-link, .u-gradient > .u-container-layout > a, .u-image:not(.u-shading) > .u-container-layout > .u-link, .u-image:not(.u-shading) > .u-container-layout > a, .u-link, a { color: #73a3de; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link:hover, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a:hover, .u-gradient > .u-container-layout > .u-link:hover, .u-gradient > .u-container-layout > a:hover, .u-image:not(.u-shading) > .u-container-layout > .u-link:hover, .u-image:not(.u-shading) > .u-container-layout > a:hover, .u-link:hover, a:hover { color: #5891d8; } .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: #73a3de; 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: #5891d8; 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: #73a3de; } .u-body-color .u-link, .u-body-color a,.u-palette-1-base .u-link, .u-palette-1-base a,.u-palette-1-dark-3 .u-link, .u-palette-1-dark-3 a,.u-palette-1-dark-2 .u-link, .u-palette-1-dark-2 a,.u-palette-1-dark-1 .u-link, .u-palette-1-dark-1 a,.u-palette-1 .u-link, .u-palette-1 a,.u-palette-1-light-1 .u-link, .u-palette-1-light-1 a,.u-palette-2-base .u-link, .u-palette-2-base a,.u-palette-2-dark-3 .u-link, .u-palette-2-dark-3 a,.u-palette-2-dark-2 .u-link, .u-palette-2-dark-2 a,.u-palette-2-dark-1 .u-link, .u-palette-2-dark-1 a,.u-palette-2 .u-link, .u-palette-2 a,.u-palette-2-light-1 .u-link, .u-palette-2-light-1 a,.u-palette-3-base .u-link, .u-palette-3-base a,.u-palette-3-dark-3 .u-link, .u-palette-3-dark-3 a,.u-palette-3-dark-2 .u-link, .u-palette-3-dark-2 a,.u-palette-3-dark-1 .u-link, .u-palette-3-dark-1 a,.u-palette-3 .u-link, .u-palette-3 a,.u-palette-4-dark-3 .u-link, .u-palette-4-dark-3 a,.u-palette-4-dark-2 .u-link, .u-palette-4-dark-2 a,.u-palette-4-dark-1 .u-link, .u-palette-4-dark-1 a,.u-palette-4 .u-link, .u-palette-4 a,.u-palette-5-dark-3 .u-link, .u-palette-5-dark-3 a,.u-palette-5-dark-2 .u-link, .u-palette-5-dark-2 a,.u-palette-5-dark-1 .u-link, .u-palette-5-dark-1 a,.u-grey-40 .u-link, .u-grey-40 a,.u-grey-30 .u-link, .u-grey-30 a,.u-grey-90 .u-link, .u-grey-90 a,.u-grey-80 .u-link, .u-grey-80 a,.u-grey-75 .u-link, .u-grey-75 a,.u-black .u-link, .u-black a,.u-grey-70 .u-link, .u-grey-70 a,.u-grey-60 .u-link, .u-grey-60 a,.u-grey-50 .u-link, .u-grey-50 a,.u-grey-dark-3 .u-link, .u-grey-dark-3 a,.u-grey-dark-2 .u-link, .u-grey-dark-2 a,.u-grey-dark-1 .u-link, .u-grey-dark-1 a,.u-grey .u-link, .u-grey a,.u-shading .u-link, .u-shading a,.u-overlap-contrast .u-header .u-link, .u-overlap-contrast .u-header a { color: #c3d8f2; } .u-body-color .u-link:hover, .u-body-color a:hover,.u-palette-1-base .u-link:hover, .u-palette-1-base a:hover,.u-palette-1-dark-3 .u-link:hover, .u-palette-1-dark-3 a:hover,.u-palette-1-dark-2 .u-link:hover, .u-palette-1-dark-2 a:hover,.u-palette-1-dark-1 .u-link:hover, .u-palette-1-dark-1 a:hover,.u-palette-1 .u-link:hover, .u-palette-1 a:hover,.u-palette-1-light-1 .u-link:hover, .u-palette-1-light-1 a:hover,.u-palette-2-base .u-link:hover, .u-palette-2-base a:hover,.u-palette-2-dark-3 .u-link:hover, .u-palette-2-dark-3 a:hover,.u-palette-2-dark-2 .u-link:hover, .u-palette-2-dark-2 a:hover,.u-palette-2-dark-1 .u-link:hover, .u-palette-2-dark-1 a:hover,.u-palette-2 .u-link:hover, .u-palette-2 a:hover,.u-palette-2-light-1 .u-link:hover, .u-palette-2-light-1 a:hover,.u-palette-3-base .u-link:hover, .u-palette-3-base a:hover,.u-palette-3-dark-3 .u-link:hover, .u-palette-3-dark-3 a:hover,.u-palette-3-dark-2 .u-link:hover, .u-palette-3-dark-2 a:hover,.u-palette-3-dark-1 .u-link:hover, .u-palette-3-dark-1 a:hover,.u-palette-3 .u-link:hover, .u-palette-3 a:hover,.u-palette-4-dark-3 .u-link:hover, .u-palette-4-dark-3 a:hover,.u-palette-4-dark-2 .u-link:hover, .u-palette-4-dark-2 a:hover,.u-palette-4-dark-1 .u-link:hover, .u-palette-4-dark-1 a:hover,.u-palette-4 .u-link:hover, .u-palette-4 a:hover,.u-palette-5-dark-3 .u-link:hover, .u-palette-5-dark-3 a:hover,.u-palette-5-dark-2 .u-link:hover, .u-palette-5-dark-2 a:hover,.u-palette-5-dark-1 .u-link:hover, .u-palette-5-dark-1 a:hover,.u-grey-40 .u-link:hover, .u-grey-40 a:hover,.u-grey-30 .u-link:hover, .u-grey-30 a:hover,.u-grey-90 .u-link:hover, .u-grey-90 a:hover,.u-grey-80 .u-link:hover, .u-grey-80 a:hover,.u-grey-75 .u-link:hover, .u-grey-75 a:hover,.u-black .u-link:hover, .u-black a:hover,.u-grey-70 .u-link:hover, .u-grey-70 a:hover,.u-grey-60 .u-link:hover, .u-grey-60 a:hover,.u-grey-50 .u-link:hover, .u-grey-50 a:hover,.u-grey-dark-3 .u-link:hover, .u-grey-dark-3 a:hover,.u-grey-dark-2 .u-link:hover, .u-grey-dark-2 a:hover,.u-grey-dark-1 .u-link:hover, .u-grey-dark-1 a:hover,.u-grey .u-link:hover, .u-grey a:hover { color: #e6e6e6; } .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-1-light-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-2-light-1 .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-5-dark-3 .u-btn,.u-palette-5-dark-2 .u-btn,.u-palette-5-dark-1 .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: #c3d8f2; color: #000000; } .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-1-light-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-2-light-1 .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-5-dark-3 .u-btn:hover,.u-palette-5-dark-2 .u-btn:hover,.u-palette-5-dark-1 .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: #9fc1ea; color: #000000; } /*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: 74px} .u-section-1 .u-layout-wrap-1 {margin: 0 auto 0 0} .u-section-1 .u-image-1 {background-image: url("https://www.wansteadwindows.co.uk/images/nicepage-images/LOGO.png"); min-height: 74px; background-position: 50% 50%} .u-section-1 .u-layout-cell-2 {min-height: 74px} .u-section-1 .u-icon-1 {height: 41px; width: 41px; margin: 17px auto 0 123px} .u-section-1 .u-text-1 {margin: -33px 89px 10px 175px} .u-section-1 .u-layout-cell-3 {min-height: 74px} .u-section-1 .u-icon-2 {height: 53px; width: 53px; margin: 11px 117px 0 auto} .u-section-1 .u-text-2 {margin: -39px 11px 25px 285px} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-1 .u-sheet-1 {min-height: 68px} .u-section-1 .u-layout-wrap-1 {margin-right: initial; margin-left: initial} .u-section-1 .u-image-1 {min-height: 68px} .u-section-1 .u-layout-cell-2 {min-height: 68px; background-position: 50% 50%} .u-section-1 .u-icon-1 {height: 34px; width: 34px; margin-left: 100px} .u-section-1 .u-text-1 {width: auto; margin: -29px 37px 22px 151px} .u-section-1 .u-layout-cell-3 {min-height: 68px} .u-section-1 .u-icon-2 {height: 43px; width: 43px; margin-top: 12px; margin-right: 96px} .u-section-1 .u-text-2 {width: auto; margin: -34px 9px 22px 234px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-1 .u-sheet-1 {min-height: 60px} .u-section-1 .u-image-1 {min-height: 60px} .u-section-1 .u-layout-cell-2 {min-height: 60px} .u-section-1 .u-icon-1 {height: 26px; width: 26px; margin-left: 61px} .u-section-1 .u-text-1 {margin: -25px 26px 18px 104px} .u-section-1 .u-layout-cell-3 {min-height: 60px} .u-section-1 .u-icon-2 {height: 33px; width: 33px; margin-top: 13px; margin-right: 23px} .u-section-1 .u-text-2 {width: 86px; margin: -29px auto 18px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 148px} .u-section-1 .u-layout-wrap-1 {margin-top: 11px; margin-bottom: -10px; margin-right: initial; margin-left: initial} .u-section-1 .u-image-1 {min-height: 42px} .u-section-1 .u-layout-cell-2 {min-height: 42px} .u-section-1 .u-icon-1 {height: 24px; width: 24px; margin-top: 9px; margin-left: 176px} .u-section-1 .u-text-1 {margin-right: 201px; margin-bottom: 4px; margin-left: 211px} .u-section-1 .u-layout-cell-3 {min-height: 42px} .u-section-1 .u-icon-2 {height: 31px; width: 31px; margin-top: 6px; margin-right: auto; margin-left: 176px} .u-section-1 .u-text-2 {width: auto; margin: -28px 217px 4px 242px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 145px} .u-section-1 .u-layout-wrap-1 {margin-top: 9px; margin-bottom: -9px; margin-right: initial; margin-left: initial} .u-section-1 .u-container-layout-2 {padding-left: 84px} .u-section-1 .u-icon-1 {margin-left: 0} .u-section-1 .u-text-1 {margin-right: 61px; margin-bottom: 9px; margin-left: 0} .u-section-1 .u-icon-2 {margin-left: 84px} .u-section-1 .u-text-2 {margin-right: 107px; margin-bottom: 9px; margin-left: 160px} }/*/RESPONSIVE_MEDIA*/ .u-section-2 {background-image: none} .u-section-2 .u-line-1 {margin-top: 0; margin-bottom: 0; margin-left: 0; height: 3px; transform-origin: left center; width: 1300px} .u-section-2 .u-sheet-1 {min-height: 256px; margin: -3px auto 0} .u-section-2 .u-group-1 {width: 570px; min-height: 205px; height: auto; background-image: none; margin: 27px auto 25px} .u-section-2 .u-container-layout-1 {padding-left: 20px; padding-right: 20px} .u-section-2 .u-text-1 {font-size: 1.5rem; margin: 20px 0 0} .u-section-2 .u-text-2 {margin: 20px 0 0} .u-section-2 .u-btn-1 {position: relative; margin-left: 0; margin-right: auto; background-image: none; text-transform: uppercase} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-2 .u-line-1 {margin-left: initial; width: auto} .u-section-2 .u-group-1 {width: 470px} .u-section-2 .u-container-layout-1 {padding-left: 16px; padding-right: 16px} .u-section-2 .u-text-1 {position: relative} .u-section-2 .u-text-2 {position: relative} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-2 .u-group-1 {width: 360px} .u-section-2 .u-container-layout-1 {padding-left: 13px; padding-right: 13px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-2 .u-group-1 {width: 338px} .u-section-2 .u-container-layout-1 {padding-left: 9px; padding-right: 9px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-2 .u-group-1 {width: 283px} .u-section-2 .u-container-layout-1 {padding-left: 6px; padding-right: 6px} }/*/RESPONSIVE_MEDIA*/ .u-section-3 {min-height: 1513px} .u-section-3 .u-layout-wrap-1 {margin: 9px auto 9px 0} .u-section-3 .u-image-1 {background-image: url("https://www.wansteadwindows.co.uk/images/nicepage-images/profiles1.jpg"); min-height: 495px; background-position: 50% 50%} .u-section-3 .u-image-2 {background-image: url("https://www.wansteadwindows.co.uk/images/nicepage-images/profiles2.jpg"); min-height: 495px; background-position: 50% 50%} .u-section-3 .u-image-3 {background-image: url("https://www.wansteadwindows.co.uk/images/nicepage-images/profiles3.jpg"); min-height: 503px; background-position: 50% 50%} .u-section-3 .u-image-4 {background-image: url("https://www.wansteadwindows.co.uk/images/nicepage-images/profiles4.jpg"); min-height: 503px; background-position: 50% 50%} .u-section-3 .u-image-5 {background-image: url("https://www.wansteadwindows.co.uk/images/nicepage-images/profiles5.jpg"); min-height: 503px; background-position: 50% 50%} .u-section-3 .u-image-6 {background-image: url("https://www.wansteadwindows.co.uk/images/nicepage-images/profiles6.jpg"); min-height: 503px; background-position: 50% 50%} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-3 .u-layout-wrap-1 {margin-right: initial; margin-left: initial} }/*/RESPONSIVE_MEDIA*/ landing_with_header_footer