<<<<<<< HEAD @import"../assets/aos/dist/aos.css";@import"../assets/magnific-popup/dist/magnific-popup.css";.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio,canvas,img,video,svg{vertical-align:middle}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.alert{padding:15px;margin-bottom:20px;border:1px solid rgba(0,0,0,0);border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.testmenu{width:100%;display:block;text-align:center;padding:20px 15px;background:#142143;border-top:1px solid rgba(0,0,0,.2)}.testmenu select{width:270px;font-size:14px;padding:5px 15px;margin-bottom:0;background-color:#fff}@-ms-viewport{width:auto}.skip-link{position:absolute;top:1rem;left:-9999rem;z-index:999;transition:none}.skip-link:focus{left:1rem}*{box-sizing:border-box}html,body{overflow-x:visible;-ms-overflow-style:auto !important}html{font-size:62.5%}body{font-size:15px;font-size:1.5rem;line-height:22px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Roboto",arial,sans-serif;color:#1f1e1e;padding-top:180px;opacity:1;background:#fff}body.fixed{position:fixed;width:100%;overflow-y:scroll}@media(pointer: coarse){body.filter-open{position:fixed;overflow:hidden;width:100%;height:100%;top:0;left:0}}body[class*=home]{padding-top:126px}body[class*=notification]{padding-top:280px}body[class*=notification] .n-breadcrumb{top:228px}body[class*=notification] .n-main{top:228px}body[class*=notification] .n-main .e-sub{min-height:calc(100% - 228px)}body[class*=notification]{padding-top:228px}body[class*=notification] .n-main{top:228px}body[class*=notification] .n-main .e-sub{min-height:calc(100% - 226px)}@media(max-width: 768px){body[class*=profile]{padding-top:144px}}img{max-width:100%}.background-darkblue,.background-{background-color:#142143 !important}.background-purple{background-color:#653278 !important}.background-green{background-color:#46763c !important}.background-deepgreen{background-color:#75791d !important}.background-orange{background-color:#c94f08 !important}.background-blue{background-color:#007db2 !important}.background-deepblue{background-color:#008290 !important}.background-pink{background-color:#e5007d !important}.background-deeppink{background-color:#b11b83 !important}.background-grey{background-color:#52555b !important}[class*=background-],.bg-img{color:#fff}h1,h2,h3,h4{font-family:"Oswald",sans-serif;color:#23408f;margin:0 0 22px 0;font-weight:400;text-transform:uppercase}[class*=background-] h1,.bg-img h1,[class*=background-] h2,.bg-img h2,[class*=background-] h3,.bg-img h3,[class*=background-] h4,.bg-img h4{color:#fff}h1{font-size:40px;font-size:4rem;line-height:50px}h2{font-size:40px;font-size:4rem;line-height:50px}h3{font-size:30px;font-size:3rem;line-height:40px}h4{font-size:18px;font-size:1.8rem;line-height:26px}p,ul li,ol li{font-size:15px;font-size:1.5rem;line-height:22px}section p,section ul li,section ol li{margin-bottom:22px}p.preamble,p .preamble{font-weight:600}p:last-child{margin-bottom:0}ul{list-style:disc}ol{list-style:decimal}blockquote{font-size:20px;font-size:2rem;line-height:28px}em{font-style:italic}.e-remove{font-size:26px;font-size:2.6rem;line-height:30px;position:absolute;right:-15px;top:-15px;border-radius:50%;background:#318731;color:#fff;width:30px;height:30px;text-align:center;box-sizing:border-box;transition:all .3s ease-in-out;transform:translateZ(0);text-align:center;display:inline-block;box-shadow:0 0 1px #318731;z-index:20}.e-remove:hover{transform:scale(1.1) translateZ(0);background:#23408f;cursor:pointer}table{border:1px solid #cdcecf;min-width:100%}table tr:first-child th{background:#23408f;color:#fff;padding:5px 10px;font-weight:500;border:1px solid rgba(0,0,0,.1)}table tr td{font-size:14px;font-size:1.4rem;line-height:22px;padding:5px 10px;border:1px solid #cdcecf}table tr:nth-child(odd) td{background:#eee}.pika-lendar{width:300px !important;box-sizing:border-box}.pika-lendar table td{padding:0}.wpcc-btn,.wpcc-privacy{background:none}.wpcc-privacy{padding-bottom:0}.mfp-close{background:none !important;width:auto !important;padding:0 !important;top:-55px !important;outline:none !important}@media(min-width: 520px){body[class*=notification]{padding-top:236px}body[class*=notification] .n-breadcrumb{top:184px}body[class*=notification] .n-main{top:184px}body[class*=notification] .n-main .e-sub{min-height:calc(100% - 184px)}body[class*="home notification"]{padding-top:180px}body[class*="home notification"] .n-main{top:184px}body[class*="home notification"] .n-main .e-sub{min-height:calc(100% - 184px)}}@media(min-width: 768px){body{padding-top:180px}}@media(min-width: 992px){body[class*=home]{padding-top:130px}body[class*="home notification"]{padding-top:190px}body[class*="home notification"] .n-main{top:190px}body[class*="home notification"] .n-main .e-sub{min-height:calc(100% - 190px)}h1{font-size:50px;font-size:5rem;line-height:60px}h2{font-size:40px;font-size:4rem;line-height:50px}}@media(min-width: 1230px){body{padding-top:185px}body[class*=notification]{padding-top:236px}body[class*="home notification"]{padding-top:190px}}@media(min-width: 1280px){body[class*=notification] .n-main{top:auto}body[class*=notification] .n-main .e-mega{top:190px}body[class*="home notification"] .n-main{top:auto}body[class*="home notification"] .n-main .e-mega{top:190px}}@media(min-width: 1520px){body{padding-top:182px}}.grecaptcha-badge{display:none !important}.m-campusmap .slick-dots,.m-highlightsicons .slick-dots,.m-iconcarousel .slick-dots{position:relative;width:100%;margin:20px 0 0;padding:0;text-align:center;display:flex;align-items:center;justify-content:center}.m-campusmap .slick-dots li,.m-highlightsicons .slick-dots li,.m-iconcarousel .slick-dots li{display:inline-block;margin:0 5px}.m-campusmap .slick-dots li button,.m-highlightsicons .slick-dots li button,.m-iconcarousel .slick-dots li button{background:#23408f;padding:0;display:block;text-indent:-8000px;width:14px;height:14px;border-radius:7px;border:1px solid #23408f;outline:none;margin:0}.m-campusmap .slick-dots li button:before,.m-campusmap .slick-dots li button:after,.m-highlightsicons .slick-dots li button:before,.m-highlightsicons .slick-dots li button:after,.m-iconcarousel .slick-dots li button:before,.m-iconcarousel .slick-dots li button:after{display:none}.m-campusmap .slick-dots li.slick-active button,.m-highlightsicons .slick-dots li.slick-active button,.m-iconcarousel .slick-dots li.slick-active button{transform:scale(1.5);background:rgba(0,0,0,0)}.btn,button{font-size:15px;font-size:1.5rem;line-height:22px;position:relative;transition:all .3s ease-in-out;padding:.5em 1.25em;text-decoration:none;color:#23408f;font-weight:bold;border:2px solid #23408f;overflow:hidden;z-index:10;display:inline-block;border-radius:50px;vertical-align:middle;background:rgba(0,0,0,0);margin-top:20px}.btn+a,button+a{margin-left:20px;margin-top:20px;display:inline-block;vertical-align:middle}.btn+p a,button+p a{display:inline-block;margin-top:10px}[class*=background-] .btn,.bg-img .btn,.dark-blue .btn,.blue .btn,.m-productcta .btn,.grid-item .btn,.m-myhiefeedback .btn,[class*=background-] button,.bg-img button,.dark-blue button,.blue button,.m-productcta button,.grid-item button,.m-myhiefeedback button{color:#fff;border-color:#fff}@media(min-width: 992px){.m-propertyhomepagebanner .btn,.m-propertyhomepagebanner button{color:#fff;border-color:#fff}}@media(min-width: 992px){.m-propertyhomepagebanner .btn:hover,.m-propertyhomepagebanner button:hover{color:#142143;background:#fff}}.e-profileactions .btn,.e-profileactions button{border-radius:0}.btn span,button span{font-weight:normal}.btn[class*=pika],button[class*=pika]{padding:5px;color:#1f1e1e;margin:0}.btn[class*=pika]:before,.btn[class*=pika]:after,button[class*=pika]:before,button[class*=pika]:after{display:none}.btn .signedout,button .signedout{font-size:13px;font-size:1.3rem;line-height:20px;position:absolute;left:0;top:0;color:#fff;background:#318731;padding:10px 5px;width:100%;height:100%;text-align:center}.btn .signedout span,button .signedout span{padding-bottom:0;transition:all .3s ease-in-out}.btn:hover,button:hover{background:#23408f;color:#fff}[class*=background-] .btn:hover,.bg-img .btn:hover,.dark-blue .btn:hover,.m-productcta .btn:hover,.grid-item .btn:hover,.m-myhiefeedback .btn:hover,[class*=background-] button:hover,.bg-img button:hover,.dark-blue button:hover,.m-productcta button:hover,.grid-item button:hover,.m-myhiefeedback button:hover{color:#142143;background:#fff}[class*=background-deepgreen] .btn:hover,[class*=background-green] .btn:hover,[class*=background-grey] .btn:hover,[class*=background-deeppink] .btn:hover,[class*=background-pink] .btn:hover,[class*=background-deepblue] .btn:hover,[class*=background-blue] .btn:hover,[class*=background-orange] .btn:hover,[class*=background-purple] .btn:hover,[class*=background-deepgreen] button:hover,[class*=background-green] button:hover,[class*=background-grey] button:hover,[class*=background-deeppink] button:hover,[class*=background-pink] button:hover,[class*=background-deepblue] button:hover,[class*=background-blue] button:hover,[class*=background-orange] button:hover,[class*=background-purple] button:hover{background:#fff !important}[class*=background-deepgreen] .btn:hover u,[class*=background-green] .btn:hover u,[class*=background-grey] .btn:hover u,[class*=background-deeppink] .btn:hover u,[class*=background-pink] .btn:hover u,[class*=background-deepblue] .btn:hover u,[class*=background-blue] .btn:hover u,[class*=background-orange] .btn:hover u,[class*=background-purple] .btn:hover u,[class*=background-deepgreen] button:hover u,[class*=background-green] button:hover u,[class*=background-grey] button:hover u,[class*=background-deeppink] button:hover u,[class*=background-pink] button:hover u,[class*=background-deepblue] button:hover u,[class*=background-blue] button:hover u,[class*=background-orange] button:hover u,[class*=background-purple] button:hover u{text-decoration:none}[class*=background-purple] .btn:hover,[class*=background-purple] button:hover{color:#653278 !important}[class*=background-orange] .btn:hover,[class*=background-orange] button:hover{color:#c74e08 !important}[class*=background-blue] .btn:hover,[class*=background-blue] button:hover{color:#007db2 !important}[class*=background-deepblue] .btn:hover,[class*=background-deepblue] button:hover{color:#008290 !important}[class*=background-pink] .btn:hover,[class*=background-pink] button:hover{color:#e5007d !important}[class*=background-deeppink] .btn:hover,[class*=background-deeppink] button:hover{color:#b11b83 !important}[class*=background-grey] .btn:hover,[class*=background-grey] button:hover{color:#52555b !important}[class*=background-green] .btn:hover,[class*=background-green] button:hover{color:#46763c !important}[class*=background-deepgreen] .btn:hover,[class*=background-deepgreen] button:hover{color:#75791d !important}.btn.btn-grey,button.btn-grey{background:#efefef;border-color:#efefef;color:#23408f}.btn.btn-grey:hover,button.btn-grey:hover{border-color:#efefef;background:#fff;color:#23408f}.btn.btn-outline,button.btn-outline{background:#efefef;border-color:#efefef;color:#23408f}.btn.btn-outline:before,.btn.btn-outline:after,button.btn-outline:before,button.btn-outline:after{display:none}.btn.btn-outline:hover,button.btn-outline:hover{cursor:pointer;border-color:#efefef;background:#fff;color:#23408f}.btn.btn-outline.white,button.btn-outline.white{color:#fff;border-color:#fff}.btn.btn-outline.white:hover,button.btn-outline.white:hover{background:#fff;color:#142143}.btn.btn-outline.profile-add,button.btn-outline.profile-add{padding:5px 10px 5px 20px;display:inline-flex;align-items:center;vertical-align:middle;margin:5px}.btn.btn-outline.profile-add:after,button.btn-outline.profile-add:after{content:"+";display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:10px;color:#fff;background:#318731;opacity:1;transform:none;position:relative;top:auto;right:auto;margin-left:5px}.btn.btn-outline.profile-add:hover:after,button.btn-outline.profile-add:hover:after{background:#fff;color:#318731}.btn.mfp-close:before,.btn.mfp-close:after,button.mfp-close:before,button.mfp-close:after{display:none}.btn--inverse,button--inverse{border-color:#fff;color:#fff}.btn--inverse:hover,button--inverse:hover{background-color:#fff;color:#23408f}span.btn{padding:0;background:none !important;margin:0;outline:none;box-shadow:none !important;border:none}span.btn:before,span.btn:after{display:none}span.btn a{font-size:15px;font-size:1.5rem;line-height:22px;position:relative;transition:all .3s ease-in-out;padding:8px 20px;text-decoration:none;color:#23408f;font-weight:bold;border:2px solid #23408f;overflow:hidden;z-index:10;display:inline-block;border-radius:50px;vertical-align:middle}span.btn a:hover{background:#23408f;color:#fff}[class*=background-] span.btn a:hover,.bg-img span.btn a:hover,.dark-blue span.btn a:hover,.grid-item span.btn a:hover,.m-myhiefeedback span.btn a:hover{color:#142143;background:#fff}[class*=background-purple] span.btn a:hover{color:#653278}[class*=background-purple] span.btn a:hover{color:#653278}[class*=background-orange] span.btn a:hover{color:#c94f08}[class*=background-blue] span.btn a:hover{color:#007db2}[class*=background-deepblue] span.btn a:hover{color:#008290}[class*=background-pink] span.btn a:hover{color:#e5007d}[class*=background-deeppink] span.btn a:hover{color:#b11b83}[class*=background-grey] span.btn a:hover{color:#52555b}[class*=background-green] span.btn a:hover{color:#46763c}[class*=background-deepgreen] span.btn a:hover{color:#75791d}button.mfp-close,button.mfp-arrow{outline:1px solid rgba(0,0,0,.5)}.ui-datepicker{border:1px solid #cdcecf;width:100%;max-width:320px;margin:0 0 20px;padding:2px}@media(min-width: 992px){.ui-datepicker{max-width:none;margin-bottom:0}}.ui-datepicker-header{font-size:20px;font-size:2rem;line-height:32px;color:#fff;background:#318731;display:flex;justify-content:space-between;padding:5px 15px;align-items:center;border:1px solid #fff}.ui-datepicker-header .ui-datepicker-prev,.ui-datepicker-header .ui-datepicker-next{width:24px;height:24px;background-color:#fff !important;border-radius:50%;position:relative;text-align:center;color:#318731;background:none;display:block;text-align:center}.ui-datepicker-header .ui-datepicker-prev span,.ui-datepicker-header .ui-datepicker-next span{text-indent:-8000px;display:block}.ui-datepicker-header .ui-datepicker-prev:before,.ui-datepicker-header .ui-datepicker-next:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px;font-size:2rem;line-height:24px;position:absolute;top:0;left:50%;transform:translateX(-50%);text-indent:0}.ui-datepicker-header .ui-datepicker-prev:hover,.ui-datepicker-header .ui-datepicker-next:hover{text-decoration:underline;cursor:pointer}.ui-datepicker-header .ui-datepicker-prev:hover :before,.ui-datepicker-header .ui-datepicker-next:hover :before{text-decoration:underline}.ui-datepicker-header .ui-datepicker-prev{order:1}.ui-datepicker-header .ui-datepicker-prev:before{content:""}.ui-datepicker-header .ui-datepicker-title{order:2}.ui-datepicker-header .ui-datepicker-next{order:3}.ui-datepicker-header .ui-datepicker-next:before{content:""}.ui-datepicker-calendar{width:100%;margin:0;background:#fff}.ui-datepicker-calendar thead th{font-size:16px;font-size:1.6rem;line-height:20px;padding:10px;background:#fff;text-align:center;color:#1f1e1e;font-weight:400}.ui-datepicker-calendar td{font-size:14px;font-size:1.4rem;line-height:22px;min-height:35px;padding:1px;width:14.2857142857%;border:none}.ui-datepicker-calendar td span,.ui-datepicker-calendar td a{transition:all .3s ease-in-out;font-weight:400;color:#1f1e1e}.ui-datepicker-calendar td span{padding:5px;display:block;text-align:center;color:#dfdfdf;border:1px solid #dfdfdf}.ui-datepicker-calendar td a{padding:5px;display:block;text-align:center;border:1px solid #dfdfdf}.ui-datepicker-calendar td a:hover{color:#fff;background:#318731}.ui-datepicker-calendar td a.ui-state-active{background:#cdcecf;color:#1f1e1e}#ui-datepicker-div{display:none}@keyframes toggleDesktop{0%{left:calc(100% + 26px);width:26px}49%{left:calc(100% + 2px)}50%{width:46px}100%{left:calc(100% + 2px);width:26px}}@keyframes toggleDesktop-active{0%{left:calc(100% + 2px);width:26px}49%{left:calc(100% + 2px)}50%{width:46px}100%{left:calc(100% + 26px);width:26px}}abbr,abbr[title]{text-decoration:none;border-bottom:none}input,textarea{-moz-appearance:none;-webkit-appearance:none}select{-moz-appearance:none;-webkit-appearance:none;background-image:url("../images/select.png");padding-right:50px;background-position:right center;background-repeat:no-repeat;background-size:40px 8px}.m-form{margin:30px 0}.m-form .e-formtop{margin-bottom:50px}.m-form .e-formtop h1{margin-bottom:20px}.m-form .e-indicator{font-size:12px;font-size:1.2rem;line-height:20px;width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;margin:0 auto;text-align:right;margin-bottom:20px}@media(min-width: 0){.m-form .e-indicator{width:100%}}@media(min-width: 768px){.m-form .e-indicator{width:100%}}@media(min-width: 992px){.m-form .e-indicator{width:75%}}@media(min-width: 1230px){.m-form .e-indicator{width:50%;padding-left:20px;padding-right:20px}}@media(min-width: 1460px){.m-form .e-indicator{width:50%}}.m-form .e-indicator.left{text-align:left;margin:15px 0 0;width:100%;padding:0}.m-form .e-indicator span{color:#23408f}.m-form .e-back{position:relative;margin-left:15px;margin-bottom:20px}.m-form .e-back button{margin:0;padding:0 0 2px;color:#23408f;border:none;box-shadow:none;outline:none}.m-form .e-back button:before,.m-form .e-back button:after{display:none;color:#23408f;width:auto;min-width:0}.m-form .e-back button:hover{color:#23408f}.m-form .e-back:hover{color:#23408f}.m-form .e-back:hover:before{left:-20px}.m-form .e-back:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px;font-size:2rem;line-height:28px;content:"";position:absolute;top:-4px;left:-15px;color:#23408f;transition:all .3s ease-in-out}.m-form form{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;margin:0 auto}@media(min-width: 0){.m-form form{width:100%}}@media(min-width: 768px){.m-form form{width:100%}}@media(min-width: 992px){.m-form form{width:75%}}@media(min-width: 1230px){.m-form form{width:50%;padding-left:20px;padding-right:20px}}@media(min-width: 1460px){.m-form form{width:50%}}.m-form form+form{margin-top:50px;padding-top:50px;border-top:1px solid #cdcecf}.m-form form.back-form+form{margin-top:0;padding-top:0;border:none}.m-form .e-formintro{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;margin:0 auto 30px}@media(min-width: 0){.m-form .e-formintro{width:100%}}@media(min-width: 768px){.m-form .e-formintro{width:100%}}@media(min-width: 992px){.m-form .e-formintro{width:75%}}@media(min-width: 1230px){.m-form .e-formintro{width:50%;padding-left:20px;padding-right:20px}}@media(min-width: 1460px){.m-form .e-formintro{width:50%}}.m-form label{font-size:14px;font-size:1.4rem;line-height:22px;font-family:"Roboto",arial,sans-serif;font-weight:400;color:#222;display:inline-block;transition:all .3s ease-in-out}.m-form label .indicator{color:#23408f}.m-form label.error,.m-form label.field-validation-error{color:#982429;display:block;width:100%;margin-top:5px}.m-form label.error .indicator,.m-form label.field-validation-error .indicator{color:#982429}.m-form span.error,.m-form span.field-validation-error{color:#982429;display:block;width:100%;margin-top:5px}.m-form input,.m-form textarea,.m-form select{border:solid 1px #cdcecf;padding:15px;width:100%;transition:all .3s ease-in-out}.m-form input:active,.m-form input:focus,.m-form input:hover,.m-form textarea:active,.m-form textarea:focus,.m-form textarea:hover,.m-form select:active,.m-form select:focus,.m-form select:hover{border-color:#23408f;outline:none}.m-form input.error,.m-form input.input-validation-error,.m-form input.field-validation-error,.m-form textarea.error,.m-form textarea.input-validation-error,.m-form textarea.field-validation-error,.m-form select.error,.m-form select.input-validation-error,.m-form select.field-validation-error{border-color:#982429;color:#982429;background-color:#ffdcdc}.m-form input::-ms-clear,.m-form input::-ms-reveal{display:none}.m-form .password-wrapper{position:relative}.m-form .password-wrapper .e-reveal{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.m-form .password-wrapper .e-reveal i{transition:all .3s ease-in-out}.m-form .password-wrapper .e-reveal:hover{color:#23408f;cursor:pointer}.m-form .password-wrapper .e-reveal.active{color:#23408f}.m-form textarea{min-height:200px;resize:none}.m-form .form-row{margin-top:20px}.m-form .form-row h3{margin-top:15px;margin-bottom:30px;color:#23408f}.m-form .form-row h3 .e-warning{font-size:12px;font-size:1.2rem;line-height:22px;width:22px;height:22px;display:inline-block;vertical-align:top;text-align:center;margin-left:5px;color:#fff;background:#23408f;border-radius:11px;background:#9b1f23}.m-form .form-row .e-warning{font-size:12px;font-size:1.2rem;line-height:22px;width:22px;height:22px;display:inline-block;vertical-align:top;text-align:center;margin-left:5px;color:#fff;background:#23408f;border-radius:11px;background:#9b1f23}.m-form .form-row+h2,.m-form .form-row+h3{margin-top:50px}.m-form .form-row.inline{margin:30px 0}.m-form .form-row.inline .e-label label{font-size:20px;font-size:2rem;line-height:28px;color:#23408f;font-family:"Oswald",sans-serif;text-transform:uppercase}.m-form .form-row.inline .e-label{margin-bottom:5px}.m-form .form-row.inline .e-label h3{color:#23408f;margin:0 0 10px;width:100%}.m-form .form-row.inline .e-input .e-dropdown{position:relative;width:auto;border:solid 1px #cdcecf;max-width:480px}.m-form .form-row.inline .e-input .e-dropdown .e-top{transition:all .3s ease-in-out;border:1px solid #fff;width:100%;padding:15px 40px 15px 15px;margin:0;display:flex;align-items:center;position:relative}.m-form .form-row.inline .e-input .e-dropdown .e-top .inner{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-form .form-row.inline .e-input .e-dropdown .e-top span{justify-self:flex-start}.m-form .form-row.inline .e-input .e-dropdown .e-top span+span:before{content:", "}.m-form .form-row.inline .e-input .e-dropdown .e-top i{font-size:20px;font-size:2rem;line-height:28px;margin-left:auto;transition:all .3s ease-in-out;margin-left:15px;position:absolute;top:12px;right:15px}.m-form .form-row.inline .e-input .e-dropdown .e-top.open i{transform:rotate(-180deg)}.m-form .form-row.inline .e-input .e-dropdown .e-top:hover{cursor:pointer;border-color:#23408f}.m-form .form-row.inline .e-input .e-dropdown .e-more{background:#fff;padding:15px;width:100%;box-shadow:0 2px 4px rgba(0,0,0,.3);display:none;position:absolute;top:100%;left:0;z-index:200;min-width:265px}.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox{font-size:14px;font-size:1.4rem;line-height:22px;position:relative;padding-left:30px;margin:20px 0;transition:all .3s ease-in-out}.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:hover{color:#23408f;cursor:pointer}.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:first-child{margin-top:0}.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:last-child{margin-bottom:0}.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:before,.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:after{content:" ";display:block;position:absolute;z-index:0}.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:before{transition:all .3s ease-in-out;width:20px;height:20px;background:#fff;left:0;top:0;border:solid 2px #23408f;box-sizing:border-box;transition:all .3s ease-in-out}.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:after{transition:all .3s ease-in-out;width:12px;height:12px;background-image:url("/images/tick.png");background-size:100%;background-repeat:no-repeat;background-position:center;left:4px;top:4px;transform-origin:center;transform:scale(0)}.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox.checked:before{border-width:3px;background:#e3ece5}.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox.checked:after{transform:scale(1)}.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox.checked:active:before,.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox.checked:focus:before,.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox.checked:active:focus:before{border-width:3px;background:#e3ece5}.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:active+label:before,.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:focus+label:before,.m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:active:focus+label:before{border-width:3px;background:#e3ece5}.m-form .form-row.inline .e-input .e-checkboxes{display:none}.m-form .form-nav.login{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.m-form .form-nav.login .btn{margin-top:0}.m-form .form-nav.login .pull-right{float:none;margin:0 0 0 auto}.m-form .help{font-size:12px;font-size:1.2rem;line-height:20px;color:#888;display:block}.m-form .radio input[type=radio]{width:30px;height:30px;display:inline-block;vertical-align:middle;margin:0 5px 15px 0;opacity:0;border-radius:15px}.m-form .radio input[type=radio]+label{transition:all .3s ease-in-out;font-family:"Roboto",arial,sans-serif;display:inline-block;vertical-align:middle;margin:10px 0 10px -42px;position:relative;padding-left:38px}.m-form .radio input[type=radio]+label:before,.m-form .radio input[type=radio]+label:after{content:" ";display:block;position:absolute}.m-form .radio input[type=radio]+label:before{transition:all .3s ease-in-out;width:30px;height:30px;background:#fff;left:0;top:-5px;border:solid 2px #23408f;border-radius:15px;box-sizing:border-box}.m-form .radio input[type=radio]+label:after{transition:all .3s ease-in-out;border-radius:8px;width:16px;height:16px;background:#23408f;top:2px;left:7px;transform-origin:center;transform:scale(0)}.m-form .radio input[type=radio]+label:hover{cursor:pointer}.m-form .radio input[type=radio]+label:hover:before{background:#e3ece5;border:solid 3px #23408f}.m-form .radio input[type=radio]:checked+label:before{border:solid 3px #23408f;background:#e3ece5}.m-form .radio input[type=radio]:checked+label:after{transform:scale(1)}.m-form .radio input[type=radio]:checked:active+label:before,.m-form .radio input[type=radio]:checked:focus+label:before,.m-form .radio input[type=radio]:checked:active:focus+label:before{background:#e3ece5;border:solid 3px #23408f}.m-form .radio input[type=radio]:active+label:before,.m-form .radio input[type=radio]:focus+label:before,.m-form .radio input[type=radio]:active:focus+label:before{background:#e3ece5;border:solid 4px #23408f}.m-form .checkbox{display:block;position:relative;margin-top:25px}.m-form .checkbox label{transition:all .3s ease-in-out;font-family:"Roboto",arial,sans-serif;display:inline-block;vertical-align:middle;margin:0 0 15px;position:relative;padding-left:40px;z-index:5}.m-form .checkbox label:hover{cursor:pointer}.m-form .checkbox label.error{margin-top:-15px}.m-form .checkbox input[type=checkbox]{width:30px;height:30px;display:inline-block;vertical-align:middle;margin:0 5px 15px 0;opacity:0;position:absolute;top:0;left:0}.m-form .checkbox input[type=checkbox]:hover+label:before,.m-form .checkbox input[type=checkbox]:hover~label:before{border-width:3px;background:#e3ece5}.m-form .checkbox input[type=checkbox]+label:before,.m-form .checkbox input[type=checkbox]+label:after,.m-form .checkbox input[type=checkbox]~label:before,.m-form .checkbox input[type=checkbox]~label:after{content:" ";display:block;position:absolute;z-index:0}.m-form .checkbox input[type=checkbox]+label:before,.m-form .checkbox input[type=checkbox]~label:before{transition:all .3s ease-in-out;width:30px;height:30px;background:#fff;left:0;top:-5px;border:solid 2px #23408f;box-sizing:border-box;transition:all .3s ease-in-out}.m-form .checkbox input[type=checkbox]+label:after,.m-form .checkbox input[type=checkbox]~label:after{transition:all .3s ease-in-out;width:16px;height:12px;background-image:url("/images/tick.png");background-size:100%;background-repeat:no-repeat;background-position:center;top:4px;left:7px;transform-origin:center;transform:scale(0)}.m-form .checkbox input[type=checkbox]:checked+label:before,.m-form .checkbox input[type=checkbox]:checked~label:before{border-width:3px;background:#e3ece5}.m-form .checkbox input[type=checkbox]:checked+label:after,.m-form .checkbox input[type=checkbox]:checked~label:after{transform:scale(1)}.m-form .checkbox input[type=checkbox]:checked:active+label:before,.m-form .checkbox input[type=checkbox]:checked:active~label:before,.m-form .checkbox input[type=checkbox]:checked:focus+label:before,.m-form .checkbox input[type=checkbox]:checked:focus~label:before,.m-form .checkbox input[type=checkbox]:checked:active:focus+label:before,.m-form .checkbox input[type=checkbox]:checked:active:focus~label:before{border-width:3px;background:#e3ece5}.m-form .checkbox input[type=checkbox]:active+label:before,.m-form .checkbox input[type=checkbox]:active~label:before,.m-form .checkbox input[type=checkbox]:focus+label:before,.m-form .checkbox input[type=checkbox]:focus~label:before,.m-form .checkbox input[type=checkbox]:active:focus+label:before,.m-form .checkbox input[type=checkbox]:active:focus~label:before{border-width:3px;background:#e3ece5}.m-form .checkbox input[type=checkbox].error+label:before,.m-form .checkbox input[type=checkbox].error+input[type=checkbox]+label:before{border-color:#982429;border-width:3px;background:#ffdcdc}.m-form .toggle{position:relative;margin:25px 0}.m-form .toggle input{width:30px;height:30px;display:inline-block;vertical-align:middle;margin:0 5px 15px 0;opacity:0;position:absolute;top:0;left:0}.m-form .toggle input+label{position:relative;display:block;padding-bottom:35px}.m-form .toggle input+label:hover{cursor:pointer}.m-form .toggle input+label:hover:after{border-color:#23408f}.m-form .toggle input+label:before,.m-form .toggle input+label:after{content:"";display:block;height:26px;position:absolute}.m-form .toggle input+label:before{width:26px;border-radius:13px;left:2px;bottom:2px;background:#fff;z-index:10;transition:all .3s ease-in-out}.m-form .toggle input+label:after{width:50px;border-radius:20px;background:#737775;left:0;bottom:0;z-index:5;border:2px solid rgba(0,0,0,0);transition:all .3s ease-in-out}.m-form .toggle input:focus+label:after,.m-form .toggle input:active+label:after{border-color:#23408f}.m-form .toggle input:checked+label:before{left:26px}.m-form .toggle input:checked+label:after{background:#23408f}@media(min-width: 768px){.m-form .toggle input+label{width:50%;padding-bottom:0}.m-form .toggle input+label:before{left:calc(100% + 2px);top:50%;bottom:auto;transform:translateY(-50%);animation:toggleDesktop .3s forwards ease-in-out}}@media(min-width: 768px)and (-ms-high-contrast: none),(min-width: 768px)and (-ms-high-contrast: active){.m-form .toggle input+label:before{animation:none}}@media(min-width: 768px){.m-form .toggle input+label:after{left:100%;top:50%;bottom:auto;transform:translateY(-50%)}.m-form .toggle input:checked+label:before{animation:toggleDesktop-active .3s forwards ease-in-out}}@media(min-width: 768px)and (-ms-high-contrast: none),(min-width: 768px)and (-ms-high-contrast: active){.m-form .toggle input:checked+label:before{animation:none;left:calc(100% + 26px)}}@media(min-width: 768px){.m-form .toggle input:checked+label:after{background:#23408f}.m-form .radio.inline{display:inline-block;margin-right:15px}.m-form .radio.inline:first-child{margin-right:0}.m-form .form-row.inline{display:flex;align-items:flex-start;margin:50px 0}.m-form .form-row.inline .e-label{width:250px;margin-right:20px;margin-bottom:0}.m-form .form-row.inline .e-label label{margin:0;width:100%}.m-form .form-row.inline .e-label h3{margin:0}.m-form .form-row.inline .e-input{flex:1}.m-form .form-row.inline .e-input input{margin-top:0}.m-form .form-row.inline .e-input .radio{width:32.33333%;margin:0 0 10px 0 !important;display:inline-block}.m-form .form-row.inline .e-input .radio label{margin-top:0;margin-bottom:0}.m-form .form-row.inline .e-input .radio input{margin:0}}@media(min-width: 992px){.m-form{margin:30px 0 60px}.m-form .container{position:relative}.m-form .e-back{position:absolute;top:0;right:100%;width:95px}}@media(min-width: 1230px){.m-form{margin:30px 0 80px}.m-form .e-back{right:100%;width:calc(50% - 40px)}}.field-validation-valid{display:none}.validation-summary-valid{display:none}@keyframes slide{0%{transform:translateX(0px)}50%{transform:translateX(10px)}100%{transform:translateX(0px)}}a{color:#23408f;text-decoration:underline}[class*=background-] a{color:#fff}[class*=background-] a:hover{color:#fff}a:hover{text-decoration-thickness:2px;color:#142143}a h1,a h2,a h3,a h4,a h5,a h6,a p{font-weight:normal}.cta-arrow svg{width:36px}a:hover .cta-arrow svg{animation:slide 1s infinite}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{transform:translate(0, -25%);transition:.3s ease-out}.modal.in .modal-dialog{transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #dfdfdf;border-radius:10px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:absolute;top:0;right:0;left:0;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.in{opacity:.8}.modal-header{padding:15px;border-bottom:1px solid #dfdfdf;position:relative}.modal-header .close{padding:0px;position:absolute;right:15px;top:15px;width:24px;height:24px;text-align:center;line-height:24px}.modal-header .close span{margin-left:2px}.modal-header .close{margin-top:-2px}.modal-title{margin:0}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #dfdfdf}.modal-footer:after{content:"";height:0;clear:both;display:block;visibility:hidden}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media(min-width: 768px){.modal-dialog{width:500px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}}@media(min-width: 992px){.modal-lg{width:700px}}.tab-content .tab-pane{display:none}.tab-content .tab-pane:after{content:"";height:0;clear:both;display:block;visibility:hidden}.tab-content .tab-pane.active{display:block}.umbraco-forms-page legend{font-size:18px;font-size:1.8rem;line-height:28px;float:left;width:100%;font-family:"Oswald",sans-serif;text-transform:uppercase;margin-top:25px;display:block;font-weight:400}.umbraco-forms-page .row-fluid{margin:0 -15px}.umbraco-forms-page .row-fluid:after{content:"";height:0;clear:both;display:block;visibility:hidden}.umbraco-forms-page .row-fluid div[class*=col-md]{float:left;padding:0 15px}.umbraco-forms-page .col-md-1,.umbraco-forms-page .col-md-2,.umbraco-forms-page .col-md-3,.umbraco-forms-page .col-md-4,.umbraco-forms-page .col-md-5,.umbraco-forms-page .col-md-6,.umbraco-forms-page .col-md-7,.umbraco-forms-page .col-md-8,.umbraco-forms-page .col-md-9,.umbraco-forms-page .col-md-10,.umbraco-forms-page .col-md-11,.umbraco-forms-page .col-md-12{width:100%}@media(min-width: 992px){.umbraco-forms-page .col-md-1{width:8.33333333%}.umbraco-forms-page .col-md-2{width:16.66666667%}.umbraco-forms-page .col-md-3{width:25%}.umbraco-forms-page .col-md-4{width:33.33333333%}.umbraco-forms-page .col-md-5{width:41.66666667%}.umbraco-forms-page .col-md-6{width:50%}.umbraco-forms-page .col-md-7{width:58.33333333%}.umbraco-forms-page .col-md-8{width:66.66666667%}.umbraco-forms-page .col-md-9{width:75%}.umbraco-forms-page .col-md-10{width:83.33333333%}.umbraco-forms-page .col-md-11{width:91.66666667%}.umbraco-forms-page .col-md-12{width:100%}}.umbraco-forms-page fieldset{border:none;padding:0;margin:0}.umbraco-forms-page fieldset .umbraco-forms-field{position:relative;margin-bottom:20px;width:100%;padding:0;display:block}.umbraco-forms-page fieldset span.field-validation-valid,.umbraco-forms-page fieldset label.field-validation-valid{color:#982429;display:block}.umbraco-forms-page fieldset .field-validation-error{color:#982429}.umbraco-forms-page fieldset label{font-size:14px;font-size:1.4rem;line-height:22px;font-family:"Roboto",arial,sans-serif;font-weight:400;color:#222;display:inline-block;transition:all .3s ease-in-out}.umbraco-forms-page fieldset label .contourIndicator{color:#318731}.umbraco-forms-page fieldset label .error{color:#982429}.umbraco-forms-page fieldset input,.umbraco-forms-page fieldset textarea,.umbraco-forms-page fieldset select{border:solid 1px #cdcecf;padding:15px;width:100%;transition:all .3s ease-in-out;color:#1f1e1e}.umbraco-forms-page fieldset input:active,.umbraco-forms-page fieldset input:focus,.umbraco-forms-page fieldset input:hover,.umbraco-forms-page fieldset textarea:active,.umbraco-forms-page fieldset textarea:focus,.umbraco-forms-page fieldset textarea:hover,.umbraco-forms-page fieldset select:active,.umbraco-forms-page fieldset select:focus,.umbraco-forms-page fieldset select:hover{border-color:#318731;outline:none}.umbraco-forms-page fieldset input.error,.umbraco-forms-page fieldset input .input-validation-error,.umbraco-forms-page fieldset textarea.error,.umbraco-forms-page fieldset textarea .input-validation-error,.umbraco-forms-page fieldset select.error,.umbraco-forms-page fieldset select .input-validation-error{border-color:#982429;background-color:#ffdcdc}.umbraco-forms-page fieldset textarea{min-height:200px;resize:none}.umbraco-forms-page fieldset .radiobuttonlist{margin-bottom:15px;display:block}.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]{width:30px;height:30px;display:inline-block;vertical-align:middle;margin:0 5px 15px 0;opacity:0;border-radius:15px}.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]+label{transition:all .3s ease-in-out;font-family:"Roboto",arial,sans-serif;display:inline-block;vertical-align:middle;margin:10px 0 10px -38px;position:relative;padding-left:38px;max-width:calc(100% - 32px)}.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]+label:before,.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]+label:after{content:" ";display:block;position:absolute}.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]+label:before{transition:all .3s ease-in-out;width:30px;height:30px;background:#fff;left:0;top:-5px;border:solid 2px #318731;border-radius:15px;box-sizing:border-box}.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]+label:after{transition:all .3s ease-in-out;border-radius:8px;width:16px;height:16px;background:#318731;top:2px;left:7px;transform-origin:center;transform:scale(0)}.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]+label:hover{cursor:pointer}.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]+label:hover:before{background:#e3ece5;border:solid 3px #318731}.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:checked+label:before{border:solid 3px #318731;background:#e3ece5}.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:checked+label:after{transform:scale(1)}.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:checked:active+label:before,.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:checked:focus+label:before,.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:checked:active:focus+label:before{background:#e3ece5;border:solid 3px #318731}.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:active+label:before,.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:focus+label:before,.umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:active:focus+label:before{background:#e3ece5;border:solid 4px #318731}.umbraco-forms-page fieldset .multiplechoice{margin-bottom:15px;display:block}.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]{width:30px;height:30px;display:inline-block;vertical-align:middle;margin:0 5px 15px 0;opacity:0}.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]+label{transition:all .3s ease-in-out;font-family:"Roboto",arial,sans-serif;display:inline-block;vertical-align:middle;margin:10px 0 15px -38px;position:relative;padding-left:40px;max-width:calc(100% - 32px)}.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]+label:before,.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]+label:after{content:" ";display:block;position:absolute}.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]+label:before{transition:all .3s ease-in-out;width:30px;height:30px;background:#fff;left:0;top:-5px;border:solid 2px #23408f;box-sizing:border-box;transition:all .3s ease-in-out}.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]+label:after{transition:all .3s ease-in-out;width:16px;height:12px;background-image:url("/images/tick.png");background-size:100%;background-repeat:no-repeat;background-position:center;top:4px;left:7px;transform-origin:center;transform:scale(0)}.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]+label:hover{cursor:pointer}.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]+label:hover:before{border-width:3px;background:#e3ece5}.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:checked+label:before{border-width:3px;background:#e3ece5}.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:checked+label:after{transform:scale(1)}.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:checked:active+label:before,.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:checked:focus+label:before,.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:checked:active:focus+label:before{border-width:3px;background:#e3ece5}.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:active+label:before,.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:focus+label:before,.umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:active:focus+label:before{border-width:3px;background:#e3ece5}.umbraco-forms-page fieldset .checkbox{margin-top:30px;display:block;position:relative}.umbraco-forms-page fieldset .checkbox label{transition:all .3s ease-in-out;font-family:"Roboto",arial,sans-serif;display:inline-block;vertical-align:middle;margin:0 0 15px;position:relative;padding-left:40px;z-index:5}.umbraco-forms-page fieldset .checkbox label:hover{cursor:pointer}.umbraco-forms-page fieldset .checkbox input[type=checkbox]{width:30px;height:30px;display:inline-block;vertical-align:middle;margin:0 5px 15px 0;opacity:0;position:absolute;top:0;left:0}.umbraco-forms-page fieldset .checkbox input[type=checkbox]:hover+span:before{border-width:3px;background:#e3ece5}.umbraco-forms-page fieldset .checkbox input[type=checkbox]+span:before,.umbraco-forms-page fieldset .checkbox input[type=checkbox]+span:after{content:" ";display:block;position:absolute;z-index:0}.umbraco-forms-page fieldset .checkbox input[type=checkbox]+span:before{transition:all .3s ease-in-out;width:30px;height:30px;background:#fff;left:0;top:-5px;border:solid 2px #23408f;box-sizing:border-box;transition:all .3s ease-in-out}.umbraco-forms-page fieldset .checkbox input[type=checkbox]+span:after{transition:all .3s ease-in-out;width:16px;height:12px;background-image:url("/images/tick.png");background-size:100%;background-repeat:no-repeat;background-position:center;top:4px;left:7px;transform-origin:center;transform:scale(0)}.umbraco-forms-page fieldset .checkbox input[type=checkbox]:checked+span:before{border-width:3px;background:#e3ece5}.umbraco-forms-page fieldset .checkbox input[type=checkbox]:checked+span:after{transform:scale(1)}.umbraco-forms-page fieldset .checkbox input[type=checkbox]:checked:active+span:before,.umbraco-forms-page fieldset .checkbox input[type=checkbox]:checked:focus+span:before,.umbraco-forms-page fieldset .checkbox input[type=checkbox]:checked:active:focus+span:before{border-width:3px;background:#e3ece5}.umbraco-forms-page fieldset .checkbox input[type=checkbox]:active+span:before,.umbraco-forms-page fieldset .checkbox input[type=checkbox]:focus+span:before,.umbraco-forms-page fieldset .checkbox input[type=checkbox]:active:focus+span:before{border-width:3px;background:#e3ece5}.umbraco-forms-page fieldset .help-block{font-size:12px;font-size:1.2rem;line-height:20px;color:#888;display:block}.umbraco-forms-page .contourNavigation:after{content:"";height:0;clear:both;display:block;visibility:hidden}.umbraco-forms-page .contourNavigation input{transition:all .3s ease-in-out;padding:8px 30px 8px 30px;background:#318731;margin:0}.umbraco-forms-page .contourNavigation input:hover{background:#fff;color:#318731;border-color:#318731}@media(min-width: 992px){.umbraco-forms-page legend{font-size:22px;font-size:2.2rem;line-height:32px}}.mt-0{margin-top:0 !important}.mb-0{margin-bottom:0 !important}footer{font-size:15px;font-size:1.5rem;line-height:20px;background:#142143;padding:20px 0;color:#fff;border-top:1px solid rgba(0,0,0,.5)}footer a{color:#fff}footer a:hover{color:#fff}footer a.e-logo{align-self:flex-start;background:none}footer a.e-logo img{max-width:250px}footer a.e-logo:hover{opacity:.8}footer .f-social{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(min-width: 0){footer .f-social{width:100%}}@media(min-width: 768px){footer .f-social{width:100%}}@media(min-width: 992px){footer .f-social{width:50%}}@media(min-width: 1230px){footer .f-social{width:50%;padding-left:20px;padding-right:20px}}@media(min-width: 1460px){footer .f-social{width:50%}}footer .f-social img{max-width:150px}footer .f-social ul{list-style:none;margin:0 0 20px;padding:0}footer .f-social ul li{display:inline-block;margin:0 2px}footer .f-social ul li:first-child{margin-left:0}footer .f-social ul li:last-child{margin-right:0}footer .f-social ul li a{font-size:20px;font-size:2rem;line-height:28px;text-align:center;border:1px solid #cdcecf;display:block;padding:2px 5px;width:34px;height:34px;position:relative;z-index:5}footer .f-social ul li a:after{content:"";z-index:-1;position:absolute;left:0;bottom:0;width:100%;height:0;background:#fff;transition:height .5s cubic-bezier(0.7, 0, 0.3, 1)}footer .f-social ul li a:hover{color:#142143}footer .f-social ul li a:hover:after{height:100%}footer .f-column{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:30px}@media(min-width: 0){footer .f-column{width:100%}}@media(min-width: 768px){footer .f-column{width:50%}}@media(min-width: 992px){footer .f-column{width:25%}}@media(min-width: 1230px){footer .f-column{width:25%;padding-left:20px;padding-right:20px}}@media(min-width: 1460px){footer .f-column{width:25%}}footer .f-column h4{color:#fff;margin-bottom:20px;text-transform:uppercase}footer .f-column address{font-style:normal}footer .f-column p.e-cta{position:relative;margin:30px 0}footer .f-column p.e-cta a{color:#fff}footer .f-column p.e-cta a:hover:before{left:-15px}footer .f-column ul{list-style:none;margin:0;padding:0}footer .f-column ul li{position:relative;margin-bottom:15px}footer .f-column ul li:last-child{margin-bottom:0}footer .f-column ul li a{color:#fff;position:relative;margin-left:0}footer .f-column ul li a:hover:before{left:-15px}footer .f-bottom{font-size:12px;font-size:1.2rem;line-height:20px;margin:20px 0}footer .f-bottom p{font-size:12px;font-size:1.2rem;line-height:20px}footer .f-bottom ul{margin:0;padding:0}footer .f-bottom ul li{display:inline-block;margin:0 10px}footer .f-bottom ul li a{font-size:12px;font-size:1.2rem;line-height:20px}footer .f-bottom ul li:first-child{margin-left:0}footer .f-bottom ul li:last-child{margin-right:0}@media(min-width: 992px){footer{padding:50px 0}footer .container{position:relative}footer .container .row{display:flex;align-items:stretch}footer .container .row>div{float:none}footer .f-social{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:100px}footer .f-column{margin-top:0}footer .f-bottom{position:absolute;bottom:0;left:0;padding:0 15px;width:50%;margin-bottom:0}}@media(min-width: 1230px){footer{padding:100px 0}footer .f-bottom{padding:0 20px}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 rgba(0,0,0,.1)}100%{transform:scale(1.5);box-shadow:0 0 10px rgba(0,0,0,.5)}}header{display:flex;justify-content:space-between;display:flex;flex-direction:column;width:100%;background:#fff;position:fixed;z-index:99999;top:0;left:0}.filter-open header{z-index:-1}@media(min-width: 992px){.filter-open header{z-index:99999}}header.dashboard{padding-top:10px;box-shadow:0 2px 3px rgba(0,0,0,.05)}header.dashboard .h-logo{transform:none !important;position:relative;margin:0}@media(max-width: 768px){header.dashboard .h-logo{margin:0 auto}}header.dashboard .h-logo:after{content:"My";color:#fff;background:#318731;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-weight:700;position:absolute;top:-4px;left:-20px;border-radius:20px;border:2px solid #fff;z-index:30;text-indent:0;text-transform:uppercase;box-sizing:border-box}header.dashboard+#hie-app .m-headerintro .container,header.dashboard+.m-headerintro .container{padding-top:0}header.dashboard .h-notificationbanner{margin-top:-10px}header.dashboard .mob-link{text-align:center;line-height:1.2}header.dashboard .mob-link:hover{background:none}header.dashboard .btn{display:none}header.dashboard .log-out{order:1;justify-content:center;display:flex}header.dashboard .log-out span{display:none}header.dashboard .continue-link{display:flex;order:2}header .h-notificationbanner{background:#23408f;padding:15px 0 20px;min-height:40px}header .h-notificationbanner p{display:inline-block;margin:0;color:#fff}header .h-notificationbanner .container{padding-right:50px;position:relative}header .h-notificationbanner .e-icon{font-size:14px;font-size:1.4rem;line-height:24px;width:20px;height:20px;border-radius:50%;background:#fff;color:#23408f;text-align:center;display:inline-flex;align-items:center;justify-content:center;margin-right:5px}header .h-notificationbanner .e-icon.exclamation::before{content:"!";display:block;font-style:italic}header .h-notificationbanner .e-icon.information::before{content:"i";display:block;font-style:italic;font-family:Georgia,"Times New Roman",Times,serif}header .h-notificationbanner .e-close{font-size:14px;font-size:1.4rem;line-height:24px;position:absolute;right:15px;top:50%;transform:translateY(-45%);padding-top:25px;color:#fff;transition:all .3s ease-in-out}header .h-notificationbanner .e-close:before,header .h-notificationbanner .e-close:after{content:"";display:block;width:20px;height:1px;background:#fff;position:absolute;top:18px;left:50%}header .h-notificationbanner .e-close:before{transform:translateX(-50%) rotate(-45deg)}header .h-notificationbanner .e-close:after{transform:translateX(-50%) rotate(45deg)}header .h-notificationbanner .e-close:hover{cursor:pointer}header .h-notificationbanner a{color:#fff}header .h-notificationbanner.red{background:#a9031b}header .h-notificationbanner.red .e-icon{color:#a9031b}header .h-notificationbanner.bluedark{background:#142143}header .h-notificationbanner.bluedark .e-icon{color:#142143}header .h-main{transition:all .3s ease-in-out;order:2;display:flex;width:100%;justify-content:space-between;padding:10px 30px 15px;align-items:center;position:relative;z-index:10}header .h-utility{order:1;text-align:right;width:100%;padding:5px 15px;display:flex;align-items:stretch;justify-content:flex-end}header .h-utility ul{display:none}header .h-utility a{font-size:14px;font-size:1.4rem;line-height:20px;font-weight:500}header .h-utility .saveditems{display:flex;padding:12px 0;align-items:center;position:relative}header .h-utility .saveditems svg{transition:all .3s ease-in-out;fill:rgba(0,0,0,0);margin-right:5px}header .h-utility .saveditems div a{background:none;padding-bottom:0;display:flex;align-items:center;margin:0 5px;color:#318731}header .h-utility .saveditems div a:hover svg{fill:#318731}header .h-utility span.h-myhielink{display:inline-flex;padding:5px 30px 2px;background:#23408f;color:#fff;position:relative}header .h-utility span.h-myhielink .e-warning{font-size:12px;font-size:1.2rem;line-height:22px;width:22px;height:22px;display:inline-block;vertical-align:top;text-align:center;margin-left:5px;color:#fff;background:#9b1f23;border-radius:11px}header .h-utility span.h-myhielink .e-warning.pulse{animation-name:pulse;animation-duration:.5s;animation-direction:alternate;animation-iteration-count:infinite}header .h-utility span.h-myhielink .e-myhielink{background:linear-gradient(to right, #ffffff 0%, #ffffff 100%);background-size:0px 1px;background-repeat:no-repeat;background-position:left 85%;padding-bottom:5px;color:#fff;text-decoration:none}header .h-utility span.h-myhielink .e-myhielink:hover{background-size:100% 1px}header .h-utility span.h-myhielink ul{color:#fff;align-items:flex-start}header .h-utility span.h-myhielink ul li a{color:#fff}header .h-utility span.h-myhielink ul li:last-child:before{color:#fff}header .h-utility span.h-myhielink:before{left:-32px;top:0;border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#23408f;border-right-color:#23408f;border-width:16px;margin-top:0;transform-origin:center left}header .h-utility span ul{display:flex;background:none;padding:0;list-style:none;margin:0;padding:0;justify-content:flex-end}header .h-utility span ul:before{display:none}header .h-utility span ul li{margin:0;padding:0}header .h-utility span ul li a{color:#318731}header .h-utility span ul li:last-child{margin-left:5px}header .h-utility span ul li:last-child:before{content:"/";margin-right:5px;display:inline-block;color:#318731}header .h-myhiedropdown{background:#fff;padding:15px;text-align:left;max-width:595px;position:absolute;top:100%;right:0;width:300px;z-index:300;border:1px solid #dfdfdf;border-top:5px solid #23408f;display:none}header .h-myhiedropdown:before{top:0px;right:55px;border:solid rgba(0,0,0,0);content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#23408f;border-width:5px;margin-left:-5px}header .h-myhiedropdown h3{color:#23408f;margin-bottom:15px}header .h-myhiedropdown p{color:#1f1e1e;margin:0}header .h-myhiedropdown .e-likesSaves{border:2px dashed #cdcecf;padding:12px;border-radius:6px;margin-top:12px}header .h-myhiedropdown .e-likesSaves h4{color:#23408f}header .h-myhiedropdown .e-buttons{margin-top:20px}header .h-myhiedropdown .btn{margin-bottom:15px;width:100%;margin-top:0}header .h-myhiedropdown .e-image{display:none}header .h-myhiedropdown a{font-weight:bold}header .h-menutoggle{order:1}header .h-menutoggle .lines{transition:transform .2s ease-in-out;transform-origin:center;width:30px;height:16px;position:relative;margin:0 auto 5px}header .h-menutoggle .lines span{transition:all .5s cubic-bezier(0.55, -1, 0.55, 1);position:absolute;left:50%;transform:translateX(-50%);height:2px;width:100%;background:#23408f;border-radius:1px}header .h-menutoggle .lines span:first-child{top:0}header .h-menutoggle .lines span:nth-child(2),header .h-menutoggle .lines span:nth-child(3){top:50%;margin-top:-1px;width:20px}header .h-menutoggle .lines span:last-child{bottom:0}header .h-menutoggle .label{font-size:13.5px;font-size:1.35rem;line-height:20px;color:#23408f;font-weight:500;text-align:center;width:40px;display:block}header .h-menutoggle:hover{cursor:pointer}header .h-menutoggle:hover .lines span:first-child,header .h-menutoggle:hover .lines span:last-child{width:20px}header .h-menutoggle:hover .lines span:nth-child(2),header .h-menutoggle:hover .lines span:nth-child(3){width:100%}header .h-menutoggle:hover:active .lines{transform:scale(0.8)}header .h-menutoggle.open .lines span:first-child{top:-50%;opacity:0}header .h-menutoggle.open .lines span:nth-child(2),header .h-menutoggle.open .lines span:nth-child(3){width:100%}header .h-menutoggle.open .lines span:nth-child(2){transform:translateX(-50%) rotate(-45deg)}header .h-menutoggle.open .lines span:nth-child(3){transform:translateX(-50%) rotate(45deg)}header .h-menutoggle.open .lines span:last-child{bottom:-50%;opacity:0}header a.h-logo{transition:all .3s ease-in-out;background-size:100%;background-image:url("/images/logo-new.svg");background-size:100% auto;background-position:top center;text-indent:-8000px;display:block;width:70px;height:70px;order:2}.fixed header a.h-logo{height:70px}header .h-rightalign{order:3}header .h-search .icon{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;width:15px;height:15px;position:relative;margin:0 auto 8px;z-index:10}header .h-search .icon:before{content:"";display:block;background:#23408f;transition:all .5s ease-in-out;transform-origin:center;width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);border-radius:50%;opacity:1;z-index:-1}header .h-search .icon .circle,header .h-search .icon .line{transition:all .5s ease-in-out;position:absolute}header .h-search .icon .circle{left:50%;top:50%;transform:translate(-50%, -50%) rotate(-45deg);transform-origin:center;width:100%;height:100%;border-radius:50%;border:2px solid #1f1e1e}header .h-search .icon .line{width:5px;height:2px;border-radius:1px;background:#1f1e1e;bottom:-2px;right:0;transform:rotate(45deg);transform-origin:bottom right}header .h-search .label{font-size:13.5px;font-size:1.35rem;line-height:20px;color:#1f1e1e;font-weight:500;text-align:center;width:40px;display:block}header .h-search:hover{cursor:pointer}header .h-search:hover .icon:before{transform:translate(-50%, -50%) scale(1)}header .h-search:hover .icon .circle{border-color:#fff}header .h-search:hover .icon .line{background:#fff}header .h-search.open .icon .circle{border:rgba(0,0,0,0) 0px solid;background:#23408f;width:23px;height:2px;margin-top:1px;border-radius:1px;margin-left:.5px}header .h-search.open .icon .line{width:24px}header .h-search.open:hover .icon .circle{background:#fff}header .h-searchdropdown{position:absolute;display:none;top:100%;left:0;width:100%;background:#23408f;padding:50px 0}header .h-searchdropdown:before{transform:scale(0);transform-origin:top center;transition:transform .5s ease-in-out;top:0;right:30px;border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:8px}header .h-searchdropdown.open:before{transform:scale(1)}header .h-searchdropdown .container:after{content:"";height:0;clear:both;display:block;visibility:hidden}header .h-searchdropdown .container form{width:100%;float:left;position:relative;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:border .3s ease-in-out;padding:0;float:right;display:flex;border-bottom:1px solid #fff;border-top:1px solid rgba(0,0,0,0)}@media(min-width: 0){header .h-searchdropdown .container form{width:100%}}@media(min-width: 768px){header .h-searchdropdown .container form{width:100%}}@media(min-width: 992px){header .h-searchdropdown .container form{width:75%}}@media(min-width: 1230px){header .h-searchdropdown .container form{width:50%;padding-left:0;padding-right:0}}@media(min-width: 1460px){header .h-searchdropdown .container form{width:50%}}header .h-searchdropdown .container form label{position:relative;width:auto;margin:0;height:0;font-size:0;line-height:0;overflow:hidden}header .h-searchdropdown .container form:focus-within{border-top:1px solid #fff}header .h-searchdropdown .container form input{padding:10px 0;background:none;border:none;width:100%;outline:none;color:#fff}header .h-searchdropdown .container form input::-webkit-input-placeholder{color:#fff}header .h-searchdropdown .container form input:-moz-placeholder{color:#fff}header .h-searchdropdown .container form input::-moz-placeholder{color:#fff}header .h-searchdropdown .container form input:-ms-input-placeholder{color:#fff}header .h-searchdropdown .container form button{position:relative;padding:15px;background:none;text-indent:-8000px;border:none;margin-top:0}header .h-searchdropdown .container form button:before,header .h-searchdropdown .container form button:after{display:none}header .h-searchdropdown .container form button .icon{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;width:15px;height:15px;position:relative;margin:0 auto;z-index:10}header .h-searchdropdown .container form button .icon:before{content:"";display:block;background:#fff;transition:all .5s ease-in-out;transform-origin:center;width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);border-radius:50%;opacity:1;z-index:-1}header .h-searchdropdown .container form button .icon .circle,header .h-searchdropdown .container form button .icon .line{transition:all .5s ease-in-out;position:absolute}header .h-searchdropdown .container form button .icon .circle{left:50%;top:50%;transform:translate(-50%, -50%) rotate(-45deg);transform-origin:center;width:100%;height:100%;border-radius:50%;border:2px solid #fff}header .h-searchdropdown .container form button .icon .line{width:5px;height:2px;border-radius:1px;background:#fff;bottom:-2px;right:0;transform:rotate(45deg);transform-origin:bottom right}header .h-searchdropdown .container form button .label{text-indent:-8000px;display:block;height:0;bottom:0;left:0;position:absolute}header .h-searchdropdown .container form button:hover{cursor:pointer}header .h-searchdropdown .container form button:hover .icon:before{transform:translate(-50%, -50%) scale(1)}header .h-searchdropdown .container form button:hover .icon .circle{border-color:#23408f}header .h-searchdropdown .container form button:hover .icon .line{background:#23408f}@media(min-width: 600px){header .h-myhiedropdown{width:595px;padding:40px 60px}header .h-myhiedropdown .btn{width:auto}header .h-myhiedropdown .btn+.btn{margin-left:15px}header .h-myhiedropdown .e-top{display:flex}header .h-myhiedropdown .e-image{width:125px;display:block}header .h-myhiedropdown .e-text{flex:1;padding:0 15px 0 0}header .h-myhiedropdown .e-text h3{font-size:25px;font-size:2.5rem;line-height:34px;margin-top:0}}@media(min-width: 768px){header.dashboard .h-main{display:flex;justify-content:space-between}header.dashboard .h-main .mob-link{display:none}header.dashboard .h-main .btn{display:block;margin-top:0;margin-left:20px}header.dashboard .h-main .log-out{order:2;margin-left:auto;width:auto}header.dashboard .h-main .log-out p{margin-top:0}header.dashboard .h-main .log-out p span{display:inline-block}header.dashboard .h-main .continue-link{order:2;display:flex}header a.h-logo{width:70px;height:70px}}@media(min-width: 1280px){header{box-shadow:0 2px 3px rgba(0,0,0,.05)}header .h-menutoggle{display:none}header .h-searchdropdown:before{right:50px}header .h-main{padding:0px 40px 15px}header .h-main a.h-logo{transform:translateY(-8px)}header .h-rightalign{display:flex;align-items:center;padding:25px 0 10px}header .h-utility{display:flex;justify-content:flex-end;align-items:stretch;padding:0}header .h-utility ul{display:flex;list-style:none;padding:0 40px 0 20px;margin:0;background:#efefef;position:relative}header .h-utility ul:before{left:-32px;top:0;border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#efefef;border-right-color:#efefef;border-width:16px}header .h-utility ul li{display:inline-flex;padding:5px 20px 2px}header .h-utility ul li a{background:linear-gradient(to right, #1f1e1e 0%, #1f1e1e 100%);background-size:0px 1px;background-repeat:no-repeat;background-position:left 85%;padding-bottom:5px;color:#1f1e1e;font-weight:400;text-decoration:none}header .h-utility ul li a:hover{background-size:100% 1px}header.slim .n-main{height:auto;top:auto}header.slim .h-main{padding:0px 40px 15px}header.slim a.h-logo{height:70px}}.container{margin-left:auto;margin-right:auto;width:100%;max-width:1465px;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container:before,.container:after{display:table;content:" "}.container .row{margin-left:-15px;margin-right:-15px}.container .row:before,.container .row:after{display:table;content:" "}.container .row:after{clear:both}@media(min-width: 1230px){.container{padding-left:20px;padding-right:20px}.container .row{margin-left:-20px;margin-right:-20px}}section.grey{background-color:#efeff0}section.white+.white{border-top:1px solid #cdcecf}.l-listings{padding-bottom:30px;position:relative;z-index:100}.l-listings .row{position:relative;margin-top:30px}.l-listings .e-viewmore{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:30px;width:100%}.l-listings .e-viewmore span{font-size:12px;font-size:1.2rem;line-height:20px;color:#142143;float:none;font-weight:600}.l-listings .e-viewmore .btn{margin-top:15px}.l-listings .e-viewmore.centre{align-items:center}.l-listings .items{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(min-width: 0){.l-listings .items{width:100%}}@media(min-width: 768px){.l-listings .items{width:100%}}@media(min-width: 992px){.l-listings .items{width:62.5%}}@media(min-width: 1230px){.l-listings .items{width:75%;padding-left:20px;padding-right:20px}}@media(min-width: 1460px){.l-listings .items{width:75%}}.l-listings .items>div{width:100%;padding-left:0;padding-right:0}.liststaffdirectory .l-listings .items{display:flex;flex-wrap:wrap}.liststaffdirectory .l-listings .items .e-resulttext~div{width:100%;float:left;position:relative;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:flex;align-items:stretch;align-items:flex;float:none}@media(min-width: 0){.liststaffdirectory .l-listings .items .e-resulttext~div{width:100%}}@media(min-width: 768px){.liststaffdirectory .l-listings .items .e-resulttext~div{width:50%}}@media(min-width: 992px){.liststaffdirectory .l-listings .items .e-resulttext~div{width:100%}}@media(min-width: 1230px){.liststaffdirectory .l-listings .items .e-resulttext~div{width:50%;padding-left:0;padding-right:0}}@media(min-width: 1460px){.liststaffdirectory .l-listings .items .e-resulttext~div{width:50%}}.liststaffdirectory .l-listings .items .e-resulttext~div .m-contactlistingcard{width:100%;float:none;padding:0;display:flex}.liststaffdirectory .l-listings .items .e-resulttext~div .m-contactlistingcard .inner{width:100%}.l-listings.staff .row{display:flex;flex-wrap:wrap;align-items:stretch}.l-listings.staff .m-contactlistingcard{display:flex}.l-listings.staff .m-contactlistingcard .inner{width:100%}@media(min-width: 768px){.liststaffdirectory .l-listings .items .e-resulttext~div{padding:0}.liststaffdirectory .l-listings .items .e-resulttext~div:nth-child(even){padding-right:15px}.liststaffdirectory .l-listings .items .e-resulttext~div:nth-child(odd){padding-left:15px}}@media(min-width: 992px){.l-listings{padding-bottom:60px}.l-listings .items{position:static;padding-top:50px}.liststaffdirectory .l-listings .items{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media(min-width: 992px)and (min-width: 0){.liststaffdirectory .l-listings .items{width:100%}}@media(min-width: 992px)and (min-width: 768px){.liststaffdirectory .l-listings .items{width:100%}}@media(min-width: 992px)and (min-width: 992px){.liststaffdirectory .l-listings .items{width:62.5%}}@media(min-width: 992px)and (min-width: 1230px){.liststaffdirectory .l-listings .items{width:75%;padding-left:20px;padding-right:20px}}@media(min-width: 992px)and (min-width: 1460px){.liststaffdirectory .l-listings .items{width:75%}}@media(min-width: 992px){.liststaffdirectory .l-listings .items .e-resulttext~div{padding:0}.liststaffdirectory .l-listings .items .e-resulttext~div:nth-child(even){padding-right:0px}.liststaffdirectory .l-listings .items .e-resulttext~div:nth-child(odd){padding-left:0px}.l-listings .items.single{padding-top:0}.l-listings .items.single .m-contactlistingcard{width:50%;margin-top:0}.l-listings .row{margin-top:50px;position:relative}}@media(min-width: 1230px){.liststaffdirectory .l-listings .items .e-resulttext~div{padding:0}.liststaffdirectory .l-listings .items .e-resulttext~div:nth-child(even){padding-right:15px}.liststaffdirectory .l-listings .items .e-resulttext~div:nth-child(odd){padding-left:15px}}.l-listings-grid{padding-bottom:30px;position:relative;z-index:100}.l-listings-grid .grid-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill, minmax(31.4285714%, 1fr));grid-gap:40px;grid-auto-rows:minmax(352px, auto);grid-auto-flow:dense}@media(max-width: 0){.l-listings-grid .grid-layout{grid-template-columns:none}}.l-listings-grid .grid-item{padding:30px;background-color:#007db2}.l-listings-grid .grid-item .btn:hover{color:#007db2}.l-listings-grid .grid-item:nth-child(8n+2){background-color:#653278}.l-listings-grid .grid-item:nth-child(8n+2) .btn:hover{color:#653278}.l-listings-grid .grid-item:nth-child(8n+3){background-color:#c94f08}.l-listings-grid .grid-item:nth-child(8n+3) .btn:hover{color:#c94f08}.l-listings-grid .grid-item:nth-child(8n+4){background-color:#52555b}.l-listings-grid .grid-item:nth-child(8n+4) .btn:hover{color:#52555b}.l-listings-grid .grid-item:nth-child(8n+5){background-color:#46763c}.l-listings-grid .grid-item:nth-child(8n+5) .btn:hover{color:#46763c}.l-listings-grid .grid-item:nth-child(8n+6){background-color:#008290}.l-listings-grid .grid-item:nth-child(8n+6) .btn:hover{color:#008290}.l-listings-grid .grid-item:nth-child(8n+7){background-color:#b11b83}.l-listings-grid .grid-item:nth-child(8n+7) .btn:hover{color:#b11b83}.l-listings-grid .grid-item:nth-child(8n+8){background-color:#75791d}.l-listings-grid .grid-item:nth-child(8n+8) .btn:hover{color:#75791d}.l-listings-grid .featured{grid-column-end:span 2;grid-row-end:span 2}@media(max-width: 0){.l-listings-grid .featured{grid-column-end:auto;grid-row-end:auto}}.l-listings-grid .row{position:relative;margin-top:30px}.l-listings-grid .e-viewmore{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:30px;width:100%}.l-listings-grid .e-viewmore span{font-size:12px;font-size:1.2rem;line-height:20px;color:#142143;float:none;font-weight:600}.l-listings-grid .e-viewmore .btn{margin-top:15px}.l-listings-grid .e-viewmore.centre{align-items:center}.l-listings-grid .items>div{width:100%;padding-left:0;padding-right:0}.liststaffdirectory .l-listings-grid .items{display:flex;flex-wrap:wrap}.liststaffdirectory .l-listings-grid .items .e-resulttext~div{width:100%;float:left;position:relative;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:flex;align-items:stretch;align-items:flex;float:none}@media(min-width: 0){.liststaffdirectory .l-listings-grid .items .e-resulttext~div{width:100%}}@media(min-width: 768px){.liststaffdirectory .l-listings-grid .items .e-resulttext~div{width:50%}}@media(min-width: 992px){.liststaffdirectory .l-listings-grid .items .e-resulttext~div{width:100%}}@media(min-width: 1230px){.liststaffdirectory .l-listings-grid .items .e-resulttext~div{width:50%;padding-left:0;padding-right:0}}@media(min-width: 1460px){.liststaffdirectory .l-listings-grid .items .e-resulttext~div{width:50%}}.liststaffdirectory .l-listings-grid .items .e-resulttext~div .m-contactlistingcard{width:100%;float:none;padding:0;display:flex}.liststaffdirectory .l-listings-grid .items .e-resulttext~div .m-contactlistingcard .inner{width:100%}.l-listings-grid.staff .row{display:flex;flex-wrap:wrap;align-items:stretch}.l-listings-grid.staff .m-contactlistingcard{display:flex}.l-listings-grid.staff .m-contactlistingcard .inner{width:100%}@media(min-width: 768px){.liststaffdirectory .l-listings-grid .items .e-resulttext~div{padding:0}.liststaffdirectory .l-listings-grid .items .e-resulttext~div:nth-child(even){padding-right:15px}.liststaffdirectory .l-listings-grid .items .e-resulttext~div:nth-child(odd){padding-left:15px}}@media(min-width: 992px){.l-listings-grid{padding-bottom:60px}.l-listings-grid .items{position:relative;padding-top:50px}.liststaffdirectory .l-listings-grid .items{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media(min-width: 992px)and (min-width: 0){.liststaffdirectory .l-listings-grid .items{width:100%}}@media(min-width: 992px)and (min-width: 768px){.liststaffdirectory .l-listings-grid .items{width:100%}}@media(min-width: 992px)and (min-width: 992px){.liststaffdirectory .l-listings-grid .items{width:62.5%}}@media(min-width: 992px)and (min-width: 1230px){.liststaffdirectory .l-listings-grid .items{width:75%;padding-left:20px;padding-right:20px}}@media(min-width: 992px)and (min-width: 1460px){.liststaffdirectory .l-listings-grid .items{width:75%}}@media(min-width: 992px){.liststaffdirectory .l-listings-grid .items .e-resulttext~div{padding:0}.liststaffdirectory .l-listings-grid .items .e-resulttext~div:nth-child(even){padding-right:0px}.liststaffdirectory .l-listings-grid .items .e-resulttext~div:nth-child(odd){padding-left:0px}.l-listings-grid .items.single{padding-top:0}.l-listings-grid .items.single .m-contactlistingcard{width:50%;margin-top:0}.l-listings-grid .row{margin-top:50px;position:relative}}@media(min-width: 1230px){.liststaffdirectory .l-listings-grid .items .e-resulttext~div{padding:0}.liststaffdirectory .l-listings-grid .items .e-resulttext~div:nth-child(even){padding-right:15px}.liststaffdirectory .l-listings-grid .items .e-resulttext~div:nth-child(odd){padding-left:15px}}.l-searchresults.properties{border-top:1px solid #f3f3f2}.l-searchresults.properties .m-listingitem .e-text .buttons{margin-top:0px}.l-searchresults.properties .m-listingitem .e-text .buttons .btn.btn-grey{display:inline-block}.l-searchresults .m-filters h1{margin-bottom:20px}.l-searchresults .l-listings .container>div{margin-bottom:50px;float:none;padding-left:0;padding-right:0}.l-propertylisting{margin-top:30px;padding-bottom:30px}.l-propertylisting #locationsTab .row{display:flex;flex-wrap:wrap;align-items:stretch}.l-propertylisting #locationsTab .row:after,.l-propertylisting #locationsTab .row:before{display:none}.l-propertylisting #locationsTab .row .m-cardcomponent{display:flex;align-items:stretch}@media(min-width: 1230px){.l-propertylisting{margin-top:60px;padding-bottom:60px}}.l-productlayout{padding:30px 0;border-bottom:1px solid #cdcecf}.l-productlayout .row{display:flex;align-items:stretch;flex-direction:column}.l-productlayout .row .e-leftcolumn,.l-productlayout .row .e-rightcolumn{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none}@media(min-width: 0){.l-productlayout .row .e-leftcolumn,.l-productlayout .row .e-rightcolumn{width:100%}}@media(min-width: 768px){.l-productlayout .row .e-leftcolumn,.l-productlayout .row .e-rightcolumn{width:100%}}@media(min-width: 992px){.l-productlayout .row .e-leftcolumn,.l-productlayout .row .e-rightcolumn{width:50%}}@media(min-width: 1230px){.l-productlayout .row .e-leftcolumn,.l-productlayout .row .e-rightcolumn{width:50%;padding-left:20px;padding-right:20px}}@media(min-width: 1460px){.l-productlayout .row .e-leftcolumn,.l-productlayout .row .e-rightcolumn{width:50%}}.l-productlayout .row .e-leftcolumn{order:2}.l-productlayout .row .e-leftcolumn .border-item .pre-head{color:#000}.l-productlayout .row .e-leftcolumn .border-item h3{font-size:2em}.l-productlayout .row .e-rightcolumn{order:1;margin-bottom:30px}@media(min-width: 992px){.l-productlayout{padding:50px 0}.l-productlayout .row{flex-direction:row}.l-productlayout .row .e-leftcolumn{order:1}.l-productlayout .row .e-rightcolumn{order:2;margin-bottom:0px}.l-productlayout~section{padding:60px 0}.l-productlayout~section.m-quoteblock{padding:100px 0 60px}}@media(min-width: 1230px){.l-productlayout{padding:60px 0}}.l-errorpage .inner{max-width:500px;margin:50px auto;display:block;text-align:center}.l-errorpage .inner img{display:block;width:100px;height:100px;margin:0 auto 20px}.mfp-bg{z-index:999999}.mfp-wrap{z-index:9999999}.contentcategory{display:none}.listsearch .contentcategory{font-size:11px;font-size:1.1rem;line-height:11px;color:#23408f;text-transform:uppercase;font-weight:600;margin:0 0 5px;transform:translateY(-10px);display:block}.play span{position:relative;font-size:0;height:0;overflow:hidden}footer .f-social ul li a span{position:relative;font-size:0;overflow:hidden;height:0}.l-dashboardlayout{padding:30px 0 0}.l-dashboardlayout p.large{font-size:18px;font-size:1.8rem;line-height:28px}.l-dashboardlayout .e-left{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(min-width: 0){.l-dashboardlayout .e-left{width:100%}}@media(min-width: 768px){.l-dashboardlayout .e-left{width:100%}}@media(min-width: 992px){.l-dashboardlayout .e-left{width:68.75%}}@media(min-width: 1230px){.l-dashboardlayout .e-left{width:68.75%;padding-left:20px;padding-right:20px}}@media(min-width: 1460px){.l-dashboardlayout .e-left{width:62.5%}}.l-dashboardlayout .e-left h1,.l-dashboardlayout .e-left h2,.l-dashboardlayout .e-left h3{color:#23408f}.l-dashboardlayout .e-right{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(min-width: 0){.l-dashboardlayout .e-right{width:100%}}@media(min-width: 768px){.l-dashboardlayout .e-right{width:100%}}@media(min-width: 992px){.l-dashboardlayout .e-right{width:31.25%}}@media(min-width: 1230px){.l-dashboardlayout .e-right{width:31.25%;padding-left:20px;padding-right:20px}}@media(min-width: 1460px){.l-dashboardlayout .e-right{width:37.5%}}@media(min-width: 992px){.l-dashboardlayout{padding:60px 0 0}}.l-myhieaside{padding:30px 0}.l-myhieaside .row{display:flex;flex-wrap:wrap;align-items:stretch}.l-myhieaside .row:before,.l-myhieaside .row:after{display:none}.l-myhieaside .e-left{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;margin-bottom:30px;text-align:center}@media(min-width: 0){.l-myhieaside .e-left{width:100%}}@media(min-width: 768px){.l-myhieaside .e-left{width:100%}}@media(min-width: 992px){.l-myhieaside .e-left{width:25%}}@media(min-width: 1230px){.l-myhieaside .e-left{width:25%;padding-left:20px;padding-right:20px}}@media(min-width: 1460px){.l-myhieaside .e-left{width:25%}}.l-myhieaside .e-left h2{color:#23408f}.l-myhieaside .e-left .progress-pie-chart{display:none}.l-myhieaside .e-left .e-cta{display:none;margin-top:120px;position:sticky}.l-myhieaside .e-left .e-cta h3{margin-bottom:10px;margin-top:40px;color:#23408f}.l-myhieaside .e-left .e-cta .e-icon{display:flex;align-items:center}.l-myhieaside .e-left .e-cta .e-icon p{padding-left:15px}.l-myhieaside .e-left .e-cta p{margin-top:0}.l-myhieaside .e-right{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none}@media(min-width: 0){.l-myhieaside .e-right{width:100%}}@media(min-width: 768px){.l-myhieaside .e-right{width:100%}}@media(min-width: 992px){.l-myhieaside .e-right{width:75%}}@media(min-width: 1230px){.l-myhieaside .e-right{width:75%;padding-left:20px;padding-right:20px}}@media(min-width: 1460px){.l-myhieaside .e-right{width:75%}}.l-myhieaside .e-right .e-pageresults{font-size:20px;font-size:2rem;line-height:28px;padding:30px 0 0}.l-myhieaside .e-right .m-listingitem .e-image{display:block}.l-myhieaside .e-right .m-form{margin-top:0}.l-myhieaside .e-right .m-form .e-preferences{background:#23408f;color:#fff;padding:20px;width:100%;max-width:940px}.l-myhieaside .e-right .m-form .e-preferences img{display:none}.l-myhieaside .e-right .m-form .e-preferences h3{color:#fff;margin:0}.l-myhieaside .e-right .m-form .e-preferences label{font-size:15px;font-size:1.5rem;line-height:22px}.l-myhieaside .e-right .m-form .e-preferences .form-row{margin-bottom:30px}.l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox,.l-myhieaside .e-right .m-form .e-preferences .form-row .radio{display:block;margin:0 50px 20px 0}.l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox label,.l-myhieaside .e-right .m-form .e-preferences .form-row .radio label{color:#fff;padding-left:30px;margin-top:0 !important;margin-bottom:0 !important}.l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox label:before,.l-myhieaside .e-right .m-form .e-preferences .form-row .radio label:before{background:none;border-color:#fff;width:20px;height:20px;top:0}.l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox label:hover:before,.l-myhieaside .e-right .m-form .e-preferences .form-row .radio label:hover:before{background:#fff}.l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox input[type=checkbox]+label:after,.l-myhieaside .e-right .m-form .e-preferences .form-row .radio input[type=checkbox]+label:after{left:2px;top:5px}.l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox input[type=checkbox]:checked+label:before,.l-myhieaside .e-right .m-form .e-preferences .form-row .radio input[type=checkbox]:checked+label:before{background:#fff}.l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox input[type=radio]:checked+label:before,.l-myhieaside .e-right .m-form .e-preferences .form-row .radio input[type=radio]:checked+label:before{background:none;border-color:#fff}.l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox input[type=radio]+label:after,.l-myhieaside .e-right .m-form .e-preferences .form-row .radio input[type=radio]+label:after{background:#fff;width:10px;height:10px;left:5px;top:5px}.l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox input[type=radio]+label:hover:before,.l-myhieaside .e-right .m-form .e-preferences .form-row .radio input[type=radio]+label:hover:before{background:none}.l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox input[type=radio],.l-myhieaside .e-right .m-form .e-preferences .form-row .radio input[type=radio]{width:30px;height:10px;padding:0}.l-myhieaside .e-right .m-form .e-preferences .form-row .e-row{margin-bottom:40px}.l-myhieaside .e-right .m-form .e-preferences .form-row .e-row:last-child{margin-bottom:0}.l-myhieaside .e-right .m-form .e-preferences .e-row{margin-bottom:40px}.l-myhieaside .e-right .m-form .e-preferences .e-row:last-child{margin-bottom:0}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown{position:relative}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-top{transition:all .3s ease-in-out;border:1px solid #fff;width:100%;max-width:400px;padding:10px 15px;color:#fff;margin-top:10px;display:flex;align-items:center;justify-content:space-between}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-top i{font-size:20px;font-size:2rem;line-height:28px;margin-left:auto;transition:all .3s ease-in-out}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-top.open i{transform:rotate(-180deg)}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-top:hover{cursor:pointer;border-color:#23408f}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more{background:#fff;padding:15px;width:100%;max-width:400px;box-shadow:0 2px 4px rgba(0,0,0,.3);display:none;position:absolute;top:100%;left:0;z-index:200}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox{margin:20px 0}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox:first-child{margin-top:0}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox:last-child{margin-bottom:0}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox label{font-size:14px;font-size:1.4rem;line-height:22px}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox label:hover{color:#23408f}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox label:before{width:20px;height:20px;top:0}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox input[type=checkbox]+label{padding-left:30px;margin:0}.l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox input[type=checkbox]+label:after{width:12px;left:4px;top:4px}.l-myhieaside .e-right .m-form .e-area{margin:30px 0}.l-myhieaside .e-right .m-form .e-area label span{font-size:12px;font-size:1.2rem;line-height:22px;width:22px;height:22px;display:inline-block;vertical-align:top;text-align:center;margin-left:5px;color:#fff;background:#23408f;border-radius:11px}.l-myhieaside .e-right .m-form .e-area label span.e-warning{background:#9b1f23}.l-myhieaside .e-right .m-form .e-area label span.help{background:none;width:auto;display:block;height:auto;border-radius:0;color:#1f1e1e;padding:0;text-align:left;margin:0}.l-myhieaside .e-right .m-form .e-area .toggle{padding:25px 0;border-bottom:1px solid #cdcecf;margin:0}.l-myhieaside .e-right .m-form .toggle label{width:calc(100% - 54px)}.l-myhieaside .e-right .m-form .toggle input{margin:0}.l-myhieaside .e-right .m-form label+*{margin-top:10px}.l-myhieaside .e-right .items{margin:30px 0}.l-myhieaside .e-right .items .slick-slide{max-width:80vw;margin-right:15px}.l-myhieaside .e-right .items h3.e-title{font-size:23px;font-size:2.3rem;line-height:32px;color:#23408f;margin-bottom:20px}.l-myhieaside .e-right .items .e-viewmore{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:30px;width:100%}.l-myhieaside .e-right .items .e-viewmore span{font-size:12px;font-size:1.2rem;line-height:20px;color:#142143;float:none;font-weight:600}.l-myhieaside .e-right .items .e-viewmore .btn{margin-top:15px}.l-myhieaside .e-right .items .e-viewmore.centre{align-items:center}.l-myhieaside .e-right .items .e-slickcount{display:flex;width:100%;justify-content:center}.l-myhieaside .e-right .items .e-slickcount div{margin:0 2px}.l-myhieaside .e-right .form-row.contact-preferences .column{width:100%;float:left;position:relative;padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:30px}@media(min-width: 0){.l-myhieaside .e-right .form-row.contact-preferences .column{width:100%}}@media(min-width: 768px){.l-myhieaside .e-right .form-row.contact-preferences .column{width:50%}}@media(min-width: 992px){.l-myhieaside .e-right .form-row.contact-preferences .column{width:50%}}@media(min-width: 1230px){.l-myhieaside .e-right .form-row.contact-preferences .column{width:50%;padding-left:20px;padding-right:20px}}@media(min-width: 1460px){.l-myhieaside .e-right .form-row.contact-preferences .column{width:50%}}.l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner{padding:25px;background:#23408f}.l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner h3,.l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner p,.l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner label{color:#fff}.l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner p{margin-top:0}.l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner h3{margin:0 0 5px}.l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner .toggle:last-child{margin-bottom:0}@media(min-width: 992px){.l-myhieaside{padding:60px 0}.l-myhieaside .e-left{border-right:1px solid #cdcecf;position:relative;text-align:left}.l-myhieaside .e-left .e-cta{position:-webkite-sticky;top:200px}.l-myhieaside .e-left .e-cta,.l-myhieaside .e-left .progress-pie-chart{display:block}.l-myhieaside .e-left:after,.l-myhieaside .e-left:before{left:100%;top:150px;border:solid rgba(0,0,0,0);content:"";height:0;width:0;position:absolute;pointer-events:none}.l-myhieaside .e-left:after{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:10px;margin-top:-10px}.l-myhieaside .e-left:before{border-color:rgba(205,206,207,0);border-left-color:#cdcecf;border-width:11px;margin-top:-11px}.l-myhieaside .e-left h2{font-size:30px;font-size:3rem;line-height:38px;margin-top:50px}.l-myhieaside .e-right{min-height:50vh}.l-myhieaside .e-right .m-cardlist{padding-top:30px}.l-myhieaside .e-right .m-listingitem .e-image{display:block}.l-myhieaside .e-right .e-area{max-width:750px}.l-myhieaside .e-right .inner-wrapper{padding:0 0 0 150px}.l-myhieaside .e-right .inner-wrapper.large{padding:0 0 0 50px}.l-myhieaside .e-right .inner-wrapper.large .m-form form .form-row{max-width:800px}.l-myhieaside .e-right .inner-wrapper.large .m-form form .form-row.inline .e-label{width:300px}.l-myhieaside .e-right .inner-wrapper .m-form{padding:0}.l-myhieaside .e-right .inner-wrapper .m-form form{width:100%}.l-myhieaside .e-right .inner-wrapper .m-form form .form-row{max-width:712px}.l-myhieaside .e-right .inner-wrapper .m-form form .form-row .checkbox,.l-myhieaside .e-right .inner-wrapper .m-form form .form-row .radio{display:block;margin-right:20px}.l-myhieaside .e-right .inner-wrapper .m-form form .form-row .checkbox{margin-top:10px}.l-myhieaside .e-right .m-form{padding:0}.l-myhieaside .e-right .m-form .e-preferences{padding:40px;position:relative;padding-right:100px}.l-myhieaside .e-right .m-form .e-preferences img{display:block;position:absolute;right:-100px;bottom:0}.l-myhieaside .e-right .m-form .e-preferences .e-area{margin:60px 0;max-width:700px;padding-left:50px}.l-myhieaside .e-right .m-form .e-preferences .e-area button{font-size:20px;font-size:2rem;line-height:28px;padding:15px 80px 15px 30px}.l-myhieaside .e-right .m-form .e-preferences label{font-size:20px;font-size:2rem;line-height:28px}.l-myhieaside .e-right .e-notification{display:flex;align-items:center;margin-bottom:20px}.l-myhieaside .e-right .e-notification .e-icon{width:36px}.l-myhieaside .e-right .e-notification .e-text{padding-left:20px}.l-myhieaside .e-right .items{margin:50px 0 0}.l-myhieaside .e-right .items h3.e-title{font-size:40px;font-size:4rem;line-height:48px;margin-bottom:30px}.l-myhieaside .e-right .items .e-slickcount{display:none}}@media(min-width: 1230px){.l-myhieaside .e-left h2{font-size:40px;font-size:4rem;line-height:48px}.l-myhieaside .e-left .e-cta h3{font-size:30px;font-size:3rem;line-height:38px;margin-bottom:20px}}@-webkit-keyframes stagger{0%{opacity:0;transform:translateX(-100%)}100%{transform:translateX(0);opacity:1}}@-moz-keyframes stagger{0%{opacity:0;transform:translateX(-100%)}100%{transform:translateX(0);opacity:1}}@-o-keyframes stagger{0%{opacity:0;transform:translateX(-100%)}100%{transform:translateX(0);opacity:1}}@keyframes stagger{0%{opacity:0;transform:translateX(-100%)}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes reverse-stagger{0%{transform:translateX(0);opacity:1}100%{opacity:0;transform:translateX(-100%)}}@-moz-keyframes reverse-stagger{0%{transform:translateX(0);opacity:1}100%{opacity:0;transform:translateX(-100%)}}@-o-keyframes reverse-stagger{0%{transform:translateX(0);opacity:1}100%{opacity:0;transform:translateX(-100%)}}@keyframes reverse-stagger{0%{transform:translateX(0);opacity:1}100%{opacity:0;transform:translateX(-100%)}}.n-main{background:#23408f;position:fixed;top:127px;left:-100%;height:calc(100vh - 128px);width:90%;padding:15px;transition:all .5s cubic-bezier(0.7, 0, 0.3, 1);overflow:auto}.n-main ul{list-style:none;margin:0;padding:0}.n-main ul li{display:block;padding:15px 20px 15px 0;transition:all .5s cubic-bezier(0.8, 0, 0.3, 1);position:relative}.search-open .n-main ul li{pointer-events:none}.n-main ul li .e-toggle{position:absolute;top:0;width:50px;height:100%;right:0}.n-main ul li span{display:block;animation:reverse-stagger .5s ease forwards;opacity:0;display:flex;justify-content:space-between;align-items:center}.n-main ul li span:after{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:#fff}.n-main ul li span:only-child:after{display:none}.n-main ul li a{padding-bottom:5px;transition:all .3s linear;color:#fff;position:relative;text-decoration:none}.n-main ul li .e-sub{transition:all 1s cubic-bezier(0.7, 0, 0.3, 1);position:fixed;width:90%;right:100%;bottom:0;overflow:hidden;background:#23408f;transition-delay:.2s;padding:10px 15px 15px calc(10% + 25px);z-index:20;min-height:calc(100% - 128px);height:auto}.n-main ul li .e-sub .e-back{position:absolute;padding-top:20px;background:rgba(0,0,0,.2);width:10%;left:0;top:0;height:100%;text-align:center}.n-main ul li .e-sub .e-back:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:28px;font-size:2.8rem;line-height:30px;content:"";color:#fff;margin:0 auto}.n-main ul li .e-sub ul:after{content:"";height:0;clear:both;display:block;visibility:hidden}.n-main ul li .e-sub ul li{float:left;clear:both;padding:15px 20px 15px 0}.n-main ul li .e-sub ul li:hover{padding:15px 20px 15px 0}.n-main ul li .e-sub ul li a{animation:reverse-stagger .5s ease forwards;display:inline-block;opacity:0}.n-main ul li .e-sub ul li a:hover{margin-left:20px}.n-main ul li .e-sub.open{right:10%}.n-main ul li .e-sub.open ul li:nth-child(1)>a{animation:stagger .5s 0.25s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(2)>a{animation:stagger .5s 0.5s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(3)>a{animation:stagger .5s 0.75s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(4)>a{animation:stagger .5s 1s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(5)>a{animation:stagger .5s 1.25s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(6)>a{animation:stagger .5s 1.5s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(7)>a{animation:stagger .5s 1.75s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(8)>a{animation:stagger .5s 2s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(9)>a{animation:stagger .5s 2.25s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(10)>a{animation:stagger .5s 2.5s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(11)>a{animation:stagger .5s 2.75s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(12)>a{animation:stagger .5s 3s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(13)>a{animation:stagger .5s 3.25s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(14)>a{animation:stagger .5s 3.5s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(15)>a{animation:stagger .5s 3.75s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(16)>a{animation:stagger .5s 4s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(17)>a{animation:stagger .5s 4.25s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(18)>a{animation:stagger .5s 4.5s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(19)>a{animation:stagger .5s 4.75s ease forwards}.n-main ul li .e-sub.open ul li:nth-child(20)>a{animation:stagger .5s 5s ease forwards}.n-main ul li:hover,.n-main ul li:focus-within{padding:15px 40px 15px 0px}.n-main ul li:hover a:after,.n-main ul li:focus-within a:after{right:-20px}.n-main ul li:hover .e-sub ul>li:nth-child(1)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(1)>a{animation:stagger .5s 0.25s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(2)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(2)>a{animation:stagger .5s 0.5s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(3)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(3)>a{animation:stagger .5s 0.75s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(4)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(4)>a{animation:stagger .5s 1s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(5)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(5)>a{animation:stagger .5s 1.25s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(6)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(6)>a{animation:stagger .5s 1.5s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(7)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(7)>a{animation:stagger .5s 1.75s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(8)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(8)>a{animation:stagger .5s 2s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(9)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(9)>a{animation:stagger .5s 2.25s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(10)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(10)>a{animation:stagger .5s 2.5s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(11)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(11)>a{animation:stagger .5s 2.75s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(12)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(12)>a{animation:stagger .5s 3s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(13)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(13)>a{animation:stagger .5s 3.25s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(14)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(14)>a{animation:stagger .5s 3.5s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(15)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(15)>a{animation:stagger .5s 3.75s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(16)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(16)>a{animation:stagger .5s 4s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(17)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(17)>a{animation:stagger .5s 4.25s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(18)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(18)>a{animation:stagger .5s 4.5s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(19)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(19)>a{animation:stagger .5s 4.75s ease forwards}.n-main ul li:hover .e-sub ul>li:nth-child(20)>a,.n-main ul li:focus-within .e-sub ul>li:nth-child(20)>a{animation:stagger .5s 5s ease forwards}.n-main ul.utility:before{content:"";display:block;border-top:1px solid rgba(255,255,255,.2);margin-top:10px;padding-top:15px;width:calc(100% - 50px)}.n-main ul.utility li{padding:0;margin:0 20px 15px 0}.n-main:before{transform:scale(0);transform-origin:top center;transition:transform .5s ease-in-out;left:28px;top:0;border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:8px}.n-main.open,.n-main:focus-within{left:0}.n-main.open>ul>li:nth-child(1)>span,.n-main:focus-within>ul>li:nth-child(1)>span{animation:stagger .5s 0.25s ease forwards}.n-main.open>ul>li:nth-child(2)>span,.n-main:focus-within>ul>li:nth-child(2)>span{animation:stagger .5s 0.5s ease forwards}.n-main.open>ul>li:nth-child(3)>span,.n-main:focus-within>ul>li:nth-child(3)>span{animation:stagger .5s 0.75s ease forwards}.n-main.open>ul>li:nth-child(4)>span,.n-main:focus-within>ul>li:nth-child(4)>span{animation:stagger .5s 1s ease forwards}.n-main.open>ul>li:nth-child(5)>span,.n-main:focus-within>ul>li:nth-child(5)>span{animation:stagger .5s 1.25s ease forwards}.n-main.open>ul>li:nth-child(6)>span,.n-main:focus-within>ul>li:nth-child(6)>span{animation:stagger .5s 1.5s ease forwards}.n-main.open>ul>li:nth-child(7)>span,.n-main:focus-within>ul>li:nth-child(7)>span{animation:stagger .5s 1.75s ease forwards}.n-main.open>ul>li:nth-child(8)>span,.n-main:focus-within>ul>li:nth-child(8)>span{animation:stagger .5s 2s ease forwards}.n-main.open>ul>li:nth-child(9)>span,.n-main:focus-within>ul>li:nth-child(9)>span{animation:stagger .5s 2.25s ease forwards}.n-main.open>ul>li:nth-child(10)>span,.n-main:focus-within>ul>li:nth-child(10)>span{animation:stagger .5s 2.5s ease forwards}.n-main.open>ul>li:nth-child(11)>span,.n-main:focus-within>ul>li:nth-child(11)>span{animation:stagger .5s 2.75s ease forwards}.n-main.open>ul>li:nth-child(12)>span,.n-main:focus-within>ul>li:nth-child(12)>span{animation:stagger .5s 3s ease forwards}.n-main.open>ul>li:nth-child(13)>span,.n-main:focus-within>ul>li:nth-child(13)>span{animation:stagger .5s 3.25s ease forwards}.n-main.open>ul>li:nth-child(14)>span,.n-main:focus-within>ul>li:nth-child(14)>span{animation:stagger .5s 3.5s ease forwards}.n-main.open>ul>li:nth-child(15)>span,.n-main:focus-within>ul>li:nth-child(15)>span{animation:stagger .5s 3.75s ease forwards}.n-main.open>ul>li:nth-child(16)>span,.n-main:focus-within>ul>li:nth-child(16)>span{animation:stagger .5s 4s ease forwards}.n-main.open>ul>li:nth-child(17)>span,.n-main:focus-within>ul>li:nth-child(17)>span{animation:stagger .5s 4.25s ease forwards}.n-main.open>ul>li:nth-child(18)>span,.n-main:focus-within>ul>li:nth-child(18)>span{animation:stagger .5s 4.5s ease forwards}.n-main.open>ul>li:nth-child(19)>span,.n-main:focus-within>ul>li:nth-child(19)>span{animation:stagger .5s 4.75s ease forwards}.n-main.open>ul>li:nth-child(20)>span,.n-main:focus-within>ul>li:nth-child(20)>span{animation:stagger .5s 5s ease forwards}.n-main.open:before{transform:scale(1);transition-delay:.3s}.n-main .e-mega{position:fixed;top:130px;width:100vw;left:0;padding:20px 0;background:#23408f;display:none;box-shadow:0 2px 3px rgba(0,0,0,.05)}.n-main .e-mega .row{display:flex}.n-main .e-mega .row .column{width:33.333333%;position:relative;float:left;z-index:10;padding:40px}.n-main .e-mega .row .column:first-child{border-right:1px solid #fff}.n-main .e-mega .row .column:last-child{padding-top:0}.n-main .e-mega .row .column a{font-weight:bold}.n-main .e-mega .row .column .btn{position:relative;margin-top:0}.n-main .e-mega .row .column .inner{position:relative}.n-main .e-mega .row .column .inner .btn{background:#efefef;border-color:#efefef;color:#23408f}.n-main .e-mega .row .column .inner .btn:hover{border-color:#efefef;color:#23408f}.n-main .e-mega .row .column .e-text:only-child{padding-bottom:80px}.n-main .e-mega .row .column .e-image{position:absolute;left:0;top:0;width:100%;height:100%}.n-main .e-mega .row .column .e-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.n-main .e-mega .row .column .e-image+.text{position:relative;padding:40px 40px 80px;display:flex;flex-direction:column;align-items:flex-start}.n-main .e-mega .row .column .e-image+.text h3,.n-main .e-mega .row .column .e-image+.text p{padding:5px 10px;background:rgba(0,0,0,.5)}.n-main .e-mega .row .column .e-image+.text p{width:100%}.n-main .e-mega .row .column .e-image+.text .btn{position:absolute;bottom:40px;left:40px}.n-main .e-mega .row .column:first-child{border-left:none}.n-main .e-mega .row .column *{color:#fff}.n-main .e-mega .row .column ul{display:block;margin:0;padding:0}.n-main .e-mega .row .column ul li{display:block;margin:15px 0}.n-main .e-mega .row .column ul li a{text-decoration:underline}.n-main .e-mega .row .column ul li a:hover{text-decoration-thickness:2px}.n-main .e-mega .row .column ul li a:after{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-size:1.6rem;line-height:30px;content:"";color:#fff;margin:0 0 0 15px;display:inline-block}.n-main .e-mega .row .column .btn{color:#fff;border-color:#fff}.n-main .e-mega .row .column .btn:hover{background:#fff;color:#23408f}@media(min-width: 992px){.n-main{width:400px;left:-400px;padding:20px 0 20px 20px;top:130px}}@media(min-width: 1230px){.n-main{padding:40px 0 40px 40px;height:calc(100% - 133px);width:600px;left:-600px;top:133px}.n-main:before{top:0px;left:32px}.n-main ul{padding-left:25%}.n-main ul li{padding-right:60px}.n-main ul li .e-sub{height:calc(100vh - 133px);min-height:calc(100% - 133px)}.n-main ul li .e-sub ul{padding:50px 40px}.n-main ul li:hover .e-sub,.n-main ul li:focus-within .e-sub{width:calc(100vw - 600px)}.n-main ul li:hover .e-sub ul,.n-main ul li:focus-within .e-sub ul{padding-left:200px}}@media(min-width: 1280px){.n-main{display:block;position:relative;background:none;left:auto;bottom:auto;height:auto;padding:0;margin:0 20px 0 0;padding-right:20px;border-right:1px solid #ccc;overflow:visible;transition:none;min-height:0;width:100%;top:auto}.n-main.open.sub-toggled{left:0}.n-main:before{left:52px}.n-main *{animation:none !important;transform:none !important;opacity:1 !important}.n-main ul{display:flex;flex-direction:row;width:100%;justify-content:flex-end;width:auto;padding:20px 20px 0;margin-bottom:-4px}.n-main ul li{padding:0;position:relative;margin:0 0 0 40px}.n-main ul li .e-toggle{width:100%;display:block}.n-main ul li:hover{cursor:pointer}.n-main ul li:hover span a{color:#23408f}.n-main ul li:hover .e-toggle:after{color:#23408f}.n-main ul li span:after{color:#1f1e1e;margin-left:5px;transform:rotate(90deg)}.n-main ul li:after{top:calc(100% + 20px);left:50%;border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:10px;margin-left:-10px;transform:scale(0);transition:all .3s ease-in-out;transform-origin:top center}.n-main ul li.mega-active:after{transform:scale(1)}.n-main ul li:hover,.n-main ul li:focus-within{padding:0}.n-main ul li:focus-within .e-mega{display:block}.n-main ul li a{color:#1f1e1e;padding-top:5px;font-weight:400}.n-main ul li a:hover{color:#23408f}.n-main ul.utility{display:none}}.n-breadcrumb{padding:15px;display:flex;position:fixed;width:100%;left:0;z-index:9999;background:#fff;top:127px;border-top:1px solid #dfdfdf}.filter-open .n-breadcrumb{z-index:-1}@media(min-width: 992px){.filter-open .n-breadcrumb{z-index:9999}}.n-breadcrumb ol{list-style:none;margin:0;padding:0}.n-breadcrumb ol li{font-size:12px;font-size:1.2rem;line-height:20px;display:inline-block}.n-breadcrumb ol li:after{content:"\\";margin:0 5px}.n-breadcrumb ol li:last-child:after{display:none}.n-breadcrumb ol li a{font-weight:400;color:#1f1e1e}.n-breadcrumb ol.right-align{align-self:flex-end;margin:0 0 0 auto}@media(min-width: 992px){.n-breadcrumb{padding:15px 20px}}@media(min-width: 1230px){.n-breadcrumb{top:130px}}@media(min-width: 1460px){.n-breadcrumb{padding:15px 40px;top:130px}} ======= /***** Reference to SMACSS - http://smacss.com/ NAMING CONVENTIONS: c- : Color, l- : Layout, m- : Module, f- : Form, e- : Element, *****/ @import "../assets/aos/dist/aos.css"; /*@import "../assets/font-awesome/css/font-awesome.css"; */ @import "../assets/magnific-popup/dist/magnific-popup.css"; /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio, canvas, img, video, svg { vertical-align: middle; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } *:hover:focus, :focus, :focus-visible { outline: 2px solid #FDD623 !important; outline-offset: -2px; background: #FDD623 !important; box-shadow: 0px 4px 0px 1px rgba(51, 51, 51, 0.75); color: #333 !important; text-decoration: none !important; transition-duration: 0s; } .slick-slide:focus { outline: none !important; background: white !important; border: none; box-shadow: none; } .slick-slide:focus > *:first-child { outline: 2px solid #FDD623; outline-offset: -2px; } .skip-link { position: fixed; display: block; margin: 0; padding: 14px; left: 0.75rem; top: -100%; background-color: #23408f; font-weight: bold; color: white; text-align: center; transition: top 0.3s; z-index: 100001; } .skip-link:focus { top: 0.75rem; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: 700; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } @-ms-viewport { width: auto; } * { box-sizing: border-box; } html, body { overflow-x: visible; -ms-overflow-style: auto !important; } html { font-size: 62.5%; } body { font-size: 16px; font-size: 1.6rem; line-height: 22px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Roboto", arial, sans-serif; color: #1f1e1e; opacity: 1; background: #ffffff; } body.inverness button.mfp-close, body.emsp button.mfp-close, body.enterprise button.mfp-close { background: none; width: auto; padding: 0; top: -55px; } body.fixed { position: fixed; width: 100%; overflow-y: scroll; } @media (pointer: coarse) { body.filter-open { position: fixed; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; } } img { max-width: 100%; } .background-darkblue, .background- { background-color: #142143 !important; } .background-purple { background-color: #653278 !important; } .background-green { background-color: #46763C !important; } .background-deepgreen { background-color: #75791D !important; } .background-orange { background-color: #C94F08 !important; } .background-blue { background-color: #007DB2 !important; } .background-deepblue { background-color: #008290 !important; } .background-pink { background-color: #E5007D !important; } .background-deeppink { background-color: #B11B83 !important; } .background-grey { background-color: #52555B !important; } [class*=background-], .bg-img { color: white; } h1, h2, h3, h4 { font-family: "Oswald", sans-serif; color: #23408f; margin: 0 0 22px 0; font-weight: 400; text-transform: uppercase; } [class*=background-] h1, .bg-img h1, [class*=background-] h2, .bg-img h2, [class*=background-] h3, .bg-img h3, [class*=background-] h4, .bg-img h4 { color: white; } h1 { font-size: 40px; font-size: 4rem; line-height: 50px; } h2 { font-size: 40px; font-size: 4rem; line-height: 50px; } h3 { font-size: 30px; font-size: 3rem; line-height: 40px; } h4 { font-size: 18px; font-size: 1.8rem; line-height: 26px; } p, ul li, ol li { font-size: 16px; font-size: 1.6rem; line-height: 24px; } section p, section ul li, section ol li { margin-bottom: 22px; } p.preamble, p .preamble { font-weight: 600; } p:last-child { margin-bottom: 0; } ul { list-style: disc; } ol { list-style: decimal; } blockquote { font-size: 20px; font-size: 2rem; line-height: 28px; } em { font-style: italic; } .e-remove { font-size: 26px; font-size: 2.6rem; line-height: 30px; position: absolute; right: -15px; top: -15px; border-radius: 50%; background: #318731; color: #ffffff; width: 30px; height: 30px; text-align: center; box-sizing: border-box; transition: all 0.3s ease-in-out; transform: translateZ(0); text-align: center; display: inline-block; box-shadow: 0 0 1px #318731; z-index: 20; } .e-remove:hover { transform: scale(1.1) translateZ(0); background: #23408f; cursor: pointer; } table { border: 1px solid #767676; min-width: 100%; } table tr:first-child th { background: #23408f; color: #ffffff; padding: 5px 10px; font-weight: 500; border: 1px solid rgba(0, 0, 0, 0.1); } table tr td { font-size: 14px; font-size: 1.4rem; line-height: 22px; padding: 5px 10px; border: 1px solid #767676; } table tr:nth-child(odd) td { background: #eee; } .pika-lendar { width: 300px !important; box-sizing: border-box; } .pika-lendar table td { padding: 0; } .wpcc-btn, .wpcc-privacy { background: none; } .wpcc-privacy { padding-bottom: 0; } .mfp-close { background: none !important; width: auto !important; padding: 0 !important; top: -55px !important; outline: none !important; } @media (min-width: 992px) { h1 { font-size: 50px; font-size: 5rem; line-height: 60px; } h2 { font-size: 40px; font-size: 4rem; line-height: 50px; } } .grecaptcha-badge { display: none !important; } .m-campusmap .slick-dots, .m-highlightsicons .slick-dots, .m-iconcarousel .slick-dots { position: relative; width: 100%; margin: 20px 0 0; padding: 0; text-align: center; display: flex; align-items: center; justify-content: center; } .m-campusmap .slick-dots li, .m-highlightsicons .slick-dots li, .m-iconcarousel .slick-dots li { display: inline-block; margin: 0 5px; } .m-campusmap .slick-dots li button, .m-highlightsicons .slick-dots li button, .m-iconcarousel .slick-dots li button { background: #23408f; padding: 0; display: block; text-indent: -8000px; width: 14px; height: 14px; border-radius: 7px; border: 1px solid #23408f; outline: none; margin: 0; } .m-campusmap .slick-dots li button:before, .m-campusmap .slick-dots li button:after, .m-highlightsicons .slick-dots li button:before, .m-highlightsicons .slick-dots li button:after, .m-iconcarousel .slick-dots li button:before, .m-iconcarousel .slick-dots li button:after { display: none; } .m-campusmap .slick-dots li button:focus, .m-highlightsicons .slick-dots li button:focus, .m-iconcarousel .slick-dots li button:focus { box-shadow: none; } .m-campusmap .slick-dots li.slick-active button, .m-highlightsicons .slick-dots li.slick-active button, .m-iconcarousel .slick-dots li.slick-active button { transform: scale(1.5); background: transparent; } .btn, button { font-size: 16px; font-size: 1.6rem; line-height: 24px; position: relative; transition: all 0.3s ease-in-out; padding: 0.5em 1.25em; text-decoration: none; color: #23408f; font-weight: bold; border: 2px solid #23408f; z-index: 10; display: inline-block; border-radius: 50px; vertical-align: middle; margin-top: 20px; cursor: pointer; } .btn svg, button svg { pointer-events: none; } .btn + a, button + a { margin-left: 20px; margin-top: 20px; display: inline-block; vertical-align: middle; } .btn + p a, button + p a { display: inline-block; } p > a .btn, p > a button { margin: 0; } [class*=background-] .btn, .bg-img .btn, .dark-blue .btn, .blue .btn, .m-productcta .btn, .grid-item .btn, .m-myhiefeedback .btn, [class*=background-] button, .bg-img button, .dark-blue button, .blue button, .m-productcta button, .grid-item button, .m-myhiefeedback button { color: white; border-color: white; } @media (min-width: 992px) { .m-propertyhomepagebanner .btn, .m-propertyhomepagebanner button { color: white; border-color: white; } } @media (min-width: 992px) { .m-propertyhomepagebanner .btn:hover, .m-propertyhomepagebanner button:hover { color: #142143; background: white; } } .e-profileactions .btn, .e-profileactions button { border-radius: 0; } .btn span, button span { font-weight: normal; } .btn[class*=pika], button[class*=pika] { padding: 5px; color: #1f1e1e; margin: 0; } .btn[class*=pika]:before, .btn[class*=pika]:after, button[class*=pika]:before, button[class*=pika]:after { display: none; } .btn .signedout, button .signedout { font-size: 13px; font-size: 1.3rem; line-height: 20px; position: absolute; left: 0; top: 0; color: #ffffff; background: #318731; padding: 10px 5px; width: 100%; height: 100%; text-align: center; } .btn .signedout span, button .signedout span { padding-bottom: 0; transition: all 0.3s ease-in-out; } .btn:hover, button:hover { background: #23408f; color: white; } [class*=background-] .btn:hover, .bg-img .btn:hover, .dark-blue .btn:hover, .m-productcta .btn:hover, .grid-item .btn:hover, .m-myhiefeedback .btn:hover, [class*=background-] button:hover, .bg-img button:hover, .dark-blue button:hover, .m-productcta button:hover, .grid-item button:hover, .m-myhiefeedback button:hover { color: #142143; background: white; } [class*=background-deepgreen] .btn:hover, [class*=background-green] .btn:hover, [class*=background-grey] .btn:hover, [class*=background-deeppink] .btn:hover, [class*=background-pink] .btn:hover, [class*=background-deepblue] .btn:hover, [class*=background-blue] .btn:hover, [class*=background-orange] .btn:hover, [class*=background-purple] .btn:hover, [class*=background-deepgreen] button:hover, [class*=background-green] button:hover, [class*=background-grey] button:hover, [class*=background-deeppink] button:hover, [class*=background-pink] button:hover, [class*=background-deepblue] button:hover, [class*=background-blue] button:hover, [class*=background-orange] button:hover, [class*=background-purple] button:hover { background: white !important; } [class*=background-deepgreen] .btn:hover u, [class*=background-green] .btn:hover u, [class*=background-grey] .btn:hover u, [class*=background-deeppink] .btn:hover u, [class*=background-pink] .btn:hover u, [class*=background-deepblue] .btn:hover u, [class*=background-blue] .btn:hover u, [class*=background-orange] .btn:hover u, [class*=background-purple] .btn:hover u, [class*=background-deepgreen] button:hover u, [class*=background-green] button:hover u, [class*=background-grey] button:hover u, [class*=background-deeppink] button:hover u, [class*=background-pink] button:hover u, [class*=background-deepblue] button:hover u, [class*=background-blue] button:hover u, [class*=background-orange] button:hover u, [class*=background-purple] button:hover u { text-decoration: none; } [class*=background-purple] .btn:hover, [class*=background-purple] button:hover { color: #653278 !important; } [class*=background-orange] .btn:hover, [class*=background-orange] button:hover { color: #c74e08 !important; } [class*=background-blue] .btn:hover, [class*=background-blue] button:hover { color: #007DB2 !important; } [class*=background-deepblue] .btn:hover, [class*=background-deepblue] button:hover { color: #008290 !important; } [class*=background-pink] .btn:hover, [class*=background-pink] button:hover { color: #E5007D !important; } [class*=background-deeppink] .btn:hover, [class*=background-deeppink] button:hover { color: #B11B83 !important; } [class*=background-grey] .btn:hover, [class*=background-grey] button:hover { color: #52555B !important; } [class*=background-green] .btn:hover, [class*=background-green] button:hover { color: #46763C !important; } [class*=background-deepgreen] .btn:hover, [class*=background-deepgreen] button:hover { color: #75791D !important; } .btn.btn-grey, button.btn-grey { background: #efefef; border-color: #efefef; color: #23408f; } .btn.btn-grey:hover, button.btn-grey:hover { border-color: #efefef; background: white; color: #23408f; } .btn.btn-outline, button.btn-outline { background: #efefef; border-color: #efefef; color: #23408f; } .btn.btn-outline:before, .btn.btn-outline:after, button.btn-outline:before, button.btn-outline:after { display: none; } .btn.btn-outline:hover, button.btn-outline:hover { cursor: pointer; border-color: #efefef; background: white; color: #23408f; } .btn.btn-outline.white, button.btn-outline.white { color: #ffffff; border-color: #ffffff; } .btn.btn-outline.white:hover, button.btn-outline.white:hover { background: #ffffff; color: #142143; } .btn.btn-outline.profile-add, button.btn-outline.profile-add { padding: 5px 10px 5px 20px; display: inline-flex; align-items: center; vertical-align: middle; margin: 5px; } .btn.btn-outline.profile-add:after, button.btn-outline.profile-add:after { content: "+"; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 10px; color: #ffffff; background: #318731; opacity: 1; transform: none; position: relative; top: auto; right: auto; margin-left: 5px; } .btn.btn-outline.profile-add:hover:after, button.btn-outline.profile-add:hover:after { background: #ffffff; color: #318731; } .btn.mfp-close:before, .btn.mfp-close:after, button.mfp-close:before, button.mfp-close:after { display: none; } .btn--inverse, button--inverse { border-color: white; color: white; } .btn--inverse:hover, button--inverse:hover { background-color: white; color: #23408f; } span.btn { font-size: 16px; font-size: 1.6rem; line-height: 24px; position: relative; transition: all 0.3s ease-in-out; padding: 0.5em 1.25em; text-decoration: none; color: #23408f; font-weight: bold; border: 2px solid #23408f; z-index: 10; display: inline-block; border-radius: 50px; vertical-align: middle; margin-top: 20px; cursor: pointer; padding: 0; background: none !important; margin: 0; box-shadow: none !important; border: none; } span.btn:before, span.btn:after { display: none; } span.btn a { font-size: 16px; font-size: 1.6rem; line-height: 24px; position: relative; transition: all 0.3s ease-in-out; padding: 0.5em 1.25em; text-decoration: none; color: #23408f; font-weight: bold; border: 2px solid #23408f; z-index: 10; display: inline-block; border-radius: 50px; vertical-align: middle; margin-top: 20px; cursor: pointer; } [class*=background-] span.btn a { border-color: white; } span.btn a:hover { background: #23408f; color: white; } [class*=background-] span.btn a:hover, .bg-img span.btn a:hover, .dark-blue span.btn a:hover, .grid-item span.btn a:hover, .m-myhiefeedback span.btn a:hover { color: #142143; background: white; } [class*=background-purple] span.btn a:hover { color: #653278; } [class*=background-purple] span.btn a:hover { color: #653278; } [class*=background-orange] span.btn a:hover { color: #C94F08; } [class*=background-blue] span.btn a:hover { color: #007DB2; } [class*=background-deepblue] span.btn a:hover { color: #008290; } [class*=background-pink] span.btn a:hover { color: #E5007D; } [class*=background-deeppink] span.btn a:hover { color: #B11B83; } [class*=background-grey] span.btn a:hover { color: #52555B; } [class*=background-green] span.btn a:hover { color: #46763C; } [class*=background-deepgreen] span.btn a:hover { color: #75791D; } button.mfp-close, button.mfp-arrow { outline: 1px solid rgba(0, 0, 0, 0.5); } .ui-datepicker { border: 1px solid #cdcecf; width: 100%; max-width: 320px; margin: 0 0 20px; padding: 2px; } @media (min-width: 992px) { .ui-datepicker { max-width: none; margin-bottom: 0; } } .ui-datepicker-header { font-size: 20px; font-size: 2rem; line-height: 32px; color: #ffffff; background: #318731; display: flex; justify-content: space-between; padding: 5px 15px; align-items: center; border: 1px solid #ffffff; } .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next { width: 24px; height: 24px; background-color: #ffffff !important; border-radius: 50%; position: relative; text-align: center; color: #318731; background: none; display: block; text-align: center; } .ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker-header .ui-datepicker-next span { text-indent: -8000px; display: block; } .ui-datepicker-header .ui-datepicker-prev:before, .ui-datepicker-header .ui-datepicker-next:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; font-size: 2rem; line-height: 24px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-indent: 0; } .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker-header .ui-datepicker-next:hover { text-decoration: underline; cursor: pointer; } .ui-datepicker-header .ui-datepicker-prev:hover :before, .ui-datepicker-header .ui-datepicker-next:hover :before { text-decoration: underline; } .ui-datepicker-header .ui-datepicker-prev { order: 1; } .ui-datepicker-header .ui-datepicker-prev:before { content: "\f104"; } .ui-datepicker-header .ui-datepicker-title { order: 2; } .ui-datepicker-header .ui-datepicker-next { order: 3; } .ui-datepicker-header .ui-datepicker-next:before { content: "\f105"; } .ui-datepicker-calendar { width: 100%; margin: 0; background: #ffffff; } .ui-datepicker-calendar thead th { font-size: 16px; font-size: 1.6rem; line-height: 20px; padding: 10px; background: #ffffff; text-align: center; color: #1f1e1e; font-weight: 400; } .ui-datepicker-calendar td { font-size: 14px; font-size: 1.4rem; line-height: 22px; min-height: 35px; padding: 1px; width: 14.2857142857%; border: none; } .ui-datepicker-calendar td span, .ui-datepicker-calendar td a { transition: all 0.3s ease-in-out; font-weight: 400; color: #1f1e1e; } .ui-datepicker-calendar td span { padding: 5px; display: block; text-align: center; color: #dfdfdf; border: 1px solid #dfdfdf; } .ui-datepicker-calendar td a { padding: 5px; display: block; text-align: center; border: 1px solid #dfdfdf; } .ui-datepicker-calendar td a:hover { color: #ffffff; background: #318731; } .ui-datepicker-calendar td a.ui-state-active { background: #cdcecf; color: #1f1e1e; } #ui-datepicker-div { display: none; } @keyframes toggleDesktop { 0% { left: calc(100% + 26px); width: 26px; } 49% { left: calc(100% + 2px); } 50% { width: 46px; } 100% { left: calc(100% + 2px); width: 26px; } } @keyframes toggleDesktop-active { 0% { left: calc(100% + 2px); width: 26px; } 49% { left: calc(100% + 2px); } 50% { width: 46px; } 100% { left: calc(100% + 26px); width: 26px; } } abbr, abbr[title] { text-decoration: none; border-bottom: none; } input, textarea { -moz-appearance: none; -webkit-appearance: none; } select { -moz-appearance: none; -webkit-appearance: none; background-image: url("../images/select.png"); padding-right: 50px; background-position: right center; background-repeat: no-repeat; background-size: 40px 8px; } .m-form { margin: 30px 0; } .m-form .e-formtop { margin-bottom: 50px; } .m-form .e-formtop h1 { margin-bottom: 20px; } .m-form .e-indicator { font-size: 12px; font-size: 1.2rem; line-height: 20px; width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; margin: 0 auto; text-align: right; margin-bottom: 20px; } @media (min-width: 0) { .m-form .e-indicator { width: 100%; } } @media (min-width: 768px) { .m-form .e-indicator { width: 100%; } } @media (min-width: 992px) { .m-form .e-indicator { width: 75%; } } @media (min-width: 1230px) { .m-form .e-indicator { width: 50%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1460px) { .m-form .e-indicator { width: 50%; } } .m-form .e-indicator.left { text-align: left; margin: 15px 0 0; width: 100%; padding: 0; } .m-form .e-indicator span { color: #23408f; } .m-form .e-back { position: relative; margin-left: 15px; margin-bottom: 20px; } .m-form .e-back button { margin: 0; padding: 0 0 2px; color: #23408f; border: none; box-shadow: none; outline: none; } .m-form .e-back button:before, .m-form .e-back button:after { display: none; color: #23408f; width: auto; min-width: 0; } .m-form .e-back button:hover { color: #23408f; } .m-form .e-back:hover { color: #23408f; } .m-form .e-back:hover:before { left: -20px; } .m-form .e-back:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; font-size: 2rem; line-height: 28px; content: "\f104"; position: absolute; top: -4px; left: -15px; color: #23408f; transition: all 0.3s ease-in-out; } .m-form form { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; margin: 0 auto; } @media (min-width: 0) { .m-form form { width: 100%; } } @media (min-width: 768px) { .m-form form { width: 100%; } } @media (min-width: 992px) { .m-form form { width: 75%; } } @media (min-width: 1230px) { .m-form form { width: 50%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1460px) { .m-form form { width: 50%; } } .m-form form + form { margin-top: 50px; padding-top: 50px; border-top: 1px solid #767676; } .m-form form.back-form + form { margin-top: 0; padding-top: 0; border: none; } .m-form .e-formintro { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; margin: 0 auto 30px; } @media (min-width: 0) { .m-form .e-formintro { width: 100%; } } @media (min-width: 768px) { .m-form .e-formintro { width: 100%; } } @media (min-width: 992px) { .m-form .e-formintro { width: 75%; } } @media (min-width: 1230px) { .m-form .e-formintro { width: 50%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1460px) { .m-form .e-formintro { width: 50%; } } .m-form label { font-size: 14px; font-size: 1.4rem; line-height: 22px; font-family: "Roboto", arial, sans-serif; font-weight: 400; color: #222; display: inline-block; transition: all 0.3s ease-in-out; } .m-form label .indicator { color: #23408f; } .m-form label.error, .m-form label.field-validation-error { color: #982429; display: block; width: 100%; margin-top: 5px; } .m-form label.error .indicator, .m-form label.field-validation-error .indicator { color: #982429; } .m-form span.error, .m-form span.field-validation-error { color: #982429; display: block; width: 100%; margin-top: 5px; } .m-form input, .m-form textarea, .m-form select { border: solid 1px #767676; padding: 15px; width: 100%; transition: all 0.3s ease-in-out; } .m-form input:active, .m-form input:focus, .m-form input:hover, .m-form textarea:active, .m-form textarea:focus, .m-form textarea:hover, .m-form select:active, .m-form select:focus, .m-form select:hover { border-color: #23408f; outline: none; } .m-form input.error, .m-form input.input-validation-error, .m-form input.field-validation-error, .m-form textarea.error, .m-form textarea.input-validation-error, .m-form textarea.field-validation-error, .m-form select.error, .m-form select.input-validation-error, .m-form select.field-validation-error { border-color: #982429; color: #982429; background-color: #ffdcdc; } .m-form input::-ms-clear, .m-form input::-ms-reveal { display: none; } .m-form .password-wrapper { position: relative; } .m-form .password-wrapper .e-reveal { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .m-form .password-wrapper .e-reveal i { transition: all 0.3s ease-in-out; } .m-form .password-wrapper .e-reveal:hover { color: #23408f; cursor: pointer; } .m-form .password-wrapper .e-reveal.active { color: #23408f; } .m-form textarea { min-height: 200px; resize: none; } .m-form .form-row { margin-top: 20px; } .m-form .form-row h3 { margin-top: 15px; margin-bottom: 30px; color: #23408f; } .m-form .form-row h3 .e-warning { font-size: 12px; font-size: 1.2rem; line-height: 22px; width: 22px; height: 22px; display: inline-block; vertical-align: top; text-align: center; margin-left: 5px; color: #ffffff; background: #23408f; border-radius: 11px; background: #9B1F23; } .m-form .form-row .e-warning { font-size: 12px; font-size: 1.2rem; line-height: 22px; width: 22px; height: 22px; display: inline-block; vertical-align: top; text-align: center; margin-left: 5px; color: #ffffff; background: #23408f; border-radius: 11px; background: #9B1F23; } .m-form .form-row + h2, .m-form .form-row + h3 { margin-top: 50px; } .m-form .form-row.inline { margin: 30px 0; } .m-form .form-row.inline .e-label label { font-size: 20px; font-size: 2rem; line-height: 28px; color: #23408f; font-family: "Oswald", sans-serif; text-transform: uppercase; } .m-form .form-row.inline .e-label { margin-bottom: 5px; } .m-form .form-row.inline .e-label h3 { color: #23408f; margin: 0 0 10px; width: 100%; } .m-form .form-row.inline .e-input .e-dropdown { position: relative; width: auto; border: solid 1px #767676; max-width: 480px; } .m-form .form-row.inline .e-input .e-dropdown .e-top { transition: all 0.3s ease-in-out; border: 1px solid #ffffff; width: 100%; padding: 15px 40px 15px 15px; margin: 0; display: flex; align-items: center; position: relative; } .m-form .form-row.inline .e-input .e-dropdown .e-top .inner { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .m-form .form-row.inline .e-input .e-dropdown .e-top span { justify-self: flex-start; } .m-form .form-row.inline .e-input .e-dropdown .e-top span + span:before { content: ", "; } .m-form .form-row.inline .e-input .e-dropdown .e-top i { font-size: 20px; font-size: 2rem; line-height: 28px; margin-left: auto; transition: all 0.3s ease-in-out; margin-left: 15px; position: absolute; top: 12px; right: 15px; } .m-form .form-row.inline .e-input .e-dropdown .e-top.open i { transform: rotate(-180deg); } .m-form .form-row.inline .e-input .e-dropdown .e-top:hover { cursor: pointer; border-color: #23408f; } .m-form .form-row.inline .e-input .e-dropdown .e-more { background: #ffffff; padding: 15px; width: 100%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); display: none; position: absolute; top: 100%; left: 0; z-index: 200; min-width: 265px; } .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox { font-size: 14px; font-size: 1.4rem; line-height: 22px; position: relative; padding-left: 30px; margin: 20px 0; transition: all 0.3s ease-in-out; } .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:hover { color: #23408f; cursor: pointer; } .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:first-child { margin-top: 0; } .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:last-child { margin-bottom: 0; } .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:before, .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:after { content: " "; display: block; position: absolute; z-index: 0; } .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:before { transition: all 0.3s ease-in-out; width: 20px; height: 20px; background: #ffffff; left: 0; top: 0; border: solid 2px #23408f; box-sizing: border-box; transition: all 0.3s ease-in-out; } .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:after { transition: all 0.3s ease-in-out; width: 12px; height: 12px; background-image: url("/images/tick.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; left: 4px; top: 4px; transform-origin: center; transform: scale(0); } .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox.checked:before { border-width: 3px; background: #E3ECE5; } .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox.checked:after { transform: scale(1); } .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox.checked:active:before, .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox.checked:focus:before, .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox.checked:active:focus:before { border-width: 3px; background: #E3ECE5; } .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:active + label:before, .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:focus + label:before, .m-form .form-row.inline .e-input .e-dropdown .e-more .dropdown-checkbox:active:focus + label:before { border-width: 3px; background: #E3ECE5; } .m-form .form-row.inline .e-input .e-checkboxes { display: none; } .m-form .form-nav.login { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; } .m-form .form-nav.login .btn { margin-top: 0; } .m-form .form-nav.login .pull-right { float: none; margin: 0 0 0 auto; } .m-form .help { font-size: 16px; font-size: 1.6rem; line-height: 20px; color: #767676; display: block; } .m-form .radio input[type=radio] { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin: 0 5px 15px 0; opacity: 0; border-radius: 15px; } .m-form .radio input[type=radio] + label { transition: all 0.3s ease-in-out; font-family: "Roboto", arial, sans-serif; display: inline-block; vertical-align: middle; margin: 10px 0 10px -42px; position: relative; padding-left: 38px; } .m-form .radio input[type=radio] + label:before, .m-form .radio input[type=radio] + label:after { content: " "; display: block; position: absolute; } .m-form .radio input[type=radio] + label:before { transition: all 0.3s ease-in-out; width: 30px; height: 30px; background: #ffffff; left: 0; top: -5px; border: solid 2px #23408f; border-radius: 15px; box-sizing: border-box; } .m-form .radio input[type=radio] + label:after { transition: all 0.3s ease-in-out; border-radius: 8px; width: 16px; height: 16px; background: #23408f; top: 2px; left: 7px; transform-origin: center; transform: scale(0); } .m-form .radio input[type=radio] + label:hover { cursor: pointer; } .m-form .radio input[type=radio] + label:hover:before { background: #E3ECE5; border: solid 3px #23408f; } .m-form .radio input[type=radio]:checked + label:before { border: solid 3px #23408f; background: #E3ECE5; } .m-form .radio input[type=radio]:checked + label:after { transform: scale(1); } .m-form .radio input[type=radio]:checked:active + label:before, .m-form .radio input[type=radio]:checked:focus + label:before, .m-form .radio input[type=radio]:checked:active:focus + label:before { background: #E3ECE5; border: solid 3px #23408f; } .m-form .radio input[type=radio]:active + label:before, .m-form .radio input[type=radio]:focus + label:before, .m-form .radio input[type=radio]:active:focus + label:before { background: #E3ECE5; border: solid 4px #23408f; } .m-form .checkbox { display: block; position: relative; margin-top: 25px; } .m-form .checkbox label { transition: all 0.3s ease-in-out; font-family: "Roboto", arial, sans-serif; display: inline-block; vertical-align: middle; margin: 0 0 15px; position: relative; padding-left: 40px; z-index: 5; } .m-form .checkbox label:hover { cursor: pointer; } .m-form .checkbox label.error { margin-top: -15px; } .m-form .checkbox input[type=checkbox] { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin: 0 5px 15px 0; opacity: 0; position: absolute; top: 0; left: 0; } .m-form .checkbox input[type=checkbox]:hover + label:before, .m-form .checkbox input[type=checkbox]:hover ~ label:before { border-width: 3px; background: #E3ECE5; } .m-form .checkbox input[type=checkbox] + label:before, .m-form .checkbox input[type=checkbox] + label:after, .m-form .checkbox input[type=checkbox] ~ label:before, .m-form .checkbox input[type=checkbox] ~ label:after { content: " "; display: block; position: absolute; z-index: 0; } .m-form .checkbox input[type=checkbox] + label:before, .m-form .checkbox input[type=checkbox] ~ label:before { transition: all 0.3s ease-in-out; width: 30px; height: 30px; background: #ffffff; left: 0; top: -5px; border: solid 2px #23408f; box-sizing: border-box; transition: all 0.3s ease-in-out; } .m-form .checkbox input[type=checkbox] + label:after, .m-form .checkbox input[type=checkbox] ~ label:after { transition: all 0.3s ease-in-out; width: 16px; height: 12px; background-image: url("/images/tick.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; top: 4px; left: 7px; transform-origin: center; transform: scale(0); } .m-form .checkbox input[type=checkbox]:checked + label:before, .m-form .checkbox input[type=checkbox]:checked ~ label:before { border-width: 3px; background: #E3ECE5; } .m-form .checkbox input[type=checkbox]:checked + label:after, .m-form .checkbox input[type=checkbox]:checked ~ label:after { transform: scale(1); } .m-form .checkbox input[type=checkbox]:checked:active + label:before, .m-form .checkbox input[type=checkbox]:checked:active ~ label:before, .m-form .checkbox input[type=checkbox]:checked:focus + label:before, .m-form .checkbox input[type=checkbox]:checked:focus ~ label:before, .m-form .checkbox input[type=checkbox]:checked:active:focus + label:before, .m-form .checkbox input[type=checkbox]:checked:active:focus ~ label:before { border-width: 3px; background: #E3ECE5; } .m-form .checkbox input[type=checkbox]:active + label:before, .m-form .checkbox input[type=checkbox]:active ~ label:before, .m-form .checkbox input[type=checkbox]:focus + label:before, .m-form .checkbox input[type=checkbox]:focus ~ label:before, .m-form .checkbox input[type=checkbox]:active:focus + label:before, .m-form .checkbox input[type=checkbox]:active:focus ~ label:before { border-width: 3px; background: #E3ECE5; } .m-form .checkbox input[type=checkbox].error + label:before, .m-form .checkbox input[type=checkbox].error + input[type=checkbox] + label:before { border-color: #982429; border-width: 3px; background: #ffdcdc; } .m-form .toggle { position: relative; margin: 25px 0; } .m-form .toggle input { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin: 0 5px 15px 0; opacity: 0; position: absolute; top: 0; left: 0; } .m-form .toggle input + label { position: relative; display: block; padding-bottom: 35px; } .m-form .toggle input + label:hover { cursor: pointer; } .m-form .toggle input + label:hover:after { border-color: #23408f; } .m-form .toggle input + label:before, .m-form .toggle input + label:after { content: ""; display: block; height: 26px; position: absolute; } .m-form .toggle input + label:before { width: 26px; border-radius: 13px; left: 2px; bottom: 2px; background: #ffffff; z-index: 10; transition: all 0.3s ease-in-out; } .m-form .toggle input + label:after { width: 50px; border-radius: 20px; background: #737775; left: 0; bottom: 0; z-index: 5; border: 2px solid transparent; transition: all 0.3s ease-in-out; } .m-form .toggle input:focus + label:after, .m-form .toggle input:active + label:after { border-color: #23408f; } .m-form .toggle input:checked + label:before { left: 26px; } .m-form .toggle input:checked + label:after { background: #23408f; } @media (min-width: 768px) { .m-form .toggle input + label { width: 50%; padding-bottom: 0; } .m-form .toggle input + label:before { left: calc(100% + 2px); top: 50%; bottom: auto; transform: translateY(-50%); animation: toggleDesktop 0.3s forwards ease-in-out; } } @media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) { .m-form .toggle input + label:before { animation: none; } } @media (min-width: 768px) { .m-form .toggle input + label:after { left: 100%; top: 50%; bottom: auto; transform: translateY(-50%); } .m-form .toggle input:checked + label:before { animation: toggleDesktop-active 0.3s forwards ease-in-out; } } @media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) { .m-form .toggle input:checked + label:before { animation: none; left: calc(100% + 26px); } } @media (min-width: 768px) { .m-form .toggle input:checked + label:after { background: #23408f; } .m-form .radio.inline { display: inline-block; margin-right: 15px; } .m-form .radio.inline:first-child { margin-right: 0; } .m-form .form-row.inline { display: flex; align-items: flex-start; margin: 50px 0; } .m-form .form-row.inline .e-label { width: 250px; margin-right: 20px; margin-bottom: 0; } .m-form .form-row.inline .e-label label { margin: 0; width: 100%; } .m-form .form-row.inline .e-label h3 { margin: 0; } .m-form .form-row.inline .e-input { flex: 1; } .m-form .form-row.inline .e-input input { margin-top: 0; } .m-form .form-row.inline .e-input .radio { width: 32.33333%; margin: 0 0 10px 0 !important; display: inline-block; } .m-form .form-row.inline .e-input .radio label { margin-top: 0; margin-bottom: 0; } .m-form .form-row.inline .e-input .radio input { margin: 0; } } @media (min-width: 992px) { .m-form { margin: 30px 0 60px; } .m-form .container { position: relative; } .m-form .e-back { position: absolute; top: 0; right: 100%; width: 95px; } } @media (min-width: 1230px) { .m-form { margin: 30px 0 80px; } .m-form .e-back { right: 100%; width: calc(50% - 40px); } } .field-validation-valid { display: none; } .validation-summary-valid { display: none; } input[type=text]:focus, input[type=password]:focus, input[type=search]:focus { background: white !important; } .hie-checkbox { position: relative; display: block; padding-left: 40px; } .hie-checkbox__input { width: 44px; height: 44px; position: absolute; left: -2px; top: -2px; opacity: 0; } .hie-checkbox__input:focus + .hie-checkbox__label:before { background-color: #FDD623; border-color: #333; border-width: 4px; box-shadow: 0 0 0 3px #FDD623; top: 5px; left: 5px; } .hie-checkbox__input:checked + .hie-checkbox__label:before { background-color: currentColor; } .hie-checkbox__input:checked + .hie-checkbox__label:after { border-color: white; opacity: 1; } .hie-checkbox__label { margin: 0; padding: 8px 4px; font-size: 16px; font-size: 1.6rem; line-height: 24px; font-weight: 400; color: #1f1e1e; display: inline-block; } .hie-checkbox__label:before, .hie-checkbox__label:after { content: " "; position: absolute; } .hie-checkbox__label:before { left: 8px; top: 8px; width: 20px; height: 20px; border: 2px solid #111111; background-color: #ffffff; } .hie-checkbox__label:after { width: 10px; height: 5px; left: 13px; top: 14px; bottom: calc(100% - 40px); right: calc(100% - 40px); opacity: 0; transform: rotate(-45deg); border-top-color: black; background-color: black; border-style: solid; border-width: 0 0 3px 3px; } .hie-selectmenu { display: flex; position: relative; color: #23408f; } .hie-selectmenu select { width: 100%; padding: 8px 48px 8px 12px; border-radius: 0; border: 2px solid #23408f; background-color: white; background-image: none; font-weight: 400; font-size: 2rem; cursor: pointer; } .hie-selectmenu select:focus { background-color: white !important; } .hie-selectmenu svg { position: absolute; right: 12px; top: 16px; width: 16px; height: 16px; pointer-events: none; fill: currentColor; } .search-icon svg { width: 2.25rem; height: 2.25rem; fill: white; } @keyframes slide { 0% { transform: translateX(0px); } 50% { transform: translateX(10px); } 100% { transform: translateX(0px); } } a { color: #23408f; text-decoration: underline; } a.block-link:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; height: 100%; background: transparent; } a.block-link:focus { outline: none; } [class*=background-] a:not(:focus) { color: white; } a:hover { text-decoration-thickness: 2px; } a h1, a h2, a h3, a h4, a h5, a h6, a p { font-weight: normal; } .e-text p > a { display: inline-block; } .cta-arrow svg { width: 36px; } .link-chevron { width: 1.6rem; height: 1.6rem; pointer-events: none; fill: inherit; } .icon-link { display: flex; align-items: center; gap: 0.8rem; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { transform: translate(0, -25%); transition: 0.3s ease-out; } .modal.in .modal-dialog { transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #dfdfdf; border-radius: 10px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: absolute; top: 0; right: 0; left: 0; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.8; } .modal-header { padding: 15px; border-bottom: 1px solid #dfdfdf; position: relative; } .modal-header .close { padding: 0px; position: absolute; right: 15px; top: 15px; width: 24px; height: 24px; text-align: center; line-height: 24px; } .modal-header .close span { margin-left: 2px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #dfdfdf; } .modal-footer:after { content: ""; height: 0; clear: both; display: block; visibility: hidden; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 500px; margin: 30px auto; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } @media (min-width: 992px) { .modal-lg { width: 700px; } } .tab-content--list { margin-top: 4rem; } .tab-content .tab-pane { display: none; } .tab-content .tab-pane:after { content: ""; height: 0; clear: both; display: block; visibility: hidden; } .tab-content .tab-pane.active { display: block; } .umbraco-forms-page legend { font-size: 18px; font-size: 1.8rem; line-height: 28px; float: left; width: 100%; font-family: "Oswald", sans-serif; text-transform: uppercase; margin-top: 25px; display: block; font-weight: 400; } .umbraco-forms-page .row-fluid { margin: 0 -15px; } .umbraco-forms-page .row-fluid:after { content: ""; height: 0; clear: both; display: block; visibility: hidden; } .umbraco-forms-page .row-fluid div[class*=col-md] { float: left; padding: 0 15px; } .umbraco-forms-page .col-md-1, .umbraco-forms-page .col-md-2, .umbraco-forms-page .col-md-3, .umbraco-forms-page .col-md-4, .umbraco-forms-page .col-md-5, .umbraco-forms-page .col-md-6, .umbraco-forms-page .col-md-7, .umbraco-forms-page .col-md-8, .umbraco-forms-page .col-md-9, .umbraco-forms-page .col-md-10, .umbraco-forms-page .col-md-11, .umbraco-forms-page .col-md-12 { width: 100%; } @media (min-width: 992px) { .umbraco-forms-page .col-md-1 { width: 8.33333333%; } .umbraco-forms-page .col-md-2 { width: 16.66666667%; } .umbraco-forms-page .col-md-3 { width: 25%; } .umbraco-forms-page .col-md-4 { width: 33.33333333%; } .umbraco-forms-page .col-md-5 { width: 41.66666667%; } .umbraco-forms-page .col-md-6 { width: 50%; } .umbraco-forms-page .col-md-7 { width: 58.33333333%; } .umbraco-forms-page .col-md-8 { width: 66.66666667%; } .umbraco-forms-page .col-md-9 { width: 75%; } .umbraco-forms-page .col-md-10 { width: 83.33333333%; } .umbraco-forms-page .col-md-11 { width: 91.66666667%; } .umbraco-forms-page .col-md-12 { width: 100%; } } .umbraco-forms-page fieldset { border: none; padding: 0; margin: 0; } .umbraco-forms-page fieldset .umbraco-forms-field { position: relative; margin-bottom: 20px; width: 100%; padding: 0; display: block; } .umbraco-forms-page fieldset span.field-validation-valid, .umbraco-forms-page fieldset label.field-validation-valid { color: #982429; display: block; } .umbraco-forms-page fieldset .field-validation-error { color: #982429; } .umbraco-forms-page fieldset label { font-size: 14px; font-size: 1.4rem; line-height: 22px; font-family: "Roboto", arial, sans-serif; font-weight: 400; color: #222; display: inline-block; transition: all 0.3s ease-in-out; } .umbraco-forms-page fieldset label .contourIndicator { color: #318731; } .umbraco-forms-page fieldset label .error { color: #982429; } .umbraco-forms-page fieldset input, .umbraco-forms-page fieldset textarea, .umbraco-forms-page fieldset select { border: solid 1px #767676; padding: 15px; width: 100%; transition: all 0.3s ease-in-out; color: #1f1e1e; } .umbraco-forms-page fieldset input:active, .umbraco-forms-page fieldset input:focus, .umbraco-forms-page fieldset input:hover, .umbraco-forms-page fieldset textarea:active, .umbraco-forms-page fieldset textarea:focus, .umbraco-forms-page fieldset textarea:hover, .umbraco-forms-page fieldset select:active, .umbraco-forms-page fieldset select:focus, .umbraco-forms-page fieldset select:hover { border-color: #318731; outline: none; } .umbraco-forms-page fieldset input.error, .umbraco-forms-page fieldset input .input-validation-error, .umbraco-forms-page fieldset textarea.error, .umbraco-forms-page fieldset textarea .input-validation-error, .umbraco-forms-page fieldset select.error, .umbraco-forms-page fieldset select .input-validation-error { border-color: #982429; background-color: #ffdcdc; } .umbraco-forms-page fieldset textarea { min-height: 200px; resize: none; } .umbraco-forms-page fieldset .radiobuttonlist { margin-bottom: 15px; display: block; } .umbraco-forms-page fieldset .radiobuttonlist input[type=radio] { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin: 0 5px 15px 0; opacity: 0; border-radius: 15px; } .umbraco-forms-page fieldset .radiobuttonlist input[type=radio] + label { transition: all 0.3s ease-in-out; font-family: "Roboto", arial, sans-serif; display: inline-block; vertical-align: middle; margin: 10px 0 10px -38px; position: relative; padding-left: 38px; max-width: calc(100% - 32px); } .umbraco-forms-page fieldset .radiobuttonlist input[type=radio] + label:before, .umbraco-forms-page fieldset .radiobuttonlist input[type=radio] + label:after { content: " "; display: block; position: absolute; } .umbraco-forms-page fieldset .radiobuttonlist input[type=radio] + label:before { transition: all 0.3s ease-in-out; width: 30px; height: 30px; background: #ffffff; left: 0; top: -5px; border: solid 2px #318731; border-radius: 15px; box-sizing: border-box; } .umbraco-forms-page fieldset .radiobuttonlist input[type=radio] + label:after { transition: all 0.3s ease-in-out; border-radius: 8px; width: 16px; height: 16px; background: #318731; top: 2px; left: 7px; transform-origin: center; transform: scale(0); } .umbraco-forms-page fieldset .radiobuttonlist input[type=radio] + label:hover { cursor: pointer; } .umbraco-forms-page fieldset .radiobuttonlist input[type=radio] + label:hover:before { background: #E3ECE5; border: solid 3px #318731; } .umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:checked + label:before { border: solid 3px #318731; background: #E3ECE5; } .umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:checked + label:after { transform: scale(1); } .umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:checked:active + label:before, .umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:checked:focus + label:before, .umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:checked:active:focus + label:before { background: #E3ECE5; border: solid 3px #318731; } .umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:active + label:before, .umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:focus + label:before, .umbraco-forms-page fieldset .radiobuttonlist input[type=radio]:active:focus + label:before { background: #E3ECE5; border: solid 4px #318731; } .umbraco-forms-page fieldset .multiplechoice { margin-bottom: 15px; display: block; } .umbraco-forms-page fieldset .multiplechoice input[type=checkbox] { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin: 0 5px 15px 0; opacity: 0; } .umbraco-forms-page fieldset .multiplechoice input[type=checkbox] + label { transition: all 0.3s ease-in-out; font-family: "Roboto", arial, sans-serif; display: inline-block; vertical-align: middle; margin: 10px 0 15px -38px; position: relative; padding-left: 40px; max-width: calc(100% - 32px); } .umbraco-forms-page fieldset .multiplechoice input[type=checkbox] + label:before, .umbraco-forms-page fieldset .multiplechoice input[type=checkbox] + label:after { content: " "; display: block; position: absolute; } .umbraco-forms-page fieldset .multiplechoice input[type=checkbox] + label:before { transition: all 0.3s ease-in-out; width: 30px; height: 30px; background: #ffffff; left: 0; top: -5px; border: solid 2px #23408f; box-sizing: border-box; transition: all 0.3s ease-in-out; } .umbraco-forms-page fieldset .multiplechoice input[type=checkbox] + label:after { transition: all 0.3s ease-in-out; width: 16px; height: 12px; background-image: url("/images/tick.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; top: 4px; left: 7px; transform-origin: center; transform: scale(0); } .umbraco-forms-page fieldset .multiplechoice input[type=checkbox] + label:hover { cursor: pointer; } .umbraco-forms-page fieldset .multiplechoice input[type=checkbox] + label:hover:before { border-width: 3px; background: #E3ECE5; } .umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:checked + label:before { border-width: 3px; background: #E3ECE5; } .umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:checked + label:after { transform: scale(1); } .umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:checked:active + label:before, .umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:checked:focus + label:before, .umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:checked:active:focus + label:before { border-width: 3px; background: #E3ECE5; } .umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:active + label:before, .umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:focus + label:before, .umbraco-forms-page fieldset .multiplechoice input[type=checkbox]:active:focus + label:before { border-width: 3px; background: #E3ECE5; } .umbraco-forms-page fieldset .checkbox { margin-top: 30px; display: block; position: relative; } .umbraco-forms-page fieldset .checkbox label { transition: all 0.3s ease-in-out; font-family: "Roboto", arial, sans-serif; display: inline-block; vertical-align: middle; margin: 0 0 15px; position: relative; padding-left: 40px; z-index: 5; } .umbraco-forms-page fieldset .checkbox label:hover { cursor: pointer; } .umbraco-forms-page fieldset .checkbox input[type=checkbox] { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin: 0 5px 15px 0; opacity: 0; position: absolute; top: 0; left: 0; } .umbraco-forms-page fieldset .checkbox input[type=checkbox]:hover + span:before { border-width: 3px; background: #E3ECE5; } .umbraco-forms-page fieldset .checkbox input[type=checkbox] + span:before, .umbraco-forms-page fieldset .checkbox input[type=checkbox] + span:after { content: " "; display: block; position: absolute; z-index: 0; } .umbraco-forms-page fieldset .checkbox input[type=checkbox] + span:before { transition: all 0.3s ease-in-out; width: 30px; height: 30px; background: #ffffff; left: 0; top: -5px; border: solid 2px #23408f; box-sizing: border-box; transition: all 0.3s ease-in-out; } .umbraco-forms-page fieldset .checkbox input[type=checkbox] + span:after { transition: all 0.3s ease-in-out; width: 16px; height: 12px; background-image: url("/images/tick.png"); background-size: 100%; background-repeat: no-repeat; background-position: center; top: 4px; left: 7px; transform-origin: center; transform: scale(0); } .umbraco-forms-page fieldset .checkbox input[type=checkbox]:checked + span:before { border-width: 3px; background: #E3ECE5; } .umbraco-forms-page fieldset .checkbox input[type=checkbox]:checked + span:after { transform: scale(1); } .umbraco-forms-page fieldset .checkbox input[type=checkbox]:checked:active + span:before, .umbraco-forms-page fieldset .checkbox input[type=checkbox]:checked:focus + span:before, .umbraco-forms-page fieldset .checkbox input[type=checkbox]:checked:active:focus + span:before { border-width: 3px; background: #E3ECE5; } .umbraco-forms-page fieldset .checkbox input[type=checkbox]:active + span:before, .umbraco-forms-page fieldset .checkbox input[type=checkbox]:focus + span:before, .umbraco-forms-page fieldset .checkbox input[type=checkbox]:active:focus + span:before { border-width: 3px; background: #E3ECE5; } .umbraco-forms-page fieldset .help-block { font-size: 12px; font-size: 1.2rem; line-height: 20px; color: #888; display: block; } .umbraco-forms-page .contourNavigation:after { content: ""; height: 0; clear: both; display: block; visibility: hidden; } .umbraco-forms-page .contourNavigation input { transition: all 0.3s ease-in-out; padding: 8px 30px 8px 30px; background: #318731; margin: 0; } .umbraco-forms-page .contourNavigation input:hover { background: #ffffff; color: #318731; border-color: #318731; } @media (min-width: 992px) { .umbraco-forms-page legend { font-size: 22px; font-size: 2.2rem; line-height: 32px; } } .mt-0 { margin-top: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .mb-2 { margin-bottom: 2rem; } .ml-auto { margin-left: auto; } .flex { display: flex; } .allow-overflow { overflow: initial; } footer { font-size: 15px; font-size: 1.5rem; line-height: 20px; background: #142143; padding: 20px 0; color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.5); } footer a { color: #ffffff; } footer a:hover { color: #ffffff; text-decoration: underline; } footer a.e-logo { align-self: flex-start; background: none; } footer a.e-logo img { max-width: 250px; } footer a.e-logo:hover { opacity: 0.8; } footer .f-social { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 0) { footer .f-social { width: 100%; } } @media (min-width: 768px) { footer .f-social { width: 100%; } } @media (min-width: 992px) { footer .f-social { width: 50%; } } @media (min-width: 1230px) { footer .f-social { width: 50%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1460px) { footer .f-social { width: 50%; } } footer .f-social img { max-width: 150px; } footer .f-social ul { list-style: none; margin: 0 0 20px; padding: 0; } footer .f-social ul li { display: inline-block; margin: 0 2px; } footer .f-social ul li:first-child { margin-left: 0; } footer .f-social ul li:last-child { margin-right: 0; } footer .f-social ul li a { font-size: 20px; font-size: 2rem; line-height: 28px; text-align: center; border: 1px solid #767676; display: block; padding: 2px 5px; width: 34px; height: 34px; position: relative; z-index: 5; } footer .f-social ul li a:after { content: ""; z-index: -1; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #ffffff; transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1); } footer .f-social ul li a:hover { color: #142143; } footer .f-social ul li a:hover:after { height: 100%; } footer .f-column { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 30px; } @media (min-width: 0) { footer .f-column { width: 100%; } } @media (min-width: 768px) { footer .f-column { width: 50%; } } @media (min-width: 992px) { footer .f-column { width: 25%; } } @media (min-width: 1230px) { footer .f-column { width: 25%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1460px) { footer .f-column { width: 25%; } } footer .f-column h4 { color: #ffffff; margin-bottom: 20px; text-transform: uppercase; } footer .f-column address { font-style: normal; } footer .f-column p.e-cta { position: relative; margin: 30px 0; } footer .f-column p.e-cta a { color: #ffffff; } footer .f-column p.e-cta a:hover:before { left: -15px; } footer .f-column ul { list-style: none; margin: 0; padding: 0; } footer .f-column ul li { position: relative; margin-bottom: 15px; } footer .f-column ul li:last-child { margin-bottom: 0; } footer .f-column ul li a { color: #ffffff; position: relative; margin-left: 0; } footer .f-column ul li a:hover { text-decoration: underline; } footer .f-column ul li a:hover:before { left: -15px; } footer .f-bottom { font-size: 14px; font-size: 1.4rem; line-height: 20px; margin: 20px 0; } footer .f-bottom p { font-size: 14px; font-size: 1.4rem; line-height: 20px; } footer .f-bottom ul { margin: 0; padding: 0; } footer .f-bottom ul li { display: inline-block; margin: 0 10px; } footer .f-bottom ul li:first-child { margin-left: 0; } footer .f-bottom ul li:last-child { margin-right: 0; } footer .footer-title { margin-bottom: 1.25rem; font-size: 1.8rem !important; color: white; } @media (min-width: 992px) { footer { padding: 50px 0; } footer .container { position: relative; } footer .container .row { display: flex; align-items: stretch; } footer .container .row > div { float: none; } footer .f-social { display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 100px; } footer .f-column { margin-top: 0; } footer .f-bottom { position: absolute; bottom: 0; left: 0; padding: 0 15px; width: 50%; margin-bottom: 0; } } @media (min-width: 1230px) { footer { padding: 100px 0; } footer .f-bottom { padding: 0 20px; } } @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); } 100% { transform: scale(1.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } } header { display: flex; justify-content: space-between; display: flex; flex-direction: column; width: 100%; background: #ffffff; position: sticky; z-index: 99999; top: 0; left: 0; } .filter-open header { z-index: -1; } @media (min-width: 992px) { .filter-open header { z-index: 99999; } } header.dashboard { padding-top: 10px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); } header.dashboard .h-logo { transform: none !important; position: relative; margin: 0; } @media (max-width: 768px) { header.dashboard .h-logo { margin: 0 auto; } } header.dashboard .h-logo:after { content: "My"; color: #ffffff; background: #318731; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-weight: 700; position: absolute; top: -4px; left: -20px; border-radius: 20px; border: 2px solid #ffffff; z-index: 30; text-indent: 0; text-transform: uppercase; box-sizing: border-box; } header.dashboard + #hie-app .m-headerintro .container, header.dashboard + .m-headerintro .container { padding-top: 0; } header.dashboard .h-notificationbanner { margin-top: -10px; } header.dashboard .mob-link { text-align: center; line-height: 1.2; } header.dashboard .mob-link:hover { background: none; } header.dashboard .btn { display: none; } header.dashboard .log-out { order: 1; justify-content: center; display: flex; } header.dashboard .log-out span { display: none; } header.dashboard .continue-link { display: flex; order: 2; } header .h-notificationbanner { background: #23408f; padding: 6px 0 12px; } header .h-notificationbanner--hidden { display: none; visibility: hidden; pointer-events: none; } header .h-notificationbanner p { display: inline-block; margin: 0; color: #ffffff; } header .h-notificationbanner .container { display: flex; align-items: center; position: relative; } header .h-notificationbanner .e-icon { font-size: 14px; font-size: 1.4rem; line-height: 24px; width: 20px; height: 20px; border-radius: 50%; background: #ffffff; color: #23408f; text-align: center; display: inline-flex; align-items: center; justify-content: center; margin-right: 5px; } header .h-notificationbanner .e-icon.exclamation::before { content: "!"; display: block; font-style: italic; } header .h-notificationbanner .e-icon.information::before { content: "i"; display: block; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } header .h-notificationbanner .e-close { font-size: 14px; font-size: 1.4rem; line-height: 24px; position: absolute; right: 15px; top: 50%; transform: translateY(-45%); padding-top: 25px; color: #ffffff; transition: all 0.3s ease-in-out; } header .h-notificationbanner .e-close:before, header .h-notificationbanner .e-close:after { content: ""; display: block; width: 20px; height: 1px; background: #ffffff; position: absolute; top: 18px; left: 50%; } header .h-notificationbanner .e-close:before { transform: translateX(-50%) rotate(-45deg); } header .h-notificationbanner .e-close:after { transform: translateX(-50%) rotate(45deg); } header .h-notificationbanner .e-close:hover { cursor: pointer; } header .h-notificationbanner__message { padding-right: 3.2rem; } header .h-notificationbanner__btn { display: flex; flex-direction: column; align-items: center; margin: 0 0 0 auto; padding: 0; border-radius: 0; border-color: transparent; background-color: transparent; color: white; } header .h-notificationbanner__btn svg { width: 3rem; height: 3rem; fill: white; } header .h-notificationbanner a { color: #ffffff; } header .h-notificationbanner.red { background: #a9031b; } header .h-notificationbanner.red .e-icon { color: #a9031b; } header .h-notificationbanner.bluedark { background: #142143; } header .h-notificationbanner.bluedark .e-icon { color: #142143; } header .h-main { transition: all 0.3s ease-in-out; order: 2; display: flex; width: 100%; justify-content: space-between; padding: 10px 30px 15px; align-items: center; position: relative; z-index: 10; } header .h-utility { order: 1; text-align: right; width: 100%; display: flex; align-items: stretch; justify-content: flex-end; } header .h-utility ul { display: none; } header .h-utility a { font-size: 14px; font-size: 1.4rem; line-height: 20px; font-weight: 500; } header .h-utility .saveditems { display: flex; padding: 12px 0; align-items: center; position: relative; } header .h-utility .saveditems svg { transition: all 0.3s ease-in-out; fill: transparent; margin-right: 5px; } header .h-utility .saveditems div a { background: none; padding-bottom: 0; display: flex; align-items: center; margin: 0 5px; color: #318731; } header .h-utility .saveditems div a:hover svg { fill: #318731; } header .h-utility .saveditems:before { /*left: -32px; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: $c-white; border-right-color: $c-white; border-width: 16px; margin-top: 0; transform-origin: center left;*/ } header .h-utility .h-myhielink { display: inline-flex; padding: 5px 30px 2px; background: #23408f; color: #ffffff; position: relative; } header .h-utility .h-myhielink .e-warning { font-size: 12px; font-size: 1.2rem; line-height: 22px; width: 22px; height: 22px; display: inline-block; vertical-align: top; text-align: center; margin-left: 5px; color: #ffffff; background: #9B1F23; border-radius: 11px; } header .h-utility .h-myhielink .e-warning.pulse { animation-name: pulse; animation-duration: 0.5s; animation-direction: alternate; animation-iteration-count: infinite; } header .h-utility .h-myhielink .e-myhielink { background: linear-gradient(to right, #ffffff 0%, #ffffff 100%); background-size: 0px 1px; background-repeat: no-repeat; background-position: left 85%; padding-bottom: 5px; color: #ffffff; text-decoration: none; } header .h-utility .h-myhielink .e-myhielink:hover { background-size: 100% 1px; } header .h-utility .h-myhielink ul { color: #ffffff; align-items: flex-start; } header .h-utility .h-myhielink ul li a { color: #ffffff; } header .h-utility .h-myhielink ul li:last-child:before { color: #ffffff; } header .h-utility .h-myhielink:before { left: -32px; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #23408f; border-right-color: #23408f; border-width: 16px; margin-top: 0; transform-origin: center left; } header .h-utility span ul { display: flex; background: none; padding: 0; list-style: none; margin: 0; padding: 0; justify-content: flex-end; } header .h-utility span ul:before { display: none; } header .h-utility span ul li { margin: 0; padding: 0; } header .h-utility span ul li a { color: #318731; } header .h-utility span ul li:last-child { margin-left: 5px; } header .h-utility span ul li:last-child:before { content: "/"; margin-right: 5px; display: inline-block; color: #318731; } header .h-myhiedropdown { background: #ffffff; padding: 15px; text-align: left; max-width: 595px; position: absolute; top: 100%; right: 0; width: 300px; z-index: 300; border: 1px solid #dfdfdf; border-top: 5px solid #23408f; display: none; } header .h-myhiedropdown:before { top: 0px; right: 55px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #23408f; border-width: 5px; margin-left: -5px; } header .h-myhiedropdown h3 { color: #23408f; margin-bottom: 15px; } header .h-myhiedropdown p { color: #1f1e1e; margin: 0; } header .h-myhiedropdown .e-likesSaves { border: 2px dashed #CDCECF; padding: 12px; border-radius: 6px; margin-top: 12px; } header .h-myhiedropdown .e-likesSaves h4 { color: #23408f; } header .h-myhiedropdown .e-buttons { margin-top: 20px; } header .h-myhiedropdown .btn { margin-bottom: 15px; width: 100%; margin-top: 0; } header .h-myhiedropdown .e-image { display: none; } header .h-myhiedropdown a { font-weight: bold; } header .h-menutoggle { order: 1; } header .h-menutoggle__btn { margin: 0; padding: 0; border-radius: 0; border-color: transparent; background: white !important; color: #23408f; } header .h-menutoggle__btn:before, header .h-menutoggle__btn:after { content: none !important; } header .h-menutoggle__btn:hover { background: white; color: #23408f; } header .h-menutoggle__btn-icon { display: flex; justify-content: center; align-items: center; } header .h-menutoggle__btn-icon svg { width: 4rem; height: 4rem; fill: currentColor; } header .h-menutoggle__btn[aria-expanded=false] .h-menutoggle__btn-icon--close { display: none; } header .h-menutoggle__btn[aria-expanded=true] .h-menutoggle__btn-icon--open { display: none; } header a.h-logo { transition: all 0.3s ease-in-out; background-size: 100%; background-image: url("/images/logo-new.svg"); background-size: 100% auto; background-position: top center; text-indent: -8000px; display: block; width: 70px; height: 70px; order: 2; } .fixed header a.h-logo { height: 70px; } header .h-rightalign { order: 3; } header .h-search__btn { position: relative; border: transparent; border-radius: 0; background-color: transparent; margin: 0; padding: 0; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 24px; } header .h-search__btn-icon { display: flex; justify-content: center; align-items: center; width: 2em; height: 2em; margin: 0 auto; padding: 0.5rem; background-color: transparent; border-radius: 100%; transition: all 0.3s ease-out; } header .h-search__btn-icon svg { width: 4rem; height: 4rem; fill: currentColor; } header .h-search__btn:hover, header .h-search__btn:focus-within { background-color: transparent; color: inherit; } header .h-search__btn:hover-icon, header .h-search__btn:focus-within-icon { background-color: #23408f; } header .h-search__btn:hover-icon svg, header .h-search__btn:focus-within-icon svg { fill: white; } header .h-search__btn[aria-expanded=false] .h-search__btn-icon--close { display: none; } header .h-search__btn[aria-expanded=true] .h-search__btn-icon--open { display: none; } header .h-search[aria-expanded=true] .icon .circle { border: transparent 0px solid; background: #23408f; width: 23px; height: 2px; margin-top: 1px; border-radius: 1px; margin-left: 0.5px; } header .h-search[aria-expanded=true] .icon .line { width: 24px; } header .h-searchdropdown { position: absolute; top: 100%; left: 0; width: 100%; max-height: 0; background: #23408f; overflow: hidden; transition: max-height 0.5s ease-in-out; } header .h-searchdropdown__inner { padding: 50px 0; } header .h-searchdropdown:before { transform: scale(0); transform-origin: top center; transition: transform 0.5s ease-in-out; top: 0; right: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 8px; } header .h-searchdropdown.js-expanded { max-height: 100vh; } header .h-searchdropdown.js-expanded:before { transform: scale(1); } header .h-searchdropdown .container:after { content: ""; height: 0; clear: both; display: block; visibility: hidden; } header .h-searchdropdown .container form { width: 100%; float: left; position: relative; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; float: right; display: flex; background-color: white; } @media (min-width: 0) { header .h-searchdropdown .container form { width: 100%; } } @media (min-width: 768px) { header .h-searchdropdown .container form { width: 100%; } } @media (min-width: 992px) { header .h-searchdropdown .container form { width: 75%; } } @media (min-width: 1230px) { header .h-searchdropdown .container form { width: 50%; padding-left: 0; padding-right: 0; } } @media (min-width: 1460px) { header .h-searchdropdown .container form { width: 50%; } } header .h-searchdropdown .container form label { color: #1f1e1e; } header .h-searchdropdown .container form input { padding: 10px; background: white; border: 2px solid white; width: 100%; outline: none; color: #1f1e1e; } header .h-searchdropdown .container form input::placeholder { color: #1f1e1e; opacity: 1; } header .h-searchdropdown .container form input:focus-within { outline: 2px solid #FDD623 !important; outline-offset: -2px; background: #FDD623 !important; box-shadow: 0px 4px 0px 1px rgba(51, 51, 51, 0.75); color: #333 !important; text-decoration: none !important; transition-duration: 0s; } header .h-searchdropdown .container form button { position: relative; padding: 15px; border: none; border-radius: 0; margin-top: 0; background-color: #007DB2; color: white; } header .h-searchdropdown .container form button:before, header .h-searchdropdown .container form button:after { display: none; } header .h-searchdropdown .container form button svg { width: 2.25rem; height: 2.25rem; fill: white; } header .h-searchdropdown .container form button:hover { cursor: pointer; } header .h-searchdropdown .container form button:hover .icon:before { transform: translate(-50%, -50%) scale(1); } header .h-searchdropdown .container form button:hover .icon .circle { border-color: #23408f; } header .h-searchdropdown .container form button:hover .icon .line { background: #23408f; } @media (min-width: 600px) { header .h-myhiedropdown { width: 595px; padding: 40px 60px; } header .h-myhiedropdown .btn { width: auto; } header .h-myhiedropdown .btn + .btn { margin-left: 15px; } header .h-myhiedropdown .e-top { display: flex; } header .h-myhiedropdown .e-image { width: 125px; display: block; } header .h-myhiedropdown .e-text { flex: 1; padding: 0 15px 0 0; } header .h-myhiedropdown .e-text h3 { font-size: 25px; font-size: 2.5rem; line-height: 34px; margin-top: 0; } } @media (min-width: 768px) { header.dashboard .h-main { display: flex; justify-content: space-between; } header.dashboard .h-main .mob-link { display: none; } header.dashboard .h-main .btn { display: block; margin-top: 0; margin-left: 20px; } header.dashboard .h-main .log-out { order: 2; margin-left: auto; width: auto; } header.dashboard .h-main .log-out p { margin-top: 0; } header.dashboard .h-main .log-out p span { display: inline-block; } header.dashboard .h-main .continue-link { order: 2; display: flex; } header a.h-logo { width: 70px; height: 70px; } } @media (min-width: 1280px) { header { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); } header .h-menutoggle { display: none; } header .h-searchdropdown:before { right: 50px; } header .h-main { padding: 0px 40px 15px; } header .h-main a.h-logo { transform: translateY(-8px); } header .h-rightalign { display: flex; align-items: center; padding: 25px 0 10px; } header .h-utility { display: flex; justify-content: flex-end; align-items: stretch; padding: 0; } header .h-utility ul { display: flex; list-style: none; padding: 0 40px 0 20px; margin: 0; background: #efefef; position: relative; } header .h-utility ul:before { left: -32px; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #efefef; border-right-color: #efefef; border-width: 16px; } header .h-utility ul li { display: inline-flex; padding: 5px 20px 2px; } header .h-utility ul li a { background: linear-gradient(to right, #1f1e1e 0%, #1f1e1e 100%); background-size: 0px 1px; background-repeat: no-repeat; background-position: left 85%; padding-bottom: 5px; color: #1f1e1e; font-weight: 400; text-decoration: none; } header .h-utility ul li a:hover { background-size: 100% 1px; } header.slim .n-main { height: auto; } header.slim .h-main { padding: 0px 40px 15px; } header.slim a.h-logo { height: 70px; } } /*LAYOUT - header, footer, site container, sections, articles columns*/ /*Container Layout*/ .container { margin-left: auto; margin-right: auto; width: 100%; max-width: 1465px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container:before, .container:after { display: table; content: " "; } .container .row { margin-left: -15px; margin-right: -15px; } .container .row:before, .container .row:after { display: table; content: " "; } .container .row:after { clear: both; } .container .row.centre { align-items: center; justify-content: center; } .inverness .container .row:before, .inverness .container .row:after, .emsp .container .row:before, .emsp .container .row:after, .enterprise .container .row:before, .enterprise .container .row:after { display: none; } @media (min-width: 1230px) { .container { padding-left: 20px; padding-right: 20px; } .container .row { margin-left: -20px; margin-right: -20px; } } section.grey { background-color: #efeff0; } section.white + .white { border-top: 1px solid #cdcecf; } .l-listings { padding-bottom: 30px; position: relative; z-index: 100; } .l-listings .row { position: relative; margin-top: 30px; } .l-listings .e-viewmore { text-align: center; display: flex; flex-direction: column; align-items: center; margin-top: 30px; width: 100%; } .l-listings .e-viewmore span { font-size: 12px; font-size: 1.2rem; line-height: 20px; color: #142143; float: none; font-weight: 600; } .l-listings .e-viewmore .btn { margin-top: 15px; } .l-listings .e-viewmore.centre { align-items: center; } .l-listings .items { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 0) { .l-listings .items { width: 100%; } } @media (min-width: 768px) { .l-listings .items { width: 100%; } } @media (min-width: 992px) { .l-listings .items { width: 62.5%; } } @media (min-width: 1230px) { .l-listings .items { width: 75%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1460px) { .l-listings .items { width: 75%; } } .l-listings .items > div { width: 100%; padding-left: 0; padding-right: 0; } .liststaffdirectory .l-listings .items { display: flex; flex-wrap: wrap; } .liststaffdirectory .l-listings .items .e-resulttext ~ div { width: 100%; float: left; position: relative; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: stretch; align-items: flex; float: none; } @media (min-width: 0) { .liststaffdirectory .l-listings .items .e-resulttext ~ div { width: 100%; } } @media (min-width: 768px) { .liststaffdirectory .l-listings .items .e-resulttext ~ div { width: 50%; } } @media (min-width: 992px) { .liststaffdirectory .l-listings .items .e-resulttext ~ div { width: 100%; } } @media (min-width: 1230px) { .liststaffdirectory .l-listings .items .e-resulttext ~ div { width: 50%; padding-left: 0; padding-right: 0; } } @media (min-width: 1460px) { .liststaffdirectory .l-listings .items .e-resulttext ~ div { width: 50%; } } .liststaffdirectory .l-listings .items .e-resulttext ~ div .m-contactlistingcard { width: 100%; float: none; padding: 0; display: flex; } .liststaffdirectory .l-listings .items .e-resulttext ~ div .m-contactlistingcard .inner { width: 100%; } .l-listings.staff .row { display: flex; flex-wrap: wrap; align-items: stretch; } .l-listings.staff .m-contactlistingcard { display: flex; } .l-listings.staff .m-contactlistingcard .inner { width: 100%; } @media (min-width: 768px) { .liststaffdirectory .l-listings .items .e-resulttext ~ div { padding: 0; } .liststaffdirectory .l-listings .items .e-resulttext ~ div:nth-child(even) { padding-right: 15px; } .liststaffdirectory .l-listings .items .e-resulttext ~ div:nth-child(odd) { padding-left: 15px; } } @media (min-width: 992px) { .l-listings { padding-bottom: 60px; } .l-listings .items { position: static; padding-top: 50px; } .liststaffdirectory .l-listings .items { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (min-width: 992px) and (min-width: 0) { .liststaffdirectory .l-listings .items { width: 100%; } } @media (min-width: 992px) and (min-width: 768px) { .liststaffdirectory .l-listings .items { width: 100%; } } @media (min-width: 992px) and (min-width: 992px) { .liststaffdirectory .l-listings .items { width: 62.5%; } } @media (min-width: 992px) and (min-width: 1230px) { .liststaffdirectory .l-listings .items { width: 75%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 992px) and (min-width: 1460px) { .liststaffdirectory .l-listings .items { width: 75%; } } @media (min-width: 992px) { .liststaffdirectory .l-listings .items .e-resulttext ~ div { padding: 0; } .liststaffdirectory .l-listings .items .e-resulttext ~ div:nth-child(even) { padding-right: 0px; } .liststaffdirectory .l-listings .items .e-resulttext ~ div:nth-child(odd) { padding-left: 0px; } .l-listings .items.single { padding-top: 0; } .l-listings .items.single .m-contactlistingcard { width: 50%; margin-top: 0; } .l-listings .row { margin-top: 50px; position: relative; } } @media (min-width: 1230px) { .liststaffdirectory .l-listings .items .e-resulttext ~ div { padding: 0; } .liststaffdirectory .l-listings .items .e-resulttext ~ div:nth-child(even) { padding-right: 15px; } .liststaffdirectory .l-listings .items .e-resulttext ~ div:nth-child(odd) { padding-left: 15px; } } .l-listings-grid { padding-bottom: 30px; position: relative; z-index: 100; } .l-listings-grid .grid-layout { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(31.4285714%, 1fr)); grid-gap: 40px; grid-auto-rows: minmax(352px, auto); grid-auto-flow: dense; } @media (max-width: 0) { .l-listings-grid .grid-layout { grid-template-columns: none; } } .l-listings-grid .grid-item { padding: 30px; background-color: #007DB2; } .l-listings-grid .grid-item .btn:hover { color: #007DB2; } .l-listings-grid .grid-item:nth-child(8n+2) { background-color: #653278; } .l-listings-grid .grid-item:nth-child(8n+2) .btn:hover { color: #653278; } .l-listings-grid .grid-item:nth-child(8n+3) { background-color: #C94F08; } .l-listings-grid .grid-item:nth-child(8n+3) .btn:hover { color: #C94F08; } .l-listings-grid .grid-item:nth-child(8n+4) { background-color: #52555B; } .l-listings-grid .grid-item:nth-child(8n+4) .btn:hover { color: #52555B; } .l-listings-grid .grid-item:nth-child(8n+5) { background-color: #46763C; } .l-listings-grid .grid-item:nth-child(8n+5) .btn:hover { color: #46763C; } .l-listings-grid .grid-item:nth-child(8n+6) { background-color: #008290; } .l-listings-grid .grid-item:nth-child(8n+6) .btn:hover { color: #008290; } .l-listings-grid .grid-item:nth-child(8n+7) { background-color: #B11B83; } .l-listings-grid .grid-item:nth-child(8n+7) .btn:hover { color: #B11B83; } .l-listings-grid .grid-item:nth-child(8n+8) { background-color: #75791D; } .l-listings-grid .grid-item:nth-child(8n+8) .btn:hover { color: #75791D; } .l-listings-grid .featured { grid-column-end: span 2; grid-row-end: span 2; } @media (max-width: 0) { .l-listings-grid .featured { grid-column-end: auto; grid-row-end: auto; } } .l-listings-grid .row { position: relative; margin-top: 30px; } .l-listings-grid .e-viewmore { text-align: center; display: flex; flex-direction: column; align-items: center; margin-top: 30px; width: 100%; } .l-listings-grid .e-viewmore span { font-size: 12px; font-size: 1.2rem; line-height: 20px; color: #142143; float: none; font-weight: 600; } .l-listings-grid .e-viewmore .btn { margin-top: 15px; } .l-listings-grid .e-viewmore.centre { align-items: center; } .l-listings-grid .items > div { width: 100%; padding-left: 0; padding-right: 0; } .liststaffdirectory .l-listings-grid .items { display: flex; flex-wrap: wrap; } .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div { width: 100%; float: left; position: relative; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: stretch; align-items: flex; float: none; } @media (min-width: 0) { .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div { width: 100%; } } @media (min-width: 768px) { .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div { width: 50%; } } @media (min-width: 992px) { .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div { width: 100%; } } @media (min-width: 1230px) { .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div { width: 50%; padding-left: 0; padding-right: 0; } } @media (min-width: 1460px) { .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div { width: 50%; } } .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div .m-contactlistingcard { width: 100%; float: none; padding: 0; display: flex; } .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div .m-contactlistingcard .inner { width: 100%; } .l-listings-grid.staff .row { display: flex; flex-wrap: wrap; align-items: stretch; } .l-listings-grid.staff .m-contactlistingcard { display: flex; } .l-listings-grid.staff .m-contactlistingcard .inner { width: 100%; } @media (min-width: 768px) { .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div { padding: 0; } .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div:nth-child(even) { padding-right: 15px; } .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div:nth-child(odd) { padding-left: 15px; } } @media (min-width: 992px) { .l-listings-grid { padding-bottom: 60px; } .l-listings-grid .items { position: relative; padding-top: 50px; } .liststaffdirectory .l-listings-grid .items { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (min-width: 992px) and (min-width: 0) { .liststaffdirectory .l-listings-grid .items { width: 100%; } } @media (min-width: 992px) and (min-width: 768px) { .liststaffdirectory .l-listings-grid .items { width: 100%; } } @media (min-width: 992px) and (min-width: 992px) { .liststaffdirectory .l-listings-grid .items { width: 62.5%; } } @media (min-width: 992px) and (min-width: 1230px) { .liststaffdirectory .l-listings-grid .items { width: 75%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 992px) and (min-width: 1460px) { .liststaffdirectory .l-listings-grid .items { width: 75%; } } @media (min-width: 992px) { .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div { padding: 0; } .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div:nth-child(even) { padding-right: 0px; } .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div:nth-child(odd) { padding-left: 0px; } .l-listings-grid .items.single { padding-top: 0; } .l-listings-grid .items.single .m-contactlistingcard { width: 50%; margin-top: 0; } .l-listings-grid .row { margin-top: 50px; position: relative; } } @media (min-width: 1230px) { .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div { padding: 0; } .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div:nth-child(even) { padding-right: 15px; } .liststaffdirectory .l-listings-grid .items .e-resulttext ~ div:nth-child(odd) { padding-left: 15px; } } .l-searchresults.properties { border-top: 1px solid #f3f3f2; } .l-searchresults.properties .m-listingitem .e-text .buttons { margin-top: 0px; } .l-searchresults.properties .m-listingitem .e-text .buttons .btn.btn-grey { display: inline-block; } .l-searchresults .m-filters h1 { margin-bottom: 20px; } .l-searchresults .l-listings .container > div { margin-bottom: 50px; float: none; padding-left: 0; padding-right: 0; } .l-propertylisting { margin-top: 30px; padding-bottom: 30px; } .l-propertylisting #locationsTab .row { display: flex; flex-wrap: wrap; align-items: stretch; } .l-propertylisting #locationsTab .row:after, .l-propertylisting #locationsTab .row:before { display: none; } .l-propertylisting #locationsTab .row .m-cardcomponent { display: flex; align-items: stretch; } @media (min-width: 1230px) { .l-propertylisting { margin-top: 60px; padding-bottom: 60px; } } .l-productlayout { padding: 30px 0; border-bottom: 1px solid #767676; } .l-productlayout .row { display: flex; align-items: stretch; flex-direction: column; } .l-productlayout .row .e-leftcolumn, .l-productlayout .row .e-rightcolumn { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; } @media (min-width: 0) { .l-productlayout .row .e-leftcolumn, .l-productlayout .row .e-rightcolumn { width: 100%; } } @media (min-width: 768px) { .l-productlayout .row .e-leftcolumn, .l-productlayout .row .e-rightcolumn { width: 100%; } } @media (min-width: 992px) { .l-productlayout .row .e-leftcolumn, .l-productlayout .row .e-rightcolumn { width: 50%; } } @media (min-width: 1230px) { .l-productlayout .row .e-leftcolumn, .l-productlayout .row .e-rightcolumn { width: 50%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1460px) { .l-productlayout .row .e-leftcolumn, .l-productlayout .row .e-rightcolumn { width: 50%; } } .l-productlayout .row .e-leftcolumn { order: 2; } .l-productlayout .row .e-leftcolumn .border-item .pre-head { color: black; } .l-productlayout .row .e-leftcolumn .border-item h3 { font-size: 2em; } .l-productlayout .row .e-rightcolumn { order: 1; margin-bottom: 30px; } @media (min-width: 992px) { .l-productlayout { padding: 50px 0; } .l-productlayout .row { flex-direction: row; } .l-productlayout .row .e-leftcolumn { order: 1; } .l-productlayout .row .e-rightcolumn { order: 2; margin-bottom: 0px; } .l-productlayout ~ section { padding: 60px 0; } .l-productlayout ~ section.m-quoteblock { padding: 100px 0 60px; } } @media (min-width: 1230px) { .l-productlayout { padding: 60px 0; } } .l-errorpage .inner { max-width: 500px; margin: 50px auto; display: block; text-align: center; } .l-errorpage .inner img { display: block; width: 100px; height: 100px; margin: 0 auto 20px; } .mfp-bg { z-index: 999999; } .mfp-wrap { z-index: 9999999; } .contentcategory { display: none; } .listsearch .contentcategory { font-size: 11px; font-size: 1.1rem; line-height: 11px; color: #23408f; text-transform: uppercase; font-weight: 600; margin: 0 0 5px; transform: translateY(-10px); display: block; } .play span { position: relative; font-size: 0; height: 0; overflow: hidden; } footer .f-social ul li a span { position: relative; font-size: 0; overflow: hidden; height: 0; } .l-dashboardlayout { padding: 30px 0 0; } .l-dashboardlayout p.large { font-size: 18px; font-size: 1.8rem; line-height: 28px; } .l-dashboardlayout .e-left { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 0) { .l-dashboardlayout .e-left { width: 100%; } } @media (min-width: 768px) { .l-dashboardlayout .e-left { width: 100%; } } @media (min-width: 992px) { .l-dashboardlayout .e-left { width: 68.75%; } } @media (min-width: 1230px) { .l-dashboardlayout .e-left { width: 68.75%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1460px) { .l-dashboardlayout .e-left { width: 62.5%; } } .l-dashboardlayout .e-left h1, .l-dashboardlayout .e-left h2, .l-dashboardlayout .e-left h3 { color: #23408f; } .l-dashboardlayout .e-right { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 0) { .l-dashboardlayout .e-right { width: 100%; } } @media (min-width: 768px) { .l-dashboardlayout .e-right { width: 100%; } } @media (min-width: 992px) { .l-dashboardlayout .e-right { width: 31.25%; } } @media (min-width: 1230px) { .l-dashboardlayout .e-right { width: 31.25%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1460px) { .l-dashboardlayout .e-right { width: 37.5%; } } @media (min-width: 992px) { .l-dashboardlayout { padding: 60px 0 0; } } .l-myhieaside { padding: 30px 0; } .l-myhieaside .row { display: flex; flex-wrap: wrap; align-items: stretch; } .l-myhieaside .row:before, .l-myhieaside .row:after { display: none; } .l-myhieaside .e-left { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; margin-bottom: 30px; text-align: center; } @media (min-width: 0) { .l-myhieaside .e-left { width: 100%; } } @media (min-width: 768px) { .l-myhieaside .e-left { width: 100%; } } @media (min-width: 992px) { .l-myhieaside .e-left { width: 25%; } } @media (min-width: 1230px) { .l-myhieaside .e-left { width: 25%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1460px) { .l-myhieaside .e-left { width: 25%; } } .l-myhieaside .e-left h2 { color: #23408f; } .l-myhieaside .e-left .progress-pie-chart { display: none; } .l-myhieaside .e-left .e-cta { display: none; margin-top: 120px; position: sticky; } .l-myhieaside .e-left .e-cta h3 { margin-bottom: 10px; margin-top: 40px; color: #23408f; } .l-myhieaside .e-left .e-cta .e-icon { display: flex; align-items: center; } .l-myhieaside .e-left .e-cta .e-icon p { padding-left: 15px; } .l-myhieaside .e-left .e-cta p { margin-top: 0; } .l-myhieaside .e-right { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; } @media (min-width: 0) { .l-myhieaside .e-right { width: 100%; } } @media (min-width: 768px) { .l-myhieaside .e-right { width: 100%; } } @media (min-width: 992px) { .l-myhieaside .e-right { width: 75%; } } @media (min-width: 1230px) { .l-myhieaside .e-right { width: 75%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1460px) { .l-myhieaside .e-right { width: 75%; } } .l-myhieaside .e-right .e-pageresults { font-size: 20px; font-size: 2rem; line-height: 28px; padding: 30px 0 0; } .l-myhieaside .e-right .m-listingitem .e-image { display: block; } .l-myhieaside .e-right .m-form { margin-top: 0; } .l-myhieaside .e-right .m-form .e-preferences { background: #23408f; color: #ffffff; padding: 20px; width: 100%; max-width: 940px; } .l-myhieaside .e-right .m-form .e-preferences img { display: none; } .l-myhieaside .e-right .m-form .e-preferences h3 { color: #ffffff; margin: 0; } .l-myhieaside .e-right .m-form .e-preferences label { font-size: 15px; font-size: 1.5rem; line-height: 22px; } .l-myhieaside .e-right .m-form .e-preferences .form-row { margin-bottom: 30px; } .l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox, .l-myhieaside .e-right .m-form .e-preferences .form-row .radio { display: block; margin: 0 50px 20px 0; } .l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox label, .l-myhieaside .e-right .m-form .e-preferences .form-row .radio label { color: #ffffff; padding-left: 30px; margin-top: 0 !important; margin-bottom: 0 !important; } .l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox label:before, .l-myhieaside .e-right .m-form .e-preferences .form-row .radio label:before { background: none; border-color: #ffffff; width: 20px; height: 20px; top: 0; } .l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox label:hover:before, .l-myhieaside .e-right .m-form .e-preferences .form-row .radio label:hover:before { background: #ffffff; } .l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox input[type=checkbox] + label:after, .l-myhieaside .e-right .m-form .e-preferences .form-row .radio input[type=checkbox] + label:after { left: 2px; top: 5px; } .l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox input[type=checkbox]:checked + label:before, .l-myhieaside .e-right .m-form .e-preferences .form-row .radio input[type=checkbox]:checked + label:before { background: #ffffff; } .l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox input[type=radio]:checked + label:before, .l-myhieaside .e-right .m-form .e-preferences .form-row .radio input[type=radio]:checked + label:before { background: none; border-color: #ffffff; } .l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox input[type=radio] + label:after, .l-myhieaside .e-right .m-form .e-preferences .form-row .radio input[type=radio] + label:after { background: #ffffff; width: 10px; height: 10px; left: 5px; top: 5px; } .l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox input[type=radio] + label:hover:before, .l-myhieaside .e-right .m-form .e-preferences .form-row .radio input[type=radio] + label:hover:before { background: none; } .l-myhieaside .e-right .m-form .e-preferences .form-row .checkbox input[type=radio], .l-myhieaside .e-right .m-form .e-preferences .form-row .radio input[type=radio] { width: 30px; height: 10px; padding: 0; } .l-myhieaside .e-right .m-form .e-preferences .form-row .e-row { margin-bottom: 40px; } .l-myhieaside .e-right .m-form .e-preferences .form-row .e-row:last-child { margin-bottom: 0; } .l-myhieaside .e-right .m-form .e-preferences .e-row { margin-bottom: 40px; } .l-myhieaside .e-right .m-form .e-preferences .e-row:last-child { margin-bottom: 0; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown { position: relative; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-top { transition: all 0.3s ease-in-out; border: 1px solid #ffffff; width: 100%; max-width: 400px; padding: 10px 15px; color: #ffffff; margin-top: 10px; display: flex; align-items: center; justify-content: space-between; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-top i { font-size: 20px; font-size: 2rem; line-height: 28px; margin-left: auto; transition: all 0.3s ease-in-out; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-top.open i { transform: rotate(-180deg); } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-top:hover { cursor: pointer; border-color: #23408f; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more { background: #ffffff; padding: 15px; width: 100%; max-width: 400px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); display: none; position: absolute; top: 100%; left: 0; z-index: 200; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox { margin: 20px 0; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox:first-child { margin-top: 0; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox:last-child { margin-bottom: 0; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox label { font-size: 14px; font-size: 1.4rem; line-height: 22px; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox label:hover { color: #23408f; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox label:before { width: 20px; height: 20px; top: 0; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox input[type=checkbox] + label { padding-left: 30px; margin: 0; } .l-myhieaside .e-right .m-form .e-preferences .e-dropdown .e-more .checkbox input[type=checkbox] + label:after { width: 12px; left: 4px; top: 4px; } .l-myhieaside .e-right .m-form .e-area { margin: 30px 0; } .l-myhieaside .e-right .m-form .e-area label span { font-size: 12px; font-size: 1.2rem; line-height: 22px; width: 22px; height: 22px; display: inline-block; vertical-align: top; text-align: center; margin-left: 5px; color: #ffffff; background: #23408f; border-radius: 11px; } .l-myhieaside .e-right .m-form .e-area label span.e-warning { background: #9B1F23; } .l-myhieaside .e-right .m-form .e-area label span.help { background: none; width: auto; display: block; height: auto; border-radius: 0; color: #1f1e1e; padding: 0; text-align: left; margin: 0; } .l-myhieaside .e-right .m-form .e-area .toggle { padding: 25px 0; border-bottom: 1px solid #cdcecf; margin: 0; } .l-myhieaside .e-right .m-form .toggle label { width: calc(100% - 54px); } .l-myhieaside .e-right .m-form .toggle input { margin: 0; } .l-myhieaside .e-right .m-form label + * { margin-top: 10px; } .l-myhieaside .e-right .items { margin: 30px 0; } .l-myhieaside .e-right .items .slick-slide { max-width: 80vw; margin-right: 15px; } .l-myhieaside .e-right .items h3.e-title { font-size: 23px; font-size: 2.3rem; line-height: 32px; color: #23408f; margin-bottom: 20px; } .l-myhieaside .e-right .items .e-viewmore { text-align: center; display: flex; flex-direction: column; align-items: center; margin-top: 30px; width: 100%; } .l-myhieaside .e-right .items .e-viewmore span { font-size: 12px; font-size: 1.2rem; line-height: 20px; color: #142143; float: none; font-weight: 600; } .l-myhieaside .e-right .items .e-viewmore .btn { margin-top: 15px; } .l-myhieaside .e-right .items .e-viewmore.centre { align-items: center; } .l-myhieaside .e-right .items .e-slickcount { display: flex; width: 100%; justify-content: center; } .l-myhieaside .e-right .items .e-slickcount div { margin: 0 2px; } .l-myhieaside .e-right .form-row.contact-preferences .column { width: 100%; float: left; position: relative; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 30px; } @media (min-width: 0) { .l-myhieaside .e-right .form-row.contact-preferences .column { width: 100%; } } @media (min-width: 768px) { .l-myhieaside .e-right .form-row.contact-preferences .column { width: 50%; } } @media (min-width: 992px) { .l-myhieaside .e-right .form-row.contact-preferences .column { width: 50%; } } @media (min-width: 1230px) { .l-myhieaside .e-right .form-row.contact-preferences .column { width: 50%; padding-left: 20px; padding-right: 20px; } } @media (min-width: 1460px) { .l-myhieaside .e-right .form-row.contact-preferences .column { width: 50%; } } .l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner { padding: 25px; background: #23408f; } .l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner h3, .l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner p, .l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner label { color: #ffffff; } .l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner p { margin-top: 0; } .l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner h3 { margin: 0 0 5px; } .l-myhieaside .e-right .form-row.contact-preferences .column.blue .inner .toggle:last-child { margin-bottom: 0; } @media (min-width: 992px) { .l-myhieaside { padding: 60px 0; } .l-myhieaside .e-left { border-right: 1px solid #cdcecf; position: relative; text-align: left; } .l-myhieaside .e-left .e-cta { position: -webkite-sticky; top: 200px; } .l-myhieaside .e-left .e-cta, .l-myhieaside .e-left .progress-pie-chart { display: block; } .l-myhieaside .e-left:after, .l-myhieaside .e-left:before { left: 100%; top: 150px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .l-myhieaside .e-left:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 10px; margin-top: -10px; } .l-myhieaside .e-left:before { border-color: rgba(205, 206, 207, 0); border-left-color: #cdcecf; border-width: 11px; margin-top: -11px; } .l-myhieaside .e-left h2 { font-size: 30px; font-size: 3rem; line-height: 38px; margin-top: 50px; } .l-myhieaside .e-right { min-height: 50vh; } .l-myhieaside .e-right .m-cardlist { padding-top: 30px; } .l-myhieaside .e-right .m-listingitem .e-image { display: block; } .l-myhieaside .e-right .e-area { max-width: 750px; } .l-myhieaside .e-right .inner-wrapper { padding: 0 0 0 150px; } .l-myhieaside .e-right .inner-wrapper.large { padding: 0 0 0 50px; } .l-myhieaside .e-right .inner-wrapper.large .m-form form .form-row { max-width: 800px; } .l-myhieaside .e-right .inner-wrapper.large .m-form form .form-row.inline .e-label { width: 300px; } .l-myhieaside .e-right .inner-wrapper .m-form { padding: 0; } .l-myhieaside .e-right .inner-wrapper .m-form form { width: 100%; } .l-myhieaside .e-right .inner-wrapper .m-form form .form-row { max-width: 712px; } .l-myhieaside .e-right .inner-wrapper .m-form form .form-row .checkbox, .l-myhieaside .e-right .inner-wrapper .m-form form .form-row .radio { display: block; margin-right: 20px; } .l-myhieaside .e-right .inner-wrapper .m-form form .form-row .checkbox { margin-top: 10px; } .l-myhieaside .e-right .m-form { padding: 0; } .l-myhieaside .e-right .m-form .e-preferences { padding: 40px; position: relative; padding-right: 100px; } .l-myhieaside .e-right .m-form .e-preferences img { display: block; position: absolute; right: -100px; bottom: 0; } .l-myhieaside .e-right .m-form .e-preferences .e-area { margin: 60px 0; max-width: 700px; padding-left: 50px; } .l-myhieaside .e-right .m-form .e-preferences .e-area button { font-size: 20px; font-size: 2rem; line-height: 28px; padding: 15px 80px 15px 30px; } .l-myhieaside .e-right .m-form .e-preferences label { font-size: 20px; font-size: 2rem; line-height: 28px; } .l-myhieaside .e-right .e-notification { display: flex; align-items: center; margin-bottom: 20px; } .l-myhieaside .e-right .e-notification .e-icon { width: 36px; } .l-myhieaside .e-right .e-notification .e-text { padding-left: 20px; } .l-myhieaside .e-right .items { margin: 50px 0 0; } .l-myhieaside .e-right .items h3.e-title { font-size: 40px; font-size: 4rem; line-height: 48px; margin-bottom: 30px; } .l-myhieaside .e-right .items .e-slickcount { display: none; } } @media (min-width: 1230px) { .l-myhieaside .e-left h2 { font-size: 40px; font-size: 4rem; line-height: 48px; } .l-myhieaside .e-left .e-cta h3 { font-size: 30px; font-size: 3rem; line-height: 38px; margin-bottom: 20px; } } @-webkit-keyframes stagger { 0% { opacity: 0; transform: translateX(-100%); } 100% { transform: translateX(0); opacity: 1; } } @-moz-keyframes stagger { 0% { opacity: 0; transform: translateX(-100%); } 100% { transform: translateX(0); opacity: 1; } } @-o-keyframes stagger { 0% { opacity: 0; transform: translateX(-100%); } 100% { transform: translateX(0); opacity: 1; } } @keyframes stagger { 0% { opacity: 0; transform: translateX(-100%); } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes reverse-stagger { 0% { transform: translateX(0); opacity: 1; } 100% { opacity: 0; transform: translateX(-100%); } } @-moz-keyframes reverse-stagger { 0% { transform: translateX(0); opacity: 1; } 100% { opacity: 0; transform: translateX(-100%); } } @-o-keyframes reverse-stagger { 0% { transform: translateX(0); opacity: 1; } 100% { opacity: 0; transform: translateX(-100%); } } @keyframes reverse-stagger { 0% { transform: translateX(0); opacity: 1; } 100% { opacity: 0; transform: translateX(-100%); } } .n-main { background: #23408f; position: fixed; left: -100%; top: 127px; height: calc(100vh - 127px); width: 100%; padding: 15px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1); overflow: auto; z-index: 1000; } .n-main ul { list-style: none; margin: 0; padding: 0; } .n-main ul li { display: block; padding: 15px 20px 15px 0; transition: all 0.5s cubic-bezier(0.8, 0, 0.3, 1); position: relative; } .search-open .n-main ul li { pointer-events: none; } .n-main ul li .e-toggle { position: absolute; top: 0; width: 50px; height: 100%; right: 0; } .n-main ul li span { display: block; animation: reverse-stagger 0.5s ease forwards; opacity: 0; display: flex; justify-content: space-between; align-items: center; } .n-main ul li span:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; color: #ffffff; } .n-main ul li span:only-child:after { display: none; } .n-main ul li a { padding-bottom: 5px; transition: all 0.3s linear; color: #ffffff; position: relative; text-decoration: none; } .n-main ul li .e-sub { transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); position: fixed; width: 90%; right: 100%; bottom: 0; overflow: hidden; background: rgb(35, 64, 143); transition-delay: 0.2s; padding: 10px 15px 15px calc(10% + 25px); z-index: 20; min-height: calc(100% - 128px); height: auto; } .n-main ul li .e-sub .e-back { position: absolute; padding-top: 20px; background: rgba(0, 0, 0, 0.2); width: 10%; left: 0; top: 0; height: 100%; text-align: center; } .n-main ul li .e-sub .e-back:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; font-size: 2.8rem; line-height: 30px; content: "\f104"; color: #ffffff; margin: 0 auto; } .n-main ul li .e-sub ul:after { content: ""; height: 0; clear: both; display: block; visibility: hidden; } .n-main ul li .e-sub ul li { float: left; clear: both; padding: 15px 20px 15px 0; } .n-main ul li .e-sub ul li:hover { padding: 15px 20px 15px 0; } .n-main ul li .e-sub ul li a { animation: reverse-stagger 0.5s ease forwards; display: inline-block; opacity: 0; } .n-main ul li .e-sub ul li a:hover { margin-left: 20px; } .n-main ul li .e-sub.open { right: 10%; } .n-main ul li .e-sub.open ul li:nth-child(1) > a { animation: stagger 0.5s 0.25s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(2) > a { animation: stagger 0.5s 0.5s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(3) > a { animation: stagger 0.5s 0.75s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(4) > a { animation: stagger 0.5s 1s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(5) > a { animation: stagger 0.5s 1.25s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(6) > a { animation: stagger 0.5s 1.5s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(7) > a { animation: stagger 0.5s 1.75s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(8) > a { animation: stagger 0.5s 2s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(9) > a { animation: stagger 0.5s 2.25s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(10) > a { animation: stagger 0.5s 2.5s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(11) > a { animation: stagger 0.5s 2.75s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(12) > a { animation: stagger 0.5s 3s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(13) > a { animation: stagger 0.5s 3.25s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(14) > a { animation: stagger 0.5s 3.5s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(15) > a { animation: stagger 0.5s 3.75s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(16) > a { animation: stagger 0.5s 4s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(17) > a { animation: stagger 0.5s 4.25s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(18) > a { animation: stagger 0.5s 4.5s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(19) > a { animation: stagger 0.5s 4.75s ease forwards; } .n-main ul li .e-sub.open ul li:nth-child(20) > a { animation: stagger 0.5s 5s ease forwards; } .n-main ul li:hover, .n-main ul li:focus-within { padding: 15px 40px 15px 0px; } .n-main ul li:hover a:after, .n-main ul li:focus-within a:after { right: -20px; } .n-main ul li:hover .e-sub ul > li:nth-child(1) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(1) > a { animation: stagger 0.5s 0.25s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(2) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(2) > a { animation: stagger 0.5s 0.5s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(3) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(3) > a { animation: stagger 0.5s 0.75s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(4) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(4) > a { animation: stagger 0.5s 1s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(5) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(5) > a { animation: stagger 0.5s 1.25s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(6) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(6) > a { animation: stagger 0.5s 1.5s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(7) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(7) > a { animation: stagger 0.5s 1.75s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(8) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(8) > a { animation: stagger 0.5s 2s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(9) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(9) > a { animation: stagger 0.5s 2.25s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(10) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(10) > a { animation: stagger 0.5s 2.5s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(11) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(11) > a { animation: stagger 0.5s 2.75s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(12) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(12) > a { animation: stagger 0.5s 3s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(13) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(13) > a { animation: stagger 0.5s 3.25s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(14) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(14) > a { animation: stagger 0.5s 3.5s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(15) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(15) > a { animation: stagger 0.5s 3.75s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(16) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(16) > a { animation: stagger 0.5s 4s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(17) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(17) > a { animation: stagger 0.5s 4.25s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(18) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(18) > a { animation: stagger 0.5s 4.5s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(19) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(19) > a { animation: stagger 0.5s 4.75s ease forwards; } .n-main ul li:hover .e-sub ul > li:nth-child(20) > a, .n-main ul li:focus-within .e-sub ul > li:nth-child(20) > a { animation: stagger 0.5s 5s ease forwards; } .n-main ul.utility:before { content: ""; display: block; border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 10px; padding-top: 15px; width: calc(100% - 50px); } .n-main ul.utility li { padding: 0; margin: 0 20px 15px 0; } .n-main:before { transform: scale(0); transform-origin: top center; transition: transform 0.5s ease-in-out; left: 28px; top: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 8px; } .n-main.open, .n-main:focus-within { left: 0; } .n-main.open > ul > li:nth-child(1) > span, .n-main:focus-within > ul > li:nth-child(1) > span { animation: stagger 0.5s 0.25s ease forwards; } .n-main.open > ul > li:nth-child(2) > span, .n-main:focus-within > ul > li:nth-child(2) > span { animation: stagger 0.5s 0.5s ease forwards; } .n-main.open > ul > li:nth-child(3) > span, .n-main:focus-within > ul > li:nth-child(3) > span { animation: stagger 0.5s 0.75s ease forwards; } .n-main.open > ul > li:nth-child(4) > span, .n-main:focus-within > ul > li:nth-child(4) > span { animation: stagger 0.5s 1s ease forwards; } .n-main.open > ul > li:nth-child(5) > span, .n-main:focus-within > ul > li:nth-child(5) > span { animation: stagger 0.5s 1.25s ease forwards; } .n-main.open > ul > li:nth-child(6) > span, .n-main:focus-within > ul > li:nth-child(6) > span { animation: stagger 0.5s 1.5s ease forwards; } .n-main.open > ul > li:nth-child(7) > span, .n-main:focus-within > ul > li:nth-child(7) > span { animation: stagger 0.5s 1.75s ease forwards; } .n-main.open > ul > li:nth-child(8) > span, .n-main:focus-within > ul > li:nth-child(8) > span { animation: stagger 0.5s 2s ease forwards; } .n-main.open > ul > li:nth-child(9) > span, .n-main:focus-within > ul > li:nth-child(9) > span { animation: stagger 0.5s 2.25s ease forwards; } .n-main.open > ul > li:nth-child(10) > span, .n-main:focus-within > ul > li:nth-child(10) > span { animation: stagger 0.5s 2.5s ease forwards; } .n-main.open > ul > li:nth-child(11) > span, .n-main:focus-within > ul > li:nth-child(11) > span { animation: stagger 0.5s 2.75s ease forwards; } .n-main.open > ul > li:nth-child(12) > span, .n-main:focus-within > ul > li:nth-child(12) > span { animation: stagger 0.5s 3s ease forwards; } .n-main.open > ul > li:nth-child(13) > span, .n-main:focus-within > ul > li:nth-child(13) > span { animation: stagger 0.5s 3.25s ease forwards; } .n-main.open > ul > li:nth-child(14) > span, .n-main:focus-within > ul > li:nth-child(14) > span { animation: stagger 0.5s 3.5s ease forwards; } .n-main.open > ul > li:nth-child(15) > span, .n-main:focus-within > ul > li:nth-child(15) > span { animation: stagger 0.5s 3.75s ease forwards; } .n-main.open > ul > li:nth-child(16) > span, .n-main:focus-within > ul > li:nth-child(16) > span { animation: stagger 0.5s 4s ease forwards; } .n-main.open > ul > li:nth-child(17) > span, .n-main:focus-within > ul > li:nth-child(17) > span { animation: stagger 0.5s 4.25s ease forwards; } .n-main.open > ul > li:nth-child(18) > span, .n-main:focus-within > ul > li:nth-child(18) > span { animation: stagger 0.5s 4.5s ease forwards; } .n-main.open > ul > li:nth-child(19) > span, .n-main:focus-within > ul > li:nth-child(19) > span { animation: stagger 0.5s 4.75s ease forwards; } .n-main.open > ul > li:nth-child(20) > span, .n-main:focus-within > ul > li:nth-child(20) > span { animation: stagger 0.5s 5s ease forwards; } .n-main.open:before { transform: scale(1); transition-delay: 0.3s; } .n-main .e-mega { position: fixed; top: 134px; width: 100vw; left: 0; padding: 20px 0; background: #23408f; display: none; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); } .n-main .e-mega .row { display: flex; } .n-main .e-mega .row .column { width: 33.333333%; position: relative; float: left; z-index: 10; padding: 40px; } .n-main .e-mega .row .column:first-child { border-right: 1px solid #ffffff; } .n-main .e-mega .row .column:last-child { padding-top: 0; } .n-main .e-mega .row .column a { font-weight: bold; } .n-main .e-mega .row .column .btn { position: relative; margin-top: 0; } .n-main .e-mega .row .column .inner { position: relative; } .n-main .e-mega .row .column .inner .btn { background: #efefef; border-color: #efefef; color: #23408f; } .n-main .e-mega .row .column .inner .btn:hover { border-color: #efefef; color: #23408f; } .n-main .e-mega .row .column .e-text:only-child { padding-bottom: 80px; } .n-main .e-mega .row .column .e-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .n-main .e-mega .row .column .e-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .n-main .e-mega .row .column .e-image + .text { position: relative; padding: 40px 40px 80px; display: flex; flex-direction: column; align-items: flex-start; } .n-main .e-mega .row .column .e-image + .text h3, .n-main .e-mega .row .column .e-image + .text p { padding: 5px 10px; background: rgba(0, 0, 0, 0.5); } .n-main .e-mega .row .column .e-image + .text p { width: 100%; } .n-main .e-mega .row .column .e-image + .text .btn { position: absolute; bottom: 40px; left: 40px; } .n-main .e-mega .row .column:first-child { border-left: none; } .n-main .e-mega .row .column * { color: #ffffff; } .n-main .e-mega .row .column ul { display: block; margin: 0; padding: 0; } .n-main .e-mega .row .column ul li { display: block; margin: 15px 0; } .n-main .e-mega .row .column ul li a { text-decoration: underline; } .n-main .e-mega .row .column ul li a:hover { text-decoration-thickness: 2px; } .n-main .e-mega .row .column ul li a:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-size: 1.6rem; line-height: 30px; content: "\f105"; color: #ffffff; margin: 0 0 0 15px; display: inline-block; } .n-main .e-mega .row .column .btn { color: #ffffff; border-color: white; } .n-main .e-mega .row .column .btn:hover { background: white; color: #23408f; } .propertyheader .n-main { top: 106px; } .propertyheader.slim .n-main { top: 70px; height: calc(100vh - 70px); } .propertyheader body.notification .n-main { top: 115px; height: calc(100vh - 115px); } body.notification .n-main .e-mega { top: 210px; } @media (min-width: 992px) { .n-main { width: 400px; left: -400px; padding: 20px 0 20px 20px; top: 130px; } } @media (min-width: 1230px) { .n-main { padding: 40px 0 40px 40px; height: calc(100% - 133px); width: 600px; left: -600px; top: 133px; } .n-main:before { top: 0px; left: 32px; } .n-main ul { padding-left: 25%; } .n-main ul li { padding-right: 60px; } .n-main ul li .e-sub { height: calc(100vh - 133px); min-height: calc(100% - 133px); } .n-main ul li .e-sub ul { padding: 50px 40px; } .n-main ul li:hover .e-sub, .n-main ul li:focus-within .e-sub { width: calc(100vw - 600px); } .n-main ul li:hover .e-sub ul, .n-main ul li:focus-within .e-sub ul { padding-left: 200px; } } @media (min-width: 1280px) { .n-main { display: block; position: relative; background: none; left: auto; bottom: auto; height: auto; padding: 0; margin: 0 20px 0 0; padding-right: 20px; border-right: 1px solid #ccc; overflow: visible; transition: none; min-height: 0; width: 100%; top: auto; } .n-main.open.sub-toggled { left: 0; } .n-main:before { left: 52px; } .n-main * { animation: none !important; transform: none !important; opacity: 1 !important; } .n-main ul { display: flex; flex-direction: row; width: 100%; justify-content: flex-end; width: auto; padding: 20px 20px 0; margin-bottom: -4px; } .n-main ul li { padding: 0; position: relative; margin: 0 0 0 40px; } .n-main ul li .e-toggle { width: 100%; display: block; } .n-main ul li:hover { cursor: pointer; } .n-main ul li:hover span a { color: #23408f; } .n-main ul li:hover .e-toggle:after { color: #23408f; } .n-main ul li span:after { color: #1f1e1e; margin-left: 5px; transform: rotate(90deg); } .n-main ul li:after { top: calc(100% + 20px); left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 10px; margin-left: -10px; transform: scale(0); transition: all 0.3s ease-in-out; transform-origin: top center; } .n-main ul li.mega-active:after { transform: scale(1); } .n-main ul li:hover, .n-main ul li:focus-within { padding: 0; } .n-main ul li:focus-within .e-mega { display: block; } .n-main ul li a { color: #1f1e1e; padding-top: 5px; font-weight: 400; } .n-main ul.utility { display: none; } } .n-breadcrumb { padding: 15px; display: flex; width: 100%; background: #ffffff; border-top: 1px solid #dfdfdf; } .n-breadcrumb ol { list-style: none; margin: 0; padding: 0; } .n-breadcrumb ol li { font-size: 12px; font-size: 1.2rem; line-height: 20px; display: inline-block; } .n-breadcrumb ol li:after { content: "\\"; margin: 0 5px; } .n-breadcrumb ol li:last-child:after { display: none; } .n-breadcrumb ol li a { font-weight: 400; color: #1f1e1e; } .n-breadcrumb ol.right-align { align-self: flex-end; margin: 0 0 0 auto; } @media (min-width: 992px) { .n-breadcrumb { padding: 15px 20px; } } @media (min-width: 1460px) { .n-breadcrumb { padding: 15px 40px; } } >>>>>>> upgrade/accessibility-audit