/* 
Theming can be done by changing the --brand-color value. However some icons are svgs with hardcoded colours. 
These will require manually changing the fill attribute.
Currently not used as we need to support IE11 with does not support CSS variables without a polyfill.
*/

:root {
    --brand-color: #0077c8;
}

/* global - start */
ul {
    list-style-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2220%22 height%3D%229%22 viewBox%3D%220 0 20 9%22%3E%3Cpath d%3D%22M8.8 4.5C8.8 5.9 7.7 7 6.3 7S3.8 5.9 3.8 4.5 5 2 6.3 2s2.5 1.1 2.5 2.5z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
}
/* global - end */

/* external-navbar - start */
.external-navbar a.button:hover, .external-navbar a.button:focus, .external-navbar a.button:active {
    color: #0077c8;
}

.external-navbar .grouping-nav a.button.is-current {
    border-top: 4px solid #0077c8;
}

.link-external .link-icon:before {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2213%22 height%3D%2213%22 viewBox%3D%220 0 13 13%22%3E%3Cpath d%3D%22M13 .6c0-.2-.1-.3-.2-.4l-.1.1.1-.1c-.1-.1-.3-.2-.4-.2v.2V0H8.1c-.1 0-.3.1-.4.2-.1.1-.1.3-.1.4 0 .2.1.3.2.4.1.1.2.2.3.2h2.8L4.4 7.8c-.1.1-.2.3-.2.4 0 .2.1.3.2.4.1.1.3.2.4.2.1 0 .3-.1.4-.2L11.8 2v2.8c0 .1.1.3.2.4.1.1.3.2.4.2.2 0 .3-.1.4-.2.1-.1.2-.2.2-.4V.6zm-2 11c0 .1-.1.3-.3.3H1.4c-.1 0-.3-.1-.3-.3V2.3c.1-.2.2-.3.3-.3h5.7V.8H1c-.6 0-1 .5-1 1V12c0 .6.5 1 1 1h10.1c.6 0 1-.5 1-1V5.9H11v5.7z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
}
/* external-navbar - end */

/* Adviser login button - start */
.button--ext-bar:not([disabled]):hover, .button--ext-bar:not([disabled]):focus {
    background: transparent;
    border: solid 1px #0077c8;
    color:#0077c8;
}
/* Adviser login button - end */


/* nav - start */
.nav-onscreen.nav-onscreen .nav>li>a:hover, .nav-onscreen .nav>li>a:focus {
    color: #0077c8;
}

.global-header .logo {
    width: 60px;
    height: 60px;
}

@media (max-width: 64em) {
    .c-logo {
        height: 60px;
    }
    .global-header .logo  {
        margin-top: 0;
    }
}

.p-navigation .c-logo {
    padding-top: 0;
}

.nav-onscreen {
	min-width: 1024px;
}

.nav-onscreen>ul .dropdown .blockquote-container .blockquote-title {
    color: #0077c8;
}

.nav-onscreen>ul>li.is-active>a, .nav-onscreen>ul>li.is-active-parent>a {
    color: #0077c8;
}

.search-bar .search-input:active, .search-bar .search-input:focus, .search-bar .search-input.is-active {
    border-bottom-color: #0077c8;
}

.search-submit:hover, .search-submit:focus, .nav-search-link:after {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22%3E%3Cpath d%3D%22M19.8 18.7L14.1 13c1.2-1.4 1.8-3.2 1.8-5 0-4.4-3.6-8-8-8C3.6 0 0 3.6 0 8s3.6 8 8 8c1.8 0 3.6-.6 5.1-1.8l5.6 5.6c.1.1.3.2.6.2.2 0 .4-.1.6-.2.1-.1.2-.3.2-.6-.1-.2-.2-.4-.3-.5zM8 1.6c3.5 0 6.4 2.9 6.4 6.4 0 3.5-2.9 6.4-6.4 6.4-3.5 0-6.4-2.9-6.4-6.4 0-3.6 2.8-6.4 6.4-6.4z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
}

.modal .close:after, .nav-close:after, .nav-search-link.is-active:after, .search-bar .search-clear:hover, .search-bar .search-clear:focus, .search-bar .search-clear:active {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2225%22 height%3D%2225%22 viewBox%3D%220 0 25 25%22%3E%3Cpath d%3D%22M13.4 12.5l7.9-7.9c.2-.2.2-.6 0-.9-.2-.2-.6-.2-.9 0l-7.9 7.9-7.9-7.9c-.2-.3-.6-.3-.9 0-.2.2-.2.6 0 .9l7.9 7.9-7.9 7.9c-.2.2-.2.6 0 .9.2.2.6.2.9 0l7.9-7.9 7.9 7.9c.2.2.6.2.9 0 .2-.2.2-.6 0-.9l-7.9-7.9z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
}

.global-header .search-submit-container .contact-us a:after {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M3.6 11.7c0 .4.2.8.5 1.1.3.3.7.4 1.1.4h.2c.4 0 .8-.2 1.1-.5.1-.2.3-.3.3-.5.9 2.7 2.9 4.6 5.3 4.6 1.8 0 3.3-1 4.4-2.7 1.4-.2 2.5-.6 2.8-.9.4 0 .7-.2 1-.4.3-.3.5-.7.5-1.1l.2-2.8c0-.4-.1-.9-.4-1.2-.3-.3-.6-.5-1-.5-.1-.7-.3-2-.9-3.3C17.9 2.2 16 .1 12.3.1 10.1 0 8.3.7 7 2 5.3 3.7 4.9 6.2 4.8 7.2c-.8.1-1.4.8-1.3 1.6l.1 2.9zm8.5 4.1c-1.2 0-2.4-.6-3.3-1.8-1-1.2-1.5-2.9-1.5-4.7s.5-3.4 1.5-4.7c.9-1.2 2.1-1.8 3.3-1.8 1.2 0 2.4.6 3.3 1.8 1 1.2 1.5 2.9 1.5 4.7 0 1.4-.3 2.7-.9 3.9-.6 0-1.3 0-2.1-.1-.2-.7-.9-1.3-1.7-1.3-.9 0-1.7.8-1.7 1.7 0 .9.8 1.7 1.7 1.7.8 0 1.4-.5 1.6-1.2.5.1 1 .1 1.5.1-1 1.2-2.1 1.7-3.2 1.7zm.7-2.2c0 .4-.3.7-.7.7-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.4-.1.7.3.7.7zm5.3-.8c-.3.1-.6.2-1 .3.2-.5.4-1 .5-1.5 0 .4.1.9.5 1.2zm1.8-4.4c.1.1.1.3.1.4l-.1 2.8c0 .2-.1.3-.2.5-.1.1-.3.2-.5.2s-.3-.1-.5-.2c-.1-.1-.2-.3-.2-.5l.1-2.8c0-.2.1-.3.2-.5.1-.1.3-.2.4-.2.4 0 .5.1.7.3zM7.7 2.7C8.8 1.6 10.3 1 12.2 1h.1c2.6 0 4.5 1.1 5.5 3.3.6 1.2.8 2.5.8 3.1-.1.1-.2.1-.3.2-.2.2-.4.5-.5.8-.4-3.6-2.8-6.5-5.7-6.5-2.8 0-5.1 2.5-5.6 5.9l-.2-.2c-.2-.2-.3-.3-.5-.3.1-.9.4-3.1 1.9-4.6zM5.1 8.1c.3 0 .4 0 .5.2.1.1.2.3.2.4l.1 2.9c0 .2-.1.3-.2.4-.1.1-.3.2-.4.2h-.1c-.2 0-.3-.1-.4-.2-.1-.1-.2-.3-.2-.4l-.1-2.8c-.1-.4.2-.7.6-.7z%22 fill%3D%22%230077c8%22/%3E%3Cpath d%3D%22M12.9 4.3c0-.3-.2-.5-.5-.5-2.3 0-4.1 1.6-4.1 3.7 0 .3.2.5.5.5s.5-.2.5-.5c0-1.5 1.4-2.7 3.2-2.7.2 0 .4-.3.4-.5zM21.5 18.4c-.7-.7-1.5-1-2.5-1h-4.8c-.3 0-.5.2-.5.5s.2.5.5.5H19c.7 0 1.3.2 1.8.7 1.1 1 1.3 3 1.4 3.9h-20c0-.5.1-1.3.4-2.1.6-1.6 1.5-2.4 2.9-2.5 3.8-.1 4.6 0 4.7 0 .3 0 .5-.2.5-.4 0-.3-.2-.5-.4-.5 0 0-.9-.1-4.8 0-1.8 0-3.1 1.1-3.8 3.1-.5 1.4-.5 2.8-.5 2.9v.5h22.1v-.5c0-.2-.1-3.4-1.8-5.1z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
    opacity: 0;
}

.nav-onscreen li.has-children .lvl1-link:after {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2211.1%22 height%3D%227.1%22 viewBox%3D%220 0 11.1 7.1%22%3E%3Cpath d%3D%22M5.5 6.9c-.1 0-.3-.1-.4-.2L.2 1C0 .8 0 .5.2.3s.6-.2.8 0l4.6 5.3L10.2.3c.2-.2.5-.2.7-.1.1.3.2.6 0 .8l-5 5.7c-.1.1-.2.2-.4.2z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
}

.nav-onscreen .nav>li.is-current>a {
    border-bottom: 5px solid #0077c8;
}

.nav-toggle:hover, .nav-toggle:focus {
    border: 1px solid #0077c8;
    color: #0077c8;
}

.nav-offscreen .wrap a:after, .nav-offscreen .grouping-nav a:after {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22%3E%3Cpath d%3D%22M11.9 4.2c0-.1-.1-.2-.2-.2L7.9.2c-.3-.3-.7-.3-1 0-.1.1-.2.3-.2.5s.1.4.2.5l2.6 2.6H.7c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h8.8L6.9 7.8c-.1.1-.2.3-.2.5s.1.4.2.5c.2.1.3.2.5.2s.4-.1.5-.2L11.8 5l.2-.2c0-.2 0-.4-.1-.6z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
}

.nav-offscreen .nav-toggle:hover, .nav-offscreen .nav-toggle:focus {
    border-color: #0077c8;
    color: #0077c8;
}

.nav-tel-link:after {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M4.7 1.5c.5.6 2.7 4 3.2 4.7 0 .1 0 .2-.1.5s-.6 1-1.2 2.1l-.5.7.5.8c.4.6 1.4 1.9 3.3 3.8s3.2 2.9 3.8 3.3l.8.5.8-.5c.8-.5 1.8-1 2.1-1.2.3-.1.4-.1.5-.1.6.4 4.1 2.7 4.7 3.1 0 .1 0 .2-.1.4-.9 1.3-2.3 2.7-2.8 2.9-2.8-.1-6.7-2.6-11.1-7-4.4-4.4-6.8-8.3-7-11.1.2-.5 1.6-1.9 2.9-2.8 0-.1.1-.1.2-.1m0-1.5c-.4 0-.8.1-1.2.4 0 0-3.6 2.5-3.5 4 .1 4.1 4.1 8.9 7.4 12.2 3.3 3.3 8.1 7.3 12.2 7.4 1.4 0 4-3.5 4-3.5.7-.9.4-2-.2-2.4-.4-.3-4.4-2.9-4.9-3.2-.2-.1-.5-.2-.8-.2-.4 0-.8.1-1.2.3-.4.2-1.6.9-2.1 1.2-.4-.4-1.6-1.3-3.4-3.2-1.9-1.8-2.8-3-3.2-3.5.3-.6 1-1.7 1.2-2.1.4-.7.4-1.5.1-1.9C8.8 4.9 6.2.9 5.9.6 5.7.2 5.2 0 4.7 0z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
}

.nav-offscreen-logo {
    width: 50px;
    height: 50px;
}

.nav-offscreen .nav-home {
    position: absolute;
    left: 50%;
    margin-left: -16.5px;
    top: 10px;
}

/* nav - end */

/* breadcrumbs - start */
.breadcrumbs a:focus, .breadcrumbs a:hover {
    color: #0077c8;
}
.breadcrumbs-back-to:before, .product-tile-back a:before {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%225.4%22 height%3D%229.7%22 viewBox%3D%220 0 5.4 9.7%22%3E%3Cpath d%3D%22M.2 4.5c-.1.1-.2.2-.2.3 0 .2.1.3.2.4l4.3 4.3c.2.2.6.2.8 0s.2-.6 0-.8l-4-3.9L5.2.9c.2-.2.2-.6 0-.8-.2-.2-.5-.2-.7.1L.2 4.5z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
}
/* breadcrumbs - start */

/* button tertiary */
.button--tertiary, .ButtonTertiary {
    background: #0077c8;
    border: solid 1px #0077c8;
}

.button--tertiary:not([disabled]):hover, .button--tertiary:not([disabled]):focus, .ButtonTertiary:not([disabled]):hover, .ButtonTertiary:not([disabled]):focus {
    background: #80C6E8;
    border: solid 1px #80C6E8;
}

/* Inverse Button - start */
.button--inverse-primary {
    border: solid 1px #0077c8;
}

.button--inverse-primary:not([disabled]):hover, .button--inverse-primary:not([disabled]):focus {
    border: solid 1px #0077c8;
    color: #0077c8;
}
/* Inverse Button - end */

/* expandcollapse - start */
.expandcollapse:before, .tabz__nav-item-body:before {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2215%22 height%3D%2215%22 viewBox%3D%220 0 15 15%22%3E%3Cpath fill-rule%3D%22evenodd%22 d%3D%22M8 7V0H7v7H0v1h7v7h1V8h7V7z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
}

.expandcollapse:after, .tabz__nav-item-body:after {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2215%22 height%3D%2215%22 viewBox%3D%220 0 15 15%22%3E%3Cpath fill-rule%3D%22evenodd%22 d%3D%22M0 7l15-.1v1L0 8V7z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
}
/* expandcollapse - end */

/* scrolldown - start */
.scrolldown__blink:hover, .scrolldown__blink:focus, .scrolldown__blink:active {
    color: #0077c8;
}

.scrolldown__icon:before, .scrolldown__icon:after {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%229%22 height%3D%2212%22 viewBox%3D%220 0 9 12%22%3E%3Cpath d%3D%22M4.2 11.9c-.1 0-.2-.1-.2-.2L.2 7.9c-.3-.3-.3-.7 0-1 .1-.1.3-.2.5-.2s.4.1.5.2l2.6 2.6V.7c0-.4.3-.7.7-.7.4 0 .7.3.7.7v8.8l2.6-2.6c.1-.1.3-.2.5-.2s.4.1.5.2c.1.2.2.3.2.5s-.1.4-.2.5L5 11.8l-.2.2c-.2 0-.4 0-.6-.1z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
}
/* scrolldown - start */

/* campaign item - start */
.link--secondary {
    border-bottom: solid 1px #0077c8;
}

.link--secondary:not(.link--disabled):hover, .link--secondary:not(.link--disabled):focus, .link--secondary:not(.link--disabled):active, a:hover .link--secondary:not(.link--disabled), a:focus .link--secondary:not(.link--disabled), a:active .link--secondary:not(.link--disabled) {
    background: #0077c8;
    border-color: #0077c8;
}

.campaign__link:after {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0;
    box-shadow: 0 0 155px #0077c8 inset;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    transition: all 300ms;
}
/* campaign item - end */

/* footer - start */
.footer-global .p-footer-container .links .site-link a:hover, .footer-global .p-footer-container .links .site-link a:focus {
    border-color: #0077c8;
}

.footer-global .p-footer-container .social-links li a:hover, .footer-global .p-footer-container .social-links li a:focus {
    border-bottom: 1px solid #0077c8;
}

.footer-global .p-footer-container .rte a {
    border-bottom: 1px solid #0077c8;
}

.footer-global .p-footer-container .rte a:hover, .footer-global .p-footer-container .rte a:focus {
    background-color: #0077c8;
}

.footer-global .c-logo img {
    position: absolute;
    width: 5%;
    top: 14px;
}
/* footer - end */


/* section navigation tile - start */
.navigation-tiles__items .item__icon:before {
    opacity: 1;
    background: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2219%22 height%3D%2215%22 viewBox%3D%220 0 19 15%22%3E%3Cpath d%3D%22M19 7.5c0-.2-.1-.4-.2-.5 0 0-.1-.1-.2-.1L11.3.2c-.3-.3-.7-.3-.9 0-.3.3-.3.7 0 .9l6.2 5.7H.7c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h15.9l-6.2 5.7c-.3.3-.3.7 0 .9.3.3.7.3.9 0l7.3-6.7c.1 0 .1-.1.2-.1.1-.1.2-.3.2-.5z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E") no-repeat center center;
}
/* section navigation tile - start */

/* article CTA - start */

.content-tile-section .tile .read-more:after {
    background-color: #0077c8;
}

.link--previous, .link--next{
    border-bottom: solid 1px #0077c8;
}

.slick-next:not(.slick-disabled):after {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22%3E%3Cpath d%3D%22M11.9 4.2c0-.1-.1-.2-.2-.2L7.9.2c-.3-.3-.7-.3-1 0-.1.1-.2.3-.2.5s.1.4.2.5l2.6 2.6H.7c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h8.8L6.9 7.8c-.1.1-.2.3-.2.5s.1.4.2.5c.2.1.3.2.5.2s.4-.1.5-.2L11.8 5l.2-.2c0-.2 0-.4-.1-.6z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
    width: 12px;
    height: 9px;
    background-size: 12px 9px;
}

.slick-prev:not(.slick-disabled):before {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22%3E%3Cpath d%3D%22M.1 4.2c0-.1.1-.2.2-.2L4 .2c.3-.3.7-.3 1 0 .1.1.2.3.2.5s-.1.4-.2.5L2.5 3.8h8.8c.4 0 .7.3.7.7 0 .4-.3.7-.7.7H2.5l2.6 2.6c.1.1.2.3.2.5s-.1.4-.2.5c-.2.1-.3.2-.5.2s-.4-.1-.6-.2L.2 5c-.1 0-.1-.1-.1-.2-.1-.2-.1-.4 0-.6z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
    width: 12px;
    height: 9px;
    background-size: 12px 9px;
}

.link--next:not(.link--disabled):hover, .link--next:not(.link--disabled):focus, .link--previous:not(.link--disabled):hover, .link--previous:not(.link--disabled):focus {
    background: #0077c8;
    border-color: #0077c8;
}
/* article CTA - end */

/* CTA Banner - start */
.CM06-cta-banner aside .cta-banner-text a {
    border-bottom: 2px solid #0077c8;
}

.CM06-cta-banner aside .cta-banner-text a:hover, .CM06-cta-banner aside .cta-banner-text a:focus {
    color: #0077c8;
}
/* CTA Banner - end */

/* homepage category item - start */
.homepage-category__items .item__cta span {
    border-bottom: solid 1px #0077c8;
}
/* homepage category item - end */

/* spinner - start */
.dd-spinner {
    display:none;
    position:relative
}

.dd-spinner__inner {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    margin:auto;
    border-radius:50%;
    width:150px;
    height:150px;
    border-top:20px solid #F4F4F4;
    border-right:20px solid #F4F4F4;
    border-bottom:20px solid #F4F4F4;
    border-left:20px solid #0077c8;
    -webkit-transform:translateZ(0);transform:translateZ(0)
    ;-webkit-animation-delay:0;
    animation-delay:0;
    -webkit-animation-duration:1500ms;
    animation-duration:1500ms;
    -webkit-animation-name:spinner;
    animation-name:spinner;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
}
@-webkit-keyframes spinner {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0);
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

.dd-spinner--fixed {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10000;
}

@media only screen and (min-width: 48em) {
    .dd-spinner--fixed .dd-spinner__inner {
        bottom:35%;
    }
}

.dd-spinner--absolute-block {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:400px;
}

.dd-spinner--block {
    position:relative;
    width:100% !important;
    height:240px;
}

@media only screen and (min-width: 40em) {
    .dd-spinner--block {
        height:300px;
    }
}

.dd-spinner--block .dd-spinner__inner {
    top:50%;
    margin-top:-75px;
}

.dd-spinner--more {
    position:relative;
    width:100%;
    height:200px;
    margin-bottom:50px;
}

@media only screen and (min-width: 40em) {
    .dd-spinner--more{
        margin-bottom:100px;
    }
}

/* spinner - end */

/* key messages title - start */ 
/* tick is an asset that is controlled in sitecore. */
.key-messages__title {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2213%22 height%3D%229%22 viewBox%3D%220 0 13 9%22%3E%3Cpath fill-rule%3D%22evenodd%22 d%3D%22M11.7.3c-.4-.4-1.1-.4-1.6 0L4.3 6.2 1.9 3.8c-.4-.4-1.1-.4-1.6 0-.4.4-.4 1.2 0 1.6l3.2 3.2c.4.4 1.1.4 1.6 0l6.6-6.7c.4-.4.4-1.1 0-1.6z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
}
/* key messages title - end */

/* link - start */
p a:not(.button), table a:not(.button), h1 a:not(.button), h2 a:not(.button), h3 a:not(.button), h4 a:not(.button), h5 a:not(.button), h6 a:not(.button), span:not(.scLooseFrameZone) a:not(.button), .rtes-life-stage a:not(.rtes-icon), .rtes-show-details a:not(.rtes-icon) {
    border-bottom: 1px solid #0077c8;
}

p a:hover:not(.button), table a:hover:not(.button), h1 a:hover:not(.button), h2 a:hover:not(.button), h3 a:hover:not(.button), h4 a:hover:not(.button), h5 a:hover:not(.button), h6 a:hover:not(.button), span:not(.scLooseFrameZone) a:hover:not(.button), .rtes-life-stage a:hover:not(.rtes-icon), .rtes-show-details a:hover:not(.rtes-icon), p a:focus:not(.button), table a:focus:not(.button), h1 a:focus:not(.button), h2 a:focus:not(.button), h3 a:focus:not(.button), h4 a:focus:not(.button), h5 a:focus:not(.button), h6 a:focus:not(.button), span:not(.scLooseFrameZone) a:focus:not(.button), .rtes-life-stage a:focus:not(.rtes-icon), .rtes-show-details a:focus:not(.rtes-icon), p a:active:not(.button), table a:active:not(.button), h1 a:active:not(.button), h2 a:active:not(.button), h3 a:active:not(.button), h4 a:active:not(.button), h5 a:active:not(.button), h6 a:active:not(.button), span:not(.scLooseFrameZone) a:active:not(.button), .rtes-life-stage a:active:not(.rtes-icon), .rtes-show-details a:active:not(.rtes-icon) {
    background-color: #0077c8;
}

.link--primary {
    border-bottom: solid 1px #0077c8;
}

.link--primary:not(.link--disabled):hover, .link--primary:not(.link--disabled):focus, .link--primary:not(.link--disabled):active, a:hover .link--primary:not(.link--disabled), a:focus .link--primary:not(.link--disabled), a:active .link--primary:not(.link--disabled) {
    background: #0077c8;
    border-color: #0077c8;
}

.link--primary:not(.link--disabled):after {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22%3E%3Cpath d%3D%22M11.9 4.2c0-.1-.1-.2-.2-.2L7.9.2c-.3-.3-.7-.3-1 0-.1.1-.2.3-.2.5s.1.4.2.5l2.6 2.6H.7c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h8.8L6.9 7.8c-.1.1-.2.3-.2.5s.1.4.2.5c.2.1.3.2.5.2s.4-.1.5-.2L11.8 5l.2-.2c0-.2 0-.4-.1-.6z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
}
/* link - end */

/* tabz - start */
.tabz__nav-item.is-active .tabz__nav-item-head, .tabz__nav-item.is-active.accordion-item .accordion-item__head {
    background-color: #0077c8;
}

.tabz__nav-item.is-active .tabz__nav-item-body {
    color: #0077c8;
}
/* tabz - end */

/* downloads - start */
.CM23-downloads .downloads a:hover, .CM23-downloads .downloads a:active, .CM23-downloads .downloads a:focus {
    border-color: #0077c8;
    outline: 2px solid #0077c8;
}

.CM23-downloads .downloads a:hover:after, .CM23-downloads .downloads a:active:after, .CM23-downloads .downloads a:focus:after {
    background-color: #0077c8;   
    border-left-color: #0077c8;  
}

.downloads a:after {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile%3D%22tiny%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2220%22 height%3D%2221%22 viewBox%3D%220 0 20 21%22%3E%3Cpath d%3D%22M3.6 10.7c-.3.3-.3.8 0 1.1l5.8 5.8s0 .1.1.1c.1.1.3.2.5.2s.4-.1.5-.2c0 0 0-.1.1-.1l5.8-5.8c.3-.3.3-.8 0-1.1-.3-.3-.8-.3-1.1 0l-4.6 4.6V.8c.1-.5-.3-.8-.7-.8s-.8.3-.8.8v14.5l-4.6-4.6c-.2-.3-.7-.3-1 0zm14.9-8.2h-3.3V4h2.5c.4 0 .8.3.8.8v13.8c0 .4-.3.8-.8.8H2.3c-.4 0-.8-.3-.8-.8V4.8c0-.4.3-.8.8-.8h2.5V2.5H1.5C.7 2.5 0 3.2 0 4.1v15.4c0 .8.7 1.5 1.5 1.5h16.9c.8 0 1.5-.7 1.5-1.5V4.1c.1-.9-.6-1.6-1.4-1.6z%22 fill%3D%22%230077c8%22/%3E%3C/svg%3E");
    width: 20px;
    height: 21px;
    background-size: 20px 21px;
}
/* downloads - end */

/* mobile menu get a quote button - start */
.nav-offscreen__get-a-quote {
    display: none;
}

.button--get-a-quote {
    background: #0077c8;
    border: solid 1px #0077c8;
}

.button--get-a-quote:not([disabled]):hover, .button--get-a-quote:not([disabled]):focus {
    border: solid 1px #0077c8;
    color: #0077c8;
}
/* mobile menu get a quote button - end */

/* about us tiles - start */
.homepage-category__items .item--color-2 a:before, .navigation-tiles__items .item--color-2 a:before {
    background: #80C6E8;
}
/* about us tiles - end */