/*   BODY   */

@font-face {
    font-family: 'mary_annbold';
    src: url('../fonts/mary_ann-bold-webfont.woff2') format('woff2'),
        url('../fonts/mary_ann-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mary_annextrabold';
    src: url('../fonts/mary_ann-extrabold-webfont.woff2') format('woff2'),
        url('../fonts/mary_ann-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mary_annlight';
    src: url('../fonts/mary_ann-light-webfont.woff2') format('woff2'),
        url('../fonts/mary_ann-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mary_annmedium';
    src: url('../fonts/mary_ann-medium-webfont.woff2') format('woff2'),
        url('../fonts/mary_ann-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mary_annregular';
    src: url('../fonts/mary_ann-regular-webfont.woff2') format('woff2'),
        url('../fonts/mary_ann-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Segoe UI Regular'), url('../fonts/Segoe UI.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Segoe UI Italic'), url('../fonts/Segoe UI Italic.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Segoe UI Bold'), url('../fonts/Segoe UI Bold.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Segoe UI Bold Italic'), url('../fonts/Segoe UI Bold Italic.woff') format('woff');
}


html {
    width: 100%;
}

body {
    font-family: Arial, Trebuchet, Verdana, Helvetica, sans-serif;
    color: #404040;
    background: #fff;
    font-size: 1rem;
    line-height: 24px;
}

.container {
    max-width: 960px;
}

/*   HEADER   */

header {
    height: 4.688rem;
    background: #fff;
    border-bottom: 0.125rem solid #e4e3de;
    margin: 0 0 1.5rem 0;
    padding: 0.938rem 0;
}

.breadcrumb {
    font-family: 'Segoe UI Bold';
    font-size: 11px;
    font-weight: bold;
    background: #fff;
    padding: 3px 0!important;
    margin: 0 0 -14px 0!important;
}
.width1490 {
    max-width: 93rem !important;
    padding: 0 2rem;
}

.banner {
    background-image: url('../images/banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    /*border-bottom: 3px solid #8e8e8e;*/
    padding-top: 20px;
}

.banner-update::before {    
    position: absolute;
    top: .25rem;
    right: -.5rem;
    bottom: .25rem;
    left: -.5rem;
    border: .125rem solid #f06c00;
    border-radius: 1rem;
    pointer-events: none;
}

.banner-update {
    background-image: url('../images/banner-new.jpg');
    background-position: center;
    background-repeat: no-repeat;
    min-height: 397px;
    /*border-bottom: 3px solid #8e8e8e;*/
    margin-top: 20px;
}


/*
.border-content::before {
    content: '';
    position: absolute;
    top: .25rem;
    right: -.5rem;
    bottom: .25rem;
    left: -.5rem;
    border: .125rem solid #f06c00;
    border-radius: 1rem;
}

.border-content {
    min-height: 397px;
    background: url('../images/banner-new.jpg');
    background-repeat: no-repeat;
    background-position: top;
}
*/










.sb-hero-wrapper {
    background: #fff;
    margin-bottom: 1.5rem;
}

.ln-o-container {
    max-width: 90rem;
}

.ln-o-container {
    margin: 0 auto;
}

.sb-container .sb-container-wrapper {
    padding-right: .75rem;
    padding-left: .75rem;
}

.sb-hero-wrapper .sb-hero-banner {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
}

.sb-hero-wrapper .sb-hero-banner.with-border::before {
    content: '';
    position: absolute;
    top: .25rem;
    right: -.5rem;
    bottom: .25rem;
    left: -.5rem;
    border: .125rem solid #f06c00;
    border-radius: 1rem;
    pointer-events: none;
}

#hero-banner-picture {
    height: 397px;
    width: 100%;
}

#hero-banner-picture.show-mobile {
    display: inline-block;
}

.sb-hero-wrapper .sb-hero-banner.with-border #hero-banner-picture img {
    border-radius: 1rem;
}

#hero-banner-picture img {
    max-height: 397px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

/*.sb-hero-wrapper .sb-hero-banner .sb-actions-panel.center-left {
    top: 50%;
    translate: 0 -50%;
    left: .5rem;
}*/

.sb-actions-panel.center-left {
    max-width: 29.375rem;
    margin: -21.5rem 0 0 1rem;
}

.ln-u-padding\*2 {
    padding: 1rem !important;
}

.sb-hero-wrapper .sb-hero-banner .sb-actions-panel {
    background: rgba(255, 255, 255, .8);
    width: 100%;
}

.sb-hero-wrapper .sb-hero-banner {
    height: 397px;
}

#hero-banner-picture img.full-width {
    width: inherit;
}

.sb-hero-wrapper .sb-hero-banner .sb-actions-panel .hero-banner-nectar-logo {
    max-height: inherit;
    max-width: 3rem;
    float: right;
    margin: 0 0 .375rem .75rem;
}

.ln-u-color-orange {
    color: #f06c00 !important;
    font-size: 32px;
}

.ln-u-body-2-fixed {
    font-size: 1.125rem !important;
    line-height: 1.44444 !important;
    font-weight: 400 !important;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;
}

.sb-hero-wrapper .sb-hero-banner .hero-text.top-right {
    right: 2rem;
    top: 2rem;
}

.sb-hero-wrapper .sb-hero-banner .hero-text {
    position: absolute;
    max-width: 30rem;
}
















/*   CONTENT   */

.quotation-area {
    background: #f6f6f6;
    padding: 1.5rem 0;
}

.panel {
    background-color: #fff;
    border-radius: 3px;
    margin: 0;
    padding: 24px;
}

.content-area {
    background-color: #fff;
    border-radius: 3px;
    margin: 0;
    padding: 1.25rem;
}

.pod {
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}

.pod-cta {
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    padding: 0 1rem;
    margin-bottom: 2rem;
}

#portal-access,
#claims,
#policy-query {
    min-height: 445px;
}

#renew-policy {
    min-height: 460px;
}

#amend-policy {
    min-height: 400px;
}

#cancel-policy {
    min-height: 460px;
}


.smaller {
    font-size: 12px !important;
    line-height: 18px !important;
    color: #666 !important;
    text-decoration: none !important;
    margin-right: 10px;
}

.bottom20 {
    margin-bottom: 1.25rem !important;
}

.padding {
    padding: 16px 16px 24px 16px;
}

.extrabold {
    font-family: 'mary_annextrabold';
}

.card {
    border: 1px solid #f06c00;
    background: none;
    margin-bottom: 2rem !important;
    padding: 1rem !important;
}

.card-header .fa {
    transition: .3s transform ease-in-out;
}

.card-header .collapsed .fa {
    transform: rotate(180deg);
}

.if-collapsed,
.if-not-collapsed {
    font-size: 1rem;
    margin-right: .125rem;
    text-align: right;
    float: right;
}

[data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none;
}

[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}

.card-header {
    top: 0;
    font-family: 'mary_annextrabold';
    font-size: 1.563rem;
    line-height: 35px;
    background: none;
    margin-bottom: 0;
    border-bottom: none;
    padding: 0;
    vertical-align: middle !important;
}

.card-header a {
    font-weight: lighter !important;
    text-decoration: none !important;
    color: #f06c00 !important;
}

.card-block {
    margin-top: 1rem;
}

.chevron-covid {
    float: right;
    color: #f06c00;
    margin-top: .5rem;
    font-size: 1rem;
}

.chevron-help {
    float: right;
    margin-top: .5rem;
    font-size: 1rem;
}

.card-body {
    padding: 1rem 0 0 0;
}

.exclaim-icon {
    float: left;
    font-size: 16px;
    margin: 0 20px 0 0;
}

.helpful {
    margin: -14px 14px 0 0;
}

#helpful-numbers {
    margin-bottom: 2rem;
    width: 100%;
}

#helpful-numbers tr:nth-child(odd) {
    background-color: #f2f2f2;
}

#helpful-numbers td {
    padding: 12px 12px 0 12px;
}

.table-left {
    border: 0;
}

.table-right {
    border: 0;
}

/*   TYPE   */

h1 {
    font-family: 'mary_annextrabold' !important;
    font-size: 26px;
    color: #404040;
    margin: 0 0 1.5rem 0;
}

.headerstyle {
    font: 30px 'mary_annextrabold';
    color: #f06c00;
    line-height: 18px !important;
}

.headersmall {
    font-size: 12px;
    font-family: arial;
    font-weight: 700;
    line-height: 18px !important;
}

/*h2 {
    font-family: 'mary_annextrabold' !important;
    font-size: 24px;
    color: #404040;
    margin: 0 0 1rem 0;
}*/

h3 {
    font-family: 'mary_annmedium' !important;
    font-size: 22px;
    color: #404040;
    margin: 0 0 1rem 0;
}

.nectar-info {
    /*font-family: 'mary_annextrabold' !important;*/
    font-size: 18px;
    font-family: arial;
    font-weight: 700;
    line-height: 18px !important;
}

.headings {
    font-family: 'mary_annextrabold' !important;
    font-size: 1.625rem;
    color: #404040;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #d7d7d7;
}

.headings-new {
    font-family: 'mary_annextrabold' !important;
    font-size: 1.375rem;
    color: #404040;
    padding: 1rem 1rem 1.5rem 0;
}

.content-headings span {
    color: #8E8E8E;
    font-family: 'mary_annregular';
}

.select-heading {
    font-family: 'Mary_annextrabold';
    margin-bottom: 1rem;
    color: #f06c00;
    font-size: 20px;
    padding: 0;
}

.call-us {
    font-size: 20px;
    padding-bottom: 20px;
}

.bold {
    font-family: 'mary_annbold' !important;
    margin: 0;
}

.boldsegoe {
    font-family: 'Segoe UI Bold';
    margin: 0;
}

.bottombumper {
    margin-bottom: 1.5rem;
}

p {
    margin-bottom: 1.5rem;
}

ul {
    padding-left:1rem;
}


/*   FOOTER   */

footer {
    width: 100%;
    margin: 0 auto;
    padding: 24px 24px 50px 24px;
    font-family: arial;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    background-color: #404040;
}

footer a:link,
footer a:visited {
    color: #fff !important;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

.footer__links ul {
    padding: 0;
}

.footer__links ul li a {
    font-family: 'Mary_annextrabold';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}

.footer__links ul li a:hover {
    text-decoration: underline;
}

.footer__links ul li.first {
    border-left: none;
    padding-left: 0;
}

.footer__links ul li {
    display: inline;
    border-left: 1px solid #fff;
    padding: 0 20px;
}
.new-window {
    width: 14px;
    height: 14px;
    text-decoration: none !important;
    margin: -6px 0 0 5px;
}

.quote-window {
    text-decoration: none !important;
    margin: -6px 0 0 5px;
}

/*   ANCHOR STYLING   */

.ctaBtn,
.ctaBtn a:link,
.ctaBtn a:visited {
    width: 100%;
    height: 3rem;
    background-color: #f06c00;
    font-size: 1.125rem !important;
    font-family: 'mary_annextrabold';
    text-align: center;
    border-radius: 0.188rem;
    border: 0.063rem solid #f06c00;
    font-size: 1.5rem;
    cursor: pointer;
    vertical-align: middle;
    color: #FFF;
    padding: 0 1rem;
    vertical-align: auto;
    margin-bottom: 1rem;
}

.ctaBtn:hover {
    background: #e55000;
    border: 0.063rem solid #e55000;
}

.ctaBtn:focus {
    border-color: #e55000;
    box-shadow: inset 0 0 0 0.125rem #e55000, 0 0 0 0.188rem rgba(240, 108, 0, .5);
    outline: 0;
}

.cta-quote,
.cta-quote a:link,
.cta-quote a:visited {
    width: auto;
    height: 3rem;
    background-color: #f06c00;
    font-size: 1.125rem !important;
    font-family: 'mary_annextrabold';
    text-align: center;
    border-radius: 0.188rem;
    border: 0.063rem solid #f06c00;
    font-size: 1.5rem;
    cursor: pointer;
    vertical-align: middle;
    color: #FFF;
    padding: 0 1rem;
    vertical-align: auto;
    margin-bottom: 1rem;
}

.cta-quote:hover {
    background: #e55000;
    border: 0.063rem solid #e55000;
}

.cta-quote:focus {
    border-color: #e55000;
    box-shadow: inset 0 0 0 0.125rem #e55000, 0 0 0 0.188rem rgba(240, 108, 0, .5);
    outline: 0;
}

.cta-retrieve,
.cta-retrieve a:link,
.cta-quotretrievee a:visited {
    width: auto;
    height: 3rem;
    font-size: 1.125rem !important;
    font-family: 'mary_annextrabold';
    text-align: center;
    border-radius: 0.188rem;
    border: 0.063rem solid #f06c00;
    font-size: 1.5rem;
    cursor: pointer;
    vertical-align: middle;
    color: #f06c00;
    padding: 0 1rem;
    vertical-align: auto;
    margin-bottom: 20px;
}

.cta-retrieve:hover {
    background: #fdf1eb;
    Color: #e55000;
    border: 0.063rem solid #e55000;
}

.cta-retrieve:focus {
    border-color: #e55000;
    box-shadow: inset 0 0 0 0.125rem #e55000, 0 0 0 0.188rem rgba(240, 108, 0, .5);
    outline: 0;
}

a img {
    text-decoration: none;
    border: 0;
}

a:link {
    color: #404040;
    text-decoration: underline;
}

a:visited {
    color: #404040;
    text-decoration: underline;
}

a:hover {
    color: #0C0C0C;
    text-decoration: underline;
}

*,*:focus,*:hover{
    outline-color: #86b4e1!important;
    outline-width: thick;
}



ul.ticklist {
    margin-left: 1rem;
    padding-left: 0;
}

ul.ticklist li {
    padding-left: 2rem;
}

ul.ticklist li {
    width: 100%;
    display: block;
    list-style: none;
    background: url('../images/tick-orange.svg') no-repeat 0 0.4rem;
    background-size: 1.875rem;
    margin: 0;
    padding: 0.7rem 0 0.5rem 3.125rem;
}


/*   MEDIA QUERIES   */

@media (max-width: 36rem)

/* 576 */
    {
    .banner {
        background-image: url('../images/white.jpg') !important;
        background-repeat: repeat;
        min-height: auto !important;
    }
}

@media (max-width: 48rem)

/* 768 */
    {
    .logo {
        text-align: center;
    }

    /*.banner {
        background-image: url('../images/banner-tablet.jpg');
        background-repeat: no-repeat;
        background-position: right bottom;
    }*/

    #hero-banner-picture {
        height: auto;
    }

    .sb-hero-wrapper .sb-hero-banner {
        height: auto;
    }

    .sb-actions-panel.center-left {
        max-width: 100%;
        margin: 0;
    }

    .cta-quote,
    .cta-retrieve {
        width: 100%;
    }



}

@media (max-width: 62rem)

/* 992 */
    {

    /*.width1490 {
            padding: 0;
        }*/
    #portal-access,
    #claims,
    #cancel-policy,
    #renew-policy,
    #amend-policy,
    #policy-query,
    .pod-heights {
        min-height: auto !important;
    }

}

@media (max-width: 75rem)

/* 1200 */
    {

}

@media (min-width: 992px) and (max-width: 1254px) {
    #portal-access,
    #claims,
    #policy-query {
        min-height: 479px;
    }
    
    #renew-policy {
        min-height: 524px;
    }
    
    #amend-policy {
        min-height: 464px;
    }
    
    #cancel-policy {
        min-height: 524px;
    }
}​



/*   FAQs page   */


/*   ACCORDION   */
  
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-weight: 700;
    text-align: left;
    background-color: #fff;
    border: 1px solid #eee!important;
    box-shadow: none!important;
    border-radius: 0;
    font-size: 1.375rem!important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}


.accordion-button:focus {
    z-index: 3;
    outline: 0;
}

.accordion-button:hover {
    text-decoration: none;
    box-shadow: none!important;
}

.accordion-flush .accordion-button {
    padding: 1rem 1.25rem 1rem 0;
    box-shadow: none!important;
}

.accordion-flush {
    margin-bottom: 0!important;
}

.accordion-flush .accordion-body {
    background: #fff;
    padding: 2rem 3rem 2rem 0;
}
.accordion-button:not(.collapsed) {
    color: #404040!important;
    background-color: #fff;
}


.accordion-button::after {
  background-image: url('../images/chevron-down.svg');
}

.accordion-button:not(.collapsed)::after {
    background-image: url('../images/chevron-down.svg');
    transform: (rotate(180))
}

.accordion-font {
font-size: 1.375rem!important;
}

.document-accordion-body {
    padding-top: 0;
}

.accordion-bottom-border {
    border-bottom: 1px solid #dfe3e6;
}

.nav-link, .nav-link:active, .nav-link:visited {
    color: #f06c00!important;
    width: 100%;
    padding: 0!important;
    border: 0;
    border: none;
}

.nav-link:focus, .nav-link:hover {
    color: #f06c00;
    text-decoration: underline;
    border: 0!important;
    padding: 0!important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #404040;
    background-color: #fff;
    border-color: #fff;
    padding: 0!important;
}

.nav-tabs {
    border: 0;
    padding: 0;
}

.FAQ-select,
.FAQ-select a:link,
.FAQ-select a:visited {
    width: auto;
    background: #1e9771;
    text-align: left;
    border: 0.25rem solid #fff!important;
    font-size: 1rem;
    cursor: pointer;
    vertical-align: middle;
    color: #FFF;
    padding: 0.625rem 1rem 0.75rem 1rem;
    flex-grow: 1;
}


.product-select,
.product-select a:link,
.product-select a:visited {
    width: 100%;
    background: #eeeeee;
    text-align: center;
    border: 0.25rem solid #fff!important;
    font-size: 1rem;
    cursor: pointer;
    vertical-align: middle;
    color: #f06c00;
    padding: 0.625rem 1rem 0.75rem 1rem;
    flex-grow: 1;
}

.product-select:focus {
    background: #dbdbdb!important;
}

.accordion-item {
    background-color: #fff;
    border: none!important;
}

.accordion-header {
    font-family: 'mary_annbold'!important;
    font-size: 1.375rem!important;
    border-top: 1px solid #d8d8d8;
}

#helptab {
    width: 150px!important;
    position: absolute;
    top: 150px!important;
    right: 0!important;
}

#helptab .accordion-button {
    color: #fff!important;
    background: #ef6c00!important;
}

#helptab .accordion-button::after {
  background-image: url('https://hoodgroup.azurewebsites.net/rac/pluswhite.svg');
}

#helptab .accordion-button:not(.collapsed)::after {
    background-image: url('https://hoodgroup.azurewebsites.net/rac/pluswhite.svg');
    transform: rotate(45deg);
}


.product-select {
    height: 250px;
}


.top20 {
	padding-top: 20px!important;
}


.section-headings-old {    
    font-size: 24px!important;
    font-family: 'Mary_annextrabold';
    color: #f06c00!important;
}