.bg-primary.dark {
    background-color: #9b1812 !important;
}

.bg-primary.light {
    background-color: #ef7671 !important;
}

.bg-primary.lighter {
    background-color: #f7b8b5 !important;
}

.bg-primary.lightest {
    background-color: #fefafa !important;
}

.bg-success.dark {
    background-color: #758c22 !important;
}

.bg-success.light {
    background-color: #c1d95d !important;
}

.bg-success.lighter {
    background-color: #d6e599 !important;
}

.bg-success.lightest {
    background-color: #ecf3d4 !important;
}

.bg-info.dark {
    background-color: #004a62 !important;
}

.bg-info.light {
    background-color: #00baf1 !important;
}

.bg-info.lighter {
    background-color: #6bcff6 !important;
}

.bg-info.lightest {
    background-color: #c6eafa !important;
}

.bg-warning.dark {
    background-color: #894700 !important;
}

.bg-warning.light {
    background-color: #f79848 !important;
}

.bg-warning.lighter {
    background-color: #fbbb85 !important;
}

.bg-warning.lightest {
    background-color: #fee1c8 !important;
}

.bg-danger.dark {
    background-color: #990000 !important;
}

.bg-danger.light {
    background-color: #ff4d4d !important;
}

.bg-danger.lighter {
    background-color: #ff9999 !important;
}

.bg-danger.lightest {
    background-color: #ffe5e5 !important;
}

.bg-gray {
    background-color: #555555 !important;
}

    .bg-gray.dark {
        background-color: #333333 !important;
    }

    .bg-gray.light {
        background-color: #777777 !important;
    }

    .bg-gray.light2 {
        background-color: #b3b3b3 !important;
    }

    .bg-gray.light3 {
        background-color: #e6e6e6 !important;
    }

    .bg-gray.lighter {
        background-color: #eeeeee !important;
    }

    .bg-gray.lightest {
        background-color: #eceae6 !important;
    }

.bg-brand-gray-light {
    background-color: #eceae6 !important;
}

    .bg-brand-gray-light.dark {
        background-color: #d6d2c9 !important;
    }

.bg-brand-gray-dark {
    background-color: #d1d7db !important;
}

    .bg-brand-gray-dark.dark {
        background-color: #b4bec5 !important;
    }

.bg-highlight1.dark {
    background-color: #998000 !important;
}

.bg-highlight1.light {
    background-color: #ffda4d !important;
}

.bg-highlight1.lighter {
    background-color: #ffe794 !important;
}

.bg-highlight1.lightest {
    background-color: #fef5d2 !important;
}

.bg-highlight2.dark {
    background-color: #3e0d05 !important;
}

.bg-highlight2.light {
    background-color: #ad4930 !important;
}

.bg-highlight2.lighter {
    background-color: #c78168 !important;
}

.bg-highlight2.lightest {
    background-color: #e7c5b5 !important;
}

.bg-highlight3.dark {
    background-color: #7f0046 !important;
}

.bg-highlight3.light {
    background-color: #ef59a1 !important;
}

.bg-highlight3.lighter {
    background-color: #f499c2 !important;
}

.bg-highlight3.lightest {
    background-color: #fad5e5 !important;
}

.bg-highlight4.dark {
    background-color: #310b30 !important;
}

.bg-highlight4.light {
    background-color: #9252a1 !important;
}

.bg-highlight4.lighter {
    background-color: #b289be !important;
}

.bg-highlight4.lightest {
    background-color: #dacae3 !important;
}

.bg-highlight5.dark {
    background-color: #001934 !important;
}

.bg-highlight5.light {
    background-color: #406ab4 !important;
}

.bg-highlight5.lighter {
    background-color: #8393ca !important;
}

.bg-highlight5.lightest {
    background-color: #c7cde7 !important;
}

.bg-offer.dark {
    background-color: #3a1241 !important;
}

.bg-offer.light {
    background-color: #b43ec8 !important;
}

.bg-offer.lighter {
    background-color: #cb79d9 !important;
}

.bg-offer.lightest {
    background-color: #daa1e4 !important;
}
/*@link-color:            darken(@brand-info, 15%);*/
.transition-default {
    transition: all 0.125s;
}

.transition-fast {
    transition: all 0.05s;
}

.transition-slow {
    transition: all 0.250s;
}

.google-shadow {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
/*------------------------------------*\
    CUSTOM FONTS
\*------------------------------------*/
@font-face {
    font-family: 'museo-sans-rounded-300';
    src: url('/ContentUK/fonts/museo-sans-rounded-300-webfont.eot');
    src: url('/ContentUK/fonts/museo-sans-rounded-300-webfont.eot?#iefix') format('embedded-opentype'), url('/ContentUK/fonts/museo-sans-rounded-300-webfont.woff') format('woff'), url('/ContentUK/fonts/museo-sans-rounded-300-webfont.ttf') format('truetype'), url('/ContentUK/fonts/museo-sans-rounded-300-webfont.svg#museo-sans-rounded-300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo-sans-rounded-700';
    src: url('/ContentUK/fonts/museo-sans-rounded-700-webfont.eot');
    src: url('/ContentUK/fonts/museo-sans-rounded-700-webfont.eot?#iefix') format('embedded-opentype'), url('/ContentUK/fonts/museo-sans-rounded-700-webfont.woff') format('woff'), url('/ContentUK/fonts/museo-sans-rounded-700-webfont.ttf') format('truetype'), url('/ContentUK/fonts/museo-sans-rounded-700-webfont.svg#museo-sans-rounded-700') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,
body .homeserve_thin {
    font-family: 'museo-sans-rounded-300', "Trebuchet MS", Arial, sans-serif;
}

    body .homeserve_thick {
        font-family: 'museo-sans-rounded-700', "Trebuchet MS", Arial, sans-serif;
    }

body {
    font-size: 16px;
}

@font-face {
    font-family: 'HomeServe-Icons';
    src: url('/ContentUK/fonts/HomeServe-Icons.eot');
    src: url('/ContentUK/fonts/HomeServe-Icons.eot#iefix') format('embedded-opentype'), url('/ContentUK/fonts/HomeServe-Icons.ttf') format('truetype'), url('/ContentUK/fonts/HomeServe-Icons.woff') format('woff'), url('/ContentUK/fonts/HomeServe-Icons.svg#HomeServe-Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-hs"],
[class*=" icon-hs"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'HomeServe-Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor: default;
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="bg-icon icon-"] p,
[class*="bg-icon icon-"] p,
[class^="bg-icon icon-"] ul,
[class*="bg-icon icon-"] ul,
[class^="bg-icon icon-"] ol,
[class*="bg-icon icon-"] ol,
[class^="bg-icon icon-"] h1,
[class*="bg-icon icon-"] h1,
[class^="bg-icon icon-"] h2,
[class*="bg-icon icon-"] h2,
[class^="bg-icon icon-"] h3,
[class*="bg-icon icon-"] h3,
[class^="bg-icon icon-"] h4,
[class*="bg-icon icon-"] h4,
[class^="bg-icon icon-"] h5,
[class*="bg-icon icon-"] h5,
[class^="bg-icon icon-"] h6,
[class*="bg-icon icon-"] h6 {
    line-height: 1.42857143;
}

.icon-hs-heat-pump:before {
    content: "\e9c0";
}

.icon-hs-solar-power:before {
    content: "\e9c1";
}
.icon-hs-ev-charger:before {
    content: "\e9bf";
}

.icon-hs-boiler-cleanse:before {
    content: "\e9bc";
}

.icon-hs-thermostat-1:before {
    content: "\e9bd";
}

.icon-hs-thermostat-2:before {
    content: "\e9be";
}

.icon-hs-circle-star:before {
    content: "\e9b3";
}

.icon-hs-footsteps:before {
    content: "\e9b4";
}

.icon-hs-quick-time:before {
    content: "\e9b5";
}

.icon-hs-handshake:before {
    content: "\e9b6";
}

.icon-hs-plant:before {
    content: "\e9b7";
}

.icon-hs-recycle:before {
    content: "\e9b8";
}

.icon-hs-wrench:before {
    content: "\e9b9";
}

.icon-hs-spanner:before {
    content: "\e9ba";
}

.icon-hs-notification:before {
    content: "\e9bb";
}

.icon-hs-bullet-point:before {
    content: "\e9b2";
}

.icon-hs-open-in-new:before {
    content: "\e9b1";
}

.icon-hs-play-video:before {
    content: "\e9b0";
}
.icon-hs-guarantee:before {
    content: "\e9a9";
}

.icon-hs-calendar-empty:before {
    content: "\e9aa";
}

.icon-hs-calendar-event:before {
    content: "\e9ab";
}

.icon-hs-calendar-today:before {
    content: "\e9ac";
}

.icon-hs-other-other:before {
    content: "\e9ad";
}

.icon-hs-tap-other-fast:before {
    content: "\e9ae";
}

.icon-hs-tap-other-medium:before {
    content: "\e9af";
}

.icon-hs-no-hidden-costs:before {
    content: "\e9a8";
}

.icon-hs-gas-flame:before {
    content: "\e9a4";
}

.icon-hs-smelly-drain:before {
    content: "\e9a5";
}

.icon-hs-no-cold-water:before {
    content: "\e9a6";
}

.icon-hs-other:before {
    content: "\e9a7";
}

.icon-hs-claims-back:before {
    content: "\e9a0";
}

.icon-hs-upgrade-cover:before {
    content: "\e9a1";
}

.icon-hs-appliance:before {
    content: "\e9a2";
}

.icon-hs-new-appliance:before {
    content: "\e9a3";
}

.icon-hs-leaking-radiator:before {
    content: "\e99f";
}

.icon-hs-downstairs:before {
    content: "\e99d";
}

.icon-hs-upstairs:before {
    content: "\e99e";
}

.icon-hs-radio-button-on:before {
    content: "\e99b";
}

.icon-hs-radio-button-off:before {
    content: "\e99c";
}

.icon-hs-locks-keys:before {
    content: "\e985";
}

.icon-hs-mice-rats:before {
    content: "\e986";
}

.icon-hs-challenging-times:before {
    content: "\e987";
}

.icon-hs-external:before {
    content: "\e988";
}

.icon-hs-internal:before {
    content: "\e989";
}

.icon-hs-roof-damage:before {
    content: "\e98a";
}

.icon-hs-stop-tap:before {
    content: "\e98b";
}

.icon-hs-leaking-boiler:before {
    content: "\e98c";
}

.icon-hs-no-heating:before {
    content: "\e98d";
}

.icon-hs-noisy-boiler:before {
    content: "\e98e";
}

.icon-hs-noisy-radiator:before {
    content: "\e98f";
}

.icon-hs-no-hot-water:before {
    content: "\e990";
}

.icon-hs-no-lighting:before {
    content: "\e991";
}

.icon-hs-no-power:before {
    content: "\e992";
}

.icon-hs-sink:before {
    content: "\e993";
}

.icon-hs-tap:before {
    content: "\e994";
}

.icon-hs-tap-other:before {
    content: "\e995";
}

.icon-hs-blockage:before {
    content: "\e996";
}

.icon-hs-drain:before {
    content: "\e997";
}

.icon-hs-toilet:before {
    content: "\e998";
}

.icon-hs-book-manual:before {
    content: "\e999";
}

.icon-hs-leak:before {
    content: "\e99a";
}

.icon-hs-add-to-calendar:before {
    content: "\e984";
}

.icon-hs-compare-cover:before {
    content: "\e983";
}

.icon-hs-included:before {
    content: "\e978";
}

.icon-hs-compare:before {
    content: "\e92c";
}

.icon-hs-arrow-back:before {
    content: "\e916";
}

.icon-hs-arrow-downward:before {
    content: "\e934";
}

.icon-hs-arrow-forward:before {
    content: "\e93c";
}

.icon-hs-arrow-upward:before {
    content: "\e94e";
}

.icon-hs-link:before {
    content: "\e900";
}

.icon-hs-link-off:before {
    content: "\e906";
}

.icon-hs-menu-other:before {
    content: "\e90c";
}

.icon-hs-contact-email:before {
    content: "\e90d";
}

.icon-hs-cross-outline:before {
    content: "\e90e";
}

.icon-hs-notification-important:before {
    content: "\e90f";
}

.icon-hs-pdf:before {
    content: "\e929";
}

.icon-hs-phone-android:before {
    content: "\e92a";
}

.icon-hs-phone-iphone:before {
    content: "\e92b";
}

.icon-hs-place:before {
    content: "\e92f";
}

.icon-hs-remove:before {
    content: "\e931";
}

.icon-hs-search:before {
    content: "\e933";
}

.icon-hs-settings:before {
    content: "\e937";
}

.icon-hs-smart-watch:before {
    content: "\e93b";
}

.icon-hs-tablet-android:before {
    content: "\e942";
}

.icon-hs-tablet-mac:before {
    content: "\e94c";
}

.icon-hs-textfields:before {
    content: "\e956";
}

.icon-hs-thumbs-up:before {
    content: "\e957";
}

.icon-hs-tick-outline:before {
    content: "\e958";
}

.icon-hs-username:before {
    content: "\e959";
}

.icon-hs-devices:before {
    content: "\e95a";
}

.icon-hs-devices-other:before {
    content: "\e95b";
}

.icon-hs-electrics-usa:before {
    content: "\e95c";
}

.icon-hs-error:before {
    content: "\e95d";
}

.icon-hs-error-outline:before {
    content: "\e95e";
}

.icon-hs-excluded:before {
    content: "\e95f";
}

.icon-hs-expand:before {
    content: "\e960";
}

.icon-hs-heating-cooling:before {
    content: "\e961";
}

.icon-hs-home:before {
    content: "\e962";
}

.icon-hs-laptop-mac:before {
    content: "\e963";
}

.icon-hs-licensed-technician:before {
    content: "\e964";
}

.icon-hs-locked:before {
    content: "\e965";
}

.icon-hs-more:before {
    content: "\e966";
}

.icon-hs-parts-labour:before {
    content: "\e967";
}

.icon-hs-year-guarantee:before {
    content: "\e968";
}

.icon-hs-year-guarantee-2:before {
    content: "\e96a";
}

.icon-hs-all-day-helpline:before {
    content: "\e96b";
}

.icon-hs-add-comment:before {
    content: "\e96c";
}

.icon-hs-alert-outline:before {
    content: "\e96d";
}

.icon-hs-email-alternate:before {
    content: "\e982";
}

.icon-hs-apps:before {
    content: "\e971";
}

.icon-hs-blog:before {
    content: "\e972";
}

.icon-hs-collapse:before {
    content: "\e97d";
}

.icon-hs-combo-plan:before {
    content: "\e97e";
}

.icon-hs-desktop-laptop:before {
    content: "\e97f";
}

.icon-hs-desktop-mac:before {
    content: "\e980";
}

.icon-hs-desktop-windows:before {
    content: "\e981";
}

.icon-hs-chevron-right:before {
    content: "\e97c";
}

.icon-hs-visibility-on:before {
    content: "\e97a";
}

.icon-hs-visibility-off:before {
    content: "\e97b";
}

.icon-hs-secure-shield:before {
    content: "\e979";
}

.icon-hs-instagram:before {
    content: "\e977";
}

.icon-hs-chevron-down:before {
    content: "\e975";
}

.icon-hs-chevron-up:before {
    content: "\e976";
}

.icon-hs-chevron-left:before {
    content: "\e974";
}

.icon-hs-notification-active:before {
    content: "\e973";
}

.icon-hs-change-appointment:before {
    content: "\e96f";
}

.icon-hs-cancel-appointment:before {
    content: "\e970";
}

.icon-hs-star-half:before {
    content: "\e96e";
}

.icon-hs-star-o:before {
    content: "\e969";
}

.icon-hs-arrow-right:before {
    content: "\e952";
}

.icon-hs-arrow-left:before {
    content: "\e953";
}

.icon-hs-arrow-up:before {
    content: "\e954";
}

.icon-hs-arrow-down:before {
    content: "\e955";
}

.icon-hs-nav-bars:before {
    content: "\e951";
}

.icon-hs-star:before {
    content: "\e941";
}

.icon-hs-existing-password:before {
    content: "\e943";
}

.icon-hs-new-password:before {
    content: "\e944";
}

.icon-hs-confirm-password:before {
    content: "\e945";
}

.icon-hs-email-address:before {
    content: "\e946";
}

.icon-hs-name:before {
    content: "\e947";
}

.icon-hs-initial:before {
    content: "\e948";
}

.icon-hs-policy-number:before {
    content: "\e949";
}

.icon-hs-postcode:before {
    content: "\e94a";
}

.icon-hs-street:before {
    content: "\e94b";
}

.icon-hs-payment-frequency:before {
    content: "\e94d";
}

.icon-hs-message:before {
    content: "\e94f";
}

.icon-hs-town-city:before {
    content: "\e950";
}

.icon-hs-video-chat:before {
    content: "\e93e";
}

.icon-hs-smiley-face:before {
    content: "\e93f";
}

.icon-hs-video-call:before {
    content: "\e940";
}

.icon-hs-boiler-health-check:before {
    content: "\e93a";
}

.icon-hs-payment-details:before {
    content: "\e93d";
}

.icon-hs-download:before {
    content: "\e939";
}

.icon-hs-plus:before {
    content: "\e938";
}

.icon-hs-add-policy:before {
    content: "\e92e";
}

.icon-hs-cta-arrow:before {
    content: "\e930";
}

.icon-hs-document:before {
    content: "\e932";
}

.icon-hs-new-boiler:before {
    content: "\e935";
}

.icon-hs-pdplus:before {
    content: "\e936";
}

.icon-hs-register:before {
    content: "\e926";
}

.icon-hs-post-address:before {
    content: "\e92d";
}

.icon-hs-info-circle-o:before {
    content: "\e927";
}

.icon-hs-info-circle:before {
    content: "\e928";
}

.icon-hs-cross:before {
    content: "\e921";
}

.icon-hs-tick:before {
    content: "\e922";
}

.icon-hs-session-expired:before {
    content: "\e923";
}

.icon-hs-login:before {
    content: "\e924";
}

.icon-hs-logout:before {
    content: "\e925";
}

.icon-hs-payment:before {
    content: "\e91f";
}

.icon-hs-time:before {
    content: "\e920";
}

.icon-hs-youtube:before {
    content: "\e91a";
}

.icon-hs-customer-offers:before {
    content: "\e91b";
}

.icon-hs-facebook:before {
    content: "\e91c";
}

.icon-hs-linked-in:before {
    content: "\e91d";
}

.icon-hs-twitter:before {
    content: "\e91e";
}

.icon-hs-claim:before {
    content: "\e917";
}

.icon-hs-move-house:before {
    content: "\e918";
}

.icon-hs-video:before {
    content: "\e919";
}

.icon-hs-aviva-arrow:before {
    content: "\e915";
}

.icon-hs-houses-flats:before {
    content: "\e914";
}

.icon-hs-boiler:before {
    content: "\e901";
}

.icon-hs-boiler-service:before {
    content: "\e902";
}

.icon-hs-cp12:before {
    content: "\e903";
}

.icon-hs-electrical-emergency:before {
    content: "\e904";
}

.icon-hs-electricals:before {
    content: "\e905";
}

.icon-hs-gas-central-heating:before {
    content: "\e907";
}

.icon-hs-gas-supply-pipe:before {
    content: "\e908";
}

.icon-hs-help:before {
    content: "\e909";
}

.icon-hs-help-circle:before {
    content: "\e90a";
}

.icon-hs-help-circle-o:before {
    content: "\e90b";
}

.icon-hs-pests:before {
    content: "\e910";
}

.icon-hs-plumbing:before {
    content: "\e911";
}

.icon-hs-security:before {
    content: "\e912";
}

.icon-hs-water-supply-pipe:before {
    content: "\e913";
}

.icon-hs-apartments-flats:before {
    content: "\e61f";
}

.icon-hs-alert:before {
    content: "\e600";
}

.icon-hs-boiler-flame:before {
    content: "\e601";
}

.icon-hs-call:before {
    content: "\e602";
}

.icon-hs-chat:before {
    content: "\e603";
}

.icon-hs-claim2:before {
    content: "\e605";
}

.icon-hs-contact-details:before {
    content: "\e606";
}

.icon-hs-contact-us:before {
    content: "\e607";
}

.icon-hs-cover:before {
    content: "\e608";
}

.icon-hs-customer:before {
    content: "\e609";
}

.icon-hs-customer-chat:before {
    content: "\e60a";
}

.icon-hs-date:before {
    content: "\e60b";
}

.icon-hs-edit:before {
    content: "\e60c";
}

.icon-hs-existing-customer:before {
    content: "\e60e";
}

.icon-hs-logo:before {
    content: "\e60f";
}

.icon-hs-policy:before {
    content: "\e610";
}

.icon-hs-profile:before {
    content: "\e612";
}

.icon-hs-renew1:before {
    content: "\e613";
}

.icon-hs-renew2:before {
    content: "\e614";
}

.icon-hs-renew-policy:before {
    content: "\e615";
}

.icon-hs-repair:before {
    content: "\e616";
}

.icon-hs-repair2:before {
    content: "\e617";
}

.icon-hs-repair-date:before {
    content: "\e618";
}

.icon-hs-sms:before {
    content: "\e619";
}

.icon-hs-text:before {
    content: "\e61a";
}

.icon-hs-to-let-sign:before {
    content: "\e61b";
}

.icon-hs-tracking:before {
    content: "\e61c";
}

.icon-hs-ubend:before {
    content: "\e61d";
}

.icon-hs-05x {
    font-size: 0.5em !important;
}

.icon-hs-1-5x {
    font-size: 1.5em !important;
}

.icon-hs-2x {
    font-size: 2em !important;
}

.icon-hs-2-5x {
    font-size: 2.5em !important;
}

.icon-hs-3x {
    font-size: 3em !important;
}

.icon-hs-4x {
    font-size: 4em !important;
}

.icon-hs-5x {
    font-size: 5em !important;
}

/*To display icons left of titles or content (similar to list styles with bullet points)*/
.icon-list-style {
    position: relative;
    margin-left: 50px;
}

    .icon-list-style > i {
        position: absolute;
        top: -4px;
        left: -50px;
        display: inline-block;
        line-height: 1;
    }

p.icon-list-style > i {
    left: -40px;
}

    p.icon-list-style > i.icon-hs-3x {
        left: -50px;
    }

.bg-icon {
    overflow: hidden;
}

.bg-icon,
.bg-icon-inner {
    position: relative;
}

.bg-icon-inner {
    z-index: 2;
    width: 100%;
}

    .bg-icon-inner,
    .bg-icon-inner p.lead {
        font-family: 'museo-sans-rounded-300', "Trebuchet MS", Arial, sans-serif;
    }

        .bg-icon-inner p,
        .bg-icon-inner ul,
        .bg-icon-inner ol {
            font-family: 'museo-sans-rounded-300', "Trebuchet MS", Arial, sans-serif;
        }

        .bg-icon-inner.shorter {
            width: 80%;
        }

.bg-icon:before {
    font-style: normal;
    font-weight: normal;
    position: absolute;
    font-size: 14em;
    color: lightgrey;
    bottom: -5%;
    right: -5%;
    z-index: 1;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.well.bg-icon {
    overflow: hidden;
}

    .well.bg-icon:before {
        opacity: 0.4;
    }

.panel.bg-icon:before {
    opacity: 0.2;
}

@font-face {
    font-family: 'forza_bold';
    src: url('/ContentUK/fonts/forza-bold.eot');
    src: url('/ContentUK/fonts/forza-bold.eot?#iefix') format('embedded-opentype'), url('/ContentUK/fonts/forza-bold.woff') format('woff'), url('/ContentUK/fonts/forza-bold.ttf') format('truetype'), url('/ContentUK/fonts/forza-bold.svg#forza_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato_bold';
    src: url('/ContentUK/fonts/lato-bold.eot');
    src: url('/ContentUK/fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('/ContentUK/fonts/lato-bold.woff') format('woff'), url('/ContentUK/fonts/lato-bold.ttf') format('truetype'), url('/ContentUK/fonts/lato-bold.svg#lato_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body .forza_bold {
    font-family: 'forza_bold', Arial, Verdana;
}

body .lato_bold {
    font-family: 'lato_bold', Arial, Verdana;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'museo-sans-rounded-300', "Trebuchet MS", Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small,
    .h1 small,
    .h2 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small,
    h1 .small,
    h2 .small,
    h3 .small,
    h4 .small,
    h5 .small,
    h6 .small,
    .h1 .small,
    .h2 .small,
    .h3 .small,
    .h4 .small,
    .h5 .small,
    .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #666;
    }

h1, .h1, h2, .h2 {
    font-family: 'museo-sans-rounded-700', "Trebuchet MS", Arial, sans-serif;
    color: #333;
}

h1, .h1 {
    margin-top: 20px;
  }

h2, .h2 {
    line-height: 34px;
}

h3,
.h3 {
    line-height: 30px;
}

h2,
.h2,
h3,
.h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

    h2 small,
    .h2 small,
    h3 small,
    .h3 small,
    h2 .small,
    .h2 .small,
    h3 .small,
    .h3 .small {
        font-size: 65%;
    }

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 0;
    margin-bottom: 10px;
}

    h4 small,
    .h4 small,
    h5 small,
    .h5 small,
    h6 small,
    .h6 small,
    h4 .small,
    .h4 .small,
    h5 .small,
    .h5 .small,
    h6 .small,
    .h6 .small {
        font-size: 75%;
    }

h1,
.h1 {
    font-size: 24px;
    line-height: 32px;
}

@media (min-width: 768px) {
    h1,
    .h1 {
        font-size: 40px;
        line-height: 54px;
    }
}

h2,
.h2 {
    font-size: 26px;
}

@media (min-width: 768px) {
    h2,
    .h2 {
        font-size: 26px;
    }
}

h3,
.h3 {
    font-size: 22px;
}

@media (min-width: 768px) {
    h3,
    .h3 {
        font-size: 22px;
    }
}

h4,
.h4 {
    font-size: 18px;
}

@media (min-width: 768px) {
    h4,
    .h4 {
        font-size: 18px;
    }
}

h5,
.h5 {
    font-size: 16px;
}

@media (min-width: 768px) {
    h5,
    .h5 {
        font-size: 16px;
    }
}

h6,
.h6 {
    font-size: 14px;
}

p {
    margin: 0 0 20px;
}

    p.lead,
    p.lead-large,
    p.lead-larger {
        font-family: 'museo-sans-rounded-300', "Trebuchet MS", Arial, sans-serif;
    }

.lead,
.lead-large,
.lead-larger {
    margin-bottom: 20px;
    font-weight: 300;
    line-height: 1.4;
}

.lead {
    font-size: 18px;
}

.lead-large {
    font-size: 22px;
}

.lead-larger {
    font-size: 26px;
}

small,
.small {
    font-size: 87%;
}

strong,
.strong {
    font-family: 'museo-sans-rounded-700';
}

mark,
.mark {
    background-color: #fee1c8;
    padding: .2em;
}

#loading-wrench .cls-1 {
    fill: #f9f9f9;
}

#loading-wrench g {
    animation: rotate-back-forth 1.5s ease-out infinite;
}

#loading-wrench #nut {
    animation: rotate-turn-pause 1.5s ease-out infinite;
}

#loading-wrench .cls-2,
#loading-boiler .cls-2 {
    fill: #e7342c;
}

#loading-wrench .cls-3,
#loading-boiler .cls-3 {
    fill: #6a6a6a;
}

#loading-boiler #left-dial {
    animation: dial-turn-pause 10s ease-out infinite;
}

#loading-boiler #flame1 {
    opacity: 0;
    animation: flicker 10s 1.6s ease infinite;
}

#loading-boiler #flame2 {
    opacity: 0;
    animation: flicker 10s 1.9s ease infinite;
}

#loading-boiler #flame3 {
    opacity: 0;
    animation: flicker 10s 2.2s ease infinite;
}

#loading-boiler #thirty-five {
    animation: digital-display1 10s 1.1s ease infinite;
}

#loading-boiler #forty {
    opacity: 0;
    animation: digital-display2 10s 1.1s ease infinite;
}

#loading-boiler #forty-five {
    opacity: 0;
    animation: digital-display3 10s 1.2s ease infinite;
}

#loading-boiler #fifty {
    opacity: 0;
    animation: digital-display4 10s 1.3s ease infinite;
}

#loading-boiler #fifty-five {
    opacity: 0;
    animation: digital-display5 10s 1.4s ease infinite;
}

#loading-boiler #flame2 {
    opacity: 0;
    animation: flicker 10s 1.9s ease infinite;
}

#loading-boiler #flame3 {
    opacity: 0;
    animation: flicker 10s 2.2s ease infinite;
}

#loading-boiler #thirty-five {
    animation: digital-display1 10s 1.1s ease infinite;
}

#loading-boiler #forty {
    opacity: 0;
    animation: digital-display2 10s 1.1s ease infinite;
}

#loading-boiler #forty-five {
    opacity: 0;
    animation: digital-display3 10s 1.2s ease infinite;
}

#loading-boiler #fifty {
    opacity: 0;
    animation: digital-display4 10s 1.3s ease infinite;
}

#loading-boiler #fifty-five {
    opacity: 0;
    animation: digital-display5 10s 1.4s ease infinite;
}

/*Homepage -- Feature wells*/
.product-image {
    position: relative;
}

.product-label {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 5px 19px;
    margin-left: -19px;
    width: 125%;
    background: rgba(0,0,0,0.50);
    color: white;
    margin-right: -19px;
}


@media (min-width: 992px) {
    .reevoo-container {
        text-align: center;
        border: 1px solid #eceae6;
        margin-bottom: 20px;
        padding: 6px 0 0;
    }
}

@media (min-width: 1200px) {
    .reevoo-container {
        padding: 18px 0 10px;
    }
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}
/*.text-center-xs      {
    text-align:center;
        @media (min-width: @screen-xs-min) {
            text-align:inherit;
        }
}*/
.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777777;
}

.text-white {
    color: white !important;
}

.text-black {
    color: #333 !important;
}

@media (max-width:767px) {
    .text-black-xs {
        color: #000 !important;
    }
}

.text-link {
    color: #0096c8;
}

.text-standard {
    color: #333333;
}

.text-primary {
    color: #E62419 !important;
}

a.text-primary:hover {
    color: #B92A23 !important;
}

.text-success {
    color: #007681 !important;
}

a.text-success:hover {
    color: #98b52c !important;
}

.text-info {
    color: #0078A0 !important;
}

a.text-info:hover {
    color: #007095 !important;
}

.text-warning {
    color: #ef7c00 !important;
}

a.text-warning:hover {
    color: #bc6200 !important;
}

.text-danger {
    color: #ff0000 !important;
}

a.text-danger:hover {
    color: #cc0000 !important;
}

.text-offer {
    color: #9623ff !important;
}

a.text-offer:hover {
    color: #7d00ef !important;
}

.text-highlight1 {
    color: #ffd500 !important;
}

a.text-highlight1:hover {
    color: #ccaa00 !important;
}

.text-highlight2 {
    color: #9d200c !important;
}

a.text-highlight2:hover {
    color: #6e1608 !important;
}

.text-highlight3 {
    color: #e5007e !important;
}

a.text-highlight3:hover {
    color: #b20062 !important;
}

.text-highlight4 {
    color: #831f81 !important;
}

a.text-highlight4:hover {
    color: #5a1558 !important;
}

.text-highlight5 {
    color: #00499a !important;
}

a.text-highlight5:hover {
    color: #003167 !important;
}

.text-gray-light {
    color: #eceae6 !important;
}

a.text-gray-light:hover {
    color: #d6d2c9 !important;
}

.text-gray-light.light {
    color: #f3f1ef !important;
}

a.text-gray-light.light:hover {
    color: #ddd9d2 !important;
}

.text-gray-light.lighter {
    color: #f9f9f7 !important;
}

a.text-gray-light.lighter:hover {
    color: #e3e0da !important;
}

.text-gray-light.dark {
    color: #d6d2c9 !important;
}

a.text-gray-light.dark:hover {
    color: #c0b9ac !important;
}

.text-gray-light.darker {
    color: #b5ad9e !important;
}

a.text-gray-light.darker:hover {
    color: #9f9581 !important;
}

.text-gray-light.darkest {
    color: #948972 !important;
}

a.text-gray-light.darkest:hover {
    color: #786e5b !important;
}

.text-gray-dark {
    color: #d1d7db !important;
}

a.text-gray-dark:hover {
    color: #b4bec5 !important;
}

.text-gray-dark.light {
    color: #dadee2 !important;
}

a.text-gray-dark.light:hover {
    color: #bdc6cb !important;
}

.text-gray-dark.lighter {
    color: #e2e6e8 !important;
}

a.text-gray-dark.lighter:hover {
    color: #c6cdd2 !important;
}

.text-gray-dark.lightest {
    color: #ebedef !important;
}

a.text-gray-dark.lightest:hover {
    color: #ced5d9 !important;
}

.text-gray-dark.dark {
    color: #b4bec5 !important;
}

a.text-gray-dark.dark:hover {
    color: #98a5ae !important;
}

.text-gray-dark.darker {
    color: #8999a3 !important;
}

a.text-gray-dark.darker:hover {
    color: #6e808c !important;
}

.text-gray-dark.darkest {
    color: #62737e !important;
}

a.text-gray-dark.darkest:hover {
    color: #4c5961 !important;
}

.bg-primary {
    color: #ffffff;
    background-color: #e7342c !important;
}

a.bg-primary:hover {
    background-color: #c91f17 !important;
}

.bg-success {
    color: #333333;
    background-color: #b3d143 !important;
}

a.bg-success:hover {
    background-color: #98b52c !important;
}

.bg-info {
    color: #ffffff;
    background-color: #0096c8 !important;
}

a.bg-info:hover {
    background-color: #007095 !important;
}

.bg-warning {
    color: #ffffff;
    background-color: #ef7c00 !important;
}

a.bg-warning:hover {
    background-color: #bc6200 !important;
}

.bg-danger {
    color: #ffffff;
    background-color: #ff0000 !important;
}

a.bg-danger:hover {
    background-color: #cc0000 !important;
}

.bg-gray {
    background-color: #555555 !important;
    color: #fff;
}

a.bg-gray:hover {
    background-color: #3c3c3c !important;
}

.bg-cream {
    color: #333333;
    background-color: #eee6c0 !important;
}

a.bg-cream:hover {
    background-color: #e3d698 !important;
}

.bg-gray.dark {
    color: white;
}

.bg-gray.light {
    color: #333333;
}

.bg-gray.light2 {
    color: #333333;
}

.bg-gray.light3 {
    color: #333333;
}

.bg-gray.lighter {
    color: #333333;
}

.bg-gray.lightest {
    color: #333333;
}

.bg-highlight1 {
    background-color: #ffd500 !important;
}

a.bg-highlight1:hover {
    background-color: #ccaa00 !important;
}

.bg-highlight2 {
    color: #fff;
    background-color: #9d200c !important;
}

a.bg-highlight2:hover {
    background-color: #6e1608 !important;
}

.bg-highlight3 {
    color: #fff;
    background-color: #e5007e !important;
}

a.bg-highlight3:hover {
    background-color: #b20062 !important;
}

.bg-highlight4 {
    color: #fff;
    background-color: #831f81 !important;
}

a.bg-highlight4:hover {
    background-color: #5a1558 !important;
}

.bg-highlight5 {
    color: #fff;
    background-color: #00499a !important;
}

a.bg-highlight5:hover {
    background-color: #003167 !important;
}

.bg-white {
    background: #fff !important;
}

.bg-purple,
.bg-offer {
    color: #fff;
    background-color: #9623ff !important;
}

a.bg-purple:hover,
a.bg-offer:hover {
    background-color: #7d00ef !important;
}

.bg-brand-gray-light {
    color: #333333;
}

.bg-brand-gray-dark {
    color: #333333;
}

.border {
    border: 1px solid !important;
}

.border-offer {
    border-color: #9623ff !important;
}

.border-info {
    border-color: #0096c8 !important;
}

.border-primary {
    border-color: #e7342c !important;
}

.border-success {
    border-color: #b3d143 !important;
}

.border-warning {
    border-color: #ef7c00 !important;
}

.border-danger {
    border-color: #ff0000 !important;
}

.border-gray-light {
    border-color: #eceae6 !important;
}

.border-gray-dark {
    border-color: #d1d7db !important;
}

.border-curved {
    border-radius: 20px;
}

a {
    color: #0078A0;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    margin-top: 0px;
    border-bottom: 1px solid #eeeeee;
}

    .page-header.page-header-thick {
        padding-bottom: 9px;
        margin: 40px 0;
        border-bottom: 2px solid #eeeeee;
    }

    .page-header.page-header-primary {
        border-color: #e7342c;
    }

.page-header-link {
    text-align: right;
}

    .page-header-link h1 {
        text-align: left;
    }

    .page-header-link .btn {
        display: inline;
    }

.page-header-list .list-inline {
    clear: both;
    float: left;
    margin-bottom: 0px;
}

@media (min-width: 768px) {
    .page-header-list .list-inline {
        clear: none;
        float: right;
    }
}

.page-header-list .list-inline li {
    clear: both;
    float: left;
}

@media (min-width: 768px) {
    .page-header-list .list-inline li {
        clear: none;
        float: none;
        padding-right: 20px;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777777;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 20px;
    border-left: 5px solid #eeeeee;
}

    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
        margin-bottom: 0;
    }

    blockquote footer,
    blockquote small,
    blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.25;
        color: #777777;
    }

        blockquote footer:before,
        blockquote small:before,
        blockquote .small:before {
            content: '\2014 \00A0';
        }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eeeeee;
        border-left: 0;
        text-align: right;
    }

        .blockquote-reverse footer:before,
        blockquote.pull-right footer:before,
        .blockquote-reverse small:before,
        blockquote.pull-right small:before,
        .blockquote-reverse .small:before,
        blockquote.pull-right .small:before {
            content: '';
        }

        .blockquote-reverse footer:after,
        blockquote.pull-right footer:after,
        .blockquote-reverse small:after,
        blockquote.pull-right small:after,
        .blockquote-reverse .small:after,
        blockquote.pull-right .small:after {
            content: '\00A0 \2014';
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.25;
}

#preloader {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    z-index: 9999;
    /*Modal*/
}

    #preloader > .mdl {
        position: relative;
        width: auto;
        margin: 20px;
    }

@media (min-width: 576px) {
    #preloader > .mdl {
        max-width: 400px;
        margin: 50px auto;
    }
}

#preloader > .mdl > .mdl-content {
    display: block;
    position: relative;
    margin-top: 40px;
    background-color: #fff;
    text-align: center;
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 8px;
    z-index: 3;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7);
    color: #757575;
    /*SVG Animation*/
}

@media (min-width: 576px) {
    #preloader > .mdl > .mdl-content {
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7);
    }
}

#preloader > .mdl > .mdl-content .h1 {
    font-size: 32px /*32px*/;
    line-height: 24px /*24px*/;
}

@media (min-width: 576px) {
    #preloader > .mdl > .mdl-content .h1 {
        font-size: 48px /*48px*/;
        line-height: 32px /*32px*/;
    }
}

#preloader > .mdl > .mdl-content .h2 {
    font-size: 18px;
}

@media (min-width: 576px) {
    #preloader > .mdl > .mdl-content .h2 {
        font-size: 22px;
    }
}

#preloader > .mdl > .mdl-content .h1,
#preloader > .mdl > .mdl-content .h2 {
    color: #757575 !important;
}

#preloader > .mdl > .mdl-content #loading .cls-1,
#preloader > .mdl > .mdl-content #loading .cls-4 {
    fill: none;
}

#preloader > .mdl > .mdl-content #loading .cls-1 {
    stroke: #757575;
    stroke-miterlimit: 10;
    stroke-width: 4px;
}

#preloader > .mdl > .mdl-content #loading .cls-2 {
    fill: #e7342c;
}

#preloader > .mdl > .mdl-content #loading .cls-3 {
    fill: #fff;
}

#preloader > .mdl > .mdl-content #loading .cls-4 {
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
}

#preloader > .mdl > .mdl-content #loading circle,
#preloader > .mdl > .mdl-content #loading path.cls-2,
#preloader > .mdl > .mdl-content #loading path.cls-3 {
    opacity: 0;
}

#preloader > .mdl > .mdl-content #loading .loader-circle-1 {
    animation: fade-in-out 2s ease infinite 0.4s;
}

#preloader > .mdl > .mdl-content #loading .loader-circle-2 {
    animation: fade-in-out 2s ease infinite 0.6s;
}

#preloader > .mdl > .mdl-content #loading .loader-circle-3 {
    animation: fade-in-out 2s ease infinite 0.8s;
}

#preloader > .mdl > .mdl-content #loading .loader-circle-4 {
    animation: fade-in-out 2s ease infinite 1s;
}

#preloader > .mdl > .mdl-content #loading .loader-circle-5 {
    animation: fade-in-out 2s ease infinite 1.2s;
}

@keyframes fade-in-out {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        opacity: 0;
    }
}

#preloader > .mdl > .mdl-content #loading .circle-1 {
    animation: circle-anim 1s ease forwards 4s;
}

#preloader > .mdl > .mdl-content #loading .circle-2 {
    animation: circle-anim 1s ease forwards 10s;
}

#preloader > .mdl > .mdl-content #loading .circle-3 {
    animation: circle-anim 1s ease forwards 16s;
}

@keyframes circle-anim {
    100% {
        opacity: 1;
        transform: scale(1);
        transform-origin: center;
    }
}

#preloader > .mdl > .mdl-content #loading .customer-icon {
    animation: fadeIn-anim 1s ease forwards 5s;
}

#preloader > .mdl > .mdl-content #loading .home-icon {
    animation: fadeIn-anim 1s ease forwards 11s;
}

#preloader > .mdl > .mdl-content #loading .policy-icon {
    animation: fadeIn-anim 1s ease forwards 17s;
}

@keyframes fadeIn-anim {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1.0;
    }
}

#preloader > .mdl > .mdl-content #loading .red-circle-1,
#preloader > .mdl > .mdl-content #loading .red-circle-stroke-1 {
    animation: fadeIn-anim 0.5s ease forwards 7s;
}

#preloader > .mdl > .mdl-content #loading .red-circle-2,
#preloader > .mdl > .mdl-content #loading .red-circle-stroke-2 {
    animation: fadeIn-anim 0.5s ease forwards 13s;
}

#preloader > .mdl > .mdl-content #loading .red-circle-3,
#preloader > .mdl > .mdl-content #loading .red-circle-stroke-3 {
    animation: fadeIn-anim 0.5s ease forwards 19s;
}

#preloader > .mdl > .mdl-content #loading polyline {
    stroke-dasharray: 38;
    stroke-dashoffset: 38;
}

#preloader > .mdl > .mdl-content #loading .tick-1 {
    animation: tick-anim 0.5s ease forwards 7.5s;
}

#preloader > .mdl > .mdl-content #loading .tick-2 {
    animation: tick-anim 0.5s ease forwards 13.5s;
}

#preloader > .mdl > .mdl-content #loading .tick-3 {
    animation: tick-anim 0.5s ease forwards 19.5s;
}

@keyframes tick-anim {
    to {
        stroke-dashoffset: 0;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 20px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 0px solid transparent;
    border-bottom-width: 3px;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.25;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: #333333;
        text-decoration: none;
        margin-top: 2px;
        border-bottom-width: 1px;
    }

    .btn:active,
    .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-full {
        white-space: normal;
        width: 100%;
    }

    .btn.btn-wrap {
        white-space: normal;
        width: 100%;
    }

@media (min-width: 768px) {
    .btn.btn-wrap {
        white-space: nowrap;
        width: auto;
    }
}

.btn-default {
    color: #333333;
    background-color: #e9e9e9;
    border-color: #c9c9c9;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #333333;
        background-color: #d0d0d0;
        border-color: #aaaaaa;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #e9e9e9;
        border-color: #c9c9c9;
    }

    .btn-default .badge {
        color: #e9e9e9;
        background-color: #333333;
    }

.btn-primary {
    color: #ffffff;
    background-color: #E62419;
    border-color: #e02219;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #c91f17;
        border-color: #a91a13;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #e7342c;
        border-color: #e02219;
    }

    .btn-primary .badge {
        color: #e7342c;
        background-color: #ffffff;
    }

.btn-success {
    color: #333333;
    background-color: #b3d143;
    border-color: #a9c931;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #333333;
        background-color: #98b52c;
        border-color: #809825;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #b3d143;
        border-color: #a9c931;
    }

    .btn-success .badge {
        color: #b3d143;
        background-color: #333333;
    }

    .btn-success:hover,
    .btn-success:focus {
        color: black;
    }

.btn-info {
    color: #ffffff;
    background-color: #0078A0;
    border-color: #0083af;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #007095;
        border-color: #005571;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #0096c8;
        border-color: #0083af;
    }

    .btn-info .badge {
        color: #0096c8;
        background-color: #ffffff;
    }

.btn-warning {
    color: #333333;
    background-color: #ef7c00;
    border-color: #d66f00;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus,
    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #333333;
        background-color: #bc6200;
        border-color: #984f00;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
        background-color: #ef7c00;
        border-color: #d66f00;
    }

    .btn-warning .badge {
        color: #ef7c00;
        background-color: #333333;
    }

.btn-danger {
    color: #ffffff;
    background-color: #ff0000;
    border-color: #e60000;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus,
    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #cc0000;
        border-color: #a80000;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #ff0000;
        border-color: #e60000;
    }

    .btn-danger .badge {
        color: #ff0000;
        background-color: #ffffff;
    }

.btn-link {
    color: #0096c8;
    font-weight: normal;
    border-radius: 0;
}

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #005d7c;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #777777;
                text-decoration: none;
            }

.btn-ghost {
    color: #0096c8;
    font-weight: normal;
    border: 1px solid #0096c8;
    border-bottom-width: 3px;
}

    .btn-ghost,
    .btn-ghost:active,
    .btn-ghost.active,
    .btn-ghost[disabled],
    fieldset[disabled] .btn-ghost {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-ghost:hover,
        .btn-ghost:focus {
            color: #005d7c;
            text-decoration: underline;
            background-color: transparent;
            border: 1px solid #0096c8;
            border-bottom-width: 1px;
        }

        .btn-ghost[disabled]:hover,
        fieldset[disabled] .btn-ghost:hover,
        .btn-ghost[disabled]:focus,
        fieldset[disabled] .btn-ghost:focus {
            color: #777777;
            text-decoration: none;
        }

.btn-facebook {
    background-color: #3b5998;
}

.btn-twitter {
    background-color: #2aa9e0;
}

.btn-google-plus {
    background-color: #dd4b39;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 20px;
    line-height: 1.3333333;
    border-radius: 0px;
}

.btn-md {
    padding: 8px 16px;
    font-size: 16px;
    line-height: 1.3333333;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0px;
}

.btn-block {
    display: inline-block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    font-family: 'museo-sans-rounded-300', "Trebuchet MS", Arial, sans-serif;
}

    .btn-default .badge,
    .btn-primary .badge,
    .btn-success .badge,
    .btn-info .badge,
    .btn-warning .badge,
    .btn-danger .badge {
        text-shadow: none;
    }

.btn:active,
.btn.active {
    background-image: none;
}

.btn-default {
    border-color: #c5c5c5;
    text-shadow: 0 1px 0 #fff;
    border-color: #ccc;
}

    .btn-default:hover,
    .btn-default:focus {
        background-color: #cacaca;
        background-position: 0 -15px;
    }

    .btn-default:active,
    .btn-default.active {
        background-color: #cacaca;
        border-color: #c5c5c5;
    }

    .btn-default.disabled,
    .btn-default:disabled,
    .btn-default[disabled] {
        background-color: #F1F3F4;
        background-image: none;
        color: #999;
    }

.btn-primary {
    border-color: #b71c15;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #c01d16;
        background-position: 0 -15px;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #c01d16;
        border-color: #b71c15;
    }

    .btn-primary.disabled,
    .btn-primary:disabled,
    .btn-primary[disabled] {
        background-color: #c01d16;
        background-image: none;
    }

.btn-success {
    border-color: #8aa428;
}

    .btn-success:hover,
    .btn-success:focus {
        background-color: #91ad2a;
        background-position: 0 -15px;
    }

    .btn-success:active,
    .btn-success.active {
        background-color: #91ad2a;
        border-color: #8aa428;
    }

    .btn-success.disabled,
    .btn-success:disabled,
    .btn-success[disabled] {
        background-color: #edf4d2;
        background-image: none;
        color: #999;
    }

.btn-info {
    border-color: #006081;
}

    .btn-info:hover,
    .btn-info:focus {
        background-color: #00688b;
        background-position: 0 -15px;
    }

    .btn-info:active,
    .btn-info.active {
        background-color: #00688b;
        border-color: #006081;
    }

    .btn-info.disabled,
    .btn-info:disabled,
    .btn-info[disabled] {
        background-color: #00688b;
        background-image: none;
    }

.btn-warning {
    border-color: #a85700;
}

    .btn-warning:hover,
    .btn-warning:focus {
        background-color: #b25c00;
        background-position: 0 -15px;
    }

    .btn-warning:active,
    .btn-warning.active {
        background-color: #b25c00;
        border-color: #a85700;
    }

    .btn-warning.disabled,
    .btn-warning:disabled,
    .btn-warning[disabled] {
        background-color: #b25c00;
        background-image: none;
    }

.btn-danger {
    border-color: #b80000;
}

    .btn-danger:hover,
    .btn-danger:focus {
        background-color: #c20000;
        background-position: 0 -15px;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #c20000;
        border-color: #b80000;
    }

    .btn-danger.disabled,
    .btn-danger:disabled,
    .btn-danger[disabled] {
        background-color: #c20000;
        background-image: none;
    }

.btn-icon-right .glyphicon,
.btn-icon-right .fa,
.btn-icon-right i {
    margin-left: 10px;
    top: 4px;
}

button.qmTooltip {
    background: none;
    padding-top: 0 !important;
    border: none;
}

    button.qmTooltip i {
        color: #0096c8;
    }

    button.qmTooltip,
    button.qmTooltip:hover,
    button.qmTooltip:focus,
    button.qmTooltip:active {
        border-bottom-width: 0px;
    }

.btn-group label.btn.btn-spacing {
    margin-right: 2px;
    margin-bottom: 0px;
    padding: 6px 14px;
}

.btn-group label.btn i.fa.fa-check {
    color: #333;
    font-size: 12px;
    line-height: inherit;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

    ul ul,
    ol ul,
    ul ol,
    ol ol {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.25;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

ul,
ol {
    margin-bottom: 20px;
    padding-left: 20px;
}

    ol.lead {
        padding-left: 30px;
    }

    ul li,
    ol li {
        margin-bottom: 5px;
    }

    ul ul li,
    ol ol li {
        margin-bottom: 0px;
        margin-top: 5px;
    }

    ul li:last-child,
    ol li:last-child {
        margin-bottom: 0px;
    }

a.list-group-item:active {
    background-color: #f6f6f6;
}
/*------------------------------------*\
		Arrow links
	\*------------------------------------*/
ul.arrow-links {
    padding-left: 20px;
}

    ul.arrow-links li {
        list-style: none;
        margin-bottom: 8px;
        position: relative;
    }

        ul.arrow-links li a:before,
        ul.arrow-links li:before {
            content: "\e029";
            position: absolute;
            top: 1px;
            left: -20px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-right: 10px;
            color: #0096c8;
        }

        ul.arrow-links li:before {
            color: #777777;
        }
/*------------------------------------*\
		TICKS, GREEN TICKS, POSITIVE
	\*------------------------------------*/
ul.ticks {
    padding-left: 20px;
}

    ul.ticks li {
        list-style: none;
        position: relative;
        padding-left: 10px;
    }

        ul.ticks li:before {
            content: "\e922";
            position: absolute;
            top: -2px;
            left: -20px;
            display: inline-block;
            font-family: 'HomeServe-Icons';
            font-style: normal;
            font-weight: 400;
            font-size: 22px;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-right: 10px;
            color: #007681;
        }

        ul.ticks li.disabled:before {
            display: none;
        }

    ul.ticks.lead {
        padding-left: 30px;
    }

        ul.ticks.lead li {
            list-style: none;
            position: relative;
            padding-left: 0px;
            line-height: 28px;
            margin-bottom: 10px;
        }

            ul.ticks.lead li:before {
                content: "\e922";
                position: absolute;
                top: 2px;
                left: -30px;
                display: inline-block;
                font-family: 'HomeServe-Icons';
                font-style: normal;
                font-weight: 400;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                margin-right: 20px;
                color: #007681;
            }
/*------------------------------------*\
		CROSSES, RED CROSSES, NEGATIVE
	\*------------------------------------*/
ul.crosses {
    padding-left: 20px;
}

    ul.crosses li {
        list-style: none;
        position: relative;
        padding-left: 10px;
    }

        ul.crosses li:before {
            content: "\e921";
            position: absolute;
            top: -2px;
            left: -20px;
            display: inline-block;
            font-family: 'HomeServe-Icons';
            font-style: normal;
            font-weight: 400;
            font-size: 22px;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-right: 10px;
            color: #666;
        }

    ul.crosses.lead {
        padding-left: 30px;
    }

        ul.crosses.lead li {
            list-style: none;
            position: relative;
            padding-left: 0px;
            line-height: 28px;
            margin-bottom: 10px;
        }

            ul.crosses.lead li:before {
                content: "\e921";
                position: absolute;
                top: 2px;
                left: -30px;
                display: inline-block;
                font-family: 'HomeServe-Icons';
                font-style: normal;
                font-weight: 400;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                margin-right: 20px;
                color: #666;
            }
/*------------------------------------*\
		TICKS AND CROSSES MIX
	\*------------------------------------*/
ul.ticks.crosses {
    padding-left: 20px;
}

    ul.ticks.crosses li {
        list-style: none;
        position: relative;
        padding-left: 10px;
    }

        ul.ticks.crosses li.negative:before {
            content: "\e921";
            position: absolute;
            top: -2px;
            left: -20px;
            display: inline-block;
            font-family: 'HomeServe-Icons';
            font-style: normal;
            font-weight: 400;
            font-size: 22px;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-right: 10px;
            color: #666;
        }

    ul.ticks.crosses.lead {
        padding-left: 30px;
    }

        ul.ticks.crosses.lead li {
            list-style: none;
            position: relative;
            padding-left: 0px;
            line-height: 28px;
            margin-bottom: 10px;
        }

            ul.ticks.crosses.lead li.negative:before {
                content: "\e921";
                position: absolute;
                top: 2px;
                left: -30px;
                display: inline-block;
                font-family: 'HomeServe-Icons';
                font-style: normal;
                font-weight: 400;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                margin-right: 20px;
                color: #666;
            }

    ul.ticks.crosses li.positive:before {
        content: "\e922";
        position: absolute;
        top: -2px;
        left: -20px;
        display: inline-block;
        font-family: 'HomeServe-Icons';
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 10px;
        color: #007681;
    }

    ul.ticks.crosses.lead {
        padding-left: 30px;
    }

        ul.ticks.crosses.lead li {
            list-style: none;
            position: relative;
            padding-left: 0px;
            line-height: 28px;
            margin-bottom: 10px;
        }

            ul.ticks.crosses.lead li.positive:before {
                content: "\e922";
                position: absolute;
                top: 2px;
                left: -30px;
                display: inline-block;
                font-family: 'HomeServe-Icons';
                font-style: normal;
                font-weight: 400;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                margin-right: 20px;
                color: #007681;
            }

/*------------------------------------*\
		CHEVRONS
	\*------------------------------------*/
ul.chevrons {
    padding-left: 25px;
}

    ul.chevrons li {
        list-style: none;
        margin-bottom: 10px;
        position: relative;
    }

        ul.chevrons li:before {
            content: "\e97c";
            position: absolute;
            top: -1px;
            left: -30px;
            display: inline-block;
            font-family: 'HomeServe-Icons';
            font-style: normal;
            font-weight: 400;
            font-size: 24px;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-right: 10px;
            color: #e7342c;
        }
/*------------------------------------*\
		OTHER ICONS
	\*------------------------------------*/
ul.icons {
    padding-left: 20px;
}

    ul.icons li {
        list-style: none;
        position: relative;
        padding-left: 0px;
    }

        ul.icons li:before {
            position: absolute;
            top: 3px;
            left: -20px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-right: 10px;
            color: #0096c8;
        }

    ul.icons.icons-alt li:before {
        font-family: 'FontAwesome';
    }

    ul.icons.lead {
        padding-left: 30px;
    }

        ul.icons.lead li {
            line-height: 30px;
            margin-bottom: 15px;
        }

            ul.icons.lead li:before {
                top: 4px;
                left: -30px;
                line-height: 1.2;
            }

    ul.icons.list-inline {
        margin-left: 0px;
    }

        ul.icons.list-inline li {
            list-style: none;
            position: relative;
            padding-left: 0px;
            padding-right: 50px;
        }

    ul.icons li.document:before {
        content: "\e022";
    }

    ul.icons li.external-link:before {
        content: "\e164";
    }

    ul.icons li.check:before {
        content: "\e067";
    }

    ul.icons li.settings:before {
        content: "\e019";
    }

    ul.icons li.edit:before {
        content: "\270f";
    }

    ul.icons li.mail:before {
        content: "\2709";
    }

    ul.icons li.video:before {
        content: "\e009";
    }

    ul.icons li.track:before {
        content: "\e062";
    }

    ul.icons li.cancel:before {
        content: "\e014";
    }
    /*FONT AWESOME ICONS, USE .ICONS-ALT ON YOUR UL*/
    /*you cant mix and match font families*/
    ul.icons li.check-square:before {
        content: "\f14a";
    }

    ul.icons li.check-square-o:before {
        content: "\f046";
    }

    ul.icons li.exclamation-triangle:before {
        content: "\f071";
    }

    ul.icons li.times:before {
        content: "\f00d";
    }

    ul.icons li.arrow-right:before {
        content: "\f061";
    }

    ul.icons li.external-link-square:before {
        content: "\f14c";
    }

    ul.icons li.file:before {
        content: "\f15b";
    }

    ul.icons li.pencil-square:before {
        content: "\f14b";
    }

    ul.icons li.thumb-tack:before {
        content: "\f08d";
    }
    /*colors*/
    ul.icons.icons-primary li:before {
        color: #e7342c;
    }

    ul.icons.icons-success li:before {
        color: #b3d143;
    }

    ul.icons.icons-info li:before {
        color: #0096c8;
    }

    ul.icons.icons-warning li:before {
        color: #ef7c00;
    }

    ul.icons.icons-danger li:before {
        color: #ff0000;
    }

    ul.icons.icons-muted li:before {
        color: #777777;
    }

    ul.icons.icons-standard li:before {
        color: #333333;
    }
/*------------------------------------*\
		LEft nav links
	\*------------------------------------*/
.left-nav .active {
    font-weight: bold;
}

.left-nav.well-flat {
    padding: 0px;
    background: white;
    border-color: white;
    display: none;
}

@media (min-width: 992px) {
    .left-nav.well-flat {
        display: block;
    }
}

.left-nav.well-flat.collapsing,
.left-nav.well-flat.collapse.in {
    display: block;
    overflow: hidden;
}

.left-nav.well-flat .panel-group > .panel {
    border-bottom: 1px solid #e6e6e6;
    margin-top: 0px;
}

.left-nav.well-flat .panel-heading {
    padding-left: 0px;
    padding-right: 0px;
}

.left-nav.well-flat .left-nav-link:after {
    display: none;
}

ul.left-nav-links {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}

    ul.left-nav-links li {
        list-style: none;
        margin-bottom: 6px;
        padding-bottom: 6px;
        position: relative;
        border-bottom: 1px dotted #b3b3b3;
    }

        ul.left-nav-links li:last-child {
            border: 0px dotted #b3b3b3;
            margin-bottom: 0px;
        }

        ul.left-nav-links li a {
            padding-left: 15px;
            padding-right: 15px;
            display: block;
        }

    ul.left-nav-links .active a {
        font-weight: bold;
    }
/*ul.left-nav-links li.active a:after {content: "\203A";font-size: 20px; color: @link-color;position: absolute;right:0px;}*/
/*------------------------------------*\
		Section nav links
	\*------------------------------------*/
.navbar.navbar-section {
    clear: both;
    background: #eceae6;
    margin-top: 10px;
    margin-bottom: 20px;
    border: none;
}

@media (min-width: 768px) {
    .navbar.navbar-section {
        margin-bottom: 40px;
        margin-top: 0px;
    }
}

.navbar.navbar-section .navbar-nav {
    width: auto;
    background: #eceae6;
}

.navbar.navbar-section .navbar-section-toggle {
    background: none;
    border: none;
    padding: 10px 15px;
    width: 100%;
    text-align: left;
    color: #0096c8;
}

.navbar.navbar-section .navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
}

.navbar.navbar-section .navbar-nav > li {
    margin-bottom: 0px;
}

@media (min-width: 768px) {
    .navbar.navbar-section .navbar-nav > li > a {
        color: #0096c8;
        font-weight: normal;
        border: 1px solid #e1ded8;
        border-bottom-width: 0px;
        border-top-width: 0px;
        border-right-width: 0px;
        border: none;
        margin-bottom: 0px;
        padding: 15px 10px;
        transition: all 0.25s;
    }

        .navbar.navbar-section .navbar-nav > li > a,
        .navbar.navbar-section .navbar-nav > li > a:active,
        .navbar.navbar-section .navbar-nav > li > a.active,
        .navbar.navbar-section .navbar-nav > li > a[disabled],
        fieldset[disabled] .navbar.navbar-section .navbar-nav > li > a {
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .navbar.navbar-section .navbar-nav > li > a:hover,
            .navbar.navbar-section .navbar-nav > li > a:focus {
                margin-top: 0px;
                background: rgba(231, 52, 44, 0.75);
                /*transition:all 0.25s;*/
                color: white;
                border: none;
            }

            .navbar.navbar-section .navbar-nav > li > a[disabled]:hover,
            fieldset[disabled] .navbar.navbar-section .navbar-nav > li > a:hover,
            .navbar.navbar-section .navbar-nav > li > a[disabled]:focus,
            fieldset[disabled] .navbar.navbar-section .navbar-nav > li > a:focus {
                color: #777777;
                text-decoration: none;
            }
}

@media (min-width: 992px) {
    .navbar.navbar-section .navbar-nav > li > a {
        padding: 15px 20px 15px 20px;
    }
}

@media (min-width: 1200px) {
    .navbar.navbar-section .navbar-nav > li > a {
        padding: 15px 30px 15px 30px;
    }
}

.navbar.navbar-section .navbar-nav > li > a:last-child {
    border-right-width: 1px;
}

.navbar.navbar-section .navbar-nav > li.active > a {
    background: #e7342c;
    color: white;
    transition: all 0.25s;
}
/*------------------------------------*\
		Definition
	\*------------------------------------*/
dl dt {
    margin-bottom: 10px;
}

dl dd {
    margin-bottom: 5px;
}
/*------------------------------------*\
		BREADCRUMBS
	\*------------------------------------*/
ol.breadcrumb {
    padding: 0px;
    background-color: #fff;
    margin-bottom: 20px;
}

    ol.breadcrumb > li + li:before {
        content: "\203A";
    }

    ol.breadcrumb.ver2 {
        padding: 5px 5px 0px;
    }

.breadcrumb > li + li:before {
    color: #666;
}

.breadcrumb > .active {
    color: #666;
}

.nav.left-nav {
    margin-top: -5px;
    margin-bottom: 15px;
}

    .nav.left-nav > li > a {
        padding: 5px 0px;
        border-bottom: 1px solid transparent;
    }

    .nav.left-nav > li.active > a {
        border-bottom: 1px solid #e3e3e3;
        font-weight: bold;
    }

    .nav.left-nav > li > a:hover {
        border-bottom: 1px solid #e3e3e3;
        background-color: transparent;
        font-weight: bold;
    }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #eee;
}

ol.carousel-indicators {
    margin-bottom: 0px;
}

.thumbnail,
.img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

img {
    max-width: 100%;
}

figure {
    margin-bottom: 10px;
    overflow: auto;
}

    figure img {
        margin-bottom: 10px;
    }

    figure figcaption {
        margin-bottom: 10px;
        margin-left: 10px;
        color: #777777;
    }

.img-rounded {
    border-radius: 0px;
}

.embed-responsive {
    margin-bottom: 20px;
}

.table.table-borderless tr td {
    border: none;
}

.table.table-padding-xl tr td {
    padding: 15px;
}

/*Comparison table*/
.table-responsive.fullcompare .table > thead > tr > th {
    vertical-align: middle;
    background-color: #eceae6;
    border-bottom: none;
}

.table-responsive.fullcompare .table > thead > tr > td {
    border-top-color: #eceae6;
}

.table-responsive.fullcompare .table > thead > tr > th,
.table-responsive.fullcompare .table > tbody > tr > td {
    text-align: center;
}

    .table-responsive.fullcompare .table > thead > tr > th.lead,
    .table-responsive.fullcompare .table > tbody > tr > td:first-child {
        text-align: left;
    }
/*Comparison table - NEW sliding tables*/
.fullcomparetables .btn.btn-link:hover,
.fullcomparetables .btn.btn-link:focus {
    text-decoration: none;
    margin-top: 0;
    border-bottom-width: 3px;
}

.fullcomparetables .btn.btn-link span.caret {
    border-bottom: 4px solid;
    border-top: 0;
}

.fullcomparetables .btn.btn-link.collapsed span.caret {
    border-top: 4px solid;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 0;
}

.fullcomparetables .table > thead > tr > th {
    background-color: transparent;
}

.fullcomparetables .table tbody > tr > td:first-child {
    text-align: left;
}
/*Table display for product prices*/
.display-table {
    display: table;
    width: 100%;
}

.display-table-cell {
    display: table-cell;
}

.comparison-price.display-table-cell {
    height: 60px;
    min-height: 60px;
    vertical-align: bottom;
}

.panel {
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.panel-highlight1 {
    border-color: #ffd500;
}

    .panel-highlight1 > .panel-heading {
        color: #333333;
        background-color: #ffd500;
        border-color: #ffd500;
    }

        .panel-highlight1 > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ffd500;
        }

        .panel-highlight1 > .panel-heading .badge {
            color: #ffd500;
            background-color: #333333;
        }

    .panel-highlight1 > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ffd500;
    }

.panel-highlight2 {
    border-color: #9d200c;
}

    .panel-highlight2 > .panel-heading {
        color: #ffffff;
        background-color: #9d200c;
        border-color: #9d200c;
    }

        .panel-highlight2 > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #9d200c;
        }

        .panel-highlight2 > .panel-heading .badge {
            color: #9d200c;
            background-color: #ffffff;
        }

    .panel-highlight2 > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #9d200c;
    }

.panel-highlight3 {
    border-color: #e5007e;
}

    .panel-highlight3 > .panel-heading {
        color: #ffffff;
        background-color: #e5007e;
        border-color: #e5007e;
    }

        .panel-highlight3 > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #e5007e;
        }

        .panel-highlight3 > .panel-heading .badge {
            color: #e5007e;
            background-color: #ffffff;
        }

    .panel-highlight3 > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #e5007e;
    }

.panel-highlight4 {
    border-color: #831f81;
}

    .panel-highlight4 > .panel-heading {
        color: #ffffff;
        background-color: #831f81;
        border-color: #831f81;
    }

        .panel-highlight4 > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #831f81;
        }

        .panel-highlight4 > .panel-heading .badge {
            color: #831f81;
            background-color: #ffffff;
        }

    .panel-highlight4 > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #831f81;
    }

.panel-highlight5 {
    border-color: #00499a;
}

    .panel-highlight5 > .panel-heading {
        color: #ffffff;
        background-color: #00499a;
        border-color: #00499a;
    }

        .panel-highlight5 > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #00499a;
        }

        .panel-highlight5 > .panel-heading .badge {
            color: #00499a;
            background-color: #ffffff;
        }

    .panel-highlight5 > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #00499a;
    }

.panel-white {
    border-color: #d1d7db;
}

    .panel-white > .panel-heading {
        color: #333333;
        background-color: #ffffff;
        border-color: #d1d7db;
    }

        .panel-white > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d1d7db;
        }

        .panel-white > .panel-heading .badge {
            color: #ffffff;
            background-color: #333333;
        }

    .panel-white > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d1d7db;
    }

.panel.panel-transparent {
    background-color: transparent;
}

.panel-transparent {
    border-color: transparent;
}

    .panel-transparent > .panel-heading {
        color: #333333;
        background-color: transparent;
        border-color: transparent;
    }

        .panel-transparent > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: transparent;
        }

        .panel-transparent > .panel-heading .badge {
            color: transparent;
            background-color: #333333;
        }

    .panel-transparent > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: transparent;
    }

p.panel-title {
    font-size: 16px;
}

.panel-group .panel {
    border-radius: 0px;
}

.panel-grey {
    background-color: #eceae6;
}

.well {
    border-color: #d6d2c9;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}

.well {
    min-height: 20px;
    padding: 19px 19px 0px;
    margin-bottom: 20px;
    background-color: #eceae6;
    border: 1px solid #ddd9d2;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

.well-lg {
    padding: 24px 24px 4px;
    border-radius: 0px;
}

.well-sm {
    padding: 9px;
    border-radius: 0px;
}

.well.primary {
    background-color: #fefafa;
    border-color: #f7b8b5;
}

.well.success {
    background-color: #ecf3d4;
    border-color: #d6e599;
}

.well.info {
    background-color: #c6eafa;
    border-color: #6bcff6;
}

.well.warning {
    background-color: #fee1c8;
    border-color: #fbbb85;
}

.well.danger {
    background-color: #ffe5e5;
    border-color: #ff9999;
}

.well-flat,
.well {
    min-height: 20px;
    padding: 19px 19px 0px;
    margin-bottom: 20px;
    background-color: #F9F9F9;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-width: 0px;
    border-bottom-width: 0px;
    border-bottom-color: #eeeeee;
    border-bottom-style: solid;
    overflow: auto;
    overflow-x: hidden;
    border: 1px solid #d1d7db;
}

    .well-flat.shadowed {
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    }

    .well-flat .well-flat {
        margin-left: -19px;
        margin-right: -19px;
        margin-bottom: 0px;
    }

        .well-flat .well-flat:nth-last-child(2) {
            margin-bottom: 0px;
        }

    .well-flat.bg-white {
        border: none;
    }

    .well-flat.bg-primary {
        background-color: #f7b8b5;
        border-bottom-color: #9b1812;
    }

        .well-flat.bg-primary.lightest {
            border-bottom-color: #f7b8b5;
        }

        .well-flat.bg-primary.default {
            background: #e7342c !important;
        }

    .well-flat.bg-info {
        background: #c6eafa !important;
        border-bottom-color: #0096c8;
    }

        .well-flat.bg-info.lightest {
            border-bottom-color: #6bcff6;
        }

        .well-flat.bg-info.default {
            background: #0096c8 !important;
        }

    .well-flat.bg-success {
        background: #ecf3d4 !important;
        border-bottom-color: #b3d143;
    }

        .well-flat.bg-success.lightest {
            border-bottom-color: #d6e599;
        }

        .well-flat.bg-success.default {
            background: #b3d143 !important;
        }

    .well-flat.bg-warning {
        background: #fee1c8 !important;
        border-bottom-color: #ef7c00;
    }

        .well-flat.bg-warning.lightest {
            border-bottom-color: #fbbb85;
        }

        .well-flat.bg-warning.default {
            background: #ef7c00 !important;
        }

    .well-flat.bg-danger {
        background: #ffe5e5 !important;
        border-bottom-color: #ff0000;
    }

        .well-flat.bg-danger.lightest {
            border-bottom-color: #ff9999;
        }

        .well-flat.bg-danger.default {
            background: #ff0000 !important;
        }

    .well-flat.bg-highlight1 {
        background: #fef5d2 !important;
        border-bottom-color: #ffd500;
    }

        .well-flat.bg-highlight1.lightest {
            border-bottom-color: #ffe794;
        }

        .well-flat.bg-highlight1.default {
            background: #ffd500 !important;
        }

    .well-flat.bg-highlight2 {
        background: #e7c5b5 !important;
        border-bottom-color: #9d200c;
        color: #333333;
    }

        .well-flat.bg-highlight2.lightest {
            border-bottom-color: #c78168;
        }

        .well-flat.bg-highlight2.default {
            background: #9d200c !important;
        }

    .well-flat.bg-highlight3 {
        background: #fad5e5 !important;
        border-bottom-color: #e5007e;
        color: #333333;
    }

        .well-flat.bg-highlight3.lightest {
            border-bottom-color: #f499c2;
        }

        .well-flat.bg-highlight3.default {
            background: #e5007e !important;
        }

    .well-flat.bg-highlight4 {
        color: #333333 !important;
        background: #dacae3 !important;
        border-bottom-color: #831f81;
    }

        .well-flat.bg-highlight4.lightest {
            border-bottom-color: #b289be;
        }

        .well-flat.bg-highlight4.default {
            background: #831f81 !important;
            color: white !important;
        }

    .well-flat.bg-highlight5 {
        background: #c7cde7 !important;
        border-bottom-color: #00499a;
        color: #333333;
    }

        .well-flat.bg-highlight5.lightest {
            border-bottom-color: #8393ca;
        }

        .well-flat.bg-highlight5.default {
            background: #00499a !important;
        }

.well-img {
    margin-bottom: 20px;
    margin-left: -19px;
    margin-top: -19px;
    width: 122%;
    max-width: 122%;
}

.well-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    padding: 20px 19px 0px;
}
/*For wells which need a bit more space, like the product ones*/
@media (min-width: 768px) {
    .well-flat.well-tight {
        padding: 9px 9px 0px;
    }
}

@media (min-width: 768px) {
    .well-flat.well-tight .well-flat {
        padding: 9px 9px 0px;
        margin-left: -9px;
        margin-right: -9px;
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) {
    .well-flat.well-tight p {
        margin-bottom: 10px;
    }
}
/*SPECIFIC PRODUCT WELL STYLES*/
.well-flat.well-product {
    text-align: left;
}

@media (min-width: 768px) {
    .well-flat.well-product {
        text-align: center;
    }
}

.well-flat.well-product ul.ticks {
    text-align: left;
}

    .well-flat.well-product ul.ticks .disabled {
        display: none;
    }

@media (min-width: 768px) {
    .well-flat.well-product ul.ticks .disabled {
        display: block;
    }
}

.well-flat.well-product .product-addon {
    padding: 5px 15px;
    background: #e7342c;
    display: block;
    color: white;
    margin: 5px 10px 0px;
}

@media (min-width: 992px) {
    .well-flat.well-product .product-price,
    .well-flat.well-product .product-find-out-more {
        display: block;
        margin: 5px 0px 0px 0px;
    }
}

.well-flat.well-product .product-pricing {
    background: #b3d143;
    padding: 0px;
    color: #333333;
}

.well-flat.well-tight.well-product div.h1 {
    line-height: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.well-flat.well-tight.well-product .product-pricing p {
    margin-bottom: 5px !important;
}

.well-flat.well-product .product-pricing a {
    display: block;
    padding: 8px 15px;
    color: #333333;
}

.well-flat.well-product .product-pricing:hover,
.well-flat.well-product .product-pricing:active,
.well-flat.well-product .product-pricing:focus {
    background: #849200;
    color: #fff;
}

.well-flat.well-product .product-pricing a:hover {
    text-decoration: none;
}

.well-flat.well-product .product-price:after,
.well-flat.well-product .product-find-out-more:after {
    content: "\e080";
    display: block;
    position: absolute;
    right: -5px;
    top: 15%;
    font-size: 20px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 992px) {
    .well-flat.well-product .product-price:after,
    .well-flat.well-product .product-find-out-more:after {
        top: 0;
    }
}
/*To address the CTA arrow for the six columns page*/
@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-2 .well-flat.well-product .product-price:after,
    .col-md-2 .well-flat.well-product .product-find-out-more:after,
    .col-md-10 .col-md-5ths .well-flat.well-product .product-price:after,
    .col-md-10 .col-md-5ths .well-flat.well-product .product-find-out-more:after {
        display: none;
    }
}

@media (min-width: 1200px) {
    .col-md-2 .well-flat.well-product .product-price:after,
    .col-md-2 .well-flat.well-product .product-find-out-more:after,
    .col-md-10 .col-md-5ths .well-flat.well-product .product-price:after,
    .col-md-10 .col-md-5ths .well-flat.well-product .product-find-out-more:after {
        right: -10px;
    }
}
/*Box downward arrow*/
.arrow-down:before,
.arrow-down:after {
    content: "/";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 50%;
    height: 10px;
    text-indent: -9999px;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #ffffff #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.arrow-down:after {
    left: auto !important;
    right: 0;
    border-color: transparent #ffffff #ffffff transparent !important;
}

.fullcompare-trigger {
    background: white;
    border: 1px solid #eceae6;
    padding-top: 12px;
}

    .fullcompare-trigger:hover,
    .fullcompare-trigger:active,
    .fullcompare-trigger:focus {
        margin-top: 0px;
        margin-bottom: 20px;
        background: white;
        border-color: #005d7c;
        border-bottom-width: 1px;
    }

.fullcompare-trigger-hr {
    margin-top: 40px;
    margin-bottom: -30px;
    border-color: #eceae6;
    border-width: 1px;
}
/*ADVERTISEMENT WELL*/
.well-flat.well-horizontal .well-img {
    margin-left: -38px;
    margin-top: -19px;
    width: 100%;
    max-width: 100%;
}

.box-icon {
    background-color: #831f81;
    border-radius: 50%;
    display: block;
    position: absolute;
    height: 70px;
    margin: 0 auto 0px;
    width: 70px;
    margin-left: 0px;
    text-align: center;
    top: -35px;
    left: 36%;
}

@media (min-width: 992px) {
    .box-icon {
        top: 10px;
        left: -45px;
    }
}

.box-icon span {
    margin: 0px;
    line-height: 70px;
}
/*MOVE TO A PRODUCT SECTION*/
.hero-image {
    overflow: hidden;
}

    .hero-image img {
        max-width: none;
        margin: 0 -50%;
        display: block;
    }

@media (min-width: 992px) {
    .hero-image img {
        margin: 0 -25%;
    }
}

@media (min-width: 1200px) {
    .hero-image img {
        margin: 0 auto;
    }
}

.steps-process {
    margin-top: -40px;
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .steps-process {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
}
/*WELL ACCORDION*/
.well .panel-group.accordion,
.well-flat .panel-group.accordion {
    margin-left: -15px;
    margin-right: -15px;
}

    .well .panel-group.accordion .panel-body,
    .well-flat .panel-group.accordion .panel-body {
        background-color: #fff;
    }

.well .panel-transparent > .panel-heading + .panel-collapse > .panel-body,
.well-flat .panel-transparent > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d1d7db;
}

.well-flat,
.well {
    border-radius: 6px;
}
/*for chatbutton*/
div#lpButtonDiv-embedded {
    position: sticky;
}
/*Recap*/
.recap {
    margin-bottom: 40px;
}

    .recap .recap-title {
        border-bottom: 2px solid #d1d7db;
    }

    .recap .recap-body {
        margin-left: 15px;
        margin-right: 15px;
    }

        .recap .recap-body > .row > .recap-row,
        .recap .recap-body > .row > .col-sm-12 {
            padding: 12px 8px;
            border-top: 1px solid #d1d7db;
        }

        .recap .recap-body > .row:last-child > .recap-row,
        .recap .recap-body > .row:last-child > .col-sm-12 {
            border-bottom: none;
        }

        .recap .recap-body > .row:nth-of-type(odd) > .recap-row,
        .recap .recap-body > .row:nth-of-type(odd) > .col-sm-12 {
            background-color: #eceae6;
        }

@media (min-width: 768px) {
    .sm-text-right {
        text-align: right;
    }
}

@media (min-width: 992px) {
    .md-text-right {
        text-align: right;
    }
}

.sub-accordion div.arrows {
    padding-left: 20px;
}

    .sub-accordion div.arrows .title > a {
        position: relative;
        padding-left: 0;
        color: #333333;
        font-weight: bold;
    }

        .sub-accordion div.arrows .title > a:before {
            content: "\e955";
            position: absolute;
            top: 0;
            left: -20px;
            display: inline-block;
            font-family: 'HomeServe-Icons';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-right: 10px;
            color: #e7342c;
        }

        .sub-accordion div.arrows .title > a.collapsed:before {
            content: "\e952";
        }
/*Alert Icon Panels*/
.alert-icon-container > i {
    position: absolute;
    top: 2px;
    display: inline-block;
    font-size: 2.5em;
    line-height: 1;
}

    .alert-icon-container > i + div.alert-icon-wrapper {
        margin-left: 50px;
    }

.alert-icon-container .alert-icon-wrapper {
    padding-top: 8px;
}

    .alert-icon-container .alert-icon-wrapper > p.lead,
    .alert-icon-container .alert-icon-wrapper > p,
    .alert-icon-container .alert-icon-wrapper > p.lead + p {
        line-height: 1.42857143;
    }

.alert-icon-container.short .alert-icon-wrapper {
    padding-top: 5px;
}

.alert-icon-container.short > i {
    font-size: 1.7em;
}

    .alert-icon-container.short > i + div.alert-icon-wrapper {
        margin-left: 30px;
    }

.alert-icon-container.short .alert-icon-wrapper > p.lead {
    font-size: 16px;
}

.alert-icon-container.large > i {
    font-size: 4em;
}

    .alert-icon-container.large > i + div.alert-icon-wrapper {
        margin-left: 70px;
    }

.alert-icon-container.large .alert-icon-wrapper > p.lead {
    font-size: 20px;
}

.alert-icon-container .collapse-group a[data-toggle=collapse] {
    display: block;
    padding-right: 20px;
    cursor: pointer;
}

.alert-icon-container .collapse-group a:after,
.alert-icon-container .collapse-group a.collapsed:after {
    position: absolute;
    top: 5px;
    right: 0px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
}

.alert-icon-container .collapse-group a:after {
    content: "\2212";
}

.alert-icon-container .collapse-group a.collapsed:after {
    content: "\2b";
}

[class^="bg-brand-gray-"] .alert,
[class*=" bg-brand-gray-"] .alert {
    border: 1px solid #0096c8;
    border-left-width: 6px;
}

    [class^="bg-brand-gray-"] .alert.alert-info,
    [class*=" bg-brand-gray-"] .alert.alert-info {
        background-color: #fff;
        text-shadow: none;
        box-shadow: none;
    }

.mobile-collapse-override.in,
.mobile-collapse-override.collapsing {
    display: block !important;
}

button.toggle-expand.btn-ghost,
button.toggle-expand.btn-ghost:hover {
    margin-top: 0px !important;
}

button.toggle-expand.btn-ghost {
    color: #555555;
    border-color: #555555;
    border-bottom-width: 1px;
}

    button.toggle-expand.btn-ghost:hover {
        background: #555555;
        color: #ffffff;
    }
/* Ticks Crosses - Comparison Only */
ul.ticks.crosses li.disabled.negative.grey:before {
    color: #333333;
}
/*Bootstrap override for bullet list ticks & crosses*/
.well-product ul.ticks li:before,
.well-product ul.ticks.crosses li.positive:before,
.well-product ul.ticks.crosses.lead li.positive:before,
#product-details ul.ticks li:before,
#product-details ul.ticks.crosses li.positive:before,
#product-details ul.ticks.crosses.lead li.positive:before {
    content: "\e922";
    font-family: 'HomeServe-Icons';
    opacity: 1;
}

.well-product ul.crosses li:before,
.well-product ul.ticks.crosses li.negative:before,
.well-product ul.ticks.crosses.lead li.negative:before,
#product-details ul.crosses li:before,
#product-details ul.ticks.crosses li.negative:before,
#product-details ul.ticks.crosses.lead li.negative:before {
    content: "\e921";
    font-family: 'HomeServe-Icons';
    opacity: 0.3;
    color: #333333;
}
/* H1 title resize for product comparison page only */
@media (max-width: 320px) {
    .insurance-comparison .page-header h1 {
        font-size: 24px !important;
    }
}
/* Free Boiler Service Roundel style */
.with-service {
    position: relative !important;
    width: 110px !important;
    height: 110px;
    padding-top: 15px;
    margin: 0 auto;
}
/*Cashback tab*/
.cashback-tab {
    background-color: #d1d7db;
    color: #333;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .cashback-tab i {
        position: absolute;
        top: 2px;
        display: inline-block;
        font-size: 1.8em;
        line-height: 1;
    }

.cashback-container {
    margin: 10px 10px 0;
}

.cashback-wrapper {
    position: relative;
}
    /* Styling to adjust the margin should there be an icon inserted via the drop down in sitecore */
    .cashback-wrapper h4 {
        margin-left: 10px;
    }

    .cashback-wrapper p {
        margin-left: 10px;
    }

    .cashback-wrapper > i[class^="icon-hs"] + h4,
    .cashback-wrapper > i[class*="icon-hs"] + h4,
    .cashback-wrapper > i[class^="icon-hs"] + h4 + p,
    .cashback-wrapper > i[class*="icon-hs"] + h4 + p {
        margin-left: 34px;
    }
/* Bootstrap hack for 5 columns */
.col-xs-5ths,
.col-xs-2-5ths,
.col-xs-3-5ths,
.col-xs-4-5ths,
.col-xs-5-5ths,
.col-sm-5ths,
.col-sm-2-5ths,
.col-sm-3-5ths,
.col-sm-4-5ths,
.col-sm-5-5ths,
.col-md-5ths,
.col-md-2-5ths,
.col-md-3-5ths,
.col-md-4-5ths,
.col-md-5-5ths,
.col-lg-5ths,
.col-lg-2-5ths,
.col-lg-3-5ths,
.col-lg-4-5ths,
.col-lg-5-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .col-sm-5ths,
    .col-sm-2-5ths,
    .col-sm-3-5ths,
    .col-sm-4-5ths,
    .col-sm-5-5ths {
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths,
    .col-md-2-5ths,
    .col-md-3-5ths,
    .col-md-4-5ths,
    .col-md-5-5ths {
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths,
    .col-lg-2-5ths,
    .col-lg-3-5ths,
    .col-lg-4-5ths,
    .col-lg-5-5ths {
        float: left;
    }
}

.col-xs-5ths {
    width: 20%;
}

.col-xs-2-5ths {
    width: 40%;
}

.col-xs-3-5ths {
    width: 60%;
}

.col-xs-4-5ths {
    width: 80%;
}

.col-xs-5-5ths {
    width: 100%;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
    }

    .col-sm-2-5ths {
        width: 40%;
    }

    .col-sm-3-5ths {
        width: 60%;
    }

    .col-sm-4-5ths {
        width: 80%;
    }

    .col-sm-5-5ths {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
    }

    .col-md-2-5ths {
        width: 40%;
    }

    .col-md-3-5ths {
        width: 60%;
    }

    .col-md-4-5ths {
        width: 80%;
    }

    .col-md-5-5ths {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
    }

    .col-lg-2-5ths {
        width: 40%;
    }

    .col-lg-3-5ths {
        width: 60%;
    }

    .col-lg-4-5ths {
        width: 80%;
    }

    .col-lg-5-5ths {
        width: 100%;
    }
}
/* Bootstrap Hack */
/* col-md-offset manipulated to allow three x col-md-3 columns to appear centre aligned */
@media (min-width: 992px) {
    .col-md-offset-3Halves {
        /* 1.5 */
        margin-left: 12.5%;
    }
}
/*Diagonal offer banner*/
.ribbon-wrapper {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
}

.ribbon {
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    left: -35px;
    top: 28px;
    width: 150px;
}
/*'All these products include' panel*/
@media (min-width: 992px) {
    .panel#product-include-panel ul li > p {
        margin-bottom: 0;
    }
}

/* To have each FAQ entry in a 'striped fashion' to distinguish between each FAQ */
#accordionDesktop #collapseDTFAQs .productFAQs {
    padding: 10px 10px 2px 10px;
}

    #accordionDesktop #collapseDTFAQs .productFAQs:nth-of-type(odd) {
        background-color: #eceae6;
    }

#accordionDesktop .zebraStripe {
    padding: 10px 10px 2px 10px;
    margin: 20px 0px;
}

    #accordionDesktop .zebraStripe:nth-of-type(odd) {
        background-color: #eceae6;
    }
/* Visibility option hack to only appear in a screen width of 480px or less */
.visible-xxs {
    display: none !important;
}

@media (max-width: 479px) {
    .visible-xxs {
        display: block !important;
    }

    .hidden-xxs {
        display: none !important;
    }
}
/*Hero Banner Area*/
#product-hero {
    min-height: auto;
    height: auto;
}

.hero-large-icons > i,
.upsell-icons > i {
    background-color: #e7342c;
    margin: 0 5px 5px 0;
    border-radius: 100%;
    padding: 5px;
    display: inline-block;
    color: #ffffff;
}

.upsell-icons > i {
    font-size: 2em;
    display: inline-block;
}
/*Originally 1.5em*/
.hero-large-icons > i {
    font-size: 2em;
    display: none;
}

@media (min-width: 768px) {
    .hero-large-icons > i {
        display: inline-block;
    }
}
/* Bullet Lists - to allow a bullet list to be split into two columns when in a wider screen-width */
@media (max-width: 767px) {
    #product-details .border-right {
        border-color: transparent !important;
    }
}

@media (min-width: 768px) {
    .hero-large-icons > i {
        font-size: 3em;
        padding: 10px;
    }
}
/*To merge split bullet point lists to the original one full list*/
@media (max-width: 991px) {
    ul li.list-left,
    ul li.list-right {
        float: none;
        width: 100%;
    }
}
/*To split a bullet point list into two lists*/
@media (min-width: 992px) {
    ul li.list-left {
        float: left;
        clear: left;
    }

    ul li.list-right {
        float: right;
        clear: right;
    }

    ul li.list-left,
    ul li.list-right {
        width: 45%;
        margin-right: 5%;
    }
}

#product-details ul.crosses li:before,
#product-details ul.ticks.crosses li.negative:before,
#product-details ul.ticks.crosses.lead li.negative:before {
    opacity: 0.5;
}
/* Reevoo */
#product-hero .reevoomark_badge {
    float: right;
}

@media (min-width: 768px) {
    .advert-price {
        margin-right: 4%;
        float: left;
        max-width: 23%;
    }
}

@media (min-width: 992px) {
    .advert-price {
        margin-right: 2%;
        float: left;
        max-width: 16%;
    }
}

@media (min-width: 1200px) {
    .advert-price {
        margin-right: 2%;
        float: left;
        max-width: 14%;
    }
}

@media (min-width: 768px) {
    .advert-text {
        float: left;
        max-width: 73%;
    }
}

@media (min-width: 992px) {
    .advert-text {
        float: left;
        max-width: 82%;
    }
}

@media (min-width: 1200px) {
    .advert-text {
        float: left;
        max-width: 84%;
    }
}
/* Wrap the button text as it overlaps when there are 3+ excess buttons */
@media (min-width: 992px) and (max-width: 1199px) {
    #excessSelect a span.button-text-wrap {
        white-space: normal;
    }
}
/* Roundels */
.product-roundel {
    display: block;
    width: 150px !important;
    height: 150px !important;
    margin: 20px auto;
    text-align: center;
    border-radius: 100%;
    position: relative;
    font-family: 'museo-sans-rounded-300', "Trebuchet MS", Arial, sans-serif;
    font-size: 18px;
    z-index: 1;
}

    .product-roundel.four-rows .roundel-wrapper {
        line-height: 1.1 !important;
        padding-top: 18%;
    }

    .product-roundel.five-rows .roundel-wrapper {
        line-height: 1 !important;
        padding-top: 12%;
    }

    .product-roundel.bg-white {
        border: 2px solid #ddd;
    }

    .product-roundel .roundel-wrapper {
        width: inherit;
    }

        .product-roundel .roundel-wrapper div.text-row.h1 {
            line-height: 1 !important;
        }

        .product-roundel .roundel-wrapper div.text-row.h2,
        .product-roundel .roundel-wrapper div.text-row.h3,
        .product-roundel .roundel-wrapper div.text-row.h4 {
            color: #333333;
            font-family: 'museo-sans-rounded-700', "Trebuchet MS", Arial, sans-serif;
        }

        .product-roundel .roundel-wrapper div.text-row {
            padding-top: 0px;
            padding-bottom: 0px;
            overflow: hidden !important;
            white-space: nowrap !important;
            margin: 0 auto;
            text-align: center;
        }

    .product-roundel.message .roundel-wrapper div.text-row.h4 {
        font-size: 16px;
        line-height: 1;
    }

        .product-roundel.message .roundel-wrapper div.text-row.h4 small {
            color: #333333;
        }

        .product-roundel.message .roundel-wrapper div.text-row.h4 + div.text-row.h4 {
            line-height: 1.2;
        }

    .product-roundel.percent-off .roundel-wrapper div.text-row.h4 {
        font-size: 16px;
        padding-top: 5px;
    }

    .product-roundel.message .roundel-wrapper div.text-row.h3 {
        font-size: 16px;
        line-height: 1.2;
    }

    .product-roundel.message .roundel-wrapper div.text-row.line-4-3.h2,
    .product-roundel.message .roundel-wrapper div.text-row.line-4-4.h2,
    .product-roundel.message .roundel-wrapper div.text-row.line-4-3.h3,
    .product-roundel.message .roundel-wrapper div.text-row.line-4-4.h3,
    .product-roundel.message .roundel-wrapper div.text-row.line-4-4.h4 {
        display: none;
    }

    .product-roundel.message .roundel-wrapper div.text-row.line-4-1.h2 {
        padding-top: 5px;
    }

    .product-roundel.message .roundel-wrapper div.text-row.line-4-1.h3 {
        padding-top: 10px;
    }

@media (min-width: 481px) {
    .product-roundel.message .roundel-wrapper div.text-row.h2 {
        font-size: 26px !important;
        line-height: 32px;
    }

    .product-roundel.message .roundel-wrapper div.text-row.h3,
    .product-roundel.message .roundel-wrapper div.text-row.h4 {
        font-size: 20px;
    }

    .product-roundel.message .roundel-wrapper div.text-row.line-4-1.h2 {
        padding-top: 3px;
    }

    .product-roundel.percent-off .roundel-wrapper div.text-row.h4 {
        font-size: 20px;
        padding-top: 3px;
    }
}

.product-roundel .roundel-wrapper div.line-4-1,
.product-roundel .roundel-wrapper div.line-4-4 {
    width: 68%;
}

.product-roundel .roundel-wrapper div.line-4-2,
.product-roundel .roundel-wrapper div.line-4-3 {
    width: 90%;
}

.product-roundel .roundel-wrapper div.line-5-1,
.product-roundel .roundel-wrapper div.line-5-5 {
    width: 60%;
}

.product-roundel .roundel-wrapper div.line-5-2,
.product-roundel .roundel-wrapper div.line-5-4 {
    width: 80%;
}

.product-roundel .roundel-wrapper div.line-5-3 {
    width: 90%;
}
/*Numbered steps circles*/
.steps-circle {
    background: #e7342c;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    padding: 3px;
    color: #fff;
    text-align: center;
    margin-right: 5px;
    display: inline-block;
}

.funnel .panel-heading {
    padding: 15px;
    border-bottom: 1px solid transparent;
}

.funnel .panel-title a:after,
.funnel .panel-title .collapsed:after {
    display: none !important;
}

.funnel div.panel-heading h4.panel-title a:focus {
    outline: 0;
}

.funnel .DatacashIFrame iframe,
.funnel iframe#DatacashIFrame {
    width: 100%;
}

#sidebarMoving .well-flat .funnel-price p,
.funnel-price p {
    width: auto;
    float: left;
    margin-right: 10px;
}

    #sidebarMoving .well-flat .funnel-price p.h1,
    .funnel-price p.h1 {
        margin-top: 0px;
    }

    #sidebarMoving .well-flat .funnel-price p.homeserve_thin,
    .funnel-price p.homeserve_thin {
        line-height: 1.2;
    }

.funnel #usrPostcode input[type=text] {
    text-transform: uppercase;
}

.funnel .field-validation-error .control-label {
    padding-top: 7px;
}

input[type="checkbox"]#PaymentDetailsFormModel_DirectDebitAuthorised {
    margin-top: 9px;
}

.funnel .panel.panel-white {
    margin-bottom: 10px;
}

.funnel .panel.panel-success ~ .replay {
    margin-top: 5px;
}

.funnel .panel.panel-success ~ .panel.panel-white {
    margin-top: 10px;
}

.funnel .panel-heading.disabled,
a.btn.disabled {
    opacity: 1;
}

    .funnel .panel-heading.disabled a,
    .funnel .panel-heading.disabled a:hover,
    .funnel .panel-heading.disabled a:active,
    .funnel .panel-heading.disabled a:visited,
    .funnel .panel-heading.disabled a:focus {
        text-decoration: none !important;
    }

.funnel .panel-success .panel-heading.disabled {
    opacity: 1;
}

.funnel .panel-success {
    border-color: #d6e9c6;
}

    .funnel .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .funnel .panel-success > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d6e9c6;
        }

    .funnel .panel-success > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d6e9c6;
    }

.funnel .panel-heading {
    padding: 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.funnel .panel-title .collapsed:before {
    background: none;
}

.funnel .panel-title a:before {
    background: none;
}

.funnel .panel-success .panel-heading.disabled {
    opacity: 1;
}
/*Question Mark Tooltip*/
button.qmTooltip {
    background: none;
    padding-top: 0 !important;
    border: none;
}

    button.qmTooltip,
    button.qmTooltip:hover,
    button.qmTooltip:focus,
    button.qmTooltip:active {
        border-bottom-width: 0px;
    }
/*Form Validation*/
.funnel .form-group.has-success input[type="email"]:not(:focus):valid ~ span.field-validation-valid::before,
.funnel .form-group.has-success input[type="text"]:not(:focus):valid ~ span.field-validation-valid::before,
.funnel .form-group.has-success input[type="tel"]:not(:focus):valid ~ span.field-validation-valid::before,
.funnel .form-group.has-success select:not(:focus):valid ~ span.field-validation-valid::before {
    content: "\e013";
    position: absolute;
    top: 6px;
    right: -10px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #89a223;
    font-size: large;
}

div#usrPostcode > span.field-validation-error {
    margin-bottom: 10px;
}

div#usrPostcode ~ div > button[type="submit"] {
    margin-left: 0;
}

@media (min-width: 768px) {
    div#usrPostcode ~ div > button[type="submit"] {
        margin-left: 10px;
    }
}

@media (max-width: 767px) {
    .funnel .form-group.has-success input[type="email"]:not(:focus):valid ~ span.field-validation-valid::before,
    .funnel .form-group.has-success input[type="text"]:not(:focus):valid ~ span.field-validation-valid::before,
    .funnel .form-group.has-success input[type="tel"]:not(:focus):valid ~ span.field-validation-valid::before,
    .funnel .form-group.has-success select:not(:focus):valid ~ span.field-validation-valid::before {
        right: 35px;
        top: 10px;
        font-size: smaller;
    }
}
/*Form styling*/
.funnel div.btn-group.checkbox,
.funnel div.btn-group {
    width: 100%;
}

    .funnel div.btn-group label.btn.btn-default {
        margin-right: 2px;
        margin-bottom: 0px;
        padding: 8px;
    }

        .funnel div.btn-group label.btn.btn-default.btn-spacing {
            padding: 6px 14px;
        }

            .funnel div.btn-group label.btn.btn-default.btn-spacing i.fa.fa-check {
                color: #b3d143;
                font-size: 12px;
                line-height: inherit;
            }

.funnel .form-horizontal .control-label {
    vertical-align: top;
}

/*Input validation -- Funnel only*/
.funnel form input[type="email"]:not(:focus).valid ~ span.input-validation::before,
.funnel form input[type="text"]:not(:focus).valid ~ span.input-validation::before,
.funnel form input[type="tel"]:not(:focus).valid ~ span.input-validation::before,
.funnel form select:not(:focus).valid ~ span.input-validation::before,
.funnel form textarea:not(:focus).valid ~ span.input-validation::before,
.funnel form input[type="email"].error ~ span.input-validation::before,
.funnel form input[type="text"].error ~ span.input-validation::before,
.funnel form input[type="tel"].error ~ span.input-validation::before,
.funnel form select.error ~ span.input-validation::before,
.funnel form textarea.error ~ span.input-validation::before {
    right: 35px;
}
/*Replay*/
.replay .summary {
    padding-bottom: 20px;
    line-height: 26px;
}
/* CONTACT AREA */
@media (min-width: 320px) and (max-width: 479px) {
    .funnel label.xxs-full-width {
        width: 100%;
        border-radius: 4px !important;
        margin-bottom: 10px !important;
    }
}
/* ADDRESS AREA */
option {
    padding: 8px 5px;
    height: 30px;
}
/*Post code field to have uppercase text (on entry)*/
input[type=text]#usrPostcode {
    text-transform: uppercase;
}
/*Post code field to have normal case placeholder text (on load)*/
::-webkit-input-placeholder {
    /* WebKit browsers */
    text-transform: none;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    text-transform: none;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    text-transform: none;
}
/*Postcode margin*/
label#usrPostcode-error {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    label#usrPostcode-error {
        margin-bottom: 0px;
    }
}
/* SIDEBAR */
.well-flat .panel-group.accordion {
    margin-left: -15px;
    margin-right: -15px;
}

    .well-flat .panel-group.accordion .panel-body {
        background-color: #fff;
    }
/* "You've chosen" basket */
div.funnel-price p {
    width: auto;
    float: left;
    margin-right: 8px;
    margin-top: 7px;
}

    div.funnel-price p.homeserve_thin {
        line-height: 1.2;
    }

    div.funnel-price p.h1 {
        font-size: 36px;
    }
/*Logout button*/
div.btn-logout {
    margin-top: 5px;
}

    div.btn-logout a.btn {
        width: auto;
        padding: 10px 20px;
        cursor: pointer;
    }
/* Manipulates the 'page_header' class (for mobile) when the Logout button is present */
#hub-header {
    width: 60%;
}

@media (min-width: 768px) {
    #hub-header {
        width: auto;
    }
}
/* Self-Serve Panels */
.self-serve-panel span {
    width: 75%;
    line-height: 1.4;
}

.self-serve-panel i {
    font-size: 24px;
}
/* New customer hub -- Accordion '+' & '-' icon override */
#selfServeAccordion .self-serve-panel.panel-title a:after,
#selfServeAccordion .self-serve-panel.panel-title .collapsed:after {
    content: "\e915";
    font-family: 'HomeServe-Icons';
    font-size: 18px;
    color: #333333;
}

.status-circle {
    background: #f6f6f6;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    border: solid #fff;
    border-width: 3px;
    padding-top: 3px;
    box-shadow: 0px 2px 4px #bbb;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: -4px;
}

.no-cover.status-circle {
    background: #bbb;
}

.cover.status-circle {
    background: #bccf00;
}

.no-cover.status-circle span:before {
    content: "\f023";
    font-family: 'FontAwesome';
}

.cover.status-circle span:before {
    content: "\e922";
    font-family: 'HomeServe-Icons';
}

.ss-quick-links .btn {
    white-space: normal !important;
    padding: 0px;
    width: 100%;
}
/*Button text wrap override*/
.btn-wrap-text {
    white-space: normal !important;
}
/*Bootstrap white btn*/
.btn-white-gradient {
    color: #333333;
    border-color: #c9c9c9;
    border-top-color: #e6e6e6;
    border-top-width: 1px;
    border-left-color: #e6e6e6;
    border-left-width: 1px;
    border-right-color: #e6e6e6;
    border-right-width: 1px;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 60%, #f6f6f6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(60%, #ffffff), color-stop(100%, #f6f6f6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 60%, #f6f6f6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #ffffff 60%, #f6f6f6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 60%, #f6f6f6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 60%, #f6f6f6 100%);
    /* W3C */
    box-shadow: 0px 0px 2px 2px #ffffff inset;
    text-shadow: 0 1px 0 #fff;
}

    .btn-white-gradient:hover,
    .btn-white-gradient:focus,
    .btn-white-gradient.focus,
    .btn-white-gradient:active,
    .btn-white-gradient.active,
    .open > .dropdown-toggle.btn-white-gradient {
        color: #333333;
        background: #eceae6;
        border-color: none;
        box-shadow: none;
    }

    .btn-white-gradient:active,
    .btn-white-gradient.active,
    .open > .dropdown-toggle.btn-white-gradient {
        background-image: none;
    }

    .btn-white-gradient.disabled,
    .btn-white-gradient[disabled],
    fieldset[disabled] .btn-white-gradient,
    .btn-white-gradient.disabled:hover,
    .btn-white-gradient[disabled]:hover,
    fieldset[disabled] .btn-white-gradient:hover,
    .btn-white-gradient.disabled:focus,
    .btn-white-gradient[disabled]:focus,
    fieldset[disabled] .btn-white-gradient:focus,
    .btn-white-gradient.disabled.focus,
    .btn-white-gradient[disabled].focus,
    fieldset[disabled] .btn-white-gradient.focus,
    .btn-white-gradient.disabled:active,
    .btn-white-gradient[disabled]:active,
    fieldset[disabled] .btn-white-gradient:active,
    .btn-white-gradient.disabled.active,
    .btn-white-gradient[disabled].active,
    fieldset[disabled] .btn-white-gradient.active {
        background-color: #ffffff;
        border-color: #f6f6f6;
    }

    .btn-white-gradient .btn-left,
    .btn-white-gradient .btn-right,
    .btn-white-gradient .btn-right > div {
        min-height: inherit;
        height: inherit;
    }

    .btn-white-gradient .btn-left {
        float: left;
        width: 90%;
    }

        .btn-white-gradient .btn-left > div {
            padding: 10px 3px;
        }

        .btn-white-gradient .btn-left p:first-child {
            margin-top: 10px;
            margin-bottom: 10px;
            pointer-events: none;
        }

        .btn-white-gradient .btn-left p + p {
            padding: 0px 5px 5px;
        }

    .btn-white-gradient .btn-right {
        float: right;
        width: 10%;
    }

        .btn-white-gradient .btn-right > div { 
            background-color: #007681;
            border-radius: 0px;
        }

    .btn-white-gradient p {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .btn-white-gradient .btn-right > div i {
        color: #ffffff;
    }

@media (min-width: 992px) {
    .btn-white-gradient .btn-left {
        float: left;
        width: 80%;
    }

    .btn-white-gradient .btn-right {
        float: right;
        width: 20%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .btn-white-gradient p {
        font-size: 12px !important;
        line-height: 16px !important;
    }
}

@media (min-width: 1200px) {
    .btn-white-gradient p {
        font-size: 14px !important;
        line-height: 18px !important;
    }
}
/*--------------------------------------------*\
		eServe Customer Hub
\*--------------------------------------------*/
/*To break long links to avoid overlapping*/
.long-link-wrap {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.product-inclusions .title {
    font-weight: bold;
    margin-bottom: 10px;
}

.product-inclusions .table > tbody > tr > td:nth-of-type(odd) {
    width: 10px;
}
/*Accordion Type*/
p.cover-info-text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
}
/*Product accordion*/
.icon-feature-container > i {
    position: absolute;
    top: 2px;
    display: inline-block;
    font-size: 2em;
    line-height: 1;
    background-color: #e7342c;
    border-radius: 100%;
    color: #fff;
    padding: 10px;
    pointer-events: none;
}

    .icon-feature-container > i + div.icon-feature-info {
        margin-left: 70px;
    }

a.link-no-underline,
a.link-no-underline:link,
a.link-no-underline:hover,
a.link-no-underline:focus,
a.link-no-underline:visited {
    text-decoration: none !important;
}
/*Table Striped in accordion*/
.accordion .table-responsive > .table.table-striped > tbody > tr > td + td {
    white-space: normal;
}
/*To break long links to avoid overlapping*/
.long-link-wrap {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/*--------------------------------------------*\
		Loyalty Offers
\*--------------------------------------------*/
/*FOR DINE CLUB USE ONLY*/
@font-face {
    font-family: 'ralewaymedium';
    src: url('/ContentUK/fonts/raleway_medium-webfont.eot');
    src: url('/ContentUK/fonts/raleway_medium-webfont.eot?#iefix') format('embedded-opentype'), url('/ContentUK/fonts/raleway_medium-webfont.woff2') format('woff2'), url('/ContentUK/fonts/raleway_medium-webfont.woff') format('woff'), url('/ContentUK/fonts/raleway_medium-webfont.ttf') format('truetype'), url('/ContentUK/fonts/raleway_medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('/ContentUK/fonts/raleway_extrabold-webfont.eot');
    src: url('/ContentUK/fonts/raleway_extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('/ContentUK/fonts/raleway_extrabold-webfont.woff2') format('woff2'), url('/ContentUK/fonts/raleway_extrabold-webfont.woff') format('woff'), url('/ContentUK/fonts/raleway_extrabold-webfont.ttf') format('truetype'), url('/ContentUK/fonts/raleway_extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

a.loyalty-banner {
    display: block;
    width: auto;
    margin-bottom: 40px;
    border: 1px solid;
    border-color: #d1d7db;
}

    a.loyalty-banner #leakbot-offer,
    a.loyalty-banner #dine-offer {
        overflow-x: auto;
        background-repeat: no-repeat;
    }

    a.loyalty-banner #dine-offer {
        background-position: 0px -12px;
    }

@media (min-width: 768px) {
    a.loyalty-banner #dine-offer {
        background-position: 0px -10px;
    }
}

a.loyalty-banner #dine-offer #dine-logo {
    width: 80%;
    height: 50px;
    background: 0px 0px no-repeat;
    background-size: 200px 50px;
    margin: 10px 0 5px;
}

a.loyalty-banner #dine-offer #msg {
    width: auto;
    font-family: 'ralewaymedium', Arial, sans-serif;
    color: #407295;
}

@media (min-width: 480px) {
    a.loyalty-banner #dine-offer #msg {
        width: 70%;
    }
}

@media (min-width: 768px) {
    a.loyalty-banner #dine-offer #msg span {
        display: block;
    }
}

a.loyalty-banner #dine-offer #dine-img {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

@media (min-width: 480px) {
    a.loyalty-banner #dine-offer #dine-img {
        display: block;
    }
}

a.loyalty-banner #dine-offer #cta {
    width: 100%;
    font-family: 'ralewayextrabold', Arial, sans-serif;
}

a.loyalty-banner #leakbot-offer {
    background-position: -650px 0px;
    background-size: 1400px;
}

@media (min-width: 768px) {
    a.loyalty-banner #leakbot-offer {
        background-position: -250px 0px;
        background-size: 800px;
    }
}

@media (min-width: 992px) {
    a.loyalty-banner #leakbot-offer {
        background-position: -300px 0px;
        background-size: 850px;
    }
}

a.loyalty-banner #leakbot-offer h3 {
    color: #fff;
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 5px;
}

@media (min-width: 768px) {
    a.loyalty-banner #leakbot-offer h3 {
        font-size: 18px;
        line-height: 22px;
    }
}

a.loyalty-banner #leakbot-offer p.offer-text {
    color: #041e41;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    width: 80%;
}

@media (min-width: 768px) {
    a.loyalty-banner #leakbot-offer p.offer-text {
        font-size: 14px;
        line-height: 18px;
        width: 100%;
    }
}

a.loyalty-banner #leakbot-offer .leakbot-logo {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    margin-bottom: 10px;
    float: right;
}

@media (min-width: 768px) {
    a.loyalty-banner #leakbot-offer .leakbot-logo {
        width: 50%;
        margin-top: 70px;
        float: right;
    }
}

@media (min-width: 992px) {
    a.loyalty-banner #leakbot-offer .leakbot-logo {
        width: 40%;
        margin-top: 80px;
    }
}

a.loyalty-banner #leakbot-offer .leakbot-logo .navbar-xs-brand {
    width: 100%;
    height: 100%;
    display: block;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 175px 175px;
}

@media (min-width: 768px) {
    a.loyalty-banner #leakbot-offer .leakbot-logo .navbar-brand {
        width: 100%;
        height: 100%;
        display: block;
        background-position: 0px -65px;
        background-repeat: no-repeat;
        background-size: 155px 155px;
    }
}

@media (min-width: 992px) {
    a.loyalty-banner #leakbot-offer .leakbot-logo .navbar-brand {
        background-size: 126px 130px;
    }
}

@media (min-width: 768px) {
    a.loyalty-banner #leakbot-offer #leakbot-img {
        float: left;
        width: 50%;
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    a.loyalty-banner #leakbot-offer #leakbot-img {
        width: 60%;
    }
}
/*--------------------------------------------*\
		Register Page
\*--------------------------------------------*/
.customer-account .jumbotron {
    margin-top: -20px;
}
#content-block.customer-account.content-block-off > .jumbotron {
    margin-top: 0;
}

@media (min-width: 768px) {
    .customer-account .jumbotron {
        margin-bottom: 60px;
    }
}

.customer-account .jumbotron ol {
    list-style: none;
    counter-reset: li;
}

    .customer-account .jumbotron ol li {
        padding-left: 20px;
    }

        .customer-account .jumbotron ol li:before {
            content: counter(li);
            counter-increment: li;
            background-color: #e7342c;
            color: #fff;
            border-radius: 50%;
            position: absolute;
            left: 20px;
            height: 22px;
            width: 22px;
            line-height: 24px;
            text-align: center;
            margin-top: -2px;
            font-size: 14px;
            font-weight: bold;
        }

.customer-account .jumbotron + footer {
    margin-top: 0;
}

.customer-account .jumbotron.cover-img {
    background-size: cover;
    background-repeat: no-repeat;
    border-top: 1px solid #ffffff;
}

.customer-account .help-guide {
    position: relative;
    background-color: rgba(53, 53, 53, 0.8);
    padding: 15px;
    color: #fff;
}

@media (min-width: 768px) {
    .customer-account .help-guide {
        position: fixed;
        top: 80px;
        right: 0;
        text-align: center;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
}

.customer-account .help-guide .title {
    margin-bottom: 20px;
}

.customer-account .help-guide .help-btns {
    display: block;
}

@media (min-width: 600px) {
    .customer-account .help-guide .help-btns {
        display: inline-flex;
    }
}

@media (min-width: 768px) {
    .customer-account .help-guide .help-btns {
        display: block;
    }
}

.customer-account .help-guide .help-btns .help-button {
    display: block;
    margin: 0 10px 30px 0;
}

@media (min-width: 768px) {
    .customer-account .help-guide .help-btns .help-button {
        margin-bottom: 10px;
    }
}

.customer-account .help-guide .help-btns .help-button:last-child {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .customer-account .help-guide .help-btns .help-button:last-child {
        margin-bottom: inherit;
    }
}

.customer-account .help-guide .help-btns .help-button a {
    display: inline-block;
    color: #fff;
    position: relative;
    margin-left: 50px;
    line-height: 28px;
}

@media (min-width: 768px) {
    .customer-account .help-guide .help-btns .help-button a {
        margin: 0;
    }
}

.customer-account .help-guide .help-btns .help-button a,
.customer-account .help-guide .help-btns .help-button a:hover,
.customer-account .help-guide .help-btns .help-button a:focus,
.customer-account .help-guide .help-btns .help-button a:active,
.customer-account .help-guide .help-btns .help-button a:visited {
    text-decoration: none !important;
}

    .customer-account .help-guide .help-btns .help-button a > i {
        position: absolute;
        top: -10px;
        left: -50px;
        display: inline-block;
        line-height: 1;
    }

@media (min-width: 768px) {
    .customer-account .help-guide .help-btns .help-button a > i {
        position: relative;
        top: auto;
        left: auto;
    }
}

.customer-account .help-guide .help-btns .help-button a i {
    background-color: transparent;
    color: #d1d7db;
    border: 2px solid #d1d7db;
    border-radius: 100%;
    padding: 8px;
    font-size: 22px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .customer-account .help-guide .help-btns .help-button a i {
        display: block;
    }
}

.customer-account .help-guide .help-btns .help-button a:hover i {
    background-color: #e7342c;
    color: #fff;
    border: none;
    padding: 10px;
}

.customer-account .help-guide .help-btns .help-button a span {
    display: inline-block;
}

@media (min-width: 768px) {
    .customer-account .help-guide .help-btns .help-button a span {
        display: none;
    }
}

.customer-account .sub-accordion div.arrows {
    padding-left: 20px;
}

    .customer-account .sub-accordion div.arrows .title > a {
        position: relative;
        padding-left: 0;
        color: #333333;
        font-weight: bold;
    }

        .customer-account .sub-accordion div.arrows .title > a:before {
            content: "\e955";
            position: absolute;
            top: 0;
            left: -20px;
            display: inline-block;
            font-family: 'HomeServe-Icons';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-right: 10px;
            color: #e7342c;
        }

        .customer-account .sub-accordion div.arrows .title > a.collapsed:before {
            content: "\e952";
        }

.customer-account .alert {
    border-width: 1px;
    border-style: solid;
    border-left-width: 6px;
    background-color: #fff;
    text-shadow: none;
    box-shadow: none;
    border-radius: 6px;
}

.customer-account .alert.alert-info {
    border-color: #0096c8;
}

.customer-account .alert.alert-warning {
    border-color: #ef7c00;
}

.customer-account .alert.alert-danger {
    border-color: #ff0000;
}

.customer-account .alert.alert-success {
    border-color: #00838F;
}

.customer-account .alert .icon-list-style {
    margin-left: 40px;
}
.customer-account .alert.alert-sm {
    padding: 6px;
}

.customer-account .alert.alert-sm .icon-list-style {
    margin-left: 25px;
}

.customer-account .alert.alert-sm .icon-list-style > i {
    top: 0;
    left: -25px;
}

.customer-account .alert.alert-sm p {
    font-size: 14px;
}

.customer-account .alert.hidden-bg {
    background-color: transparent;
    border-width: 0 !important;
    border-color: transparent !important;
}

    .customer-account .alert.alert-sm {
        padding: 6px;
    }

        .customer-account .alert.alert-sm .icon-list-style {
            margin-left: 25px;
        }

            .customer-account .alert.alert-sm .icon-list-style > i {
                top: 0;
                left: -25px;
            }

        .customer-account .alert.alert-sm p {
            font-size: 14px;
        }

    .customer-account .alert.hidden-bg {
        background-color: transparent;
        border-width: 0 !important;
        border-color: transparent !important;
    }

.customer-account section.claim-section {
    padding-bottom: 150px;
}

@media screen and (min-width: 768px) {
    .customer-account section.claim-section {
        padding-bottom: 300px;
    }
}

@media screen and (max-width: 991px) {
    .customer-account section.claim-section.active-section:not(:first-child) {
        padding-top: 40px;
    }
}

@media screen and (max-width: 991px) {
    .customer-account section.claim-section.active-section.activated {
        padding-top: 10px;
    }
}

.customer-account section.claim-section.disabled a.icon-select-btn {
    pointer-events: none;
}

.customer-account section.claim-section a.icon-select-btn {
    display: block;
}

    .customer-account section.claim-section a.icon-select-btn [class^="hs-line-icon-"],
    .customer-account section.claim-section a.icon-select-btn [class*=" hs-line-icon-"] {
        display: block;
        color: #757575;
        font-size: 54px;
        transition: 0.2s all ease-in-out;
        margin-bottom: 20px;
    }

    .customer-account section.claim-section a.icon-select-btn div.circle-btn {
        margin: 0 auto;
        border-radius: 100%;
        background-color: #fff;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
        padding: 20px;
        margin-bottom: 10px;
        width: 100px;
        height: 100px;
        border: 1px solid #d1d7db;
    }

    .customer-account section.claim-section a.icon-select-btn .radio-btn-list p {
        position: relative;
        margin-left: 50px;
    }

        .customer-account section.claim-section a.icon-select-btn .radio-btn-list p > i {
            position: absolute;
            top: 0;
            left: -50px;
            font-family: "HomeServe-Icons";
            font-size: 28px;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            color: #757575;
        }

            .customer-account section.claim-section a.icon-select-btn .radio-btn-list p > i:before {
                content: "\e99c";
            }

    .customer-account section.claim-section a.icon-select-btn div.circle-btn ~ p,
    .customer-account section.claim-section a.icon-select-btn .radio-btn-list p,
    .customer-account section.claim-section a#restart-btn,
    .customer-account section.claim-section div.alert a {
        text-decoration: underline;
    }

        .customer-account section.claim-section a.icon-select-btn .radio-btn-list p span.extra-info {
            display: inline-block;
            color: #333 !important;
            text-decoration: none !important;
        }

    .customer-account section.claim-section a.icon-select-btn:hover,
    .customer-account section.claim-section a.icon-select-btn:focus {
        text-decoration: none !important;
    }

        .customer-account section.claim-section a.icon-select-btn:hover [class^="hs-line-icon-"],
        .customer-account section.claim-section a.icon-select-btn:focus [class^="hs-line-icon-"],
        .customer-account section.claim-section a.icon-select-btn:hover [class*=" hs-line-icon-"],
        .customer-account section.claim-section a.icon-select-btn:focus [class*=" hs-line-icon-"] {
            color: #e7342c;
            transform: scale(1.2);
            transform-origin: 50% 50%;
        }

            .customer-account section.claim-section a.icon-select-btn:hover [class^="hs-line-icon-"]:before,
            .customer-account section.claim-section a.icon-select-btn:focus [class^="hs-line-icon-"]:before,
            .customer-account section.claim-section a.icon-select-btn:hover [class*=" hs-line-icon-"]:before,
            .customer-account section.claim-section a.icon-select-btn:focus [class*=" hs-line-icon-"]:before {
                color: #e7342c;
            }

        .customer-account section.claim-section a.icon-select-btn:hover div.circle-btn,
        .customer-account section.claim-section a.icon-select-btn:focus div.circle-btn {
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
        }

        .customer-account section.claim-section a.icon-select-btn:hover .radio-btn-list p > i,
        .customer-account section.claim-section a.icon-select-btn:focus .radio-btn-list p > i {
            content: "\e99b";
            color: #e7342c;
        }

        .customer-account section.claim-section a.icon-select-btn:hover [class^="hs-line-icon-"],
        .customer-account section.claim-section a.icon-select-btn:focus [class^="hs-line-icon-"],
        .customer-account section.claim-section a.icon-select-btn:hover [class*=" hs-line-icon-"],
        .customer-account section.claim-section a.icon-select-btn:focus [class*=" hs-line-icon-"],
        .customer-account section.claim-section a.icon-select-btn:hover span.long-link-wrap,
        .customer-account section.claim-section a.icon-select-btn:focus span.long-link-wrap,
        .customer-account section.claim-section a.icon-select-btn:hover div.circle-btn,
        .customer-account section.claim-section a.icon-select-btn:focus div.circle-btn,
        .customer-account section.claim-section a.icon-select-btn:hover .radio-btn-list p > i,
        .customer-account section.claim-section a.icon-select-btn:focus .radio-btn-list p > i,
        .customer-account section.claim-section a.icon-select-btn:hover p,
        .customer-account section.claim-section a.icon-select-btn:focus p {
            cursor: pointer !important;
        }

    .customer-account section.claim-section a.icon-select-btn span.extra-info {
        color: #333;
    }

.customer-account .summary-strip {
    padding-left: 0;
    padding-right: 0;
    margin-top: 53px;
    z-index: 1000;
    border-top: 1px solid #fff;
}

    .customer-account .summary-strip.affix,
    .customer-account .summary-strip.affix-top {
        width: 100%;
        z-index: 2;
    }

@media screen and (max-width: 991px) {
    .customer-account .summary-strip .summary-strip-header {
        background-color: #757575;
    }

        .customer-account .summary-strip .summary-strip-header .summary-heading {
            padding: 0;
        }

            .customer-account .summary-strip .summary-strip-header .summary-heading > a[data-toggle=collapse] {
                position: relative;
                display: block;
                text-decoration: none;
                padding: 15px 55px 15px 0;
            }

                .customer-account .summary-strip .summary-strip-header .summary-heading > a[data-toggle=collapse]:after {
                    content: "\e976";
                    font-family: "HomeServe-Icons";
                    font-size: 28px;
                    position: absolute;
                    top: 8px;
                    right: 0;
                    transition: transform .25s linear;
                    -webkit-transition: -webkit-transform 0.25s linear;
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
                }

                .customer-account .summary-strip .summary-strip-header .summary-heading > a[data-toggle=collapse].collapsed:after {
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

            .customer-account .summary-strip .summary-strip-header,
            .customer-account .summary-strip .summary-strip-header .summary-heading > a[data-toggle=collapse] {
                color: #fff;
            }
}

.customer-account .summary-strip .summary-strip-body {
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

    .customer-account .summary-strip .summary-strip-body.collapse.in .summary-overlay {
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        position: fixed;
        left: 0;
        z-index: 1;
    }

.customer-account .claim-summary .summary-body {
    padding: 15px;
}

.customer-account .claim-summary .summary-heading h4 {
    margin-bottom: 0;
}

.customer-account .claim-summary ul {
    margin-bottom: 5px;
}

    .customer-account .claim-summary ul > li > span {
        width: 75%;
    }

    .customer-account .claim-summary ul > li > a {
        float: right;
        cursor: pointer;
        text-decoration:underline;
    }

    .customer-account .claim-summary ul > li > span,
    .customer-account .claim-summary ul > li > a {
        display: inline-block;
    }

.customer-account .summary-col .affix {
    top: 100px;
    padding-top: 0;
    width: 262px;
    z-index:999;
}

.customer-account .summary-col .claim-summary {
    display: block;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

    .customer-account .summary-col .claim-summary .summary-heading {
        background-color: #757575;
        color: #fff;
        padding: 15px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .customer-account .summary-col .claim-summary .summary-body {
        border-top: 2px solid #e7342c;
    }

    .customer-account .summary-col .claim-summary.present-results ul > li > span {
        width: auto;
    }

.customer-account a.back-btn,
.customer-account a#back-btn-ms {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    margin-right: 5px;
    padding: 10px 15px;
    font-size: 14px;
    text-align: center;
    background-color: #E62419;
    color: #fff;
    border-radius: 30px;
    white-space: normal;
    transition: 0.2s all ease-in-out;
    width: auto;
}

    .customer-account a.back-btn [class^="icon-hs"],
    .customer-account a#back-btn-ms [class^="icon-hs"],
    .customer-account a.back-btn [class*="icon-hs"],
    .customer-account a#back-btn-ms [class*="icon-hs"] {
        font-size: 32px;
        display: block;
        margin-bottom: 3px;
        margin-right: 2px;
    }

    .customer-account a.back-btn:hover,
    .customer-account a#back-btn-ms:hover,
    .customer-account a.back-btn:focus,
    .customer-account a#back-btn-ms:focus {
        background-color: #B92A23;
    }

        .customer-account a.back-btn:hover,
        .customer-account a#back-btn-ms:hover,
        .customer-account a.back-btn:focus,
        .customer-account a#back-btn-ms:focus,
        .customer-account a.back-btn:hover [class^="icon-hs"],
        .customer-account a#back-btn-ms:hover [class^="icon-hs"],
        .customer-account a.back-btn:focus [class^="icon-hs"],
        .customer-account a#back-btn-ms:focus [class^="icon-hs"],
        .customer-account a.back-btn:hover [class*=" icon-hs"],
        .customer-account a#back-btn-ms:hover [class*=" icon-hs"],
        .customer-account a.back-btn:focus [class*=" icon-hs"],
        .customer-account a#back-btn-ms:focus [class*=" icon-hs"] {
            cursor: pointer;
            text-decoration: none !important;
        }

.customer-account a.back-btn {
    display: none;
}

.customer-account a#back-btn-ms {
    display: flex !important;
    float: right;
    position: fixed;
    bottom: -500px;
    right: 25px;
}

@media (min-width: 768px) {
    .customer-account a#back-btn-ms {
        display: none !important;
    }
}

.customer-account a#back-btn-ms.active {
    bottom: 25px;
}

@media (min-width: 768px) {
    .customer-account section.active-section a.back-btn {
        display: inline-flex;
    }
}

.customer-account .text-align-radio-group {
    display: flex;
}

    .customer-account .text-align-radio-group div {
        flex: 0 0 auto;
        margin-right: 5px;
    }

    .customer-account .text-align-radio-group label {
        display: flex;
        padding: 15px;
        border-radius: 6px;
        cursor: pointer;
        transition: 0.2s all ease-in-out;
    }

        .customer-account .text-align-radio-group label:hover,
        .customer-account .text-align-radio-group label:focus {
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
            background-color: #fdfdfd;
        }

    .customer-account .text-align-radio-group input {
        flex: 0 0 auto;
        margin-top: 0;
        margin-right: 10px;
        width: 20px;
        height: 20px;
    }

    .customer-account .text-align-radio-group span {
        flex: 1 1 auto;
        font-weight: normal;
        font-size: 18px;
    }

    .customer-account .text-align-radio-group.radio-vertical {
        display: block;
    }

        .customer-account .text-align-radio-group.radio-vertical div {
            flex: none;
        }

        .customer-account .text-align-radio-group.radio-vertical label {
            display: block;
            padding: 5px;
            padding-left: 0;
        }

        .customer-account .text-align-radio-group.radio-vertical span {
            flex: none;
        }

.customer-account .panel.panel-white {
    border-radius: 6px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}

    .customer-account .panel.panel-white .text-align-radio-group.radio-vertical label:hover,
    .customer-account .panel.panel-white .text-align-radio-group.radio-vertical label:focus {
        box-shadow: none;
        background-color: transparent;
    }

    .customer-account .panel.panel-white .title {
        background-color: #f0f0f0;
        padding: 15px;
        border-radius: 6px;
        margin-bottom: 0;
    }

.customer-account .panel .panel-heading {
    border-radius: 6px;
}

.customer-account .panel.panel-black {
    background-color: #4D4D4D;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    color: #fff;
    border-radius: 6px;
}

    .customer-account .panel.panel-black a {
        color: #B3E0EF;
    }

        .customer-account .panel.panel-black a.btn.btn-primary {
            color: #fff;
        }

    .customer-account .panel.panel-black .switch input:checked ~ .slider.round {
        border-color: #fff !important;
    }

    .customer-account .panel.panel-black .ui-widget-content {
        background: none;
        background-color: transparent;
        color: #fff;
    }

    .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay {
        margin-bottom: 0;
    }

        .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay .ui-widget-header {
            color: #fff;
        }

            .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-prev,
            .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-next {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                padding: 5px;
                transition: all ease 0.2s;
            }

                .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-prev:after,
                .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-next:after {
                    color: #F5AEAB;
                    font-size: 32px;
                    top: -4px;
                    left: auto;
                    right: auto;
                    float: none;
                }

            .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-prev-hover,
            .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-next-hover {
                top: 2px;
                background-color: #e7342c;
            }

                .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-prev-hover:after,
                .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-next-hover:after {
                    color: #fff;
                }

            .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-prev:after {
                left: 1px;
            }

            .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-next:after {
                right: 2px;
            }

        .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar span.ui-state-default {
            color: #fff !important;
            background-color: transparent;
        }

        .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar th {
            background-color: #666;
        }

        .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td.enabled.ui-datepicker-today a.ui-state-default.ui-state-active {
            background-color: #E62419 !important;
            font-weight: bold !important;
        }

        .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td.enabled a.ui-state-default {
            color: #fff !important;
            background-color: #0078A0;
        }

        .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td.enabled a.ui-state-active {
            background-color: #E62419;
            font-weight: bold !important;
        }

        .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td.enabled a.ui-state-active,
        .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td.enabled a.ui-state-default,
        .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td.enabled.ui-datepicker-today a.ui-state-default.ui-state-active {
            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
        }

        .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar a:hover,
        .customer-account .panel.panel-black .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar a:focus {
            text-decoration: underline;
        }

.customer-account button.opayoSubmitBtn {
    display: inline-block;
    width: 60%;
    height: 40px;
    background-color: #E62419;
    border: none;
    border-radius: 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    padding-left: 25px;
    padding-right: 25px;
}

    .customer-account button.opayoSubmitBtn:hover,
    .customer-account button.opayoSubmitBtn:focus {
        background-color: #B92A23;
        text-decoration: underline;
        cursor: pointer;
    }

    .customer-account button.opayoSubmitBtn.active {
        background-color: #d1d7db;
        color: #000000;
        background-repeat: no-repeat;
        background-position: 35px center;
    }

        .customer-account button.opayoSubmitBtn.active:hover,
        .customer-account button.opayoSubmitBtn.active:focus {
            background-color: #d1d7db;
            text-decoration: none;
        }

.customer-account div#safe-secure-msg {
    position: absolute;
    top: 0;
    right: 0;
}

.customer-account .switch {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 30px;
}

    .customer-account .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .customer-account .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #eceae6;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .customer-account .switch .slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 3px;
            bottom: 3px;
            background-color: #fff;
            -webkit-transition: .4s;
            transition: .4s;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
            border: 1px solid #808080;
        }

    .customer-account .switch input:checked ~ .slider {
        background-color: #0078A0;
    }

    .customer-account .switch input:focus ~ .slider {
        box-shadow: 0 0 1px #757575;
    }

    .customer-account .switch input:checked ~ .slider:before {
        -webkit-transform: translateX(60px);
        -ms-transform: translateX(60px);
        transform: translateX(60px);
        background-color: #fff;
        box-shadow: none;
        border-color: transparent;
    }

    .customer-account .switch .slider.round {
        border-radius: 34px;
        border: 2px solid #808080;
    }

        .customer-account .switch .slider.round:before {
            border-radius: 50%;
        }

    .customer-account .switch .slider:after {
        content: '';
        color: #333;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: Arial, sans-serif;
        font-size: 10px;
    }

    .customer-account .switch input:checked ~ .slider:after {
        content: '';
        color: #fff;
    }

.customer-account .circled {
    background-color: #E62419;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 32px;
    width: 32px;
    padding: 5px;
    line-height: 23px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.customer-account .symptoms-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 40px -15px 0;
    row-gap: 10px;
}

    .customer-account .symptoms-wrapper .flex-symptom {
        display: flex;
        flex: 0 50%;
        padding: 0 15px;
        justify-content: space-around;
    }

@media (min-width: 480px) {
    .customer-account .symptoms-wrapper .flex-symptom {
        flex: 0 33.33333333%;
    }
}

@media (min-width: 600px) {
    .customer-account .symptoms-wrapper .flex-symptom {
        flex: 0 25%;
    }
}

@media (min-width: 768px) {
    .customer-account .symptoms-wrapper .flex-symptom {
        flex: 0 20%;
    }
}

@media (min-width: 1200px) {
    .customer-account .symptoms-wrapper .flex-symptom {
        flex: 0 16.66666667%;
    }
}

/*Accessible Radio & Checkbox Group*/
.rounded-wrapper-radio-select label.check-group {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    font-size: 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .rounded-wrapper-radio-select label.check-group.check-box {
        margin-bottom: 20px;
    }
    /* Hide the browser's default checkbox */
    .rounded-wrapper-radio-select label.check-group input {
        position: absolute;
        cursor: pointer;
        height: 24px;
        width: 24px;
        right: 10px;
        top: 3px;
    }

        .rounded-wrapper-radio-select label.check-group input[type='radio']:focus {
            outline-offset: 0;
        }

        .rounded-wrapper-radio-select label.check-group input[type='radio']:after {
            width: 20px;
            height: 20px;
            border-radius: 15px;
            position: relative;
            top: 2px;
            left: 2px;
            background-color: #fff;
            display: inline-block;
            visibility: visible;
        }

        .rounded-wrapper-radio-select label.check-group input[type='radio']:checked:after {
            border: 2px solid #fff;
            content: "\e922";
            font-family: "HomeServe-Icons";
            color: #007681;
            font-size: 17px;
        }

.rounded-wrapper-radio-select label.check-group {
    background-color: #d1d7db;
    color: #333;
    padding: 8px 32px 8px 22px;
    border: 2px solid #fff;
    border-radius: 30px;
    text-align: left;
    margin-right: 10px;
    text-shadow: none;
    transition: all 0.25s ease-out;
}

    .rounded-wrapper-radio-select label.check-group.active,
    .rounded-wrapper-radio-select label.check-group:hover,
    .rounded-wrapper-radio-select label.check-group:focus {
        background-color: #333;
        color: #fff;
    }

    .rounded-wrapper-radio-select label.check-group .checklabel {
        display: block;
        margin-right: 15px;
    }

.rounded-wrapper-radio-select .checkmark-row-alignment {
    display: block;
}

@media (min-width:480px) {
    .rounded-wrapper-radio-select .checkmark-row-alignment {
        display: inline-block;
    }
}

/*Modal*/
.modal.hs-dialog {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
    border: none;
    border-color: transparent;
}

    .modal.hs-dialog .modal-content,
    .modal.hs-dialog .modal-content .modal-body {
        border-radius: 20px;
    }

        .modal.hs-dialog .modal-content .modal-body {
            padding: 20px 20px 0;
            background-color: #fff;
        }

        .modal.hs-dialog .modal-content .modal-footer {
            border: 0;
            border-color: transparent;
        }
/*--------------------------------------------*\
		Landlord Login
\*--------------------------------------------*/
.landlord-account .jumbotron {
    margin-top: -20px;
}

@media (min-width: 768px) {
    .landlord-account .jumbotron {
        padding: 60px 0;
        background-color: #eceae6;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: cover;
        background-size: cover;
    }
}

@media (min-width: 768px) {
    .landlord-account .jumbotron form.form-horizontal label.control-label {
        text-align: center;
        margin-bottom: 20px;
    }
}
/*--------------------------------------------*\
    Login/Register Pages (New with cover image)
\*--------------------------------------------*/
.hero-slide {
    padding-left: 0px;
    padding-right: 0px;
}

    .hero-slide ul.ticks li {
        margin-left: 20px;
    }

        .hero-slide ul.ticks li:before {
            left: -30px;
        }

    .hero-slide.cover {
        position: relative;
        min-height: 350px;
        background: no-repeat scroll 0px 100% / cover transparent;
        margin-bottom: 40px;
    }

    .hero-slide#login,
    .hero-slide#register {
        background-position: -550px;
    }

@media (min-width: 768px) {
    .hero-slide#login,
    .hero-slide#register {
        background-position: center;
    }
}

.hero-slide#login .panel,
.hero-slide#register .panel {
    background-color: transparent;
    margin-top: 20px;
}

.hero-slide#login .input-group,
.hero-slide#register .input-group {
    display: block;
}

.hero-slide .greyFadeBG {
    background-color: rgba(209, 215, 219, 0.9);
    color: #333;
}

@media (min-width: 768px) {
    .hero-slide .greyFadeBG .icon-list-style {
        border-right: 1px solid rgba(0, 0, 0, 0.3);
        padding-right: 20px;
    }
}

.hero-slide .greyFadeBG .icon-list-style.last {
    border: none !important;
}

.hero-slide .greyFadeBG .icon-list-style i {
    color: rgba(0, 0, 0, 0.6);
}

@media (min-width: 992px) {
    .hero-slide,
    .hero-slide #loginError {
        margin-top: -19px;
    }
}

/*Login form Caps Lock detection (using the BE ID)*/
input#LoginForm_Password + .popover {
    background-color: #f0f0f0;
}

    input#LoginForm_Password + .popover.bottom .arrow:after {
        border-bottom-color: #f0f0f0;
    }

    input#LoginForm_Password + .popover.right .arrow:after {
        border-right-color: #f0f0f0;
    }

    input#LoginForm_Password + .popover > .popover-content {
        color: #9b1812;
    }

.jumbotron.bg-brand-gray-light hr,
.jumbotron.bg-brand-gray-light .page-header,
.container-fluid.well hr,
.container.well hr {
    border-color: #fff;
}

.dashboard-panel .panel-body {
    position: relative;
    transition: all 0.25s;
}

    .dashboard-panel .panel-body:hover,
    .dashboard-panel .panel-body:focus {
        background-color: rgba(236, 234, 230, 0.25);
        transition: all 0.25s;
    }

    .dashboard-panel .panel-body .cta {
        color: #333333;
    }

        .dashboard-panel .panel-body .cta:after {
            font-family: "HomeServe-Icons";
            content: "\e974";
            position: absolute;
            top: 5px;
            right: 3%;
            display: inline-block;
            font-style: normal;
            font-weight: 100;
            font-size: 24px;
            line-height: 2;
            -webkit-font-smoothing: antialiased;
            color: #d1d7db;
            transition: all 0.25s;
        }

@media (min-width: 600px) {
    .dashboard-panel .panel-body .cta:after {
        font-size: 24px;
        top: 5px;
        right: 8%;
    }
}

.dashboard-panel .panel-body .cta,
.dashboard-panel .panel-body .cta:hover,
.dashboard-panel .panel-body .cta:focus,
.dashboard-panel .panel-body .cta:active,
.dashboard-panel .panel-body .cta:visited {
    text-decoration: none;
}

    .dashboard-panel .panel-body .cta:hover:after {
        right: 3%;
        color: #333333;
        transition: all 0.25s;
    }

    .dashboard-panel .panel-body .cta > div {
        width: 64%;
        display: block;
    }

@media (min-width: 992px) {
    .dashboard-panel .panel-body .cta > div {
        width: 70%;
    }
}

.dashboard-panel .panel-body .cta .upsell-icons i {
    font-size: 26px;
    padding: 5px;
}

@media (min-width: 768px) {
    #eligibility-questions p.lead {
        margin-bottom: 0px;
    }

    #eligibility-questions div.btn-group {
        float: right;
    }

    #eligibility-questions div.btn-logout {
        margin-top: 15px;
    }
}

.modal-body,
.modal-footer {
    padding-bottom: 0px;
}

.modal-backdrop {
    min-height: 0;
    height: 0;
}

    .modal-backdrop.in {
        min-height: 100%;
        height: 100%;
    }

.modal-content {
    border: none;
}

    .modal-content,
    .modal-content .modal-body {
        border-radius: 0px;
    }

.modal-header {
    background-color: #E62419;
    color: #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 15px;
}

    .modal-header button.close {
        font-family: 'museo-sans-rounded-300', "Trebuchet MS", Arial, sans-serif;
        font-weight: normal !important;
        font-size: 26px;
        color: #fff !important;
        opacity: 1;
        margin-top: 0px;
        margin-right: 0px;
        padding: 0px 5px;
    }

.modal-title {
    font-family: 'museo-sans-rounded-700', "Trebuchet MS", Arial, sans-serif;
    text-align: center;
    color: #fff;
}

.modal-body {
    background-color: #eceae6;
    padding-top: 0px;
}

@media (min-width: 768px) {
    .modal-body {
        background: #ffffff;
    }
}

.modal-body.geolocation {
    border-left: 1px solid #dddddd;
}

    .modal-body.geolocation .row > [class^="col-"],
    .modal-body.geolocation .row > [class*="col-"] {
        padding: 0px;
        border-right: 1px solid;
        border-bottom: 1px solid;
        border-color: #dddddd;
        text-align: left;
        overflow: auto;
    }

        .modal-body.geolocation .row > [class^="col-"] > a,
        .modal-body.geolocation .row > [class*="col-"] > a {
            display: block;
            padding: 30px 15px;
            text-decoration: none;
        }

    .modal-body.geolocation [class^="col-"] a p + p,
    .modal-body.geolocation [class*="col-"] a p + p,
    .modal-body.geolocation [class^="col-"] .feature p,
    .modal-body.geolocation [class*="col-"] .feature p {
        margin-bottom: 0px;
    }

    .modal-body.geolocation [class^="col-"] img,
    .modal-body.geolocation [class*="col-"] img {
        margin: 0 auto;
        width: 50%;
        padding: 2px;
        background-color: #ffffff;
        border: 3px solid;
        border-color: #dddddd;
    }

@media (min-width: 768px) {
    .modal-body.geolocation [class^="col-"],
    .modal-body.geolocation [class*="col-"] {
        text-align: center;
    }

        .modal-body.geolocation [class^="col-"] > a:hover,
        .modal-body.geolocation [class*="col-"] > a:hover {
            text-decoration: underline;
        }
}

.modal-body.geolocation .feature {
    background-color: #ffffff;
}

    .modal-body.geolocation .feature img {
        width: 100%;
    }

@media (min-width: 768px) {
    .modal-body.geolocation .feature img {
        width: 50%;
    }
}

.modal-body.geolocation .feature .feature-img,
.modal-body.geolocation .feature .feature-txt {
    display: inline-block;
}

.modal-body.geolocation .feature .feature-img {
    width: 25%;
    margin-right: 5%;
}

@media (min-width: 768px) {
    .modal-body.geolocation .feature .feature-img {
        margin-right: 0;
    }

        .modal-body.geolocation .feature .feature-img p {
            margin-bottom: 20px;
        }
}

.modal-body.geolocation .feature .feature-txt {
    width: 65%;
    vertical-align: top;
    margin-top: 10%;
}

@media (min-width: 768px) {
    .modal-body.geolocation .feature .feature-txt {
        margin-top: 0;
    }

        .modal-body.geolocation .feature .feature-txt p {
            text-align: center;
        }
}

@media (min-width: 768px) {
    .modal-body.geolocation .feature {
        background-color: #eceae6;
    }

        .modal-body.geolocation .feature .feature-img,
        .modal-body.geolocation .feature .feature-txt {
            width: 100%;
            display: block;
        }
}

.modal-body.icon-option-links a {
    display: block;
}

    .modal-body.icon-option-links a.icon-link .hero-large-icons > i {
        font-size: 6em !important;
        padding: 25px;
        display: inline-block;
    }

@media (max-width: 768px) {
    .modal-body.icon-option-links a.icon-link .hero-large-icons > i {
        font-size: 4em;
    }
}

.modal-body.icon-option-links a,
.modal-body.icon-option-linksa.icon-link .hero-large-icons > i {
    cursor: pointer;
}

.modal-body.icon-option-links #centeredWord {
    line-height: 6em;
    text-align: center;
}

@media (max-width: 768px) {
    .modal-body.icon-option-links #centeredWord {
        line-height: 2em !important;
    }
}

.modal-body .hero-large-icons > i {
    border: 2px solid #e7342c;
    padding: 20px;
    color: #e7342c;
    background-color: #fff;
}
/* Override for Marketing/Paperless etc */
.marketing-message .modal-body {
    background-color: #fff !important;
    padding-top: 20px;
}
/*** ABANDONMENT POP-UPS ***/
#abandonment-modal.modal .modal-body {
    padding: 20px;
}

.offer .modal-header {
    background-color: #9623ff;
}

.offer .product-roundel {
    background-color: #fff;
    border: 8px solid;
    border-color: #9623ff;
    margin: 0;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

    .offer .product-roundel:after {
        content: " ";
        position: absolute;
        z-index: -1;
        top: -10px;
        left: -10px;
        right: -10px;
        bottom: -10px;
        border: 2px solid #fff;
        border-radius: 100%;
    }

    .offer .product-roundel .text-row {
        color: #9623ff;
    }

        .offer .product-roundel .text-row.h1 {
            color: #333333;
        }

    .offer .product-roundel .roundel-wrapper {
        width: auto;
    }

/*Responsive offer banner*/
a.resp-banner {
    display: block;
}

    a.resp-banner:hover,
    a.resp-banner:focus {
        text-decoration: none !important;
    }

.promo-banner {
    margin: 30px 0;
}

@media (min-width: 481px) {
    .promo-banner {
        margin: 40px 0;
    }
}

.promo-banner .promo-sale .product-roundel {
    position: absolute;
    top: -25px;
    left: 10px;
}

@media (min-width: 481px) {
    .promo-banner .promo-sale .product-roundel {
        left: 20px;
    }
}

.promo-banner .promo-sale .product-roundel.small {
    width: 100px !important;
    height: 100px !important;
    font-family: "museo-sans-rounded-700";
    font-size: 11px;
}

@media (min-width: 481px) {
    .promo-banner .promo-sale .product-roundel.small {
        width: 120px !important;
        height: 120px !important;
        font-size: 14px;
    }
}

.promo-banner .promo-sale .product-roundel.small .h1 {
    font-size: 20px !important;
}

@media (min-width: 481px) {
    .promo-banner .promo-sale .product-roundel.small .h1 {
        font-size: 30px !important;
    }
}

.promo-banner .promo-sale .product-roundel.small .h2 {
    font-size: 20px !important;
    line-height: 22px;
    color: #333;
    font-family: "museo-sans-rounded-700";
}

@media (min-width: 600px) {
    .promo-banner .promo-sale .product-roundel.small .h2 {
        font-size: 26px !important;
        line-height: 32px;
    }
}

a.resp-banner.resp-banner-2 .promo-banner {
    margin: 0;
}

    a.resp-banner.resp-banner-2 .promo-banner .promo-sale .product-roundel {
        top: 0px;
        right: 0px !important;
        left: auto;
    }

@media (min-width: 992px) {
    a.resp-banner.resp-banner-2 .promo-banner .promo-sale .product-roundel {
        right: -60px !important;
    }
}

a.resp-banner.resp-banner-2 .banner-image {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 120px;
    max-height: 120px;
}

@media (min-width: 992px) {
    a.resp-banner.resp-banner-2 .banner-image {
        background-size: 164%;
    }
}

a.resp-banner.resp-banner-2 .promo-text {
    padding: 20px;
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    a.resp-banner.resp-banner-2 .promo-text {
        padding-left: 60px;
    }
}

a.resp-banner.resp-banner-2 > div.offer {
    height: auto !important;
    max-height: auto !important;
}

@media (min-width: 992px) {
    a.resp-banner.resp-banner-2 > div.offer {
        height: 120px !important;
        max-height: 120px !important;
    }
}

.offer .promo-sale + .promo-text {
    margin-left: 110px;
}

@media (min-width: 481px) {
    .offer .promo-sale + .promo-text {
        margin-left: 160px;
    }
}
/* Form input field icon size */
div.input-group span.input-group-addon i {
    font-size: 1.3em;
}
/*--------------------------------------------*\
		Update Contact Details/Change of Address
	\*--------------------------------------------*/
form {
    /*Input field drop down button*/
}

    form button.deleteBtn,
    form #contactTel select {
        margin-top: 10px;
    }

@media screen and (min-width: 480px) {
    form button.deleteBtn,
    form #contactTel select {
        margin-top: 0px;
    }
}

form .addedElement {
    margin-bottom: 20px;
}

    form .addedElement .btn-group .btn,
    form .addedElement .btn-group label.btn {
        font-size: 14px;
        padding: 7px 10px;
    }

    form .addedElement span.input-group-addon.addPrimary {
        display: none;
    }

    form .addedElement div.setPrimary span.input-group-addon.addPrimary {
        display: table-cell !important;
        padding-left: 6px;
        padding-right: 6px;
    }

form .input-group-btn.bs-dropdown-to-select-group .btn {
    margin-bottom: 0px;
    border: 1px solid #d1d7db;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 14px;
    padding: 7px 12px 8px;
}

    form .input-group-btn.bs-dropdown-to-select-group .btn:hover,
    form .input-group-btn.bs-dropdown-to-select-group .btn:focus {
        margin-top: 0px;
    }

form .input-group-btn.bs-dropdown-to-select-group ul.dropdown-menu li {
    cursor: pointer;
    padding: 6px 12px;
}

    form .input-group-btn.bs-dropdown-to-select-group ul.dropdown-menu li:hover {
        background-color: #eceae6;
    }

form input[type="email"]:not(:focus).valid ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form input[type="text"]:not(:focus).valid ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form input[type="tel"]:not(:focus).valid ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form select:not(:focus).valid ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form textarea:not(:focus).valid ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form input[type="email"].error ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form input[type="text"].error ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form input[type="tel"].error ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form select.error ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form textarea.error ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before {
    right: 100px;
}
/*Input Group Addons -- Styling*/
.input-group-addon-default {
    border-color: #c9c9c9 !important;
    color: #333333;
    background-color: #e9e9e9;
}

.input-group-addon-success {
    border-color: #b3d143 !important;
    color: #758c22;
    background-color: #ecf3d4;
}

.input-group-addon-info {
    border-color: #0083af !important;
    color: #0096c8;
    background-color: #c6eafa;
}

.input-group-addon-warning {
    border-color: #d66f00 !important;
    color: #894700;
    background-color: #fee1c8;
}

.input-group-addon-danger {
    border-color: #990000 !important;
    color: #990000;
    background-color: #ffe5e5;
}
/* Password Strength Popover */
.popover.success > .popover-title {
    color: #5f6900;
    background-color: #ecf3d4;
}

.popover.warning > .popover-title {
    color: #894700;
    background-color: #fee1c8;
}

.popover.danger > .popover-title {
    color: #990000;
    background-color: #ffe5e5;
}
/*--------------------------------------------*\
		Toggle Switches (Slider Checkboxes)
	\*--------------------------------------------*/
.toggle-switches.list-group {
    padding: 10px;
    box-shadow: none;
}

    .toggle-switches.list-group .list-group-item {
        border: none;
        border-bottom: 1px solid #d1d7db;
        margin-bottom: 0px;
        border-radius: 0px;
        padding: 15px;
    }

        .toggle-switches.list-group .list-group-item:last-child {
            border-bottom: 0px;
        }

    .toggle-switches.list-group input[type="checkbox"] {
        cursor: pointer;
    }

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

    .material-switch > label::before {
        background: #000000;
        box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        content: '';
        height: 16px;
        margin-top: -8px;
        position: absolute;
        opacity: 0.3;
        transition: all 0.4s ease-in-out;
        width: 40px;
    }

    .material-switch > label::after {
        background: #ffffff;
        border-radius: 16px;
        content: '';
        height: 28px;
        left: -6px;
        margin-top: -8px;
        position: absolute;
        top: -6px;
        transition: all 0.2s ease-in-out;
        width: 28px;
        border: 2px solid #d1d7db;
    }

.material-switch > input[type="checkbox"] {
    display: none;
}

    .material-switch > input[type="checkbox"]:checked + input + label::before {
        background: inherit;
        opacity: 0.5;
    }

    .material-switch > input[type="checkbox"]:checked + input + label::after {
        background: inherit;
        left: 20px;
        border: none;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
    }

.alt {
    margin-bottom: 30px;
}

    .alt .teaser-header {
        position: relative;
        max-height: 200px;
        overflow: hidden;
        border-radius: 0px;
    }

        .alt .teaser-header img {
            position: relative;
            min-width: 100%;
        }

    .alt h2 {
        font-size: 18px;
        font-weight: bold;
        margin: 0px;
    }

    .alt .teaser-header div,
    .alt a div {
        width: 100%;
        padding: 10px 20px;
        background: rgba(255, 255, 255, 0.8);
        position: absolute;
        bottom: 0px;
        left: 0px;
        top: 60%;
        text-align: left;
        color: #333;
    }

    .alt a:hover div {
        transition: background-color 0.4s ease;
        background: rgba(179, 209, 67, 0.7);
    }

@media (min-width: 320px) {
    /*To merge the split bullet point list into one lists*/
    /*ul li.list-left,
    ul li.list-right {float:left; width:100%;}*/
}

@media (min-width: 480px) {
    .alt h2 {
        font-size: 24px;
        font-weight: normal;
    }

    .alt .teaser-header div,
    .alt a div {
        top: 67%;
    }
    /*To split bullet point list into two lists*/
    /*ul li.list-left,
    ul li.list-right {float:left; width:45%; margin-right:4% !important;}*/
}

@media (min-width: 768px) {
    .alt h2 {
        font-size: 18px;
        font-weight: bold;
    }

    .alt p {
        line-height: 17px;
        margin-top: 3px;
    }

    .alt .teaser-header div,
    .alt a div {
        top: 48%;
    }
    /*To merge the split bullet point list into one lists*/
    /*ul li.list-left,
    ul li.list-right {float:left; width:100%;}*/
}

@media (min-width: 992px) {
    .alt h2 {
        font-size: 24px;
        font-weight: normal;
    }

    .alt p {
        margin-top: 0px;
    }

    .alt .teaser-header div,
    .alt a div {
        top: 60%;
    }
    /*To split bullet point list into two lists*/
    /*ul li.list-left,
    ul li.list-right {float:left; width:45%; margin-right:4% !important;}*/
}

@media (min-width: 1200px) {
    .alt p {
        margin-top: 2px;
    }

    .alt .teaser-header div,
    .alt a div {
        top: 67%;
    }
}
/* Boiler Hub Roundel direction */
img.hs-bubble-offer {
    position: absolute !important;
    top: 10px;
    min-width: auto !important;
}

    img.hs-bubble-offer.offer-left {
        left: 10px;
    }

    img.hs-bubble-offer.offer-right {
        right: 10px;
    }

.container-background:nth-child(0) {
    margin-top: 40px;
    background: #0096c8 !important;
}

.container-background:nth-child(even) {
    background: #eeeeee;
}

.container-background:last-of-type {
    margin-bottom: -40px;
}

div.container-background:nth-child(1) {
    opacity: 0.5;
}

.container-highlight {
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .container-highlight {
        padding-bottom: 60px;
    }
}

.container-highlight h1,
.container-highlight .h1 {
    margin-top: 40px;
    font-size: 50px;
}

.container-highlight h2,
.container-highlight .h2 {
    font-size: 32.5px;
}

.container-highlight .lead {
    font-size: 26px;
}
/*Images and videos*/
.img-responsive.pullout,
.embed-responsive.pullout {
    margin-bottom: 20px;
    margin-top: -20px;
}

@media (min-width: 768px) {
    .img-responsive.pullout,
    .embed-responsive.pullout {
        margin-bottom: 40px;
        margin-top: -40px;
    }
}

.img-responsive.bottom-shadow,
.embed-responsive.bottom-shadow {
    box-shadow: 0 20px 12px -12px rgba(0, 0, 0, 0.5);
}
/*On a small screen it may be better to position images differently to make a bit more use of the space*/
.img-responsive.mobile-expand {
    margin-left: -4%;
    max-width: 108%;
    width: 108%;
}

@media (min-width: 768px) {
    .img-responsive.mobile-expand {
        margin-left: 0%;
        max-width: 100%;
        width: 100%;
    }
}

.embed-responsive.mobile-expand {
    margin-left: -4%;
    max-width: 108%;
    width: 108%;
    padding-bottom: 60.25%;
}

@media (min-width: 768px) {
    .embed-responsive.mobile-expand {
        margin-left: 0%;
        max-width: 100%;
        width: 100%;
        padding-bottom: 56.25%;
    }
}
/*Marketing Preferences*/
.marketing-pref .badge {
    font-weight: normal;
    padding: 5px 10px;
    margin-top: 5px;
}

.marketing-pref .opt-in .badge {
    color: #007681;
    background-color: transparent;
}

    .marketing-pref .opt-in .badge span:first-child:before {
        font-family: 'HomeServe-Icons';
        content: "\e922";
    }

.marketing-pref .opt-out .badge {
    color: #9b1812;
    background-color: transparent;
}

    .marketing-pref .opt-out .badge span:first-child:before {
        font-family: 'HomeServe-Icons';
        content: "\e921";
    }


/* Hiding content for Accessibility (Instead of using display:none) */
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
    position: absolute !important
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

.visually-hidden a:focus,
.visually-hidden input:focus,
.visually-hidden button:focus {
    position: static;
    width: auto;
    height: auto;
}

.skip-nav {
    background-color: inherit;
}

    .skip-nav a {
        display: inline-flex;
        background-color: #fff;
        color: #0078a0;
        border-radius: 10px;
    }

footer {
    margin-top: 40px;
    padding: 50px 0 0;
    background-color: #3a3a3a;
    color: #f0f0f0;
}

    footer #logo-svg {
        margin-bottom: 25px;
    }

        footer #logo-svg .house {
            fill: #e7342c;
        }

        footer #logo-svg .smile {
            fill: #444444;
        }

    footer .links-col {
        margin-bottom: 0;
    }

@media (min-width: 768px) {
    footer .links-col {
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    footer .links-col {
        margin-bottom: 40px;
    }
}

footer .links-col .links-header {
    font-family: "museo-sans-rounded-700", "Trebuchet MS", Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    footer .links-col .links-header {
        cursor: text;
    }
}

@media (min-width: 1200px) {
    footer .links-col .links-header {
        margin-bottom: 20px;
    }
}

footer .links-col .links-header > a[data-toggle=collapse] {
    position: relative;
    display: block;
    text-decoration: none;
    color: #f0f0f0;
    border-bottom: 1px solid #757575;
    padding: 10px 30px 15px 0;
}

@media (min-width: 768px) {
    footer .links-col .links-header > a[data-toggle=collapse] {
        pointer-events: none;
        border-bottom: none;
        padding: 10px 0 0;
    }
}

footer .links-col .links-header > a[data-toggle=collapse]:after {
    content: "\e976";
    font-family: "HomeServe-Icons";
    font-size: 28px;
    position: absolute;
    top: 2px;
    right: 0;
    color: #f0f0f0;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform 0.25s linear;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

footer .links-col .links-header > a[data-toggle=collapse].collapsed:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (min-width: 768px) {
    footer .links-col .links-header > a[data-toggle=collapse]:after,
    footer .links-col .links-header > a[data-toggle=collapse].collapsed:after {
        content: "";
        font-size: 0;
    }
}

footer .links-col .links-body ul {
    list-style: none;
    padding-left: 0;
}

@media (min-width: 768px) {
    footer .links-col .links-body.collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }
}

footer .links-col .links-body .app-btns {
    text-align: left;
    margin-bottom: 20px;
}

    footer .links-col .links-body .app-btns > a {
        margin-right: 5px;
    }

@media (min-width: 1200px) {
    footer .links-col .links-body .app-btns > a {
        margin-right: 10px;
    }
}

footer .links-col #social-icons {
    margin: 20px 0 30px;
}

@media (min-width: 768px) {
    footer .links-col #social-icons {
        margin-top: 10px;
    }
}

footer .links-col #social-icons ul {
    display: inline-flex;
    list-style: none;
    padding-left: 0;
}

footer .links-col #social-icons a {
    color: #757575;
    display: inline-block;
    transition: all 0.25s ease-in;
    cursor: pointer;
}

    footer .links-col #social-icons a > i {
        font-size: 40px;
        cursor: pointer;
    }

    footer .links-col #social-icons a:hover,
    footer .links-col #social-icons a:focus {
        color: #f0f0f0;
    }

        footer .links-col #social-icons a:hover,
        footer .links-col #social-icons a:focus,
        footer .links-col #social-icons a:hover > i,
        footer .links-col #social-icons a:focus > i {
            text-decoration: none !important;
            cursor: pointer;
        }

footer .inline-links {
    display: block;
    margin-bottom: 10px;
}

    footer .inline-links ul {
        list-style: none;
        padding-left: 0;
    }

    footer .inline-links a {
        display: block;
        line-height: 30px;
        margin-right: 20px;
        margin-bottom: 5px;
    }

@media (min-width: 768px) {
    footer .inline-links ul {
        display: inline-flex;
        flex-flow: row wrap;
    }
        footer .inline-links ul li {
            margin-right: 20px;
        }
    footer .inline-links a {
        display: inline-block;
    }
}

footer .links-col .links-body ul > li > a,
footer .inline-links a {
    color: #d1d1d1;
    line-height: 22px;
}

    footer .links-col .links-body ul > li > a:hover,
    footer .inline-links a:hover,
    footer .links-col .links-body ul > li > a:focus,
    footer .inline-links a:focus {
        color: #ffffff;
        text-decoration: underline;
    }

footer .footer-base-content {
    display: flex;
    line-height: 50px;
    padding: 5px 0;
}

@media (min-width: 768px) {
    footer .footer-base-content {
        padding: 5px 0 15px;
    }
}

footer .footer-base-content.right {
    justify-content: flex-start;
}

@media (min-width: 768px) {
    footer .footer-base-content.right {
        justify-content: flex-end;
    }
}

footer .footer-base-content.right img {
    margin-right: 10px;
}

footer .footer-baseline {
    background-color: #d1d7db;
    color: #333333;
    padding-top: 20px;
}

    footer .footer-baseline p {
        font-size: 14px;
        line-height: 20px;
    }

footer.secure-footer {
    padding-top: 20px;
}

    footer.secure-footer #logo-svg {
        margin-bottom: 0;
    }

    footer.secure-footer .footer-base-content.left p {
        line-height: 24px;
        padding-top: 10px;
    }

hr.red-line {
    border-top: 2px solid #e7342c;
    margin: 10px 0;
}

.loader {
    font-size: 42px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 0px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease;
    animation: load6 1.7s infinite ease;
}

.loading .fallback {
    display: none;
}
/*CSS3 loader wont work so hiding it and showing gif*/
.ie9 .loading .fallback {
    display: inline-block;
}

.ie9 .loading .loader {
    display: none;
}

.btn-loader {
    font-size: 10px;
    text-indent: -9999em;
    overflow: hidden;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0px;
    display: inline-block;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease;
    animation: load6 1.7s infinite ease;
}

.submit-overlay {
    z-index: 10000;
    position: absolute;
    top: 0;
    bottom: 15px;
    left: 15px;
    right: 15px;
    overflow: hidden;
    background: transparent;
}

.submit-overlay-container {
    margin: 0 auto;
    width: 33%;
    background: transparent;
    text-align: center;
    position: absolute;
    bottom: 33%;
    right: 33%;
    left: 33%;
}

.funnel .submit-overlay-container {
    top: 30px;
}

@-webkit-keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em #e7342c, 0 -0.83em 0 -0.42em #e7342c, 0 -0.83em 0 -0.44em #e7342c, 0 -0.83em 0 -0.46em #e7342c, 0 -0.83em 0 -0.477em #e7342c;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em #e7342c, 0 -0.83em 0 -0.42em #e7342c, 0 -0.83em 0 -0.44em #e7342c, 0 -0.83em 0 -0.46em #e7342c, 0 -0.83em 0 -0.477em #e7342c;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em #e7342c, -0.087em -0.825em 0 -0.42em #e7342c, -0.173em -0.812em 0 -0.44em #e7342c, -0.256em -0.789em 0 -0.46em #e7342c, -0.297em -0.775em 0 -0.477em #e7342c;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em #e7342c, -0.338em -0.758em 0 -0.42em #e7342c, -0.555em -0.617em 0 -0.44em #e7342c, -0.671em -0.488em 0 -0.46em #e7342c, -0.749em -0.34em 0 -0.477em #e7342c;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em #e7342c, -0.377em -0.74em 0 -0.42em #e7342c, -0.645em -0.522em 0 -0.44em #e7342c, -0.775em -0.297em 0 -0.46em #e7342c, -0.82em -0.09em 0 -0.477em #e7342c;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em #e7342c, 0 -0.83em 0 -0.42em #e7342c, 0 -0.83em 0 -0.44em #e7342c, 0 -0.83em 0 -0.46em #e7342c, 0 -0.83em 0 -0.477em #e7342c;
    }
}

@keyframes load6 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        box-shadow: 0 -0.83em 0 -0.4em #e7342c, 0 -0.83em 0 -0.42em #e7342c, 0 -0.83em 0 -0.44em #e7342c, 0 -0.83em 0 -0.46em #e7342c, 0 -0.83em 0 -0.477em #e7342c;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em #e7342c, 0 -0.83em 0 -0.42em #e7342c, 0 -0.83em 0 -0.44em #e7342c, 0 -0.83em 0 -0.46em #e7342c, 0 -0.83em 0 -0.477em #e7342c;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em #e7342c, -0.087em -0.825em 0 -0.42em #e7342c, -0.173em -0.812em 0 -0.44em #e7342c, -0.256em -0.789em 0 -0.46em #e7342c, -0.297em -0.775em 0 -0.477em #e7342c;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em #e7342c, -0.338em -0.758em 0 -0.42em #e7342c, -0.555em -0.617em 0 -0.44em #e7342c, -0.671em -0.488em 0 -0.46em #e7342c, -0.749em -0.34em 0 -0.477em #e7342c;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em #e7342c, -0.377em -0.74em 0 -0.42em #e7342c, -0.645em -0.522em 0 -0.44em #e7342c, -0.775em -0.297em 0 -0.46em #e7342c, -0.82em -0.09em 0 -0.477em #e7342c;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        box-shadow: 0 -0.83em 0 -0.4em #e7342c, 0 -0.83em 0 -0.42em #e7342c, 0 -0.83em 0 -0.44em #e7342c, 0 -0.83em 0 -0.46em #e7342c, 0 -0.83em 0 -0.477em #e7342c;
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0.7);
    }

    20% {
        -moz-transform: scale(1);
    }

    40% {
        -moz-transform: scale(0.7);
    }

    100% {
        -moz-transform: scale(0.7);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.7);
    }

    20% {
        -webkit-transform: scale(1);
    }

    40% {
        -webkit-transform: scale(0.7);
    }

    100% {
        -webkit-transform: scale(0.7);
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(0.7);
    }

    20% {
        -o-transform: scale(1);
    }

    40% {
        -o-transform: scale(0.7);
    }

    100% {
        -o-transform: scale(0.7);
    }
}

@keyframes pulse {
    0% {
        transform: scale(0.7);
    }

    20% {
        transform: scale(1);
    }

    40% {
        transform: scale(0.7);
    }

    100% {
        transform: scale(0.7);
    }
}

@-webkit-keyframes hWobble {
    16.65% {
        -webkit-transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes hWobble {
    16.65% {
        -moz-transform: translateX(8px);
    }

    33.3% {
        -moz-transform: translateX(-6px);
    }

    49.95% {
        -moz-transform: translateX(4px);
    }

    66.6% {
        -moz-transform: translateX(-2px);
    }

    83.25% {
        -moz-transform: translateX(1px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes hWobble {
    16.65% {
        -o-transform: translateX(8px);
    }

    33.3% {
        -o-transform: translateX(-6px);
    }

    49.95% {
        -o-transform: translateX(4px);
    }

    66.6% {
        -o-transform: translateX(-2px);
    }

    83.25% {
        -o-transform: translateX(1px);
    }

    100% {
        -o-transform: translateX(0);
    }
}

@keyframes hWobble {
    16.65% {
        transform: translateX(8px);
    }

    33.3% {
        transform: translateX(-6px);
    }

    49.95% {
        transform: translateX(4px);
    }

    66.6% {
        transform: translateX(-2px);
    }

    83.25% {
        transform: translateX(1px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes rotate-back-forth {
    0% {
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg);
        transform-origin: 50% 50%;
    }

    50% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        transform-origin: 50% 50%;
    }

    100% {
        -webkit-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -o-transform: rotate(-60deg);
        transform: rotate(-60deg);
        transform-origin: 50% 50%;
    }
}

@keyframes rotate-turn-pause {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: 50% 50%;
    }

    50% {
        -webkit-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg);
        transform-origin: 50% 50%;
    }

    100% {
        -webkit-transform: rotate(120deg);
        -moz-transform: rotate(120deg);
        -o-transform: rotate(120deg);
        transform: rotate(120deg);
        transform-origin: 50% 50%;
    }
}
@keyframes dial-turn-pause {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: 38% 80.66666666666667%;
    }

    10% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: 38% 80.66666666666667%;
    }

    15% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        transform-origin: 38% 80.66666666666667%;
    }

    65% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
        transform-origin: 38% 80.66666666666667%;
    }

    70% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: 38% 80.66666666666667%;
    }

    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: 38% 80.66666666666667%;
    }
}

@keyframes flicker {
	0% { opacity: 0; }
	2% { opacity: 1; }
	4% { opacity: 1; }
	6% { opacity: 0; }
	8% { opacity: 0; }
	10% { opacity: 1; }
	12% { opacity: 1; }
	14% { opacity: 0; }
	16% { opacity: 0; }
	18% { opacity: 1; }
	20% { opacity: 1; }
	22% { opacity: 0; }
	24% { opacity: 0; }
	26% { opacity: 1; }
	28% { opacity: 1; }
	30% { opacity: 0; }
	32% { opacity: 0; }
	34% { opacity: 1; }
	36% { opacity: 1; }
	38% { opacity: 0; }
	40% { opacity: 0; }
	42% { opacity: 1; }
	44% { opacity: 1; }
	46% { opacity: 0; }
	48% { opacity: 0; }
	50% { opacity: 1; }
	52% { opacity: 1; }
	54% { opacity: 0; }
	100% { opacity: 0; }
}

@keyframes digital-display1 {
	0% { opacity: 0; }
	59% { opacity: 0; }
	60% { opacity: 1; }
	100% { opacity: 1; }
}
@keyframes digital-display2 {
	0% { opacity: 0; }
	1% { opacity: 1; }
	2% { opacity: 0; }
	57% { opacity: 0; }
	58% { opacity: 1; }
	59% { opacity: 1; }
	60% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes digital-display3 {
	0% { opacity: 0; }
	1% { opacity: 1; }
	2% { opacity: 0; }
	55% { opacity: 0; }
	56% { opacity: 1; }
	57% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes digital-display4 {
	0% { opacity: 0; }
	1% { opacity: 1; }
	2% { opacity: 0; }
	53% { opacity: 0; }
	54% { opacity: 1; }
	55% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes digital-display5 {
	0% { opacity: 0; }
	1% { opacity: 1; }
	51% { opacity: 1; }
	52% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
}

.user-location {
    display: none;
}

@media screen and (min-width: 768px) {
    .user-location {
        display: block;
    }
}

@media screen and (min-width: 992px) {
    .desktop-show {
        display: block;
        visibility: visible;
    }
}

.roundal {
    height: 160px;
    width: 160px;
    border-radius: 100%;
    text-align: center;
    padding: 10px 10px;
    position: absolute;
    top: -10px;
    right: 10px;
    -ms-transform: rotate(5deg);
    /* IE 9 */
    -webkit-transform: rotate(5deg);
    /* Safari */
    transform: rotate(5deg);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.roundal-price {
    line-height: 37px;
}

.m0-xs {
    margin: 0px !important;
}

.mt0-xs {
    margin-top: 0px !important;
}

.mr0-xs {
    margin-right: 0px !important;
}

.mb0-xs {
    margin-bottom: 0px !important;
}

.ml0-xs {
    margin-left: 0px !important;
}

.m5-xs {
    margin: 5px !important;
}

.mt5-xs {
    margin-top: 5px !important;
}

.mr5-xs {
    margin-right: 5px !important;
}

.mb5-xs {
    margin-bottom: 5px !important;
}

.ml5-xs {
    margin-left: 5px !important;
}

.m10-xs {
    margin: 10px !important;
}

.mt10-xs {
    margin-top: 10px !important;
}

.mr10-xs {
    margin-right: 10px !important;
}

.mb10-xs {
    margin-bottom: 10px !important;
}

.ml10-xs {
    margin-left: 10px !important;
}

.m15-xs {
    margin: 15px !important;
}

.mt15-xs {
    margin-top: 15px !important;
}

.mr15-xs {
    margin-right: 15px !important;
}

.mb15-xs {
    margin-bottom: 15px !important;
}

.ml15-xs {
    margin-left: 15px !important;
}

.m20-xs {
    margin: 20px !important;
}

.mt20-xs {
    margin-top: 20px !important;
}

.mr20-xs {
    margin-right: 20px !important;
}

.mb20-xs {
    margin-bottom: 20px !important;
}

.ml20-xs {
    margin-left: 20px !important;
}

.m25-xs {
    margin: 25px !important;
}

.mt25-xs {
    margin-top: 25px !important;
}

.mr25-xs {
    margin-right: 25px !important;
}

.mb25-xs {
    margin-bottom: 25px !important;
}

.ml25-xs {
    margin-left: 25px !important;
}

.m30-xs {
    margin: 30px !important;
}

.mt30-xs {
    margin-top: 30px !important;
}

.mr30-xs {
    margin-right: 30px !important;
}

.mb30-xs {
    margin-bottom: 30px !important;
}

.ml30-xs {
    margin-left: 30px !important;
}

.m35-xs {
    margin: 35px !important;
}

.mt35-xs {
    margin-top: 35px !important;
}

.mr35-xs {
    margin-right: 35px !important;
}

.mb35-xs {
    margin-bottom: 35px !important;
}

.ml35-xs {
    margin-left: 35px !important;
}

.m40-xs {
    margin: 40px !important;
}

.mt40-xs {
    margin-top: 40px !important;
}

.mr40-xs {
    margin-right: 40px !important;
}

.mb40-xs {
    margin-bottom: 40px !important;
}

.ml40-xs {
    margin-left: 40px !important;
}

.m45-xs {
    margin: 45px !important;
}

.mt45-xs {
    margin-top: 45px !important;
}

.mr45-xs {
    margin-right: 45px !important;
}

.mb45-xs {
    margin-bottom: 45px !important;
}

.ml45-xs {
    margin-left: 45px !important;
}

.m50-xs {
    margin: 50px !important;
}

.mt50-xs {
    margin-top: 50px !important;
}

.mr50-xs {
    margin-right: 50px !important;
}

.mb50-xs {
    margin-bottom: 50px !important;
}

.ml50-xs {
    margin-left: 50px !important;
}

@media (min-width: 480px) {
    .m0-ms {
        margin: 0px !important;
    }

    .mt0-ms {
        margin-top: 0px !important;
    }

    .mr0-ms {
        margin-right: 0px !important;
    }

    .mb0-ms {
        margin-bottom: 0px !important;
    }

    .ml0-ms {
        margin-left: 0px !important;
    }

    .m10-ms {
        margin: 10px !important;
    }

    .mt10-ms {
        margin-top: 10px !important;
    }

    .mr10-ms {
        margin-right: 10px !important;
    }

    .mb10-ms {
        margin-bottom: 10px !important;
    }

    .ml10-ms {
        margin-left: 10px !important;
    }

    .m20-ms {
        margin: 20px !important;
    }

    .mt20-ms {
        margin-top: 20px !important;
    }

    .mr20-ms {
        margin-right: 20px !important;
    }

    .mb20-ms {
        margin-bottom: 20px !important;
    }

    .ml20-ms {
        margin-left: 20px !important;
    }

    .m30-ms {
        margin: 30px !important;
    }

    .mt30-ms {
        margin-top: 30px !important;
    }

    .mr30-ms {
        margin-right: 30px !important;
    }

    .mb30-ms {
        margin-bottom: 30px !important;
    }

    .ml30-ms {
        margin-left: 30px !important;
    }

    .m40-ms {
        margin: 40px !important;
    }

    .mt40-ms {
        margin-top: 40px !important;
    }

    .mr40-ms {
        margin-right: 40px !important;
    }

    .mb40-ms {
        margin-bottom: 40px !important;
    }

    .ml40-ms {
        margin-left: 40px !important;
    }

    .m50-ms {
        margin: 50px !important;
    }

    .mt50-ms {
        margin-top: 50px !important;
    }

    .mr50-ms {
        margin-right: 50px !important;
    }

    .mb50-ms {
        margin-bottom: 50px !important;
    }

    .ml50-ms {
        margin-left: 50px !important;
    }
}

@media (min-width: 768px) {
    .m0-sm {
        margin: 0px !important;
    }

    .mt0-sm {
        margin-top: 0px !important;
    }

    .mr0-sm {
        margin-right: 0px !important;
    }

    .mb0-sm {
        margin-bottom: 0px !important;
    }

    .ml0-sm {
        margin-left: 0px !important;
    }

    .m5-sm {
        margin: 5px !important;
    }

    .mt5-sm {
        margin-top: 5px !important;
    }

    .mr5-sm {
        margin-right: 5px !important;
    }

    .mb5-sm {
        margin-bottom: 5px !important;
    }

    .ml5-sm {
        margin-left: 5px !important;
    }

    .m10-sm {
        margin: 10px !important;
    }

    .mt10-sm {
        margin-top: 10px !important;
    }

    .mr10-sm {
        margin-right: 10px !important;
    }

    .mb10-sm {
        margin-bottom: 10px !important;
    }

    .ml10-sm {
        margin-left: 10px !important;
    }

    .m15-sm {
        margin: 15px !important;
    }

    .mt15-sm {
        margin-top: 15px !important;
    }

    .mr15-sm {
        margin-right: 15px !important;
    }

    .mb15-sm {
        margin-bottom: 15px !important;
    }

    .ml15-sm {
        margin-left: 15px !important;
    }

    .m20-sm {
        margin: 20px !important;
    }

    .mt20-sm {
        margin-top: 20px !important;
    }

    .mr20-sm {
        margin-right: 20px !important;
    }

    .mb20-sm {
        margin-bottom: 20px !important;
    }

    .ml20-sm {
        margin-left: 20px !important;
    }

    .m25-sm {
        margin: 25px !important;
    }

    .mt25-sm {
        margin-top: 25px !important;
    }

    .mr25-sm {
        margin-right: 25px !important;
    }

    .mb25-sm {
        margin-bottom: 25px !important;
    }

    .ml25-sm {
        margin-left: 25px !important;
    }

    .m30-sm {
        margin: 30px !important;
    }

    .mt30-sm {
        margin-top: 30px !important;
    }

    .mr30-sm {
        margin-right: 30px !important;
    }

    .mb30-sm {
        margin-bottom: 30px !important;
    }

    .ml30-sm {
        margin-left: 30px !important;
    }

    .m35-sm {
        margin: 35px !important;
    }

    .mt35-sm {
        margin-top: 35px !important;
    }

    .mr35-sm {
        margin-right: 35px !important;
    }

    .mb35-sm {
        margin-bottom: 35px !important;
    }

    .ml35-sm {
        margin-left: 35px !important;
    }

    .m40-sm {
        margin: 40px !important;
    }

    .mt40-sm {
        margin-top: 40px !important;
    }

    .mr40-sm {
        margin-right: 40px !important;
    }

    .mb40-sm {
        margin-bottom: 40px !important;
    }

    .ml40-sm {
        margin-left: 40px !important;
    }

    .m45-sm {
        margin: 45px !important;
    }

    .mt45-sm {
        margin-top: 45px !important;
    }

    .mr45-sm {
        margin-right: 45px !important;
    }

    .mb45-sm {
        margin-bottom: 45px !important;
    }

    .ml45-sm {
        margin-left: 45px !important;
    }

    .m50-sm {
        margin: 50px !important;
    }

    .mt50-sm {
        margin-top: 50px !important;
    }

    .mr50-sm {
        margin-right: 50px !important;
    }

    .mb50-sm {
        margin-bottom: 50px !important;
    }

    .ml50-sm {
        margin-left: 50px !important;
    }
}

@media (min-width: 992px) {
    .m0-md {
        margin: 0px !important;
    }

    .mt0-md {
        margin-top: 0px !important;
    }

    .mr0-md {
        margin-right: 0px !important;
    }

    .mb0-md {
        margin-bottom: 0px !important;
    }

    .ml0-md {
        margin-left: 0px !important;
    }

    .m5-md {
        margin: 5px !important;
    }

    .mt5-md {
        margin-top: 5px !important;
    }

    .mr5-md {
        margin-right: 5px !important;
    }

    .mb5-md {
        margin-bottom: 5px !important;
    }

    .ml5-md {
        margin-left: 5px !important;
    }

    .m10-md {
        margin: 10px !important;
    }

    .mt10-md {
        margin-top: 10px !important;
    }

    .mr10-md {
        margin-right: 10px !important;
    }

    .mb10-md {
        margin-bottom: 10px !important;
    }

    .ml10-md {
        margin-left: 10px !important;
    }

    .m15-md {
        margin: 15px !important;
    }

    .mt15-md {
        margin-top: 15px !important;
    }

    .mr15-md {
        margin-right: 15px !important;
    }

    .mb15-md {
        margin-bottom: 15px !important;
    }

    .ml15-md {
        margin-left: 15px !important;
    }

    .m20-md {
        margin: 20px !important;
    }

    .mt20-md {
        margin-top: 20px !important;
    }

    .mr20-md {
        margin-right: 20px !important;
    }

    .mb20-md {
        margin-bottom: 20px !important;
    }

    .ml20-md {
        margin-left: 20px !important;
    }

    .m25-md {
        margin: 25px !important;
    }

    .mt25-md {
        margin-top: 25px !important;
    }

    .mr25-md {
        margin-right: 25px !important;
    }

    .mb25-md {
        margin-bottom: 25px !important;
    }

    .ml25-md {
        margin-left: 25px !important;
    }

    .m30-md {
        margin: 30px !important;
    }

    .mt30-md {
        margin-top: 30px !important;
    }

    .mr30-md {
        margin-right: 30px !important;
    }

    .mb30-md {
        margin-bottom: 30px !important;
    }

    .ml30-md {
        margin-left: 30px !important;
    }

    .m35-md {
        margin: 35px !important;
    }

    .mt35-md {
        margin-top: 35px !important;
    }

    .mr35-md {
        margin-right: 35px !important;
    }

    .mb35-md {
        margin-bottom: 35px !important;
    }

    .ml35-md {
        margin-left: 35px !important;
    }

    .m40-md {
        margin: 40px !important;
    }

    .mt40-md {
        margin-top: 40px !important;
    }

    .mr40-md {
        margin-right: 40px !important;
    }

    .mb40-md {
        margin-bottom: 40px !important;
    }

    .ml40-md {
        margin-left: 40px !important;
    }

    .m45-md {
        margin: 45px !important;
    }

    .mt45-md {
        margin-top: 45px !important;
    }

    .mr45-md {
        margin-right: 45px !important;
    }

    .mb45-md {
        margin-bottom: 45px !important;
    }

    .ml45-md {
        margin-left: 45px !important;
    }

    .m50-md {
        margin: 50px !important;
    }

    .mt50-md {
        margin-top: 50px !important;
    }

    .mr50-md {
        margin-right: 50px !important;
    }

    .mb50-md {
        margin-bottom: 50px !important;
    }

    .ml50-md {
        margin-left: 50px !important;
    }
}

@media (min-width: 1200px) {
    .m0-lg {
        margin: 0px !important;
    }

    .mt0-lg {
        margin-top: 0px !important;
    }

    .mr0-lg {
        margin-right: 0px !important;
    }

    .mb0-lg {
        margin-bottom: 0px !important;
    }

    .ml0-lg {
        margin-left: 0px !important;
    }

    .m5-lg {
        margin: 5px !important;
    }

    .mt5-lg {
        margin-top: 5px !important;
    }

    .mr5-lg {
        margin-right: 5px !important;
    }

    .mb5-lg {
        margin-bottom: 5px !important;
    }

    .ml5-lg {
        margin-left: 5px !important;
    }

    .m10-lg {
        margin: 10px !important;
    }

    .mt10-lg {
        margin-top: 10px !important;
    }

    .mr10-lg {
        margin-right: 10px !important;
    }

    .mb10-lg {
        margin-bottom: 10px !important;
    }

    .ml10-lg {
        margin-left: 10px !important;
    }

    .m15-lg {
        margin: 15px !important;
    }

    .mt15-lg {
        margin-top: 15px !important;
    }

    .mr15-lg {
        margin-right: 15px !important;
    }

    .mb15-lg {
        margin-bottom: 15px !important;
    }

    .ml15-lg {
        margin-left: 15px !important;
    }

    .m20-lg {
        margin: 20px !important;
    }

    .mt20-lg {
        margin-top: 20px !important;
    }

    .mr20-lg {
        margin-right: 20px !important;
    }

    .mb20-lg {
        margin-bottom: 20px !important;
    }

    .ml20-lg {
        margin-left: 20px !important;
    }

    .m25-lg {
        margin: 25px !important;
    }

    .mt25-lg {
        margin-top: 25px !important;
    }

    .mr25-lg {
        margin-right: 25px !important;
    }

    .mb25-lg {
        margin-bottom: 25px !important;
    }

    .ml25-lg {
        margin-left: 25px !important;
    }

    .m30-lg {
        margin: 30px !important;
    }

    .mt30-lg {
        margin-top: 30px !important;
    }

    .mr30-lg {
        margin-right: 30px !important;
    }

    .mb30-lg {
        margin-bottom: 30px !important;
    }

    .ml30-lg {
        margin-left: 30px !important;
    }

    .m35-lg {
        margin: 35px !important;
    }

    .mt35-lg {
        margin-top: 35px !important;
    }

    .mr35-lg {
        margin-right: 35px !important;
    }

    .mb35-lg {
        margin-bottom: 35px !important;
    }

    .ml35-lg {
        margin-left: 35px !important;
    }

    .m40-lg {
        margin: 40px !important;
    }

    .mt40-lg {
        margin-top: 40px !important;
    }

    .mr40-lg {
        margin-right: 40px !important;
    }

    .mb40-lg {
        margin-bottom: 40px !important;
    }

    .ml40-lg {
        margin-left: 40px !important;
    }

    .m45-lg {
        margin: 45px !important;
    }

    .mt45-lg {
        margin-top: 45px !important;
    }

    .mr45-lg {
        margin-right: 45px !important;
    }

    .mb45-lg {
        margin-bottom: 45px !important;
    }

    .ml45-lg {
        margin-left: 45px !important;
    }

    .m50-lg {
        margin: 50px !important;
    }

    .mt50-lg {
        margin-top: 50px !important;
    }

    .mr50-lg {
        margin-right: 50px !important;
    }

    .mb50-lg {
        margin-bottom: 50px !important;
    }

    .ml50-lg {
        margin-left: 50px !important;
    }
}

.p0-xs {
    padding: 0px !important;
}

.pt0-xs {
    padding-top: 0px !important;
}

.pr0-xs {
    padding-right: 0px !important;
}

.pb0-xs {
    padding-bottom: 0px !important;
}

.pl0-xs {
    padding-left: 0px !important;
}

.p10-xs {
    padding: 10px !important;
}

.pt10-xs {
    padding-top: 10px !important;
}

.pr10-xs {
    padding-right: 10px !important;
}

.pb10-xs {
    padding-bottom: 10px !important;
}

.pl10-xs {
    padding-left: 10px !important;
}

.p20-xs {
    padding: 20px !important;
}

.pt20-xs {
    padding-top: 20px !important;
}

.pr20-xs {
    padding-right: 20px !important;
}

.pb20-xs {
    padding-bottom: 20px !important;
}

.pl20-xs {
    padding-left: 20px !important;
}

.p30-xs {
    padding: 30px !important;
}

.pt30-xs {
    padding-top: 30px !important;
}

.pr30-xs {
    padding-right: 30px !important;
}

.pb30-xs {
    padding-bottom: 30px !important;
}

.pl30-xs {
    padding-left: 30px !important;
}

.p40-xs {
    padding: 40px !important;
}

.pt40-xs {
    padding-top: 40px !important;
}

.pr40-xs {
    padding-right: 40px !important;
}

.pb40-xs {
    padding-bottom: 40px !important;
}

.pl40-xs {
    padding-left: 40px !important;
}

.p50-xs {
    padding: 50px !important;
}

.pt50-xs {
    padding-top: 50px !important;
}

.pr50-xs {
    padding-right: 50px !important;
}

.pb50-xs {
    padding-bottom: 50px !important;
}

.pl50-xs {
    padding-left: 50px !important;
}

@media (min-width: 480px) {
    .p0-ms {
        padding: 0px !important;
    }

    .pt0-ms {
        padding-top: 0px !important;
    }

    .pr0-ms {
        padding-right: 0px !important;
    }

    .pb0-ms {
        padding-bottom: 0px !important;
    }

    .pl0-ms {
        padding-left: 0px !important;
    }

    .p10-ms {
        padding: 10px !important;
    }

    .pt10-ms {
        padding-top: 10px !important;
    }

    .pr10-ms {
        padding-right: 10px !important;
    }

    .pb10-ms {
        padding-bottom: 10px !important;
    }

    .pl10-ms {
        padding-left: 10px !important;
    }

    .p20-ms {
        padding: 20px !important;
    }

    .pt20-ms {
        padding-top: 20px !important;
    }

    .pr20-ms {
        padding-right: 20px !important;
    }

    .pb20-ms {
        padding-bottom: 20px !important;
    }

    .pl20-ms {
        padding-left: 20px !important;
    }

    .p30-ms {
        padding: 30px !important;
    }

    .pt30-ms {
        padding-top: 30px !important;
    }

    .pr30-ms {
        padding-right: 30px !important;
    }

    .pb30-ms {
        padding-bottom: 30px !important;
    }

    .pl30-ms {
        padding-left: 30px !important;
    }

    .p40-ms {
        padding: 40px !important;
    }

    .pt40-ms {
        padding-top: 40px !important;
    }

    .pr40-ms {
        padding-right: 40px !important;
    }

    .pb40-ms {
        padding-bottom: 40px !important;
    }

    .pl40-ms {
        padding-left: 40px !important;
    }

    .p50-ms {
        padding: 50px !important;
    }

    .pt50-ms {
        padding-top: 50px !important;
    }

    .pr50-ms {
        padding-right: 50px !important;
    }

    .pb50-ms {
        padding-bottom: 50px !important;
    }

    .pl50-ms {
        padding-left: 50px !important;
    }
}

@media (min-width: 768px) {
    .p0-sm {
        padding: 0px !important;
    }

    .pt0-sm {
        padding-top: 0px !important;
    }

    .pr0-sm {
        padding-right: 0px !important;
    }

    .pb0-sm {
        padding-bottom: 0px !important;
    }

    .pl0-sm {
        padding-left: 0px !important;
    }

    .p10-sm {
        padding: 10px !important;
    }

    .pt10-sm {
        padding-top: 10px !important;
    }

    .pr10-sm {
        padding-right: 10px !important;
    }

    .pb10-sm {
        padding-bottom: 10px !important;
    }

    .pl10-sm {
        padding-left: 10px !important;
    }

    .p20-sm {
        padding: 20px !important;
    }

    .pt20-sm {
        padding-top: 20px !important;
    }

    .pr20-sm {
        padding-right: 20px !important;
    }

    .pb20-sm {
        padding-bottom: 20px !important;
    }

    .pl20-sm {
        padding-left: 20px !important;
    }

    .p30-sm {
        padding: 30px !important;
    }

    .pt30-sm {
        padding-top: 30px !important;
    }

    .pr30-sm {
        padding-right: 30px !important;
    }

    .pb30-sm {
        padding-bottom: 30px !important;
    }

    .pl30-sm {
        padding-left: 30px !important;
    }

    .p40-sm {
        padding: 40px !important;
    }

    .pt40-sm {
        padding-top: 40px !important;
    }

    .pr40-sm {
        padding-right: 40px !important;
    }

    .pb40-sm {
        padding-bottom: 40px !important;
    }

    .pl40-sm {
        padding-left: 40px !important;
    }

    .p50-sm {
        padding: 50px !important;
    }

    .pt50-sm {
        padding-top: 50px !important;
    }

    .pr50-sm {
        padding-right: 50px !important;
    }

    .pb50-sm {
        padding-bottom: 50px !important;
    }

    .pl50-sm {
        padding-left: 50px !important;
    }
}

@media (min-width: 992px) {
    .p0-md {
        padding: 0px !important;
    }

    .pt0-md {
        padding-top: 0px !important;
    }

    .pr0-md {
        padding-right: 0px !important;
    }

    .pb0-md {
        padding-bottom: 0px !important;
    }

    .pl0-md {
        padding-left: 0px !important;
    }

    .p10-md {
        padding: 10px !important;
    }

    .pt10-md {
        padding-top: 10px !important;
    }

    .pr10-md {
        padding-right: 10px !important;
    }

    .pb10-md {
        padding-bottom: 10px !important;
    }

    .pl10-md {
        padding-left: 10px !important;
    }

    .p20-md {
        padding: 20px !important;
    }

    .pt20-md {
        padding-top: 20px !important;
    }

    .pr20-md {
        padding-right: 20px !important;
    }

    .pb20-md {
        padding-bottom: 20px !important;
    }

    .pl20-md {
        padding-left: 20px !important;
    }

    .p30-md {
        padding: 30px !important;
    }

    .pt30-md {
        padding-top: 30px !important;
    }

    .pr30-md {
        padding-right: 30px !important;
    }

    .pb30-md {
        padding-bottom: 30px !important;
    }

    .pl30-md {
        padding-left: 30px !important;
    }

    .p40-md {
        padding: 40px !important;
    }

    .pt40-md {
        padding-top: 40px !important;
    }

    .pr40-md {
        padding-right: 40px !important;
    }

    .pb40-md {
        padding-bottom: 40px !important;
    }

    .pl40-md {
        padding-left: 40px !important;
    }

    .p50-md {
        padding: 50px !important;
    }

    .pt50-md {
        padding-top: 50px !important;
    }

    .pr50-md {
        padding-right: 50px !important;
    }

    .pb50-md {
        padding-bottom: 50px !important;
    }

    .pl50-md {
        padding-left: 50px !important;
    }
}

@media (min-width: 1200px) {
    .p0-lg {
        padding: 0px !important;
    }

    .pt0-lg {
        padding-top: 0px !important;
    }

    .pr0-lg {
        padding-right: 0px !important;
    }

    .pb0-lg {
        padding-bottom: 0px !important;
    }

    .pl0-lg {
        padding-left: 0px !important;
    }

    .p10-lg {
        padding: 10px !important;
    }

    .pt10-lg {
        padding-top: 10px !important;
    }

    .pr10-lg {
        padding-right: 10px !important;
    }

    .pb10-lg {
        padding-bottom: 10px !important;
    }

    .pl10-lg {
        padding-left: 10px !important;
    }

    .p20-lg {
        padding: 20px !important;
    }

    .pt20-lg {
        padding-top: 20px !important;
    }

    .pr20-lg {
        padding-right: 20px !important;
    }

    .pb20-lg {
        padding-bottom: 20px !important;
    }

    .pl20-lg {
        padding-left: 20px !important;
    }

    .p30-lg {
        padding: 30px !important;
    }

    .pt30-lg {
        padding-top: 30px !important;
    }

    .pr30-lg {
        padding-right: 30px !important;
    }

    .pb30-lg {
        padding-bottom: 30px !important;
    }

    .pl30-lg {
        padding-left: 30px !important;
    }

    .p40-lg {
        padding: 40px !important;
    }

    .pt40-lg {
        padding-top: 40px !important;
    }

    .pr40-lg {
        padding-right: 40px !important;
    }

    .pb40-lg {
        padding-bottom: 40px !important;
    }

    .pl40-lg {
        padding-left: 40px !important;
    }

    .p50-lg {
        padding: 50px !important;
    }

    .pt50-lg {
        padding-top: 50px !important;
    }

    .pr50-lg {
        padding-right: 50px !important;
    }

    .pb50-lg {
        padding-bottom: 50px !important;
    }

    .pl50-lg {
        padding-left: 50px !important;
    }
}

.text-left-xs {
    text-align: left;
}

.text-right-xs {
    text-align: right;
}

.text-center-xs {
    text-align: center;
}

@media (min-width:480px) {
    .text-left-ms {
        text-align: left;
    }

    .text-right-ms {
        text-align: right;
    }

    .text-center-ms {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .text-left-sm {
        text-align: left;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-center-sm {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .text-left-md {
        text-align: left;
    }

    .text-right-md {
        text-align: right;
    }

    .text-center-md {
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .text-left-lg {
        text-align: left;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-center-lg {
        text-align: center;
    }
}

.alert {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
    border: none;
}
    /*Removes all styling extras from an alert but allows some alert JS functionality to work*/
    .alert.alert-blank {
        padding: 0px;
        border: none;
        box-shadow: none;
        text-shadow: none;
        margin-bottom: 0px;
    }

    .alert ul {
        margin-top: 10px;
    }

.progress {
    background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}

.progress-bar {
    background-image: -webkit-linear-gradient(top, #e7342c 0%, #c91f17 100%);
    background-image: -o-linear-gradient(top, #e7342c 0%, #c91f17 100%);
    background-image: linear-gradient(to bottom, #e7342c 0%, #c91f17 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7342c', endColorstr='#ffc91f17', GradientType=0);
}

.progress-bar-success {
    background-image: -webkit-linear-gradient(top, #b3d143 0%, #98b52c 100%);
    background-image: -o-linear-gradient(top, #b3d143 0%, #98b52c 100%);
    background-image: linear-gradient(to bottom, #b3d143 0%, #98b52c 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb3d143', endColorstr='#ff98b52c', GradientType=0);
}

.progress-bar-info {
    background-image: -webkit-linear-gradient(top, #0096c8 0%, #007095 100%);
    background-image: -o-linear-gradient(top, #0096c8 0%, #007095 100%);
    background-image: linear-gradient(to bottom, #0096c8 0%, #007095 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0096c8', endColorstr='#ff007095', GradientType=0);
}

.progress-bar-warning {
    background-image: -webkit-linear-gradient(top, #ef7c00 0%, #bc6200 100%);
    background-image: -o-linear-gradient(top, #ef7c00 0%, #bc6200 100%);
    background-image: linear-gradient(to bottom, #ef7c00 0%, #bc6200 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffef7c00', endColorstr='#ffbc6200', GradientType=0);
}

.progress-bar-danger {
    background-image: -webkit-linear-gradient(top, #ff0000 0%, #cc0000 100%);
    background-image: -o-linear-gradient(top, #ff0000 0%, #cc0000 100%);
    background-image: linear-gradient(to bottom, #ff0000 0%, #cc0000 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0000', endColorstr='#ffcc0000', GradientType=0);
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.list-group {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    text-shadow: 0 -1px 0 #c91f17;
    background-image: -webkit-linear-gradient(top, #e7342c 0%, #d52018 100%);
    background-image: -o-linear-gradient(top, #e7342c 0%, #d52018 100%);
    background-image: linear-gradient(to bottom, #e7342c 0%, #d52018 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7342c', endColorstr='#ffd52018', GradientType=0);
    border-color: #d52018;
}

    .list-group-item.active .badge,
    .list-group-item.active:hover .badge,
    .list-group-item.active:focus .badge {
        text-shadow: none;
    }

@media (min-width: 768px) {
    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 40px;
    }
}

.jumbotron p {
    font-size: 16px;
    margin-bottom: 20px;
}

.jumbotron .form-horizontal .control-label {
    text-align: left;
}

.jumbotron .form-horizontal .form-group {
    margin-bottom: 10px;
}

.jumbotron.jumbotron-small,
.jumbotron-small {
    padding: 20px 10px;
}

    .jumbotron.jumbotron-small h1,
    .jumbotron-small h1,
    .jumbotron.jumbotron-small .h1,
    .jumbotron-small .h1 {
        color: inherit;
    }

    .jumbotron.jumbotron-small p,
    .jumbotron-small p {
        margin-bottom: 20px;
    }

    .jumbotron.jumbotron-small > hr,
    .jumbotron-small > hr {
        border-top-color: #d5d5d5;
    }

.container .jumbotron.jumbotron-small,
.container .jumbotron-small,
.container-fluid .jumbotron.jumbotron-small,
.container-fluid .jumbotron-small {
    border-radius: 0px;
}

.jumbotron.jumbotron-small .container,
.jumbotron-small .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron.jumbotron-small,
    .jumbotron-small {
        padding: 40px;
    }

    .container .jumbotron.jumbotron-small,
    .container .jumbotron-small,
    .container-fluid .jumbotron.jumbotron-small,
    .container-fluid .jumbotron-small {
        padding-left: 40px;
        padding-right: 40px;
    }

    .jumbotron.jumbotron-small h1,
    .jumbotron-small h1,
    .jumbotron.jumbotron-small .h1,
    .jumbotron-small .h1 {
        font-size: 40px;
    }
}

.jumbotron.jumbotron-smallest {
    padding: 20px;
}

    .jumbotron.jumbotron-smallest p {
        font-size: 18px;
    }

@media screen and (min-width: 768px) {
    .jumbotron.jumbotron-smallest {
        padding: 20px;
    }

        .jumbotron.jumbotron-smallest h1,
        .jumbotron.jumbotron-smallest .h1 {
            font-size: 40px;
        }
}

.affix {
    top: 0;
}

    .affix.xs-affix-off {
        position: static;
    }

@media screen and (min-width: 992px) {
    .affix.xs-affix-off {
        position: fixed;
    }
}

@media screen and (min-width: 768px) {
    .affix.sm-affix-off {
        position: static;
    }
}

@media screen and (min-width: 992px) {
    .affix.sm-affix-off {
        position: fixed;
    }
}

.col-md-3 .affix {
    z-index: 9999;
    position: static;
    padding-top: 15px;
}

@media screen and (min-width: 992px) {
    .col-md-3 .affix {
        position: fixed;
        max-width: 212px;
    }
}

@media screen and (min-width: 1200px) {
    .col-md-3 .affix {
        max-width: 262px;
    }
}

.col-md-12 .affix {
    position: static;
}

@media screen and (min-width: 768px) {
    .col-md-12 .affix {
        z-index: 9999;
        position: fixed;
        max-width: 720px;
        min-width: 720px;
        box-shadow: 0 20px 12px -12px rgba(0, 0, 0, 0.25);
    }
}

@media screen and (min-width: 992px) {
    .col-md-12 .affix {
        max-width: 940px;
        min-width: 940px;
    }
}

@media screen and (min-width: 1200px) {
    .col-md-12 .affix {
        max-width: 1140px;
        min-width: 1140px;
    }
}

.affix .well-flat {
    -webkit-box-shadow: 0 20px 12px -12px #cccccc;
    -moz-box-shadow: 0 20px 12px -12px #cccccc;
    box-shadow: 0 20px 12px -12px #cccccc;
    transition: all 0.125s;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

    hr.hr-medium {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    hr.hr-large {
        border-width: 2px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    hr.hr-larger {
        margin-top: 20px;
        margin-bottom: 20px;
    }

@media screen and (min-width: 768px) {
    hr.hr-larger {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 992px) {
    hr.hr-larger {
        margin-top: 80px;
        margin-bottom: 80px;
    }
}

.bg-circle {
    display: block;
    height: 60px;
    width: 60px;
    max-width: 100%;
    border-radius: 600px;
}

.circle-cta {
    position: relative;
    width: 100%;
    text-align: center;
}

.circle-outer {
    width: 100%;
    display: block;
    border-radius: 1000px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.circle-middle {
    width: 90%;
    margin: 5%;
    display: block;
    border-radius: 1000px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}

.circle-inner {
    width: 80%;
    margin: 10%;
    display: block;
    border-radius: 1000px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
}

.circle-cta img {
    margin-top: 0px;
    max-width: 50%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transform-style: preserve-3d;
    transition: all 0.25s;
}

.circle-cta:hover img {
    max-width: 75%;
    transition: all 0.25s;
}

.circle-cta .circle-outer {
    background: #555555;
    transition: all 0.25s;
}

.circle-cta .circle-middle {
    background: white;
    transition: all 0.25s;
}

.circle-cta .circle-inner {
    background: #555555;
    transition: all 0.25s;
}

.circle-cta:hover .circle-outer {
    background: #333333;
    transition: all 0.25s;
}

.circle-cta:hover .circle-middle {
    background: white;
    transition: all 0.25s;
}

.circle-cta:hover .circle-inner {
    background: #333333;
    transition: all 0.25s;
}

.circle-cta.success .circle-outer {
    background: #b3d143;
}

.circle-cta.success .circle-middle {
    background: white;
}

.circle-cta.success .circle-inner {
    background: #b3d143;
}

.circle-cta.success:hover .circle-outer {
    background: #758c22;
}

.circle-cta.success:hover .circle-middle {
    background: white;
}

.circle-cta.success:hover .circle-inner {
    background: #758c22;
}

.circle-cta.info .circle-outer {
    background: #0096c8;
}

.circle-cta.info .circle-middle {
    background: white;
}

.circle-cta.info .circle-inner {
    background: #0096c8;
}

.circle-cta.info:hover .circle-outer {
    background: #004a62;
}

.circle-cta.info:hover .circle-middle {
    background: white;
}

.circle-cta.info:hover .circle-inner {
    background: #004a62;
}

.circle-cta.primary .circle-outer {
    background: #e7342c;
}

.circle-cta.primary .circle-middle {
    background: white;
}

.circle-cta.primary .circle-inner {
    background: #e7342c;
}

.circle-cta.primary:hover .circle-outer {
    background: #9b1812;
}

.circle-cta.primary:hover .circle-middle {
    background: white;
}

.circle-cta.primary:hover .circle-inner {
    background: #9b1812;
}

.circle-cta.warning .circle-outer {
    background: #ef7c00;
}

.circle-cta.warning .circle-middle {
    background: white;
}

.circle-cta.warning .circle-inner {
    background: #ef7c00;
}

.circle-cta.warning:hover .circle-outer {
    background: #894700;
}

.circle-cta.warning:hover .circle-middle {
    background: white;
}

.circle-cta.warning:hover .circle-inner {
    background: #894700;
}

.circle-cta.danger .circle-outer {
    background: #ff0000;
}

.circle-cta.danger .circle-middle {
    background: white;
}

.circle-cta.danger .circle-inner {
    background: #ff0000;
}

.circle-cta.danger:hover .circle-outer {
    background: #990000;
}

.circle-cta.danger:hover .circle-middle {
    background: white;
}

.circle-cta.danger:hover .circle-inner {
    background: #990000;
}
/**

EVERYTHING FROM THIS POINT IS NEW, THIS 
WAS ORIGINALLY THE HOMESERVE.CSS FILE 
WHICH I HAVE MOVED IN TO THIS LESS FILE 
TO ALLOW THE USE OF PRE PROCESSING.

Last update 05/03/2015

***	COOKIE BAR
***	[#TOC-COO]
	COOKIE BAR STYLING.

***	LIVE CHAT
***	[#TOC-LIV]
	POSITIONS FOR LIVE CHAT ELEMENTS

***	TYPOGRAPHY
***	[#TOC-TYP]
	CUSTOM HOMESERVE FONTS, HEADINGS, 
	PARAGRAPHS AND BLOCKQUOTES.

***	IMAGES
***	[#TOC-IMA]
	IMAGE CODE.
	
***	PROGRESS BAR
***	[#TOC-PRO]
	CODE TO CREATE A PROGRESS BAR, 4 
	OR 5 STEPS AS WELL AS AN ANIMATING 
	ARROW.

***	PRODUCT WELLS
***	[#TOC-PRO-WEL]
	CONTAINERS FOR INDIVIDUAL PRODUCTS, 
	INVOLVES THE USE OF IMAGES, 
	HEADINGS, COPY, LISTS ETC.	

***	ANIMATIONS & TRANSITIONS 
***	[#TOC-ANI]
	CODE FOR ALL ANIMATIONS OR 
	TRANSITIONS USED THESE CAN BE APPLIED 
	TO VARIOUS ELEMENTS.

***	POSITIONAL 
***	[#TOC-POS]
	USED TO OVERRIDE CERTAIN CODE TO
	ALTER THE POSITION OF THE ELEMENT.

***	LISTS 
***	[#TOC-LIS]
	ORDERED AND UNORDERED LISTS. TICKS
	AND CROSSES OPTIONS.

***	ICONS 
***	[#TOC-ICO]
	ALL ICONS AND ASSOCIATED POSITIONS.

***	COMPONENTS 
***	[#TOC-COM]
	STYLES FOR SPECIFIC COMPONENTS SUCH 
	AS CAROUSELS.

***	FOOTER 
***	[#TOC-FOO]
	CODE FOR THE FOOTER, THERE ARE 2,
	ONE LARGE AND ONE SMALL. CODE FOR
	SOCIAL AND SPONSORSHIP AS WELL.

***	RANDOM OVERRRIDES 
***	[#TOC-RAN]
	SOME GENERIC OVERRIDES FOR 
	BOOTSTRAP CODE.

***	RESPONSIVE 
***	[#TOC-RES]
	ALL RESPONSIVE CODE FOR VARIOUS 
	BREAKPOINTS. SMALL MEDIUM AND LARGE 
	DEVICE/SCREEN SIZE CODE IS ADDED 
	HERE. PRINT STYLES ARE ALSO ADDED 
	HERE.
  
*/
/*------------------------------------*\
    COOKIE BAR [#TOC-COO]
	COOKIE BAR STYLING.
\*------------------------------------*/
.cookie-wrap {
    width: 100%;
    padding: 10px 10px 0px;
    margin-bottom: 0px;
    overflow: auto;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    height: auto;
    background: #d4d4d4 !important;
}

.cookie-banner {
    width: 89%;
    float: left;
}

.cookie-wrap p {
    margin-bottom: 10px;
    font-size: 12px;
    color: #333;
}

.cookie-wrap button {
    float: right;
}

.btn-close {
    width: 10%;
    float: right;
    text-align: right;
}
    /*.btn-close a {display:inline-block;background: @gray-brand-light;border-bottom: 3px solid #c9c9c9;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color:#333;}
		.btn-close a:hover, .btn-close a:focus, .btn-close a:active {border-bottom: 1px solid #c9c9c9;margin-top:2px;color:#333;cursor:pointer;text-decoration:none;}*/
    .btn-close a {
        color: #207f9c;
        font-size: 12px;
        cursor: pointer;
    }

.c-display {
    display: none;
}

.cookie-wrap,
.buorg {
    -webkit-animation: fade-in 1s 1;
    -moz-animation: fade-in 1s 1;
    -o-animation: fade-in 1s 1;
    animation: fade-in 1s 1;
}

#content-block.content-block-off {
    width: 100%;
    position: fixed;
    margin-left: 75%;
    opacity: 0.1;
    /*transition:all .25s;*/
}

@media (min-width: 768px) and (max-width: 991px) {
    #content-block.content-block-off {
        margin-left: 50%;
    }
}

#content-block.content-block-on {
    width: 100%;
    /*transition:all .25s;*/
}

#navigation-block.navigation-block-off {
    width: 75%;
    position: absolute;
    left: -75%;
    height: 100%;
    /*transition:all .25s;*/
}

#navigation-block.navigation-block-on {
    width: 75%;
    position: absolute;
    left: 0%;
    height: 100%;
    /*transition:all .25s;*/
    background: #fff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #f8f8f8 100%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(50%, #f8f8f8), color-stop(100%, #f8f8f8), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #f8f8f8 100%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #f8f8f8 100%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #f8f8f8 100%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 50%, #f8f8f8 100%, #ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}
/*Attempted fix for mobile slow issue*/
.navbar-off-canvas {
    height: auto !important;
}

body .buorg {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    border-bottom: 1px solid #ccc;
    background: #d4d4d4 0px 0px url(/ContentUK/img/sprite.png);
    background-image: none;
    text-align: left;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 12px;
    color: #333;
}

    body .buorg div {
        padding: 10px;
    }

    body .buorg > div {
        width: 89%;
    }

    body .buorg a,
    body .buorg a:visited,
    body .buorg a:hover,
    body .buorg a:focus,
    body .buorg a:active {
        color: #207f9c;
    }

body #buorgclose {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 16px;
    width: 50px;
    font-weight: normal;
    font-size: 12px;
    padding: 0;
    display: inline-block;
    background-image: none;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0px -560px;
    text-indent: -9999px;
}

    body #buorgclose:before {
        content: 'Close';
        position: absolute;
        top: 0px;
        left: 0px;
        height: 20px;
        width: 50px;
        text-indent: 0px;
        text-align: right;
        color: #207f9c;
    }

/*------------------------------------*\
    LIVE CHAT [#TOC-LIV]
	POSITIONS FOR LIVE CHAT ELEMENTS
\*------------------------------------*/
/*unfortunately there is no class on the live chat container so am having to use this ID, hopefully it wont change.*/
div#lpInviteLayer-639 {
    left: 43% !important;
}
/*FOR LIVE CHAT POSITIONING*/
div#lpButtonDiv-homeserve-sales {
    position: fixed;
    right: 0;
    top: 33%;
    z-index: 1;
}

div#lpButtonDiv-homeserve-claims-floating {
    position: fixed;
    right: 0;
    top: 33%;
    z-index: 1;
}
/*------------------------------------*\
    PROGRESS BARS [#TOC-PRO]
	CODE TO CREATE A PROGRESS BAR, 4 
	OR 5 STEPS AS WELL AS AN ANIMATING 
	ARROW.
\*------------------------------------*/
.progress {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar {
    background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #f6f6f6 100%);
    background-image: linear-gradient(to bottom, #f6f6f6 0%, #f6f6f6 100%);
    background-repeat: repeat-x;
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f6f6f6', GradientType=0);
    color: #333333;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar-coming {
    background-image: -webkit-linear-gradient(top, #d4d4d4 0%, #d4d4d4 100%);
    background-image: linear-gradient(to bottom, #d4d4d4 0%, #d4d4d4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#d4d4d4', GradientType=0);
}

.progress.steps-5 .progress-bar {
    width: 20%;
}

.progress.steps-4 .progress-bar {
    width: 25%;
}

.progress.steps-3 .progress-bar {
    width: 33%;
}

.progress.steps-2 .progress-bar {
    width: 50%;
}

.progress {
    height: auto;
    display: flex;
}

.progress-bar {
    flex: 1 auto;
}

    .progress-bar span {
        padding: 5px;
        display: block;
    }

    .progress-bar .glyphicon,
    .progress-bar .fa {
        padding: 0px 0px 2px;
        display: block;
    }

.progress-bar-primary.fade-in {
    -webkit-animation: progress-bar-primary-fade-in 0.5s 1;
    -moz-animation: progress-bar-primary-fade-in 0.5s 1;
    -o-animation: progress-bar-primary-fade-in 0.5s 1;
    animation: progress-bar-primary-fade-in 0.5s 1;
}

.progress-bar-success.fade-in {
    -webkit-animation: progress-bar-success-fade-in 1s 1;
    -moz-animation: progress-bar-success-fade-in 1s 1;
    -o-animation: progress-bar-success-fade-in 1s 1;
    animation: progress-bar-success-fade-in 1s 1;
}
/*------------------------------------*\
		ARROW
	\*------------------------------------*/
.progress-bar-primary:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #d71330;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 0;
    z-index: 1;
    right: -15px;
}

.progress-bar-info:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #5bc0de;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 0;
    z-index: 1;
    right: -15px;
}
/*------------------------------------*\
		DOTTED VERSION
	\*------------------------------------*/
.bs-wizard {
    margin-top: 40px;
    margin-bottom: 20px;
}
/*Form Wizard*/
.bs-wizard {
    padding: 0 0 20px 0;
    border-bottom: 0px solid red;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 20px 0;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }
        /*default colors*/
        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            background: #eeeeee;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                background: #ffffff;
            }

        .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
            background: #eeeeee;
        }
    /*success colors*/
    .bs-wizard.bs-wizard-success > .bs-wizard-step.active > .bs-wizard-dot {
        background: #dceba2;
    }

        .bs-wizard.bs-wizard-success > .bs-wizard-step.active > .bs-wizard-dot:after {
            background: #b3d335;
        }

    .bs-wizard.bs-wizard-success > .bs-wizard-step.active > .progress > .progress-bar {
        background: #dceba2;
    }

    .bs-wizard.bs-wizard-success > .bs-wizard-step.complete > .bs-wizard-dot {
        background: #dceba2;
    }

        .bs-wizard.bs-wizard-success > .bs-wizard-step.complete > .bs-wizard-dot:after {
            background: #ffffff;
        }

    .bs-wizard.bs-wizard-success > .bs-wizard-step.complete > .progress > .progress-bar {
        background: #dceba2;
    }
/*END Form Wizard*/
/*------------------------------------*\
    PRODUCT WELLS [#TOC-PRO-WEL]
	CONTAINERS FOR INDIVIDUAL PRODUCTS, 
	INVOLVES THE USE OF IMAGES, 
	HEADINGS, COPY, LISTS ETC.
\*------------------------------------*/
.well.product-column {
    padding: 0px;
    background-image: none;
    background: white;
}

    .well.product-column .product-column-top,
    .well.product-column .product-column-upper,
    .well.product-column .product-column-lower,
    .well.product-column .product-column-bottom {
        padding: 10px 10px 5px;
    }

.well .product-column-top-triangle {
    display: none;
    width: 0;
    height: 0;
    margin-top: -20px;
}

.well .product-column-upper-triangle {
    display: none;
    width: 0;
    height: 0;
    margin-top: -20px;
}
/*------------------------------------*\
		LANDLORD
	\*------------------------------------*/
.well.product-landlord {
    border: none;
    border-bottom: 1px solid #f6f6f6;
}

    .well.product-landlord .product-column-top {
        background: #fbead3;
    }

    .well.product-landlord .product-column-upper {
        background: #f6f6f6;
    }

    .well.product-landlord .product-column-lower {
        background: #fbead3;
    }

    .well.product-landlord .product-column-bottom {
        background: #fbead3;
    }
    /*Highlighted landlord product*/
    .well.product-landlord.product-highlight .product-column-top {
        background: #f0ad4e;
    }

    .well.product-landlord.product-highlight .product-column-top-triangle {
        border-top: 25px solid #f0ad4e;
    }

    .well.product-landlord.product-highlight .product-column-lower {
        background: #f0ad4e;
    }

    .well.product-landlord.product-highlight .product-column-bottom {
        background: #f0ad4e;
    }
/*------------------------------------*\
		PLUMBING
	\*------------------------------------*/
.well.product-plumbing {
    border: none;
    border-bottom: 1px solid #f6f6f6;
}

    .well.product-plumbing .product-column-top {
        background: #d6eff7;
    }

    .well.product-plumbing .product-column-upper {
        background: #f6f6f6;
    }

    .well.product-plumbing .product-column-lower {
        background: #d6eff7;
    }

    .well.product-plumbing .product-column-bottom {
        background: #d6eff7;
    }
    /*Highlighted plumbing product*/
    .well.product-plumbing.product-highlight .product-column-top {
        background: #5bc0de;
    }

    .well.product-plumbing.product-highlight .product-column-top-triangle {
        border-top: 25px solid #5bc0de;
    }

    .well.product-plumbing.product-highlight .product-column-lower {
        background: #5bc0de;
    }

    .well.product-plumbing.product-highlight .product-column-bottom {
        background: #5bc0de;
    }
/*------------------------------------*\
		BOILER
	\*------------------------------------*/
.well.product-boiler {
    border: none;
    border-bottom: 1px solid #f6f6f6;
}

    .well.product-boiler .product-column-top {
        background: #e8d3e8;
    }

    .well.product-boiler .product-column-upper {
        background: #f6f6f6;
    }

    .well.product-boiler .product-column-lower {
        background: #e8d3e8;
    }

    .well.product-boiler .product-column-bottom {
        background: #e8d3e8;
    }
    /*Highlighted boiler product*/
    .well.product-boiler.product-highlight .product-column-top {
        background: #a944a8;
    }

    .well.product-boiler.product-highlight .product-column-top-triangle {
        border-top: 25px solid #a944a8;
    }

    .well.product-boiler.product-highlight .product-column-lower {
        background: #a944a8;
    }

    .well.product-boiler.product-highlight .product-column-bottom {
        background: #a944a8;
    }
/* ACCORDION / COLLAPSE ============================================================================= */
.accordion .panel-title .glyphicon,
.accordion .panel-title .fa {
    float: right;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 13px;
}

.accordion .panel-title .fa {
    font-size: 15px;
    top: 2px;
}

.accordion .panel-title a {
    display: block;
    position: relative;
    padding-right: 30px;
}
/* + */
.accordion .panel-title .collapsed:after {
    content: "\2b";
    position: absolute;
    top: 1px;
    right: 0px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    color: #666;
}
/* - */
.accordion .panel-title a:after {
    content: "\2212";
    position: absolute;
    top: 1px;
    right: 0px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none;
    color: #666;
}
/*------------------------------------*\
    FORMS [#TOC-FOR]
	CODE FOR ALL FORM ELEMENTS, INPUTS, 
	LABELS, LOADING STATES, DATEPICKER.
\*------------------------------------*/
#error-msg,
.error-msg {
    display: none;
    z-index: 10000;
}

    #error-msg.affix-top,
    #error-msg.affix,
    .error-msg.affix-top,
    .error-msg.affix {
        top: 20px;
        left: 20px;
        right: 20px;
    }

.affix .alert {
    box-shadow: 0px 0px 20px 0px #888;
}

.disabled {
    opacity: 0.33;
}

.form-control:hover {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-group a .fa {
    font-size: 27px;
    line-height: 33px;
}

.form-group label .fa {
    font-size: 0.9em;
    line-height: inherit;
}

.form-group,
.checkbox {
    margin-bottom: 20px;
}

.form-horizontal .has-feedback .form-control-feedback.valid {
    right: 30px;
}

.has-feedback .form-control-feedback.valid {
    right: 20px;
}

.form-horizontal .has-error .control-label {
    padding-top: 7px;
}

form .btn.popover-dismiss {
    margin-top: 25px;
}

form.form-horizontal .btn.popover-dismiss {
    margin-top: 0px;
}

form a.popover-dismiss {
    display: block;
    width: 2em;
}

    form a.popover-dismiss:hover,
    form a.popover-dismiss:focus {
        text-decoration: none !important;
    }

form a[data-toggle=popover],
form button[data-toggle=popover] {
    cursor: pointer !important;
}

/*To place a red asterisk or a space dependent on whether the field is mandatory or optional*/
.mandatory:after {
    content: "*";
    color: #E62419;
    font-size: 18px;
}

.control-label.optional {
    padding-right: 16px;
}
/* Form field icon addons */
form div.input-group span.input-group-addon i {
    font-size: 1.3em;
}

/* Text Area Full Width */
.text-area-full .input-group {
    width: 100%;
}

.popover > .arrow {
    display: none;
}
/*IF AN INPUT IS USED IN AN ACCORDION, SUCH AS A RADIO BUTTON*/
.accordion .panel-title label {
    margin: 0px;
    font-weight: normal;
}

    .accordion .panel-title label:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.accordion .panel-title input {
    position: absolute;
    right: 0px;
    top: 0px;
}

.loading-feedback-on {
    -webkit-animation: pulsate 2s infinite;
    /* Safari 4+ */
    -moz-animation: pulsate 2s infinite;
    /* Fx 5+ */
    -o-animation: pulsate 2s infinite;
    /* Opera 12+ */
    animation: pulsate 2s infinite;
    /* IE 10+, Fx 29+ */
}

.text-center .checkbox input[type=checkbox] {
    float: none;
}
/*For forms where the button needs to be pushed down to line up due to labels*/
.btn-inline-no-label {
    margin-top: 24px;
}

    .btn-inline-no-label:hover,
    .btn-inline-no-label:active,
    .btn-inline-no-label:focus {
        margin-top: 26px;
    }
/*For a checkbox at end of sentance*/
.checkbox-right label {
    padding-left: 0px;
}

    .checkbox-right label input[type="checkbox"] {
        position: static;
        margin-left: 5px;
        margin-top: -1px;
    }
/*MVC error handling*/
.has-error .form-control,
input.error,
select.error,
textarea.error {
    border-color: #990000;
}

.has-error label.control-label,
.error,
label.error {
    color: #B92A23;
    font-weight: bold;
}

.form-group label.error {
    margin-top: 5px;
    display: none;
}

.has-error .input-validation-error {
    border-color: #ff0000;
}

.has-success label.control-label {
    color: #007681;
}

.has-success .form-control,
input.valid,
select.valid,
textarea.valid {
    border-color: #b3d143;
}
/*Password Strength Popover*/
.popover.success > .popover-title {
    color: #758c22;
    background-color: #ecf3d4;
}

.popover.warning > .popover-title {
    color: #894700;
    background-color: #fee1c8;
}

.popover.danger > .popover-title {
    color: #990000;
    background-color: #ffe5e5;
}
/*tooltip font*/
.popover {
    font-family: "museo-sans-rounded-300", "Trebuchet MS", Arial, sans-serif;
}

/* Password Helper Text (Checklist) */
ul.helper-text {
    display: block;
    margin: 10px 0 30px;
    font-size: 14px;
    line-height: 22px;
    list-style: none;
    overflow: auto;
}

    ul.helper-text li:before {
        content: "\2022";
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        color: #e7342c;
        transition: all 0.5s;
        margin-left: -20px;
        margin-right: 8px;
    }

    ul.helper-text li.valid {
        opacity: 0.3;
        color: #333333;
    }

        ul.helper-text li.valid:before {
            color: #b3d143;
        }

/*MVC Start*/
.field-validation-error .form-control {
    border-color: #ff0000;
}

.field-validation-error .help-block,
.field-validation-error .control-label,
.field-validation-error .radio,
.field-validation-error .checkbox,
.field-validation-error .radio-inline,
.field-validation-error .checkbox-inline,
.field-validation-error .error {
    color: #B92A23;
    padding-top: 0px;
}

.field-validation-error .form-control-feedback {
    color: #B92A23;
}

.has-error .field-validation-error,
.field-validation-error,
span.field-validation-error {
    color: #B92A23;
    font-weight: bold;
    margin-top: 10px;
    display: block;
}
/*MVC End */
/*------------------------------------*\
		Float Labels
	\*------------------------------------*/
.float-label {
    font-size: 14px;
    box-sizing: border-box;
    display: block;
    line-height: 1;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    top: 40px;
    left: 12px;
    transform: translateY(3px);
    transition: all 0.2s ease-out;
    user-select: none;
    white-space: nowrap;
    width: auto;
    z-index: 3;
    font-weight: 500;
    background-color: #0096c8;
    color: #fff;
    border: 1px solid #fff;
    padding: 3px 8px;
    box-shadow: 1px 1px 0.5px rgba(0, 0, 0, 0.25);
}

.field--not-empty .float-label {
    opacity: 1;
    transform: none;
    top: -12px;
}

.field--not-empty .input-tr-link + .float-label {
    top: 15px;
}

.float-label-input {
    transition: all 0.2s ease-out;
    font-size: 16px;
}

.field--not-empty .float-label-input {
    padding-bottom: 2px;
    padding-top: 6px;
}

.float-label-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #757575;
    font-weight: 700;
}

.float-label-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #757575;
    font-weight: 700;
}

.float-label-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #757575;
    font-weight: 700;
}

.float-label-input:-moz-placeholder {
    /* Firefox 18- */
    color: #757575;
    font-weight: 700;
}

/*NEW Self Serve Version*/
.customer-account .float-label {
    top: 0;
    left: 16px;
    background-color: transparent;
    border: 0;
    padding: 6px 16px;
    box-shadow: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.customer-account .active .float-label {
    /*move the x,y coordinates and reduce size*/
    transform: translate(4px, 8px) scale(1);
    color: #E62419;
    padding: 2px 16px;
    font-weight: 700;
    opacity: 1;
}

.customer-account .float-label-input {
    border-radius: 6px !important;
    padding-left: 20px;
}

    .customer-account .float-label-input.input-lg {
        height: 58px;
    }

    .customer-account .float-label-input.form-control {
        padding-left: 20px;
        padding-right: 12px;
    }

    .customer-account .float-label-input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #757575;
        font-weight: 700;
    }

    .customer-account .float-label-input::-moz-placeholder {
        /* Firefox 19+ */
        color: #757575;
        font-weight: 700;
    }

    .customer-account .float-label-input:-ms-input-placeholder {
        /* IE 10+ */
        color: #757575;
        font-weight: 700;
    }

    .customer-account .float-label-input:-moz-placeholder {
        /* Firefox 18- */
        color: #757575;
        font-weight: 700;
    }

.customer-account .active .float-label-input {
    padding-bottom: 2px;
    padding-top: 22px;
}

.customer-account .active .form-control.float-label-input {
    padding-right: 50px;
}

.customer-account .input-tr-link + .float-label {
    top: 28px !important;
}

    .customer-account .input-tr-link + .float-label + input.input-lg.float-label-input + .input-validation:before,
    .customer-account .input-tr-link + .float-label + input.input-lg.float-label-input + .popover + .input-validation:before {
        top: 50px !important;
    }
/*------------------------------------*\
		JQUERY UI ELEMENTS
	\*------------------------------------*/
.ui-datepicker-calendar .form-control.hasDatepicker[readonly] {
    background-color: #fff;
    opacity: 1;
    cursor: default;
}

.prefday[readonly] {
    cursor: pointer;
    background-color: white;
}

/*.ui-datepicker-calendar .form-control.hasDatepicker {
    cursor: pointer;
}*/

.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default, .ui-datepicker-calendar .ui-widget-header .ui-state-default {
    border: 0px solid #fff;
    background-color: #b3d143;
    border-radius: 0px;
    text-align: center;
}

.ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
    background: #758c22;
    color: #fff;
    opacity: 0.35;
}

.ui-datepicker-calendar .ui-widget-content .ui-state-active,
.ui-datepicker-calendar .ui-widget-content .ui-state-hover {
    background-color: #b3d143;
    color: #333;
}

.panel-heading.ui-accordion-header {
    background-color: #f6f6f6;
    padding-left: .5em;
}

.ui-accordion-header-icon.ui-icon {
    display: none;
}

.ui-accordion-header-active .icon.icon-plus-dark:before {
    height: 12px;
    width: 12px;
    background-position: -35px -595px;
}

.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default {
    background-color: gray;
}

td.ui-state-disabled span.ui-state-default {
    background-color: #fff;
}

#ui-datepicker-div table td a {
    background: #b3d143;
}

td.enabled a.ui-state-default, .ui-datepicker-calendar a.ui-state-default {
    background-color: #b3d143;
    font-weight: bold;
    opacity: 1 !important;
    color: #333 !important;
}

@media screen and (max-width: 600px) {
    .ui-datepicker.ui-datepicker-multi {
        width: auto !important;
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100% !important;
    }
}

/*NEW CLAIMS -- New calendar*/
.ui-datepicker.appointmentDisplay {
    width: auto;
    border-color: transparent;
    z-index: 3 !important;
    margin-bottom: 20px;
}

    .ui-datepicker.appointmentDisplay .ui-widget-header {
        background-color: #fff;
        color: #333333;
        border-color: transparent;
        font-size: 18px;
        margin-bottom: 10px;
        background: none;
    }

        .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-prev span.ui-icon,
        .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-next span.ui-icon {
            background-image: none !important;
            font-size: 0;
        }

        .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-prev:after,
        .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-next:after {
            color: #e7342c;
            font-family: "HomeServe-Icons";
            position: absolute;
            font-size: 24px;
        }

        .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-prev:after {
            content: "\e974";
            left: 4px;
        }

        .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-prev.ui-datepicker-prev-hover {
            left: 2px;
            cursor: pointer !important;
            box-shadow: none;
            background-color: #e7342c;
            transition: all 0.3s ease-in-out;
        }

            .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-prev.ui-datepicker-prev-hover:after {
                color: #fff;
                top: -1px;
            }

        .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-next:after {
            content: "\e97c";
            float: right;
            right: 4px;
        }

        .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-next.ui-datepicker-next-hover {
            right: 2px;
            cursor: pointer !important;
            box-shadow: none;
            background-color: #e7342c;
            transition: all 0.3s ease-in-out;
        }

            .ui-datepicker.appointmentDisplay .ui-widget-header a.ui-datepicker-next.ui-datepicker-next-hover:after {
                color: #fff;
                top: -1px;
            }

    .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar th {
        background-color: #f0f0f0;
        font-size: 14px;
    }

    .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar th,
    .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td a {
        text-transform: uppercase !important;
        font-weight: normal !important;
    }

    .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar tbody:before {
        content: "@";
        display: block;
        line-height: 10px;
        text-indent: -99999px;
    }

    .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar tbody tr {
        line-height: 32px;
    }

    .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar a.ui-state-default {
        border-color: transparent;
        background-color: transparent;
        color: #757575 !important;
        box-shadow: none;
        border-radius: 6px;
    }

    .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td {
        padding: 2px;
    }

        .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td.enabled a.ui-state-default,
        .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td.enabled.ui-datepicker-today a.ui-state-default {
            background-color: #0096c8;
            color: #fff !important;
        }

        .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td.ui-datepicker-current-day a.ui-state-active {
            background-color: #e7342c;
            color: #fff !important;
            border-radius: 6px;
        }

        .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td.ui-datepicker-today a.ui-state-default {
            background-color: #f0f0f0;
            color: #757575 !important;
        }

        .ui-datepicker.appointmentDisplay table.ui-datepicker-calendar td.ui-state-disabled span.ui-state-default {
            border-color: transparent;
        }

        /*Rearrange Appointment Datepicker*/
        #ui-datepicker-div.ui-datepicker {
            z-index: 1040 !important
        }
/*------------------------------------*\
    ANIMATIONS & TRANSITIONS [#TOC-ANI]
	CODE FOR ALL ANIMATIONS OR 
	TRANSITIONS USED THESE CAN BE APPLIED 
	TO VARIOUS ELEMENTS.
\*------------------------------------*/
/*------------------------------------*\
		PULSATE
	\*------------------------------------*/
@-webkit-keyframes pulsate {
    0% {
        opacity: 0.25;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        opacity: 0.25;
    }
}

@-moz-keyframes pulsate {
    0% {
        opacity: 0.25;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        opacity: 0.25;
    }
}

@-o-keyframes pulsate {
    0% {
        opacity: 0.25;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        opacity: 0.25;
    }
}

@keyframes pulsate {
    0% {
        opacity: 0.25;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        opacity: 0.25;
    }
}
/*------------------------------------*\
		PROGRESS BARS
	\*------------------------------------*/
@-webkit-keyframes progress-bar-primary-fade-in {
    from {
        background: #d71330;
    }

    to {
        background: #d71330;
    }
}

@-moz-keyframes progress-bar-primary-fade-in {
    from {
        background: #d71330;
    }

    to {
        background: #d71330;
    }
}

@-o-keyframes progress-bar-primary-fade-in {
    from {
        background: #d71330;
    }

    to {
        background: #d71330;
    }
}

@keyframes progress-bar-primary-fade-in {
    from {
        background: #d71330;
    }

    to {
        background: #d71330;
    }
}

@-webkit-keyframes progress-bar-success-fade-in {
    from {
        background: #dddddd;
    }

    to {
        background: #b3d143;
    }
}

@-moz-keyframes progress-bar-success-fade-in {
    from {
        background: #dddddd;
    }

    to {
        background: #b3d143;
    }
}

@-o-keyframes progress-bar-success-fade-in {
    from {
        background: #dddddd;
    }

    to {
        background: #b3d143;
    }
}

@keyframes progress-bar-success-fade-in {
    from {
        background: #dddddd;
    }

    to {
        background: #b3d143;
    }
}

@-webkit-keyframes fwd-arrow {
    from {
        opacity: 1;
        right: 0px;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fwd-arrow {
    from {
        opacity: 1;
        right: 0px;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fwd-arrow {
    from {
        opacity: 1;
        right: 0px;
    }

    to {
        opacity: 1;
    }
}

@keyframes fwd-arrow {
    from {
        opacity: 1;
        right: 0px;
    }

    to {
        opacity: 1;
    }
}
/*------------------------------------*\
		FADING
	\*------------------------------------*/
@-webkit-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/*------------------------------------*\
    POSITIONAL [#TOC-POS]
	USED TO OVERRIDE CERTAIN CODE TO
	ALTER THE POSITION OF THE ELEMENT.
\*------------------------------------*/
.row .margin-top-none,
.margin-top-none {
    margin-top: 0px !important;
}

.row .margin-top-5,
.margin-top-5 {
    margin-top: 5px !important;
}

.row .margin-top-10,
.margin-top-10 {
    margin-top: 10px !important;
}

.row .margin-top-15,
.margin-top-15 {
    margin-top: 15px !important;
}

.row .margin-top-20,
.margin-top-20 {
    margin-top: 20px !important;
}

.row .margin-top-25,
.margin-top-25 {
    margin-top: 25px !important;
}

.row .margin-top-30,
.margin-top-30 {
    margin-top: 30px !important;
}

.row .margin-top-40,
.margin-top-40 {
    margin-top: 40px !important;
}

.row .margin-top-50,
.margin-top-50 {
    margin-top: 50px !important;
}

.row .margin-top-60,
.margin-top-60 {
    margin-top: 60px !important;
}

.row .margin-top-70,
.margin-top-70 {
    margin-top: 70px !important;
}

.row .margin-top-80,
.margin-top-80 {
    margin-top: 80px !important;
}

.row .margin-top-90,
.margin-top-90 {
    margin-top: 90px !important;
}

.row .margin-top-100,
.margin-top-100 {
    margin-top: 100px !important;
}

.row .margin-bottom-none,
.margin-bottom-none {
    margin-bottom: 0px !important;
}

.row .margin-bottom-5,
.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.row .margin-bottom-10,
.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.row .margin-bottom-15,
.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.row .margin-bottom-20,
.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.row .margin-bottom-30,
.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.row .margin-bottom-40,
.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.row .margin-bottom-50,
.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.row .margin-bottom-60,
.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.row .margin-bottom-70,
.margin-bottom-70 {
    margin-bottom: 70px !important;
}

.row .margin-bottom-80,
.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.row .margin-bottom-90,
.margin-bottom-90 {
    margin-bottom: 90px !important;
}

.row .margin-bottom-100,
.margin-bottom-100 {
    margin-bottom: 100px !important;
}

.row .margin-left-none,
.margin-left-none {
    margin-left: 0px !important;
}

.row .margin-left-5,
.margin-left-5 {
    margin-left: 5px !important;
}

.row .margin-left-10,
.margin-left-10 {
    margin-left: 10px !important;
}

.row .margin-left-15,
.margin-left-15 {
    margin-left: 15px !important;
}

.row .margin-left-20,
.margin-left-20 {
    margin-left: 20px !important;
}

.row .margin-left-30,
.margin-left-30 {
    margin-left: 30px !important;
}

.row .margin-left-40,
.margin-left-40 {
    margin-left: 40px !important;
}

.row .margin-left-50,
.margin-left-50 {
    margin-left: 50px !important;
}

.row .margin-right-none,
.margin-right-none {
    margin-right: 0px !important;
}

.row .margin-right-5,
.margin-right-5 {
    margin-right: 5px !important;
}

.row .margin-right-10,
.margin-right-10 {
    margin-right: 10px !important;
}

.row .margin-right-15,
.margin-right-15 {
    margin-right: 15px !important;
}

.row .margin-right-20,
.margin-right-20 {
    margin-right: 20px !important;
}

.row .margin-right-30,
.margin-right-30 {
    margin-right: 30px !important;
}

.row .margin-right-40,
.margin-right-40 {
    margin-right: 40px !important;
}

.row .margin-right-50,
.margin-right-50 {
    margin-right: 50px !important;
}

.row .padding-none,
.padding-none {
    padding: 0px !important;
}

.row .padding-5,
.padding-5 {
    padding: 5px !important;
}

.row .padding-10,
.padding-10 {
    padding: 10px !important;
}

.row .padding-20,
.padding-20 {
    padding: 20px !important;
}

.row .padding-30,
.padding-30 {
    padding: 30px !important;
}

.row .padding-40,
.padding-40 {
    padding: 40px !important;
}

.row .padding-50,
.padding-50 {
    padding: 50px !important;
}

.row .padding-top-none,
.padding-top-none {
    padding-top: 0px !important;
}

.row .padding-top-5,
.padding-top-5 {
    padding-top: 5px !important;
}

.row .padding-top-10,
.padding-top-10 {
    padding-top: 10px !important;
}

.row .padding-top-20,
.padding-top-20 {
    padding-top: 20px !important;
}

.row .padding-top-30,
.padding-top-30 {
    padding-top: 30px !important;
}

.row .padding-top-40,
.padding-top-40 {
    padding-top: 40px !important;
}

.row .padding-top-50,
.padding-top-50 {
    padding-top: 50px !important;
}

.row .padding-bottom-none,
.padding-bottom-none {
    padding-bottom: 0px !important;
}

.row .padding-bottom-5,
.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.row .padding-bottom-10,
.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.row .padding-bottom-20,
.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.row .padding-bottom-30,
.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.row .padding-bottom-40,
.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.row .padding-bottom-50,
.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.row .padding-left-none,
.padding-left-none {
    padding-left: 0px !important;
}

.row .padding-left-5,
.padding-left-5 {
    padding-left: 5px !important;
}

.row .padding-left-10,
.padding-left-10 {
    padding-left: 10px !important;
}

.row .padding-left-15,
.padding-left-15 {
    padding-left: 15px !important;
}

.row .padding-left-20,
.padding-left-20 {
    padding-left: 20px !important;
}

.row .padding-left-30,
.padding-left-30 {
    padding-left: 30px !important;
}

.row .padding-left-40,
.padding-left-40 {
    padding-left: 40px !important;
}

.row .padding-right-none,
.padding-right-none {
    padding-right: 0px !important;
}

.row .padding-right-5,
.padding-right-5 {
    padding-right: 5px !important;
}

.row .padding-right-10,
.padding-right-10 {
    padding-right: 10px !important;
}

.row .padding-right-15,
.padding-right-15 {
    padding-right: 15px !important;
}

.row .padding-right-20,
.padding-right-20 {
    padding-right: 20px !important;
}

.row .padding-right-30,
.padding-right-30 {
    padding-right: 30px !important;
}

.row .padding-right-40,
.padding-right-40 {
    padding-right: 40px !important;
}

.relative {
    position: relative;
}

.bottom-right {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.bottom-left {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.margin-top-10-xs {
    margin-top: 0px;
}

@media (max-width: 767px) {
    .margin-top-10-xs {
        margin-top: 10px;
    }
}

.margin-top-20-xs {
    margin-top: 0px;
}

@media (max-width: 767px) {
    .margin-top-20-xs {
        margin-top: 20px;
    }
}

.margin-top-10-sm {
    margin-top: 0px;
}

@media (max-width: 991px) {
    .margin-top-10-sm {
        margin-top: 10px;
    }
}

.margin-top-20-sm {
    margin-top: 0px;
}

@media (max-width: 991px) {
    .margin-top-20-sm {
        margin-top: 20px;
    }
}
/*------------------------------------*\
    ICONS [#TOC-ICO]
	ALL ICONS AND ASSOCIATED POSITIONS.
\*------------------------------------*/
.icon {
    display: block;
    line-height: 1.3em;
}

    .icon.inline {
        display: inline;
    }

        .icon.inline:before {
            vertical-align: middle;
        }

.btn .icon {
    display: inline;
}

.icon:before {
    content: "";
    display: inline-block;
    background-image: url(/ContentUK/img/sprite.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.btn .icon:before {
    margin-bottom: -2px;
}

.icon.icon-arrow-down-light:before {
    height: 16px;
    width: 16px;
    background-position: 0px -70px;
}

.icon.icon-tick-light:before {
    height: 16px;
    width: 12px;
    background-position: 0px -175px;
}

.icon.icon-home-light:before {
    height: 16px;
    width: 16px;
    background-position: -35px -350px;
}

.navbar .icon.icon-home-light:before {
    margin-top: 5px;
}

.icon.icon-exclamation-light:before {
    height: 16px;
    width: 16px;
    background-position: -35px -770px;
}

.icon.icon-exclamation-light-24:before {
    height: 24px;
    width: 24px;
    background-position: -105px -770px;
}

.icon.icon-blank:before {
    height: 16px;
    width: 16px;
    background-position: 35px 35px;
}

.icon.icon-arrow-down-dark:before {
    height: 16px;
    width: 16px;
    background-position: 0px 0px;
}

.icon.icon-arrow-right-dark:before {
    height: 16px;
    width: 16px;
    background-position: -35px -35px;
}

.icon.icon-star-dark:before {
    height: 16px;
    width: 16px;
    background-position: 0px -210px;
}

.icon.icon-tick-dark:before {
    height: 16px;
    width: 12px;
    background-position: 0px -140px;
}

.icon.icon-tick-green:before {
    height: 14px;
    width: 12px;
    background-position: -35px -140px;
}

.icon.icon-cross-red:before {
    height: 12px;
    width: 12px;
    background-position: 0px -560px;
}

.icon.icon-question-green:before {
    height: 16px;
    width: 16px;
    background-position: -140px -140px;
}

.icon.icon-question-green-large:before {
    height: 32px;
    width: 32px;
    background-position: -140px 0px;
}

.icon.icon-loading-dark:before {
    height: 16px;
    width: 16px;
    background-position: 0px -245px;
    margin-left: 5px;
}

.icon.icon-phone-dark:before {
    height: 16px;
    width: 16px;
    background-position: -210px -70px;
}

.icon.icon-mobile-dark:before {
    height: 16px;
    width: 16px;
    background-position: -210px -105px;
}

.icon.icon-home-dark:before {
    height: 16px;
    width: 16px;
    background-position: 0px -350px;
}

.icon.icon-calendar:before {
    height: 20px;
    width: 20px;
    background-position: -245px -140px;
}

.has-feedback .icon.icon-calendar.form-control-feedback {
    top: 29px;
}

.icon.icon-plus-dark:before {
    height: 12px;
    width: 12px;
    background-position: 0px -595px;
}

.icon.icon-circle-dark:before {
    height: 16px;
    width: 16px;
    background-position: 0px -630px;
}

.icon.icon-circle-light:before {
    height: 16px;
    width: 16px;
    background-position: -35px -630px;
}

.icon.icon-reload-dark:before {
    height: 16px;
    width: 16px;
    background-position: 0px -665px;
}

.icon.icon-reload-light:before {
    height: 16px;
    width: 16px;
    background-position: -35px -665px;
}

.icon.icon-person-dark:before {
    height: 16px;
    width: 16px;
    background-position: 0px -735px;
}

.icon.icon-person-light:before {
    height: 16px;
    width: 16px;
    background-position: -35px -735px;
}

.icon.icon-radio:before {
    height: 16px;
    width: 16px;
    background-position: -70px -385px;
}

.icon.icon-radio-off:before {
    height: 16px;
    width: 16px;
    background-position: -105px -385px;
}

.icon.icon-radio-toggle:before {
    height: 24px;
    width: 48px;
    background-position: -70px -315px;
}

.icon.icon-radio-toggle-off:before {
    height: 24px;
    width: 48px;
    background-position: -70px -350px;
}

.icon.icon-exclamation:before {
    height: 16px;
    width: 16px;
    background-position: 0px -770px;
}

.icon.icon-exclamation-24:before {
    height: 24px;
    width: 24px;
    background-position: -70px -770px;
}

.icon.icon-facebook:before {
    height: 32px;
    width: 32px;
    background-position: -70px 0px;
}

.icon.icon-twitter:before {
    height: 32px;
    width: 32px;
    background-position: -70px -35px;
}

.icon.icon-google:before {
    height: 32px;
    width: 32px;
    background-position: -70px -70px;
}

.icon.icon-youtube:before {
    height: 32px;
    width: 32px;
    background-position: -70px -105px;
}

.icon-search {
    padding: 0px;
    border: none;
    background: none;
    height: 36px;
    width: 36px;
    padding: 10px;
    text-indent: -9999px;
}

    .icon-search:before {
        height: 16px;
        width: 16px;
        background-position: -35px -455px;
        display: block;
    }
/*------------------------------------*\
		FLAGS
	\*------------------------------------*/
.flag-uk {
    display: inline-block;
    height: 14px;
    width: 20px;
    background-position: 0px -385px;
    background-image: url(/ContentUK/img/sprite.png);
    background-repeat: no-repeat;
    margin: 0px 10px -2px 0px;
}

.flag-usa {
    display: inline-block;
    height: 14px;
    width: 20px;
    background-position: -35px -385px;
    background-image: url(/ContentUK/img/sprite.png);
    background-repeat: no-repeat;
    margin: 0px 10px -2px 0px;
}

.flag-spain {
    display: inline-block;
    height: 14px;
    width: 20px;
    background-position: 0px -420px;
    background-image: url(/ContentUK/img/sprite.png);
    background-repeat: no-repeat;
    margin: 0px 10px -2px 0px;
}

.flag-italy {
    display: inline-block;
    height: 14px;
    width: 20px;
    background-position: -35px -420px;
    background-image: url(/ContentUK/img/sprite.png);
    background-repeat: no-repeat;
    margin: 0px 10px -2px 0px;
}
/*------------------------------------*\
    COMPONENTS [#TOC-COM]
	STYLES FOR SPECIFIC COMPONENTS SUCH 
	AS CAROUSELS.
\*------------------------------------*/
.carousel {
    margin-bottom: 20px;
}
/*Back to top btt*/
.btt {
    clear: both;
}

    .btt.affix-top {
        visibility: hidden;
    }

    .btt.affix {
        z-index: 10000 !important;
        right: 5%;
        bottom: 0px;
        clear: both;
        display: block !important;
        visibility: visible;
    }

    .btt a {
        padding: 10px 20px;
        color: #fff;
        display: block;
        background: #5bc0de;
        width: 150px;
        text-align: center;
        margin: 0px 15px;
    }
/*------------------------------------*\
		REEVOO
	\*------------------------------------*/
/*	.reevoo-holder .reevoomark_badge {display:none;}
	.reevoo-container {border:1px solid #eee;background:#eee;width:100%;float:left;padding:0px;margin-bottom:20px;}
	.reevoo-container .score {font-size:30px;line-height:25px;letter-spacing:0px;float:left;width:33%;margin:0px;color:#ff7811;padding:20px 15px 15px 15px;}
		.reevoo-container .score img {clear:both;}
	.reevoo-container .score-percent {font-size:20px;letter-spacing:0px;vertical-align:top;margin:0px;}
	.reevoo-container .score-text {float:left;width:66%;margin:0px;padding:15px 15px 15px 15px;}
	
	.reevoo-holder.reevoo-vertical .score{width:100%;padding:25px 15px 10px 15px;}
	.reevoo-holder.reevoo-vertical .score-text{width:100%;clear:both;padding:0px 15px 15px 15px;}*/
.reevoo-container .reevoomark_badge {
    margin: 0 0 20px;
}


.user-information {
    margin-bottom: -30px;
    margin-top: 30px;
}

.user-information-top {
    margin-bottom: 0px;
    margin-top: 0px;
}

/*------------------------------------*\
    RANDOM OVERRRIDES [#TOC-RAN]
	SOME GENERIC OVERRIDES FOR 
	BOOTSTRAP CODE.
\*------------------------------------*/
.jumbotron {
    padding: 100px 0px;
    margin-bottom: 30px;
}

.panel-body-large,
.panel-body_large {
    padding: 30px 30px 15px;
}

.text-center img {
    display: inline-block;
}

.panel-body {
    padding: 15px 15px 0px;
}

.hr-thick {
    border-top-width: 6px;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

.overflow-visible {
    overflow: visible;
}

.xs-width-full {
    width: 100%;
}

.xs-text-center {
    text-align: center;
}

.clear {
    clear: both;
}

.border-right {
    border-right: 1px solid #eee;
}

.line-height-1 {
    line-height: 1;
}

a.btn:focus {
    text-decoration: none !important;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}
/*------------------------------------*\
    RESPONSIVE [#TOC-RES]
	ALL RESPONSIVE CODE FOR VARIOUS 
	BREAKPOINTS. SMALL MEDIUM AND LARGE 
	DEVICE/SCREEN SIZE CODE IS ADDED 
	HERE. PRINT STYLES ARE ALSO ADDED 
	HERE.
\*------------------------------------*/
/*------------------------------------*\
		SMALL DEVICES (TABLETS, 600PX AND UP)
	\*------------------------------------*/
@media (min-width: 600px) {
    .popover > .arrow {
        display: block;
    }

    .xs-text-center {
        text-align: left;
    }
    /*Progress arrows*/
    .progress {
        height: auto;
    }

    .progress-bar span {
        padding: 10px;
    }

    .progress-bar-primary:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 20px solid #d71330;
        border-bottom: 20px solid transparent;
        position: absolute;
        top: 0;
        z-index: 1;
        right: -20px;
    }

    .progress-bar-info:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 20px solid #5bc0de;
        border-bottom: 20px solid transparent;
        position: absolute;
        top: 0;
        z-index: 1;
        right: -20px;
    }

    .progress-bar-coming:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 20px solid #d4d4d4;
        border-bottom: 20px solid transparent;
        position: absolute;
        top: 0;
        z-index: 1;
        right: -20px;
    }
    /*PRODUCT WELLS*/
    .well .product-column-top-triangle {
        border-left: 110px solid transparent;
        border-right: 110px solid transparent;
        display: none;
    }

    .well .product-column-upper-triangle {
        border-left: 110px solid transparent;
        border-right: 110px solid transparent;
        display: none;
    }

    .well.product-landlord .product-column-top-triangle {
        border-top: 25px solid #fbead3;
        background: #f6f6f6;
    }

    .well.product-landlord .product-column-upper-triangle {
        border-top: 25px solid #f6f6f6;
        background: #fbead3;
    }

    .well.product-landlord.product-highlight .product-column-upper-triangle {
        background: #f0ad4e;
    }

    .well.product-landlord .product-column-lower {
        background: #fbead3;
    }

    .well.product-landlord .product-column-bottom {
        background: #fbead3;
    }

    .well.product-plumbing .product-column-top-triangle {
        border-top: 25px solid #d6eff7;
        background: #f6f6f6;
    }

    .well.product-plumbing .product-column-upper-triangle {
        border-top: 25px solid #f6f6f6;
        background: #d6eff7;
    }

    .well.product-plumbing.product-highlight .product-column-upper-triangle {
        background: #5bc0de;
    }

    .well.product-plumbing .product-column-lower {
        background: #d6eff7;
    }

    .well.product-plumbing .product-column-bottom {
        background: #d6eff7;
    }

    .well.product-boiler .product-column-top-triangle {
        border-top: 25px solid #e8d3e8;
        background: #f6f6f6;
    }

    .well.product-boiler .product-column-upper-triangle {
        border-top: 25px solid #f6f6f6;
        background: #e8d3e8;
    }

    .well.product-boiler.product-highlight .product-column-upper-triangle {
        background: #a944a8;
    }

    .well.product-boiler .product-column-lower {
        background: #e8d3e8;
    }

    .well.product-boiler .product-column-bottom {
        background: #e8d3e8;
    }
    /*------------------------------------*\
		REEVOO
	\*------------------------------------*/
    /*.reevoo-container .score {font-size:30px;line-height:25px;letter-spacing:-2px;float:left;width:33%;margin:0px;color:#ff7811;padding:15px 15px 8px 15px;}	
	.reevoo-container .score-text {font-size:11px;padding:12px 15px 8px 15px;}	*/
    /*------------------------------------*\
		Arrow links for 2 columns
	\*------------------------------------*/
    ul.arrow-links.columns-2 {
        overflow: auto;
    }

        ul.arrow-links.columns-2 li {
            width: 40%;
            display: inline-block;
        }
}
/*--------------------------------------------------------------------------*\
		Claims Submit Text (On RHS on 768px above, Centre in mobile)
    \*--------------------------------------------------------------------------*/
.beforeClaimsText {
    text-align: center;
}
/*------------------------------------*\
		SMALL DEVICES (TABLETS, 768PX AND UP)
	\*------------------------------------*/
@media (min-width: 768px) {
    .beforeClaimsText {
        text-align: right;
    }

    p {
        font-size: 16px;
        line-height: 26px;
    }

        p.small {
            line-height: 20px !important;
        }

        p.lead {
            line-height: 28px;
        }

    /*Progress arrows*/
    .progress {
        height: auto;
    }

    .progress-bar-primary:after {
        -webkit-animation: fwd-arrow 1.5s 1;
        -moz-animation: fwd-arrow 1.5s 1;
        -o-animation: fwd-arrow 1.5s 1;
        animation: fwd-arrow 1.5s 1;
    }

    .progress-bar-primary:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 29px solid transparent;
        border-left: 14px solid #d71330;
        border-bottom: 29px solid transparent;
        position: absolute;
        top: 0;
        z-index: 1;
        right: -14px;
    }

    .progress-bar-info:after {
        -webkit-animation: fwd-arrow 1.5s 1;
        -moz-animation: fwd-arrow 1.5s 1;
        -o-animation: fwd-arrow 1.5s 1;
        animation: fwd-arrow 1.5s 1;
    }

    .progress-bar-info:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 29px solid transparent;
        border-left: 14px solid #5bc0de;
        border-bottom: 29px solid transparent;
        position: absolute;
        top: 0;
        z-index: 1;
        right: -14px;
    }

    .progress-bar-coming:after {
        -webkit-animation: fwd-arrow 1.5s 1;
        -moz-animation: fwd-arrow 1.5s 1;
        -o-animation: fwd-arrow 1.5s 1;
        animation: fwd-arrow 1.5s 1;
    }

    .progress-bar-coming:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 29px solid transparent;
        border-left: 14px solid #d4d4d4;
        border-bottom: 29px solid transparent;
        position: absolute;
        top: 0;
        z-index: 1;
        right: -14px;
    }

    hr {
        margin-top: 0px;
    }

        hr.double-height {
            margin-top: 40px;
            margin-bottom: 40px;
        }

    .well .product-column-top-triangle {
        border-left: 110px solid transparent;
        border-right: 110px solid transparent;
        display: block;
    }

    .well .product-column-upper-triangle {
        border-left: 110px solid transparent;
        border-right: 110px solid transparent;
        display: block;
    }
    /*------------------------------------*\
		REEVOO
	\*------------------------------------*/
    .reevoo-container .reevoomark_badge {
        margin: 0 0 20px;
        max-width: 100% !important;
        width: 100% !important;
        height: 74px !important;
    }
}
/*------------------------------------*\
		MEDIUM DEVICES (DESKTOPS, 992PX AND 
		UP)
	\*------------------------------------*/
@media (min-width: 992px) {

    body .buorg > div:before {
        content: "";
        height: 16px;
        width: 16px;
        display: inline-block;
        background: transparent url(/ContentUK/img/sprite.png) 0px -770px no-repeat;
        margin-right: 20px;
        vertical-align: text-bottom;
    }

    .cookie-wrap p:before {
        content: "";
        height: 16px;
        width: 16px;
        display: inline-block;
        background: transparent url(/ContentUK/img/sprite.png) 0px -770px no-repeat;
        margin-right: 20px;
        vertical-align: text-bottom;
    }

    .lead-large {
        font-size: 30px;
    }

    /*FUNNEL JOURNEY VERSION OF HEADER AREA, NO NAV ETC*/
    .funnel-journey .navbar {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .funnel-journey .navbar-default .navbar-off-canvas {
        height: auto !important;
    }

    .funnel-journey .header-nav-item {
        top: -70px;
    }

    .hr-large {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .hr-larger {
        margin-top: 100px;
        margin-bottom: 100px;
    }
    /*Progress arrows*/
    .progress-bar {
        font-size: 14px;
    }

    .progress-bar-primary:after {
        border-top: 29px solid transparent;
        border-left: 29px solid #d71330;
        border-bottom: 29px solid transparent;
        right: -29px;
    }

    .progress-bar-info:after {
        border-top: 29px solid transparent;
        border-left: 29px solid #5bc0de;
        border-bottom: 29px solid transparent;
        right: -29px;
    }

    .progress-bar-coming:after {
        border-top: 29px solid transparent;
        border-left: 29px solid #d4d4d4;
        border-bottom: 29px solid transparent;
        right: -29px;
    }

    .bubble-button {
        padding: 30px;
    }

        .bubble-button i {
            height: 65px;
            width: 65px;
        }

        .bubble-button .fa-5x {
            font-size: 5em;
        }


    /*PRODUCT WELLS*/
    .well .product-column-top-triangle {
        border-left: 66px solid transparent;
        border-right: 65px solid transparent;
    }

    .well .product-column-upper-triangle {
        border-left: 66px solid transparent;
        border-right: 65px solid transparent;
    }


    /*------------------------------------*\
		Arrow links for 2 columns
	\*------------------------------------*/
    ul.arrow-links.columns-2 {
        overflow: visible;
    }

        ul.arrow-links.columns-2 li {
            width: auto;
            display: list-item;
        }
    /*------------------------------------*\
		REEVOO
	\*------------------------------------*/
    /*.reevoo-container .score {font-size:44px;line-height:34px;letter-spacing:-0px;float:left;width:36%;margin:0px;color:#ff7811;padding:15px 15px 15px 30px;}
	.reevoo-container .score-percent {font-size:26px;letter-spacing:0px;vertical-align:top;margin:0px;}
	.reevoo-container .score-text {float:left;width:63%;margin:0px;padding:15px 30px 15px 15px;font-size:14px;}	*/

    .reevoo-container {
        padding: 6px 9px 0;
        background: white;
        text-align: center;
        border: 1px solid #eceae6;
        margin-bottom: 15px;
    }

        .reevoo-container .reevoomark_badge {
            margin: 0 auto;
            width: 238px !important;
            height: 80px !important;
        }
    /*------------------------------------*\
		Funnel
	\*------------------------------------*/
    .basket .affix {
        width: 213px;
        top: 0px;
        min-height: 60%;
        background: white;
        z-index: 10000;
    }
}

/*------------------------------------*\
		LARGE DEVICES (LARGE DESKTOPS, 
		1200PX AND UP)
	\*------------------------------------*/
@media (min-width: 1200px) {
    /*PRODUCT WELLS*/
    .well .product-column-top-triangle {
        border-left: 83px solid transparent;
        border-right: 82px solid transparent;
    }

    .well .product-column-upper-triangle {
        border-left: 83px solid transparent;
        border-right: 82px solid transparent;
    }

    .product-columns-4 .well .product-column-top-triangle {
        border-left: 131px solid transparent;
        border-right: 131px solid transparent;
    }

    .product-columns-4 .well .product-column-upper-triangle {
        border-left: 131px solid transparent;
        border-right: 131px solid transparent;
    }
    /*------------------------------------*\
		REEVOO
	\*------------------------------------*/
    /*.reevoo-container .score {font-size:64px;line-height:38px;letter-spacing:-5px;float:left;width:40%;margin:0px;color:#ff7811;padding:30px 15px 15px 30px;}
	.reevoo-container .score-percent {font-size:36px;letter-spacing:0px;vertical-align:top;margin:0px;}
	.reevoo-container .score-text {float:left;width:60%;margin:0px;padding:25px 30px 15px 15px;}*/
    .reevoo-container {
        padding: 17px 20px 12px;
        margin-bottom: 14px;
    }

        .reevoo-container .reevoomark_badge {
            margin: 0 auto;
            width: 238px !important;
            height: 80px !important;
        }
    /*------------------------------------*\
		Funnel
	\*------------------------------------*/
    .basket .affix {
        width: 263px;
    }
}


/* GENERAL */
.funnel .control-label.optional {
    padding-right: 16px;
}

/*Question Mark Tooltip*/
button.qmTooltip {
    background: none;
    border: none;
}

    button.qmTooltip, button.qmTooltip:hover, button.qmTooltip:focus, button.qmTooltip:active {
        border-bottom-width: 0px;
    }

/* Form Validation -- Tick/Cross confirmation */
form input[type="email"]:not(:focus).valid ~ span.input-validation::before,
form input[type="text"]:not(:focus).valid ~ span.input-validation::before,
form input[type="tel"]:not(:focus).valid ~ span.input-validation::before,
form input[type="password"]:not(:focus).valid ~ span.input-validation::before,
form select:not(:focus).valid ~ span.input-validation::before,
form textarea:not(:focus).valid ~ span.input-validation::before,
form input[type="email"].error ~ span.input-validation::before,
form input[type="text"].error ~ span.input-validation::before,
form input[type="tel"].error ~ span.input-validation::before,
form input[type="password"].error ~ span.input-validation::before,
form select.error ~ span.input-validation::before,
form textarea.error ~ span.input-validation::before {
    position: absolute;
    top: 5px;
    right: 20px;
    display: inline-block;
    font-family: 'HomeServe-Icons';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    z-index: 3;
}

form input[type="email"]:not(:focus).valid ~ span.input-validation::before,
form input[type="text"]:not(:focus).valid ~ span.input-validation::before,
form input[type="tel"]:not(:focus).valid ~ span.input-validation::before,
form input[type="password"]:not(:focus).valid ~ span.input-validation::before,
form select:not(:focus).valid ~ span.input-validation::before,
form textarea:not(:focus).valid ~ span.input-validation::before {
    content: "\e922";
    color: #00838F;
}

form input[type="email"].error ~ span.input-validation::before,
form input[type="text"].error ~ span.input-validation::before,
form input[type="tel"].error ~ span.input-validation::before,
form input[type="password"].error ~ span.input-validation::before,
form select.error ~ span.input-validation::before,
form textarea.error ~ span.input-validation::before {
    content: "\e96d";
    color: #E7342C;
    top: 5px;
}

form select:not(:focus).valid ~ span.input-validation::before,
form select.error ~ span.input-validation::before {
    right: 25px;
}

form .form-control {
    padding: 6px 50px 6px 12px;
    border-radius: 0;
    font-size:16px;
}

option:disabled {color:#555;}

.input-group-addon,
.form-control {
    border-color: #808080;
}

/*For .input-lg class*/
form input[type="email"]:not(:focus).input-lg.valid ~ span.input-validation::before,
form input[type="text"]:not(:focus).input-lg.valid ~ span.input-validation::before,
form input[type="tel"]:not(:focus).input-lg.valid ~ span.input-validation::before,
form input[type="password"]:not(:focus).input-lg.valid ~ span.input-validation::before,
form select:not(:focus).input-lg.valid ~ span.input-validation::before,
form input[type="email"].input-lg.error ~ span.input-validation::before,
form input[type="text"].input-lg.error ~ span.input-validation::before,
form input[type="tel"].input-lg.error ~ span.input-validation::before,
form input[type="password"].input-lg.error ~ span.input-validation::before,
form select.input-lg.error ~ span.input-validation::before {
    top: 16px;
}
/* FLOAT LABELS */
form input[type="email"]:not(:focus).float-label-input.input-lg.valid ~ span.input-validation::before,
form input[type="text"]:not(:focus).float-label-input.input-lg.valid ~ span.input-validation::before,
form input[type="tel"]:not(:focus).float-label-input.input-lg.valid ~ span.input-validation::before,
form input[type="password"]:not(:focus).float-label-input.input-lg.valid ~ span.input-validation::before,
form select:not(:focus).float-label-input.input-lg.valid ~ span.input-validation::before,
form input[type="email"].float-label-input.input-lg.error ~ span.input-validation::before,
form input[type="text"].float-label-input.input-lg.error ~ span.input-validation::before,
form input[type="tel"].float-label-input.input-lg.error ~ span.input-validation::before,
form input[type="password"].float-label-input.input-lg.error ~ span.input-validation::before,
form select.float-label-input.input-lg.error ~ span.input-validation::before {
    top: 18px;
    right: 36px;
}
/*Input validation -- Funnel only*/
.funnel form input[type="email"]:not(:focus).valid ~ span.input-validation::before,
.funnel form input[type="text"]:not(:focus).valid ~ span.input-validation::before,
.funnel form input[type="tel"]:not(:focus).valid ~ span.input-validation::before,
.funnel form select:not(:focus).valid ~ span.input-validation::before,
.funnel form textarea:not(:focus).valid ~ span.input-validation::before,
.funnel form input[type="email"].error ~ span.input-validation::before,
.funnel form input[type="text"].error ~ span.input-validation::before,
.funnel form input[type="tel"].error ~ span.input-validation::before,
.funnel form select.error ~ span.input-validation::before,
.funnel form textarea.error ~ span.input-validation::before {
    right: 35px;
}
/*Password Strength Popover*/
.popover.success > .popover-title {
    color: #758c22;
    background-color: #ecf3d4;
}

.popover.warning > .popover-title {
    color: #894700;
    background-color: #fee1c8;
}

.popover.danger > .popover-title {
    color: #990000;
    background-color: #ffe5e5;
}

/* Form field icon addons */
form div.input-group span.input-group-addon i {
    font-size: 1.3em;
}
/*--------------------------------------------*\
	Update Contact Details/Change of Address
\*--------------------------------------------*/
form {
    /*Input field drop down button*/
}

    form button.deleteBtn,
    form #contactTel select {
        margin-top: 10px;
    }

@media screen and (min-width: 480px) {
    form button.deleteBtn,
    form #contactTel select {
        margin-top: 0px;
    }
}

form .addedElement .btn-group .btn,
form .addedElement .btn-group label.btn {
    font-size: 14px;
    padding: 7px 10px;
}

form .addedElement span.input-group-addon.addPrimary {
    display: none;
}

form .addedElement div.setPrimary span.input-group-addon.addPrimary {
    display: table-cell !important;
    padding-left: 6px;
    padding-right: 6px;
}

form .input-group-btn.bs-dropdown-to-select-group .btn {
    margin-bottom: 0px;
    border: 1px solid #d1d7db;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 14px;
    padding: 7px 12px 8px;
}

    form .input-group-btn.bs-dropdown-to-select-group .btn:hover,
    form .input-group-btn.bs-dropdown-to-select-group .btn:focus {
        margin-top: 0px;
    }

form .input-group-btn.bs-dropdown-to-select-group ul.dropdown-menu li {
    cursor: pointer;
    padding: 6px 12px;
}

    form .input-group-btn.bs-dropdown-to-select-group ul.dropdown-menu li:hover {
        background-color: #eceae6;
    }

form input[type="email"]:not(:focus).valid ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form input[type="text"]:not(:focus).valid ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form input[type="tel"]:not(:focus).valid ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form select:not(:focus).valid ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form textarea:not(:focus).valid ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form input[type="email"].error ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form input[type="text"].error ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form input[type="tel"].error ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form select.error ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before,
form textarea.error ~ .input-group-btn.bs-dropdown-to-select-group ~ span.input-validation::before {
    right: 100px;
}

/*Error styling*/
.has-error .form-control,
input.error,
select.error,
textarea.error {
    border-color: #990000;
}

.has-error label.control-label,
.error,
label.error {
    color: #B92A23;
    font-weight: bold;
}

.has-success .form-control,
input.valid,
select.valid,
textarea.valid {
    border-color: #007681;
}

/*Form styling*/
.funnel div.btn-group.checkbox,
.funnel div.btn-group {
    width: 100%;
}

    .funnel div.btn-group label.btn.btn-default {
        margin-right: 2px;
        margin-bottom: 0px;
        padding: 8px;
    }

        .funnel div.btn-group label.btn.btn-default.btn-spacing {
            padding: 6px 14px;
        }

            .funnel div.btn-group label.btn.btn-default.btn-spacing i.fa.fa-check {
                color: #89a223;
                font-size: 12px;
                line-height: inherit;
            }

.funnel .form-horizontal .control-label {
    vertical-align: top;
}



/*Replay*/
.replay .summary {
    padding-bottom: 20px;
}


/* CONTACT AREA */

@media (min-width: 320px) and (max-width: 479px) {
    .funnel label.xxs-full-width {
        width: 100%;
        border-radius: 4px !important;
        margin-bottom: 10px !important;
    }
}


/* ADDRESS AREA */

option {
    padding: 8px 5px;
    height: 30px;
}

/*Post code field to have uppercase text (on entry)*/
input[type=text]#usrPostcode {
    text-transform: uppercase;
}

/*Post code field to have normal case placeholder text (on load)*/
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}

/*Postcode margin*/
label#usrPostcode-error {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    label#usrPostcode-error {
        margin-bottom: 0px;
    }
}


/* SIDEBAR */

.well-flat .panel-group.accordion {
    margin-left: -15px;
    margin-right: -15px;
}

    .well-flat .panel-group.accordion .panel-body {
        background-color: #fff;
    }

/* "You've chosen" basket */
div.funnel-price p {
    width: auto;
    float: left;
    margin-right: 8px;
    margin-top: 7px;
}

    div.funnel-price p.homeserve_thin {
        line-height: 1.2;
    }

    div.funnel-price p.h1 {
        font-size: 34px;
    }
/*------------------------------------*\
    	PRINT STYLES
	\*------------------------------------*/
@media print {
    .table-responsive {
        overflow-y: visible;
        overflow-x: visible;
    }

        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > td {
            white-space: normal;
        }
    /*THIS WILL REVEAL ALL ACCORDIONS, SUCH AS FAQS*/
    .collapse {
        display: block;
    }
    /*HIDES THE PROGRESS BAR, COOKIE BAR, BURGER NAV BUTTON & THE LOGOUT BUTTON AS THIS SEEMS POINTLESS ON A PRINTED PAGE*/
    #CL1_cookiewrap, .navbar-toggle, .progress, .btn-logout {
        display: none !important;
    }
    /*HIDES BUTTONS ON PRINT AS THEY ARENT CLICKABLE, OBVIOUSLY*/
    .btn {
        display: none;
    }
}

#header-block {
    background-color: #e7342c;
    border-bottom: 1px solid #fff;
    box-shadow: none;
}

@media (min-width: 992px) {
    #header-block {
        background: none;
        border-bottom: none;
    }
}

#header-block .navbar-header {
    width: auto;
}

@media (min-width: 768px) {
    #header-block .navbar-header {
        width: 100%;
    }
}

#header-block .navbar-header #homeserve-logo {
    width: 190px;
    height: 33px;
    margin: 10px 0;
}

@media (min-width: 992px) {
    #header-block .navbar-header #homeserve-logo {
        width: 242px;
        height: 62px;
        margin: 20px 0px 20px;
    }
}

#header-block .navbar-header #homeserve-logo .navbar-brand {
    width: 100% !important;
    height: 100% !important;
    display: block;
    background-image: url('https://www.homeserve.com/~/media/homeserve-header/homeserve-logo-svg.svg');
    background-position: 0px -250px;
    background-repeat: no-repeat;
    background-size: 180px 310px;
}

@media (min-width: 992px) {
    #header-block .navbar-header #homeserve-logo .navbar-brand {
        background-position: 0px 0px;
        background-size: 244px 330px;
    }
}

#header-block .navbar-header button.navbar-toggle {
    display: block;
    border: none;
    color: #fff;
    padding: 5px 5px 0 4px;
    margin-right: 0;
}

@media (min-width: 768px) {
    #header-block .navbar-header button.navbar-toggle {
        display: block;
    }
}

@media (min-width: 992px) {
    #header-block .navbar-header button.navbar-toggle {
        display: none;
    }
}

#header-block .navbar-header button.navbar-toggle:hover, button.navbar-toggle[aria-expanded="true"],
#header-block .navbar-header button.navbar-toggle:focus {
    background-color: #9b1812;
    border-radius: 0;
    cursor: pointer;
}

#header-block .navbar-header button.navbar-toggle i.icon-hs-nav-bars {
    font-size: 1.6em;
}

    #header-block .navbar-header button.navbar-toggle i.icon-hs-nav-bars:hover,
    #header-block .navbar-header button.navbar-toggle i.icon-hs-nav-bars:focus {
        cursor: pointer;
    }

@media (min-width: 992px) {
    #header-block .navbar-header .header-nav-item {
        position: absolute;
        top: 30px;
        right: 15px;
        width: auto;
    }
}

@media (min-width: 992px) {
    #header-block .navbar-header .header-nav-item img {
        /* Alteration from FE dev as flags aren't wrapped in span tags */
        margin: -6px 10px 0 0;
        display: inline-block;
    }
}

@media (min-width: 992px) {
    #header-block .navbar-header .header-nav-item .btn-default.active {
        background-color: #eceae6;
        color: #333;
        box-shadow: none;
    }
}

@media (min-width: 992px) {
    #header-block .navbar-header .header-nav-item .btn-default span.caret {
        margin-top: -5px;
    }
}

@media (min-width: 992px) {
    #header-block .navbar-header .header-nav-item .btn-success.active {
        background-color: #b3d143;
        color: #333;
        box-shadow: none;
        margin: 0px 0px 20px 2px;
    }
}

@media (min-width: 992px) {
    #header-block .navbar-header .header-nav-item .dropdown-menu.country-chooser {
        top: 35px;
        text-align: left;
        padding: 0;
        margin: 0;
        background-color: #eceae6;
        border: 0px;
        box-shadow: none;
        border-radius: 0px;
    }
}

@media (min-width: 992px) {
    #header-block .navbar-header .header-nav-item .dropdown-menu.country-chooser > li > a {
        padding: 10px;
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    #header-block .navbar-header .header-nav-item .dropdown-menu.country-chooser > li > a:hover {
        background-color: #d1d7db;
        background-image: none;
        transition: all 0.5s;
    }
}

.navbar.navbar-default {
    min-height: 0px;
    height: 0px;
    margin-bottom: 0px;
    background-image: none;
    border: none;
    /*Search bar area*/
}

@media (min-width: 992px) {
    .navbar.navbar-default {
        min-height: 0px;
        height: 54px;
        margin-bottom: 20px;
        background: transparent;
    }
}

.navbar.navbar-default .navbar-toggle {
    margin-right: 15px;
}

@media (min-width: 768px) {
    .navbar.navbar-default .navbar-toggle {
        display: block;
        margin: 8px 0px;
    }
}

.navbar.navbar-default .link-search {
    position: relative;
    background-color: #E62419;
    border-bottom: 1px solid #fff;
    clear: both;
    margin: 0;
    padding: 10px 0;
}


@media(max-width:991px) {
    #header-block .navbar-header .logo-homeserve {
        Width: 178px !important;
        Height: 33px !important;
        Margin: 10px 0 !important;
        Top: -218px;
        Position: absolute;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default .link-search {
        width: 15%;
        margin-right: 10px;
        border-bottom: 0px;
        clear: none;
    }
}

.navbar.navbar-default .link-search input {
    border-radius: 0px;
}

    .navbar.navbar-default .link-search input::placeholder {
        font-size: 14px;
    }

.navbar.navbar-default .link-search label {
    display: none;
}

.navbar.navbar-default .link-search button {
    position: absolute;
    top: 0px;
    right: 15px;
}

@media (min-width: 992px) {
    .navbar.navbar-default .link-search button {
        /* Alteration from FE dev */
        /*top: 8px;
            right: 0px;*/
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default .link-search .form-control {
        width: 75%;
        float: right;
        transition: all 0.25s;
        padding-right: 12px;
    }
}

.navbar.navbar-default .link-search .form-control::-webkit-input-placeholder {
    font-size: 14px;
    color: #000 !important;
}

@media (min-width: 992px) {
    .navbar.navbar-default .link-search .form-control::-webkit-input-placeholder {
        font-size: 16px;
        color: #000 !important;
    }
}

.navbar.navbar-default .link-search .form-control:-moz-placeholder {
    font-size: 14px;
    color: #000 !important;
}

@media (min-width: 992px) {
    .navbar.navbar-default .link-search .form-control:-moz-placeholder {
        font-size: 16px;
        color: #000 !important;
    }
}

.navbar.navbar-default .link-search .form-control::-moz-placeholder {
    font-size: 14px;
    color: #000 !important;
}

@media (min-width: 992px) {
    .navbar.navbar-default .link-search .form-control::-moz-placeholder {
        font-size: 16px;
        color: #000 !important;
    }
}

.navbar.navbar-default .link-search .form-control:-ms-input-placeholder {
    font-size: 14px;
    color: #000 !important;
}

@media (min-width: 992px) {
    .navbar.navbar-default .link-search .form-control:-ms-input-placeholder {
        font-size: 16px;
        color: #000 !important;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default .link-search .form-control:focus,
    .navbar.navbar-default .link-search .form-control:active {
        width: 100%;
        transition: all 0.25s;
    }
}

.navbar.navbar-default .navbar-collapse {
    background: transparent;
    height: auto;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0px;
    position: relative;
    border-color: transparent;
}

@media (min-width: 992px) {
    .navbar.navbar-default .navbar-collapse {
        background-color: #E62419;
        height: 54px !important;
    }
}

@media (min-width: 768px) {
    .navbar.navbar-default .navbar-collapse.collapse {
        display: none !important;
        visibility: hidden !important;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default .navbar-collapse.collapse {
        display: block !important;
        visibility: visible !important;
    }
}

.navbar.navbar-default .navbar-collapse.collapse.in {
    width: 70%;
    position: absolute;
    left: auto;
    z-index: 3;
}

@media (min-width: 768px) {
    .navbar.navbar-default .navbar-collapse.collapse.in {
        display: block !important;
        visibility: visible !important;
        width: 50%;
        left: 0%;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default .navbar-collapse.collapse.in {
        width: auto;
        position: relative;
        left: auto;
    }
}

.navbar.navbar-default .navbar-collapse.collapse.in button#existing-customers-mobile {
    background-color: #9b1812;
    color: #fff;
    width: 100%;
    height: 44px;
    border-bottom: 0px;
    margin-bottom: 0px;
    text-align: left;
    font-size: 14px;
}

    .navbar.navbar-default .navbar-collapse.collapse.in button#existing-customers-mobile:hover {
        margin-top: 0px;
    }

.navbar.navbar-default .navbar-collapse.collapse.in #home-nav {
    display: none;
}

@media (min-width: 992px) {
    .navbar.navbar-default .navbar-collapse.collapse.in #home-nav {
        display: block;
    }
}

.navbar.navbar-default .navbar-collapse.collapsing {
    height: 0px !important;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

    .navbar.navbar-default .navbar-collapse.collapsing .navbar-nav > li > a {
        background: transparent;
    }

.navbar.navbar-default ul.nav.navbar-nav {
    height: inherit;
    margin: 0px 0px;
}

@media (min-width: 768px) {
    .navbar.navbar-default ul.nav.navbar-nav {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav {
        width: auto;
        text-shadow: none;
    }
}

.navbar.navbar-default ul.nav.navbar-nav > li:first-child {
    /*display: none;*/
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav > li:first-child {
        display: inline-block;
    }
}

.navbar.navbar-default ul.nav.navbar-nav > li:first-child img {
    margin-top: -8px;
}

.navbar.navbar-default ul.nav.navbar-nav li ul {
    padding: 0px;
    margin: 0px;
}

    .navbar.navbar-default ul.nav.navbar-nav li ul li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        clear: both;
    }

.navbar.navbar-default ul.nav.navbar-nav li.active-nav a,
.navbar.navbar-default ul.nav.navbar-nav li > a:hover,
.navbar.navbar-default ul.nav.navbar-nav li > a:focus {
    background: #d1d7db;
    color: #333;
    transition: all 0.25s;
    text-decoration: none;
}

.navbar.navbar-default ul.nav.navbar-nav > li,
.navbar.navbar-default ul.nav.navbar-nav li > a {
    height: inherit;
    line-height: 22px;
    font-size: 14px;
    color: #333;
}

.navbar.navbar-default ul.nav.navbar-nav > li {
    text-transform: uppercase;
    margin-bottom: 0px;
}

@media (min-width: 768px) {
    .navbar.navbar-default ul.nav.navbar-nav > li {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav > li {
        width: auto;
    }
}

.navbar.navbar-default ul.nav.navbar-nav > li > a {
    padding: 10px 40px 10px 12px;
    height: auto;
    color: #333;
    width: 100%;
    transition: all 0.25s;
    background: #eceae6;
    border-bottom: 1px solid #d1d7db;
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav > li > a {
        background-color: #E62419;
        color: #fff !important;
        height: inherit;
        line-height: 54px;
        border: 0px;
        padding: 0px 12px;
    }
}

@media (min-width: 820px) and (max-width: 991px) {
    .nav.navbar-nav.navbar-left li.visible-xs.visible-ms.visible-sm {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .navbar.navbar-default ul.nav.navbar-nav > li > a {
        padding: 0px 5px;
    }

    .navbar.navbar-default .link-search {
        width: 8%;
    }

    .navbar.navbar-default .link-search .form-control {
        width: 223%;
    }
}

.navbar.navbar-default ul.nav.navbar-nav .existingCustomerBtn {
    background-color: #9b1812;
    color: #fff;
}

.navbar.navbar-default ul.nav.navbar-nav > li > a:hover,
.navbar.navbar-default ul.nav.navbar-nav > li > a:focus {
    background-color: #d1d7db;
    transition: all 0.25s;
    text-decoration: none !important;
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav > li > a:hover,
    .navbar.navbar-default ul.nav.navbar-nav > li > a:focus {
        background-color: #9b1812 !important;
    }
}

.navbar.navbar-default ul.nav.navbar-nav > li#home-nav > a {
    line-height: 46px;
    padding: 12px;
}

    .navbar.navbar-default ul.nav.navbar-nav > li#home-nav > a > span.icon-hs-logo {
        pointer-events: none;
    }

.navbar.navbar-default ul.nav.navbar-nav li a > span.caret {
    position: absolute;
    top: 13px;
    right: 10px;
    border-left: 6px solid;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.navbar.navbar-default ul.nav.navbar-nav > li.dropdown > a.dropdown-toggle > span.caret {
    top: 15px;
    border-top: 6px solid;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav > li.dropdown > a.dropdown-toggle > span.caret {
        position: relative;
        top: 0;
        right: 0;
        margin-left: 10px;
    }
}

.navbar.navbar-default ul.nav.navbar-nav > li.dropdown.open > a.dropdown-toggle > span.caret {
    border-bottom: 6px solid;
    border-top: 0px;
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open {
        position: relative;
    }
}

.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open > a,
.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open > a:hover,
.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open > a:focus {
    border-color: transparent;
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open > a,
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open > a:hover,
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open > a:focus {
        background-color: #9b1812 !important;
        background-image: none;
    }
}

@media (max-width: 991px) {
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu {
        min-width: 200px;
        width: auto;
        padding: 10px;
        background-color: #eceae6;
        border: 0px;
        border-radius: 0px;
        box-shadow: none;
    }
}

.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu a {
    background-color: #d1d7db;
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu a {
        color: #333333;
    }
}

.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu a > span.caret {
    right: 15px;
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu > li > ul {
        float: left;
        width: 250px;
    }
}

.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu > li > ul > li {
    text-transform: none;
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu > li > ul > li {
        list-style: none;
        line-height: 1;
        padding: 0px;
    }
}

.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu > li > ul > li > a {
    display: block;
    padding: 10px 50px 10px 20px;
    color: #333;
    border-bottom: 1px solid #d1d7db;
    border-right: 1px solid #d1d7db;
    font-size: 14px;
    line-height: 24px;
    position: relative;
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu > li > ul > li > a {
        display: block;
        padding: 8px 40px 8px 20px;
        background-color: transparent !important;
        color: #333333;
        border-bottom-color: transparent;
        border-right: 0px;
        width: 100%;
    }
}

.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu > li > ul > li > a:hover,
.navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu > li > ul > li > a:focus {
    background-color: #d1d7db;
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu > li > ul > li > a:hover,
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu > li > ul > li > a:focus {
        background-color: #d1d7db !important;
        transition: all 0.5s;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu.two-col {
        min-width: 520px;
        max-width: 520px;
    }

        .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu.two-col > li > ul {
            float: left;
        }
}

@media (min-width: 992px) {
    .navbar.navbar-default ul.nav.navbar-nav li.dropdown.open ul.dropdown-menu li.title {
        padding: 10px 20px;
    }
}

.navbar.navbar-default .quick-links {
    text-align: center;
    font-size: 12px;
}

    .navbar.navbar-default .quick-links,
    .navbar.navbar-default .quick-links a {
        background-color: #eceae6;
    }

        .navbar.navbar-default .quick-links a {
            display: block;
            padding: 5px 0px;
        }

            .navbar.navbar-default .quick-links a:hover {
                background-color: #d1d7db;
                transition: all 0.25s;
            }

            .navbar.navbar-default .quick-links a,
            .navbar.navbar-default .quick-links a:hover,
            .navbar.navbar-default .quick-links a:focus,
            .navbar.navbar-default .quick-links a:visited,
            .navbar.navbar-default .quick-links a:link,
            .navbar.navbar-default .quick-links a:active {
                color: #e7342c;
                text-decoration: none !important;
            }

        .navbar.navbar-default .quick-links > div {
            border-right: 1px solid #d1d7db;
            border-bottom: 2px solid #fff;
            padding-left: 0px;
            padding-right: 0px;
        }

            .navbar.navbar-default .quick-links > div:last-child {
                border-right: none;
            }

        .navbar.navbar-default .quick-links i {
            width: 100%;
        }

        div.hs-mob-nav-btn-txt{
            font-size: 14px;
            font-weight:bold;
            color:#333;
        }

@media (min-width: 992px) {
    ol.breadcrumb {
        border-radius: 0px;
        margin-bottom: 0px;
    }
}
/* Mobile Mask to close Burger Navigation */
.cover-mask {
    background: #fff;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    top: 62px;
    opacity: 0.1;
    display: none;
}

    .cover-mask.mask-on {
        /*display: block !important;*/
    }

@media (min-width: 992px) {
    .cover-mask.mask-on {
        display: none !important;
    }
}

#content-block.content-block-off {
    width: 100%;
    position: fixed;
    margin-left: 75%;
    opacity: 0.1;
    transition: all .25s;
}

@media (min-width: 768px) and (max-width: 991px) {
    #content-block.content-block-off {
        margin-left: 50%;
    }
}

@media (min-width: 992px) {
    #content-block.content-block-off {
        width: 100%;
        position: static;
        margin-left: 0;
        opacity: 1;
        transition: none .25s;
    }
}

#content-block.content-block-on {
    width: 100%;
    transition: all .25s;
}

.navbar.navbar-default#new-secure-header {
    background-color: #E62419;
    margin-top: 0px;
    min-height: 0px;
    height: auto;
    border-radius: 0;
}

    .navbar.navbar-default#new-secure-header .container {
        position: relative;
    }

    .navbar.navbar-default#new-secure-header .container > .navbar-header,
    .navbar.navbar-default#new-secure-header .container-fluid > .navbar-header {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar.navbar-default#new-secure-header #homeserve-logo {
        width: 130px;
        height: 26px;
        margin: 10px 0 10px;
    }

    .navbar.navbar-default#new-secure-header #homeserve-logo > a {
        display: block;
    }

    .navbar.navbar-default#new-secure-header #homeserve-logo > a:hover,
    .navbar.navbar-default#new-secure-header #homeserve-logo > a:focus {
        cursor: pointer;
    }

@media (min-width: 480px) {
    .navbar.navbar-default#new-secure-header #homeserve-logo {
        width: 170px;
        height: 30px;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #homeserve-logo {
        width: 160px;
        height: 54px;
    }
}

.navbar.navbar-default#new-secure-header .navbar-header {
    width: 100%;
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header .navbar-header {
        width: auto;
    }
}

.navbar.navbar-default#new-secure-header .navbar-header button.navbar-toggle {
    display: block;
    border: none;
    color: #fff;
    padding: 5px 5px 0 4px;
    margin: 10px 0;
}

.navbar.navbar-default#new-secure-header .navbar-header button.navbar-toggle:hover,
.navbar.navbar-default#new-secure-header .navbar-header button.navbar-toggle:focus {
    border-radius: 6px;
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header .navbar-header button.navbar-toggle {
        display: none;
    }
}

.navbar.navbar-default#new-secure-header .navbar-header button.navbar-toggle:hover,
.navbar.navbar-default#new-secure-header .navbar-header button.navbar-toggle:focus {
    background-color: #9b1812;
    border-radius: 0;
    cursor: pointer;
}

.navbar.navbar-default#new-secure-header .navbar-header button.navbar-toggle i.icon-hs-nav-bars {
    font-size: 1.6em;
}

    .navbar.navbar-default#new-secure-header .navbar-header button.navbar-toggle i.icon-hs-nav-bars:hover,
    .navbar.navbar-default#new-secure-header .navbar-header button.navbar-toggle i.icon-hs-nav-bars:focus {
        cursor: pointer;
    }

.navbar.navbar-default#new-secure-header #navbar.navbar-collapse {
    background-color: #eceae6;
    position: absolute;
    top: 54px;
    left: 0%;
    width: 70%;
    z-index: 3;
    padding-right: 0px;
    margin: 0;
}

@media (min-width: 768px) {
    .navbar.navbar-default#new-secure-header #navbar.navbar-collapse {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar.navbar-collapse {
        background: none;
        top: auto;
        left: auto;
        padding-right: 15px;
        width: 70%;
        height: inherit;
        position: absolute;
        right: 0;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav {
        width: auto;
        height: inherit;
        margin-right: -15px;
        margin-top: 10px;
    }
}

.navbar.navbar-default#new-secure-header #navbar ul.navbar-nav > li {
    clear: none;
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav > li {
        width: auto;
        height: inherit;
        position: relative;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav > li > a > span.caret {
        display: none;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav > li > a {
        line-height: 27px;
        transition: all 0.3s ease-in-out;
    }
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li > a:after {
        content: "";
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li > a:hover,
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li > a:focus,
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li > a:active {
        background-color: #9b1812;
        border-radius:6px;
    }
}

.navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li a {
    padding: 12px 14px;
    text-shadow: 0px 1px 1px #fff;
    color: #333333;
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown a {
        margin-right: 8px;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown a > span.caret {
        display: inline-block !important;
    }
}

.navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open {
    border-bottom: 1px solid #d1d7db;
}

    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open > a,
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open > a:hover,
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open > a:focus,
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open > a:active {
        border-color: transparent;
        background-color: #d1d7db;
    }

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open > a,
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open > a:hover,
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open > a:focus,
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open > a:active {
        background-color: #9b1812;
        color: #fff;
    }
}

.navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open ul.dropdown-menu a {
    text-transform: none;
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open ul.dropdown-menu a {
        background-color: #eceae6;
    }
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open ul.dropdown-menu a:hover,
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open ul.dropdown-menu a:focus {
        background-color: #d1d7db;
        transition: all 0.25s;
    }
}

.navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open ul.dropdown-menu a > span.caret {
    position: relative;
    float: right;
    right: 0;
    top: 4px !important;
}

.navbar.navbar-default#new-secure-header #navbar ul.navbar-nav > li > a {
    background: none;
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav > li > a {
        text-transform: none;
        color: #fff;
        height: inherit;
        line-height: 30px;
        border-bottom: none;
        text-shadow: none;
    }
}

.navbar.navbar-default#new-secure-header #navbar ul.navbar-nav ul.dropdown-menu {
    width: auto;
    padding: 0px;
    margin-top: 1px;
    background-color: #d1d7db;
    box-shadow: none;
    border-radius: 0px;
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav ul.dropdown-menu {
        background-color: #fff;
        border-radius: 6px;
        padding: 6px;
        border: 1px solid #d1d7db;
    }
}

.navbar.navbar-default#new-secure-header #navbar ul.navbar-nav ul.dropdown-menu a {
    font-size: 14px;
    display: block;
    width: 100%;
    margin-right: 25px !important;
    border-top: 1px solid #ccc;
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav ul.dropdown-menu a {
        padding: 6px 10px;
    }
}

.navbar.navbar-default#new-secure-header #navbar ul.navbar-nav ul.dropdown-menu a:hover {
    background-color: #d1d7db;
    transition: all 0.25s;
}

.navbar.navbar-default#new-secure-header #navbar ul.navbar-nav ul.dropdown-menu li {
    width: 100%;
    border-right: 0px;
}

@media (min-width: 992px) {
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav ul.dropdown-menu li {
        padding: 2px 0;
    }
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open {
        border-bottom: none;
    }

    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open ul.dropdown-menu a {
        background-color: #fff;
        line-height: 24px;
        border-top: none;
    }

    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open ul.dropdown-menu a:hover,
    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open ul.dropdown-menu a:focus {
        background-color: #F2F0EE;
    }

    .navbar.navbar-default#new-secure-header #navbar ul.navbar-nav li.dropdown.open ul.dropdown-menu a > span.caret {
        top: 7px !important;
        border-left: 4px solid;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
    }
}

    .navbar.navbar-default#new-secure-header.affix {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 9999 !important;
        transition: all .35s ease;
    }

    @media (max-width: 991px) {
        .navbar.navbar-default#new-secure-header.affix {
            top: -53px;
            transition: all ease-in 0.25s;
        }
    }

    .navbar.navbar-default#new-secure-header.affix + .cover-mask + .content-block-on {
        padding-top: 88px;
    }

    .navbar.navbar-default#new-secure-header.affix-top {
        z-index: 2;
        border-bottom: 1px solid #fff;
    }

    /* Fix for any existing old secure headers */
    .navbar-header button#oldHeaderBtn {
        display: none !important;
    }

    .help-centre .jumbotron {
        background-image: none;
        background-color: #5a5831;
        border-top: 2px solid #fff;
    }

    @media (min-width: 768px) {
        .help-centre .jumbotron {
            margin-top: -20px;
            background-position: center center;
        }
    }

    @media (max-width: 768px) {
        .help-centre .jumbotron {
            background-image: none !important;
            background-color: #d1d7db;
        }
    }

    @media (min-width: 768px) {
        .help-centre .jumbotron h1 {
            color: #ffffff;
            text-shadow: 0 3px 6px rgba(0,0,0,0.5);
        }
    }

    @media (min-width: 768px) {
        .help-centre .jumbotron.last {
            background-position: center right;
            padding: 50px 0;
            color: #fff !important;
        }
    }

    @media (min-width: 992px) {
        .help-centre .jumbotron.last {
            background-position: center center;
        }
    }

    .help-centre .jumbotron.last .hero-large-icons > i {
        display: inline-block;
    }

    .help-centre #Search.input-group {
        display: block;
    }

    .help-centre #Search button[type=submit] {
        position: absolute;
        top: 0;
        right: 0;
        float: none;
        width: 60px;
        height: 58px;
        opacity: 1;
        color: #757575;
        z-index: 3;
        background-color: transparent;
        border-color: transparent;
        line-height: 62px;
    }

        .help-centre #Search button[type=submit]:hover,
        .help-centre #Search button[type=submit]:focus {
            color: #e7342c;
        }

        .help-centre #Search button[type=submit] i:hover {
            cursor: pointer;
        }

    .help-centre #Search input.error {
        animation-name: hWobble;
        animation-duration: .5s;
        border-color: #9b1812;
        background-color: #ffe5e5;
    }

    .help-centre .help-topic {
        margin-bottom: 40px;
    }

        .help-centre .help-topic a {
            height: inherit;
            text-decoration: none;
            z-index: 1;
        }

            .help-centre .help-topic a [class^="icon-hs"],
            .help-centre .help-topic a [class*=" icon-hs"] {
                margin-bottom: 5px;
                color: #e7342c;
            }

            .help-centre .help-topic a,
            .help-centre .help-topic a [class^="icon-hs"],
            .help-centre .help-topic a [class*=" icon-hs"] {
                display: block;
            }

                .help-centre .help-topic a .animated-underline:before {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 3px;
                    bottom: 30px;
                    left: 0;
                    background: #0096c8;
                    visibility: visible;
                    border-radius: 6px;
                    transform: scaleX(0);
                    transition: .25s linear;
                }

                .help-centre .help-topic a:hover [class^="icon-hs"],
                .help-centre .help-topic a:focus [class^="icon-hs"],
                .help-centre .help-topic a:hover [class*=" icon-hs"],
                .help-centre .help-topic a:focus [class*=" icon-hs"] {
                    cursor: pointer;
                    color: #0096c8;
                    transition: all 0.35s;
                }

                .help-centre .help-topic a:hover .animated-underline:before,
                .help-centre .help-topic a:focus .animated-underline:before {
                    visibility: visible;
                    transform: scaleX(1);
                }

    .help-centre .help-topic-result {
        margin-bottom: 10px;
        padding: 20px;
        border: 1px solid #d1d7db;
        border-radius: 4px;
    }

        .help-centre .help-topic-result h4 {
            margin-bottom: 0;
        }

        .help-centre .help-topic-result a {
            display: block;
            position: relative;
            padding-right: 50px;
            line-height: 24px;
        }

            .help-centre .help-topic-result a:after {
                content: "\e97c";
                position: absolute;
                top: 0;
                right: 20px;
                display: inline-block;
                font-family: 'HomeServe-Icons';
                font-style: normal;
                font-weight: 400;
                font-size: 28px;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                background: none;
                transition: all 0.3s;
            }

            .help-centre .help-topic-result a:hover:after {
                right: 0;
            }

    .help-centre #contact-help .panel {
        border-radius: 6px;
        position: relative;
    }

        .help-centre #contact-help .panel .panel-body {
            padding: 20px 20px 0;
        }

        .help-centre #contact-help .panel .bottom {
            position: absolute;
            left: 0;
            bottom: 20px;
            display: block;
            width: 100%;
            padding-left: 20px;
            padding-right: 20px;
        }

            .help-centre #contact-help .panel .bottom a {
                display: block;
                position: relative;
                padding-right: 50px;
                line-height: 24px;
            }

                .help-centre #contact-help .panel .bottom a:after {
                    content: "\e97c";
                    position: absolute;
                    top: 0;
                    right: 20px;
                    display: inline-block;
                    font-family: 'HomeServe-Icons';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 28px;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    background: none;
                    transition: all 0.3s;
                }

                .help-centre #contact-help .panel .bottom a:hover:after {
                    right: 0;
                }

    .help-centre .search-results {
        margin-bottom: 40px;
    }

        .help-centre .search-results .accordion .panel {
            border-radius: 6px;
            margin-bottom: 20px;
        }

            .help-centre .search-results .accordion .panel .panel-heading {
                border-bottom: 1px solid #d1d7db;
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;
            }

                .help-centre .search-results .accordion .panel .panel-heading .panel-title {
                    color: #0096c8;
                    font-size: 18px;
                    font-family: "museo-sans-rounded-700", "Trebuchet MS", Arial, sans-serif;
                }

                    .help-centre .search-results .accordion .panel .panel-heading .panel-title a:after {
                        content: "\e976";
                        font-family: "HomeServe-Icons";
                        font-size: 22px;
                        top: 3px;
                        right: 4px;
                        color: #0096c8;
                        transition: transform .25s linear;
                        -webkit-transition: -webkit-transform 0.25s linear;
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }

                    .help-centre .search-results .accordion .panel .panel-heading .panel-title .collapsed:after {
                        -webkit-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

            .help-centre .search-results .accordion .panel .panel-body {
                background-color: #f0f0f0;
                border-bottom-left-radius: 6px;
                border-bottom-right-radius: 6px;
            }

                .help-centre .search-results .accordion .panel .panel-body .panel-body-content {
                    background-color: #fff;
                    padding: 15px 15px 0;
                    border: 1px solid #d1d7db;
                    margin-bottom: 20px;
                }

                    .help-centre .search-results .accordion .panel .panel-body .panel-body-content p {
                        margin-bottom: 15px;
                    }

    .btn-ghost.btn-info:hover, .btn-ghost.btn-info:focus {
        color: #fff;
    }

    /* ID&V 2*/

    /*Hero Banner (Cover) Area -- Register image (below) needs to be in BE*/
    .hero-slide#register {
        background-image: url(images/login-register-hero.jpg);
    }

    /* End of ID&V 2 */

    /*Page Editor*/

    .help-guide.editor {
        position: relative !important;
        top: auto;
    }