/* CSS FOR TARGET JOURNEY STARTS...*/

/*  Using Aviva std fonts for now
@font-face {
  font-family: Tesco-Regular;
  src: url("../fonts/Tesco Modern/TESCOModern-Regular-final.ttf") format("truetype")
}

@font-face {
  font-family: Tesco-Bold;
  src: url("../fonts/Tesco Modern/TESCOModern-Bold.ttf") format("truetype")
}
**/

body {
  /* font-family: "Tesco-Regular", Arial, sans-serif !important; */
  color: #000000
}

.a-heading, h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-weight: 600
}


.a-label, 
.t-accent-dark .t-accent-light .a-label, 
.t-accent-light .a-label, 
.t-card-accent-light .m-card .a-label {
    color: #000000
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
/*  font-family: "Tesco-Bold", Arial, sans-serif !important; */
  color: #000000
}

.o-masthead, .m-footer {
    background-color: #FFFFFF
}

.o-masthead__navigation-container:after {
    border-bottom: 1px solid #000000
}

.a-list-plain .m-footer__list .m-footer__list--copyright{
	color: #000000
}

.a-heading--1 {
    color: #00539F
}

.t-accent-dark, .t-card-accent-dark .m-card {
    background-color: #00539F
}

/* Radio buttons */
.u-animation .a-radio__label,
.u-animation .a-radio__label:before,
.u-animation .a-radio__label:after,
.u-animation .a-radio__input~.a-radio__label,
.u-animation .a-radio__ui:before,
.u-animation .a-radio__ui:after,
.u-animation .m-radio-segmented, 
.u-animation .m-radio-segmented .a-radio__label,
.u-animation .m-radio-segmented .a-radio__label-inner:after,
.u-animation .m-radio-segmented__ui,
.u-animation .m-radio-segmented.m-radio-segmented--short-label .m-radio-segmented__ui {
    transition: none
}

.a-radio__label:after,
.a-radio__input:checked~.a-radio__label:after,
.a-radio__ui:after,
.a-radio__input:checked~.a-radio__ui:after {
    transform: none
}

.a-radio__ui:after {
	background: #FFF
}

.m-radio-segmented .a-radio__input:checked~.a-radio__label,
.u-animation .m-radio-segmented .a-radio__input:checked~.a-radio__label {
    background-color: #00539F !important
}

.m-radio-segmented .a-radio__label, 
.u-animation .m-radio-segmented .a-radio__label {
    background-color: #FFF
}

/*  this would keep the grapical radios hover background white 
.m-radio-segmented .a-radio__label:hover, 
.u-animation .m-radio-segmented .a-radio__label:hover {
    background-color: #FFF;
}


/*  grapical radio text back */
.m-radio-segmented .a-radio__label {
	color: #00539F
}



/*  grapical radio select background blue */
.a-radio__input:checked~.a-radio__label:after {
    background-color: #00539F !important
}

.a-radio__label {
    border: 2px solid #6A757B
}
    
/* Checkboxes - turn off animation */
.a-checkbox,
.a-checkbox__label:after,
.a-checkbox__input:checked~.a-checkbox__label:after,
.a-checkbox__ui:after,
.a-checkbox__input:checked~.a-checkbox__ui:after,
.a-checkbox--standalone .a-checkbox__input:checked~.a-checkbox__label:after,
.a-checkbox--toggle .a-checkbox__ui:after,
.a-checkbox__input:checked+.a-checkbox--toggle .a-checkbox__ui:after {
    transform: none
}

.u-animation .a-checkbox__label,
.u-animation .a-checkbox__label:after,
.u-animation .a-checkbox__label:before,
.u-animation .a-checkbox__input~.a-checkbox__label,
.u-animation .a-checkbox .a-checkbox__ui:before,
.u-animation .a-checkbox__input~.a-checkbox__ui:before,
.u-animation .a-checkbox__ui:after,
.u-animation .a-checkbox__input:checked~.a-checkbox__ui:after,
.u-animation .a-checkbox--standalone .a-checkbox__label,
.u-animation .a-checkbox--standalone .a-checkbox__label:before,
.u-animation .a-checkbox--toggle .a-checkbox__label,
.u-animation .a-checkbox--toggle .a-checkbox__label:before,
.u-animation .a-checkbox--toggle .a-checkbox__label-inner,
.u-animation .a-checkbox--toggle .a-checkbox__ui:before, 
.u-animation .a-checkbox--toggle .a-checkbox__ui:after {
    transition: none
}


/* UW Checkboxes */
.a-checkbox__input:checked~.a-checkbox__label {
	background-color: #00539F;
	border-color: #00539F;
	color: #FFF
}

.a-checkbox__ui:after {
    background: #FFF
}

.a-radio__input:focus~.a-radio__label {
	box-shadow: 0px 0px 0px 4px rgba(0, 141, 200, 0.40);
	border: 2px solid #008DC8
}
 
.a-checkbox__input:focus~.a-checkbox__label {
	box-shadow: 0px 0px 0px 4px rgba(0, 141, 200, 0.40);
	border: 2px solid #008DC8
}

.a-checkbox__label:before {
    border: 1px solid #000 !important;
    box-shadow: inset 0 2px 2px 0 hsla(0, 0%, 80%, .5);
    height: 1.75em;
    width: 1.75em
}

.a-checkbox__label:after {
    border: 1px solid #000 !important;
    height: 1.75em;
    width: 1.75em
}

/* Checkboxes standalone */
.a-checkbox--standalone .a-checkbox__input:focus~.a-checkbox__label{
	box-shadow: 0px 0px 0px 4px rgba(0, 141, 200, 0.40);
	border: 2px solid #008DC8
}

.a-checkbox--standalone .a-checkbox__input:focus~.a-checkbox__label {
    /* box-shadow: none; */
}


.a-checkbox--standalone .a-checkbox__input:checked~.a-checkbox__label:before, 
.t-accent-dark .a-checkbox--standalone .a-checkbox__input:checked~.a-checkbox__label:before, 
.t-accent-dark .t-accent-light .a-checkbox--standalone .a-checkbox__input:checked~.a-checkbox__label:before, 
.t-accent-light .a-checkbox--standalone .a-checkbox__input:checked~.a-checkbox__label:before, 
.t-card-accent-dark .m-card .a-checkbox--standalone .a-checkbox__input:checked~.a-checkbox__label:before, 
.t-card-accent-light .m-card .a-checkbox--standalone .a-checkbox__input:checked~.a-checkbox__label:before {
    background-color: #00539F !important;
	border-color: #00539F;
	border: 0px solid
}

.a-date-wrapper {
	background-color: #FFF
}

.a-date-wrapper .a-date:hover {
    background-color: #FFF
}

.a-date:focus {
	box-shadow: 0px 0px 0px 4px rgba(0, 141, 200, 0.40);
	border: 2px solid #008DC8
}

.a-date-wrapper__trigger:hover {
	background-color: #00539F	
}

/* Standalone checkbox focus - not needed */
/* 
.a-checkbox--standalone .a-checkbox__input:focus~.a-checkbox__label:before, 
.t-accent-dark .a-checkbox--standalone .a-checkbox__input:focus~.a-checkbox__label:before, 
.t-accent-dark .t-accent-light .a-checkbox--standalone .a-checkbox__input:focus~.a-checkbox__label:before, 
.t-accent-light .a-checkbox--standalone .a-checkbox__input:focus~.a-checkbox__label:before, 
.t-card-accent-dark .m-card .a-checkbox--standalone .a-checkbox__input:focus~.a-checkbox__label:before, 
.t-card-accent-light .m-card .a-checkbox--standalone .a-checkbox__input:focus~.a-checkbox__label:before {
	border: 2px solid #008DC8 !important
}

**/

/* secondary buttons */
.a-button, 
.t-accent-dark .a-button, 
.t-accent-dark .t-accent-light .a-button, 
.t-accent-light .a-button, 
.t-card-accent-dark .m-card .a-button, 
.t-card-accent-light .m-card .a-button {
    background-color: #fff;
    color: #00539F;
    border: 2px solid #00539F;
	border-radius: 25px
}

/* secondary buttons hover active */
.a-button:active, 
.a-button:hover, 
.t-accent-dark .t-accent-light .a-button:active, 
.t-accent-dark .t-accent-light .a-button:hover, 
.t-accent-light .a-button:active, 
.t-accent-light .a-button:hover, 
.t-card-accent-light .m-card .a-button:active,
.t-card-accent-light .m-card .a-button:hover {
    box-shadow: 0 0 0 1px #fff, 0 0 0 4px #00539F;
    background-color: #fff;
    color: #00539F;    
	border-radius: 25px
}

/* secondary buttons focus */
.a-button:focus, 
.t-accent-dark .t-accent-light .a-button:focus, 
.t-accent-light .a-button:focus, 
.t-card-accent-light .m-card .a-button:focus {
	box-shadow: 0 0 0 1px #fff, 0 0 0 7px #00539F;
    background-color: #fff;
    border-color: #00539F;
    color: #00539F;    
	border-radius: 25px
}

/* primary buttons */
.a-button--primary,
.t-accent-light .a-button--primary,
.t-accent-dark .t-accent-light .a-button--primary,
.t-card-accent-light .m-card .a-button--primary,
.t-accent-dark .a-button--primary,
.t-card-accent-dark .m-card .a-button--primary {
	background: #00539F;
	border-color: #00539F;
	color: #fff;
	border-radius: 25px;
    border: 2px solid #00539F;
	border-radius: 25px
}

/* primary buttons hover active */
.a-button--primary:hover,
.a-button--primary:active,
.t-accent-light .a-button--primary:hover,
.t-accent-light .a-button--primary:active,
.t-accent-dark .t-accent-light .a-button--primary:hover,
.t-accent-dark .t-accent-light .a-button--primary:active,
.t-card-accent-light .m-card .a-button--primary:hover,
.t-card-accent-light .m-card .a-button--primary:active,
.t-accent-dark .a-button--primary:hover,
.t-accent-dark .a-button--primary:active,
.t-card-accent-dark .m-card .a-button--primary:hover,
.t-card-accent-dark .m-card .a-button--primary:active {
    box-shadow: 0 0 0 1px #fff, 0 0 0 4px #00539F;
	background: #00539F;	
	color: #fff;
	border-radius: 25px
}

/* primary buttons focus */
.a-button--primary:focus, 
.t-accent-dark .t-accent-light .a-button--primary:focus, 
.t-accent-light .a-button--primary:focus, 
.t-card-accent-light .m-card .a-button--primary:focus {
	box-shadow: 0 0 0 1px #fff, 0 0 0 7px #00539F;
	background: #00539F;
	border-color: #00539F;
	color: #fff;
	border-radius: 25px
}

.a-button {
    line-height: 1.2em !important;
	height: 50px !important
}
	
.a-button:not(.a-button--tertiary):focus-visible {
	box-shadow: 0 0 0 1px #fff, 0 0 0 4px #00539F
}

/* disabled buttons */
.a-button.is-disabled, 
.a-button.is-disabled:active, 
.a-button.is-disabled:hover, 
.a-button[disabled], 
.a-button[disabled]:active, 
.a-button[disabled]:hover, 
.t-accent-dark .a-button.is-disabled, 
.t-accent-dark .a-button.is-disabled:active, 
.t-accent-dark .a-button.is-disabled:hover, 
.t-accent-dark .a-button[disabled], 
.t-accent-dark .a-button[disabled]:active, 
.t-accent-dark .a-button[disabled]:hover, 
.t-accent-dark .t-accent-light .a-button.is-disabled, 
.t-accent-dark .t-accent-light .a-button.is-disabled:active, 
.t-accent-dark .t-accent-light .a-button.is-disabled:hover, 
.t-accent-dark .t-accent-light .a-button[disabled], 
.t-accent-dark .t-accent-light .a-button[disabled]:active, 
.t-accent-dark .t-accent-light .a-button[disabled]:hover, 
.t-accent-light .a-button.is-disabled, 
.t-accent-light .a-button.is-disabled:active, 
.t-accent-light .a-button.is-disabled:hover, 
.t-accent-light .a-button[disabled], 
.t-accent-light .a-button[disabled]:active, 
.t-accent-light .a-button[disabled]:hover, 
.t-card-accent-light .m-card .a-button.is-disabled, 
.t-card-accent-light .m-card .a-button.is-disabled:active, 
.t-card-accent-light .m-card .a-button.is-disabled:hover, 
.t-card-accent-light .m-card .a-button[disabled], 
.t-card-accent-light .m-card .a-button[disabled]:active, 
.t-card-accent-light .m-card .a-button[disabled]:hover {
    border: 2px solid #B5BABD !important;
	background: #F6F6F6 !important
}

/* tertiary buttons - links */
.a-button--tertiary,
.a-button--tertiary:active, 
.a-button--tertiary:hover, 
.a-button--tertiary:focus,
.t-accent-dark .t-accent-light .a-button--tertiary:active, 
.t-accent-dark .t-accent-light .a-button--tertiary:hover, 
.t-accent-dark .t-accent-light .a-button--tertiary:focus, 
.t-accent-light .a-button--tertiary:active, 
.t-accent-light .a-button--tertiary:hover, 
.t-accent-light .a-button--tertiary:focus,
.t-card-accent-light .m-card .a-button--tertiary:active,
.t-card-accent-light .m-card .a-button--tertiary:hover, 
.t-card-accent-light .m-card .a-button--tertiary:focus {
    background: transparent;
    border-radius: 0;
    display: inline-block;
    min-width: 2.75em;
    padding: .9375em 0;
    position: relative;
    text-align: left;
    width: auto
}

.a-button--tertiary {
	border: 0 !important;
    box-shadow: none !important   
}

/* Input boxes */
.a-textbox, 
.m-slider-wrapper .a-textbox, 
.o-progressive-disclosure-container .a-textbox, 
.t-accent-dark .a-textbox, 
.t-accent-dark .m-card.t-accent-dark .a-textbox, 
.t-accent-dark .m-card.t-accent-light .a-textbox, 
.t-accent-dark .m-card.t-accent-light--1 .a-textbox, 
.t-accent-dark .m-slider-wrapper .a-textbox, 
.t-accent-dark .o-progressive-disclosure-container .a-textbox, 
.t-accent-dark .t-accent-light .o-progressive-disclosure-container .a-textbox, 
.t-accent-dark .t-accent-light--3 .o-progressive-disclosure-container .a-textbox, 
.t-accent-dark .t-accent-light--4 .o-progressive-disclosure-container .a-textbox, 
.t-accent-light .a-textbox, 
.t-accent-light .m-card.t-accent-light .a-textbox, 
.t-accent-light .m-card.t-accent-light--1 .a-textbox, 
.t-accent-light .m-slider-wrapper .a-textbox, 
.t-accent-light .o-progressive-disclosure-container .a-textbox, 
.t-accent-light .t-accent-light .o-progressive-disclosure-container .a-textbox, 
.t-accent-light .t-accent-light--3 .o-progressive-disclosure-container .a-textbox, 
.t-accent-light .t-accent-light--4 .o-progressive-disclosure-container .a-textbox, 
.t-accent-light--1 .a-textbox, 
.t-accent-light--3 .o-progressive-disclosure-container .a-textbox, 
.t-accent-light--4 .o-progressive-disclosure-container .a-textbox, 
.t-card-accent-dark .m-card .a-textbox, 
.t-card-accent-dark .m-card .o-progressive-disclosure-container .a-textbox, 
.t-card-accent-dark .m-slider-wrapper .a-textbox, 
.t-card-accent-light .m-card .a-textbox, 
.t-card-accent-light .m-card .o-progressive-disclosure-container .a-textbox, 
.t-card-accent-light .m-slider-wrapper .a-textbox, 
.t-card-accent-light--1 .m-card .a-textbox, 
.t-card-accent-light--3 .m-card .o-progressive-disclosure-container .a-textbox, 
.t-card-accent-light--4 .m-card .o-progressive-disclosure-container .a-textbox {
	background: #FFF;
	background-color: #FFF;
    border: 2px solid #6A757B
}
.a-textbox:hover, 
.m-slider-wrapper .a-textbox:hover, 
.o-progressive-disclosure-container .a-textbox:hover, 
.t-accent-dark .a-textbox:hover, 
.t-accent-dark .m-card.t-accent-dark .a-textbox:hover, 
.t-accent-dark .m-card.t-accent-light .a-textbox:hover, 
.t-accent-dark .m-card.t-accent-light--1 .a-textbox:hover, 
.t-accent-dark .m-slider-wrapper .a-textbox:hover, 
.t-accent-dark .o-progressive-disclosure-container .a-textbox:hover, 
.t-accent-dark .t-accent-light .o-progressive-disclosure-container .a-textbox:hover, 
.t-accent-dark .t-accent-light--3 .o-progressive-disclosure-container .a-textbox:hover, 
.t-accent-dark .t-accent-light--4 .o-progressive-disclosure-container .a-textbox:hover, 
.t-accent-light .a-textbox:hover, 
.t-accent-light .m-card.t-accent-light .a-textbox:hover, 
.t-accent-light .m-card.t-accent-light--1 .a-textbox:hover, 
.t-accent-light .m-slider-wrapper .a-textbox:hover, 
.t-accent-light .o-progressive-disclosure-container .a-textbox:hover, 
.t-accent-light .t-accent-light .o-progressive-disclosure-container .a-textbox:hover, 
.t-accent-light .t-accent-light--3 .o-progressive-disclosure-container .a-textbox:hover, 
.t-accent-light .t-accent-light--4 .o-progressive-disclosure-container .a-textbox:hover, 
.t-accent-light--1 .a-textbox:hover, 
.t-accent-light--3 .o-progressive-disclosure-container .a-textbox:hover, 
.t-accent-light--4 .o-progressive-disclosure-container .a-textbox:hover, 
.t-card-accent-dark .m-card .a-textbox:hover, 
.t-card-accent-dark .m-card .o-progressive-disclosure-container .a-textbox:hover, 
.t-card-accent-dark .m-slider-wrapper .a-textbox:hover, 
.t-card-accent-light .m-card .a-textbox:hover, 
.t-card-accent-light .m-card .o-progressive-disclosure-container .a-textbox:hover, 
.t-card-accent-light .m-slider-wrapper .a-textbox:hover, 
.t-card-accent-light--1 .m-card .a-textbox:hover, 
.t-card-accent-light--3 .m-card .o-progressive-disclosure-container .a-textbox:hover, 
.t-card-accent-light--4 .m-card .o-progressive-disclosure-container .a-textbox:hover {
	background: #FFF;
	background-color: #FFF
}

.a-textbox:focus {
	background-color: #FFF;
    border: 2px solid #008DC8 !important;
	box-shadow: 0px 0px 0px 4px rgba(0, 141, 200, 0.40)
}

.a-textbox {
	height: 45px !important
}


.m-card-select__input:focus {
	outline: none;
	box-shadow: none;
}


/* dropdown inputs */
.a-dropdown__select {
	background: #FFF;
    background-color: #FFF !important;
    border: 2px solid #6A757B
}	
	
.a-dropdown__select:focus {
    background-color: #FFF;
    border: 2px solid #008DC8;
    box-shadow: 0px 0px 0px 4px rgba(0, 141, 200, 0.40)
}

.a-dropdown__ui:after {
	background-color: #fff !important
}

.a-dropdown__select:hover~.a-dropdown__ui:after {
    background-color: #fff !important
}

/* Graphical radios */
.m-radio-segmented {
	border: 2px solid #6A757B
}

.retrieve-radio-align {	
    z-index: 2;
    margin-left: 20px;
    margin-top: 0px;
}


.m-radio-segmented.has-focus {
    border: 2px solid #008DC8;
    box-shadow: 0px 0px 0px 4px rgba(0, 141, 200, 0.40)
}

/* search results */
.m-predictive-search .m-predictive-search-results {
    background: #FFF;
	border: 2px solid #008DC8;
	box-shadow: 0px 0px 0px 4px rgba(0, 141, 200, 0.40)
}
	
/* concertina */

.m-showhide__control:before, 
.t-accent-dark .t-accent-light .m-showhide__control:before, 
.t-accent-light .m-showhide__control:before, 
.t-card-accent-light .m-card .m-showhide__control:before {
    border-color: #00539F
}

.js-m-showhide .m-showhide__heading .m-showhide__control:hover, 
.t-accent-dark .t-accent-light .js-m-showhide .m-showhide__heading .m-showhide__control:hover, 
.t-accent-light .js-m-showhide .m-showhide__heading .m-showhide__control:hover, 
.t-card-accent-light .m-card .js-m-showhide .m-showhide__heading .m-showhide__control:hover {
    color: #00539F
}

.m-showhide__control:hover:before, 
.t-accent-dark .t-accent-light .m-showhide__control:hover:before,
.t-accent-light .m-showhide__control:hover:before, 
.t-card-accent-light .m-card .m-showhide__control:hover:before {
	box-shadow: 0 0 0 1px #fff, 0 0 0 4px #00539F
}

/* concertina image 
.m-showhide__control:before {
    background: transparent url("../images/icons/show-hide-legacy.svg") no-repeat;
    background-image: url("../images/icons/show-hide-legacy.svg");
}    
 **/
 
.a-link-icon--download:after {
    background-image: url("../images/icons/download.svg")
}    

/* please wait spinner 3 dots animation */
.u-animation .a-loading-indicator--small span:before,
.u-animation .a-loading-indicator-container:before,
.u-animation .a-loading-indicator:after,
.u-animation .m-media-player__container .m-media-player__wrapper .m-media-player-loading-indicator .a-loading-indicator-container--inline .a-loading-indicator:after,
.u-animation .m-media-player__container .m-media-player__wrapper .m-media-player-loading-indicator .a-loading-indicator-container--inline:before {
    background: #00539F !important
}

.u-animation .a-loading-indicator--small span:after,
.u-animation .a-loading-indicator-container:after,
.u-animation .m-media-player__container .m-media-player__wrapper .m-media-player-loading-indicator .a-loading-indicator-container--inline:after {
    background: #00539F !important
}

.u-animation .a-loading-indicator:before,
.u-animation .m-media-player__container .m-media-player__wrapper .m-media-player-loading-indicator .a-loading-indicator-container--inline .a-loading-indicator:before {
    background: #00539F !important
}

.m-form-row-group-item.m-form-row-group-item--full-width.is-checked{
	background-color: #00539F !important
}

/* UW height and weight separator */
.o-progressive-disclosure-container {
    border-top: 2px solid #00539F
}
	
.o-progressive-disclosure-container:after,
.o-progressive-disclosure-container:before {
	    border-top: 10px solid #00539F
}

.loyaltyPriceContainer {
    display: flex;
    height: 78px;
    border-radius: 12px;
    overflow: hidden
}
    
.loyaltyPriceBlueBox {
	width: 87px;
	height: 78px;
	flex-shrink: 0;
	border-radius: 9px 0px 0px 9px;
	background: #00539F;
	color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    padding-top: 12px
}

.loyaltyPriceYellowBox {
	width: 224px;
	height: 78px;
	flex-shrink: 0;
	border-radius: 0px 9px 9px 0px;
	background: #FCD700;
    padding-top: 15px;	
    margin-left: 5px;
	color: #000;
    text-align: center;
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px    
}

.loyaltyPriceDiscount {
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
}

header .logo {
    background: none;
    float: left;
    padding: 8px 14px 2px 0
}

header .logo>span {
    background-color: transparent;
    background-image: url('../images/logos/logo-tesco-insurance-stacked.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    height: 80px;
    text-indent: -9999px;
    width: 100px;
    padding: 0    
}

@media only screen and (min-width:560px) {
	header .logo>span {
        background-color: transparent;
        background-image: url('../images/logos/logo-tesco-insurance-horiz.svg');
        background-size: 100%;
        background-repeat: no-repeat;
        display: block;
        height: 50px;
        text-indent: -9999px;
        width: 200px;
        margin: 0px 0px 0px -10px;
        padding: 0;
    }
}

@media only screen and (min-width:880px) {
	header .logo>span {
        background-image: url('../images/logos/logo-tesco-insurance-horiz.svg');
        height: 75px;
        width: 300px;
        margin: 0px 0px 0px -20px;
        padding: 0
	}    
}

header .avivaInfo {
    background: none;
    float: right;
    line-height: 30px;
    margin: 8px 10px 8px 0
}

@media only screen and (min-width:880px) {
    header .avivaInfo {
        padding: 0;
        line-height: 50px
    }
}

header .avivaInfo>span {
    line-height: 20px;
    color: #fff;
    font-size: smaller
}

@media only screen and (min-width:880px) {
    header .avivaInfo>span {
        line-height: 40px;
        font-size: inherit
    }
}

header .avivaLogo {
    background: none;
    background-color: #fff;
    float: right;
    padding: 0
}

header .avivaLogo>span {
    background-color: transparent;
    background-image: url('../images/logos/provided-by-aviva.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    height: 56px;
    text-indent: -9999px;
    width: 97px;
    margin: 5px 7px 16px 10px
}

@media only screen and (min-width:560px) {
    header .avivaLogo>span {
        background-color: transparent;
        background-image: url('../images/logos/provided-by-aviva.svg');
        background-size: 100%;
        background-repeat: no-repeat;
        display: block;
        height: 56px;
        text-indent: -9999px;
        width: 100px;
        margin: 6px 10px 10px 10px
    }
}

@media only screen and (min-width:880px) {
    header .avivaLogo>span {
        background-image: url('../images/logos/provided-by-aviva.svg');
        height: 56px;
        width: 146px;
        margin: 7px 10px 10px 10px
    }
}

/* CSS FOR TARGET JOURNEY ENDS...*/

/* CSS file for Life Journey */

/*---------------------------------------------------------------------------------------
MEDIA QUERIES FOR MEDIUM LARGE SIZE
--------------------------------------------------------------------------------------- */

.a-heading strong {
    font-weight: 600
}

.a-heading--semibold {
    font-weight: 600
}

.headerText {
	display: inline-flex;
	float: right;
	font-weight: 500;
	color: #5c596d;
	font-size: 0.8em
}

.hidden {
	display: none !important;
	visibility: hidden !important
}

.pageHeading {
	display: none
}

@media only screen and (min-width: 65em) {
	.pageHeading {
		display: inline-flex;
		float: right;
		height: 36px;
		font-size: 28px;
		font-weight: 100;
		font-style: normal;
		font-stretch: normal;
		line-height: 1.29;
		letter-spacing: normal;
		text-align: left;
		color: #5c596d;
		margin-top: 0.35em
	}
}

.your_data_link_mobile {
	display: block
}

.times {
	margin: 0 -14px 12px;
	padding: 12px 14px;
	overflow: auto
}

.a-list-opening-times dt {
	clear: both;
	float: left;
	font-weight: normal;
	max-width: 100%;
	padding-bottom: 5px
}

.a-list-opening-times dd {
	float: right;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 0;
	white-space: nowrap;
}

.bold-text {
	font-weight: bold
}

.tel {
	color: #004fb6;
	font-family: "Frutiger";
	font-size: 18px;
	letter-spacing: -0.3px;
	margin-bottom: 15px
}

/* .progressArea {
    margin-bottom: 2.5em;
    margin-top: 2.5em
}*/

.top-gap {
	margin-top: 15px
}

.comodo {
	display: block;
	width: 170px;
	height: auto
}

/*  Pod - Core styles
	========================================================================== */
.pod {
	background: #eee;
	margin-bottom: 1.25em
	/* 20px / 16px */
}

.pod__content {
	padding: 1em
	/* 16px / 16px */
}

.pod__content>:first-child {
	margin-top: 0
}

.pod__content>:last-child {
	margin-bottom: 0
}

@media ( min-width : 35em) {
	.pod__content {
		padding-left: 1.25em;
		/* 20px / 16px */
		padding-right: 1.25em
		/* 20px / 16px */
	}
}

@media ( min-width : 60em) {
	.pod__content {
		padding-left: 1.875em;
		/* 30px / 16px */
		padding-right: 1.875em
		/* 30px / 16px */
	}
}

/*PODS*/
ul.topGap {
	padding: 1.5em 2em 2.5em
}

.pod-extra-padding {
	margin-top: 1.2em
}

.call-us, .why-choose-us, .we-are-secure {
	padding-bottom: 0em
}

.pod.information .pod__heading {
	padding-bottom: 0.7em
}

.defaqto {
	display: block;
	width: 50%
}

.comodo {
	display: block;
	width: 170px;
	height: auto
}

.pod {
	border-bottom: 0px;
	font-weight: bold;
	padding-bottom: 0.2em
}

.telephone__number a {
	color: #5c596d
}

.telephone__number__nopadding {
	padding: 0
}

#PhoneNumbers span.left {
	display: inline-block;
	font-weight: bold;
	width: 48%
}

#PhoneNumbers span.right {
	display: inline-block;
	width: 48%
}

.information .pod__content {
	margin: 0;
	padding: 0
}

ul.linkList {
	list-style: none;
	padding: 0.5em 0 0 0
}

ul.linkList li a, ul.linkList li a:hover {
	text-decoration: none;
	display: block;
	border-bottom: none;
	width: 97%;
	padding: 0 0 0 2em
}

ul.linkList li a small {
	color: #212121;
	float: none;
	vertical-align: top;
	display: inline-block
}

.information .linkList li:hover {
	background-color: #ccc
}

.information .linkList li {
	background-position: 96% center;
	border-top: 1px solid #d5d5d5;
	margin: 0;
	background-repeat: no-repeat;
	padding: 1em 5% 1em 0
}

.svg .information .linkList li.pdf {
	background-image: url(../images/core/icons/download.svg);
	background-size: 1.4em
}

.information .linkList li.pdf {
	background-image: url(../images/core/icons/download.png);
	background-size: 1.4em
}

.quote-pods .pod {
	width: 98%;
	display: inline-block;
	margin: 1%
}

.quote-pods .pod .unordered-list {
	margin: 1.375em
}

.pod-top--margin {
	margin-top: 1.2em
}

.wording {
	font-size: 1.5em;
	color: #5c596d
}

.why-.choose-us .unordered-list {
	list-style-type: none;
	margin: 1.375em 0;
	padding: 0
}

/*  grapical radio selected border */

.a-radio__input:checked~.a-radio__label {
    background-color: #00539F !important;
    border-color: #00539F !important;
    border: 2px solid #008DC8;
	box-shadow: 0px 0px 0px 4px rgba(0, 141, 200, 0.40)
}

.why-choose-us .unordered-list>li {
	margin-bottom: 1.4em;
	padding: 0 0 0 2.875em;
	position: relative;
	font-size: 1.2em;
	color: #5c596d
}


.svg .why-choose-us li.unordered-list__item--tick::before {
	background-image: url(../images/bullet-tick.svg)
}

.why-choose-us li.unordered-list__item--tick::before {
	background-image: url(../images/bullet-tick.png)
}

.why-choose-us li.unordered-list__item--tick::before {
	height: 3em;
	top: -0.687em;
	width: 3em
}

/****************************************************************************************************************/
/*BUTTONS*/
.btn--margin--top {
	margin-top: 40px
}

.btn--group--wrapper {
	width: 100%;
	border-top: 1px dashed #cecece;
	padding-top: 2.5em
}

.btn--back {
	width: 100%;
	margin: 1%
}

.align--lightbox--text {
	width: 100%;
	text-align: center
}

.btn--interaction {
	font-size: 2em;
	margin: 0.5em;
	border: 1px solid #cecece;
	padding: 0.1em 0.5em;
	border-radius: .3125em
}

.btn--primary[disabled]:focus {
	background-color: #ccc;
	border-color: #ccc
}


.times dt {
	font-weight: bold
}

@media ( min-width : 20em) {
	.times {
		margin-bottom: 1em;
		max-width: 25em;
		overflow: hidden
	}
	.times dt {
		clear: both;
		float: left;
		padding-right: 1.25em;
		width: 60%;
		font-weight: bold
	}
	.times dd {
		float: right;
		margin-bottom: 0;
		text-align: right;
		width: 40%
	}
}

.m-showhide__heading .m-showhide__control {
	color: #00539F
}

.u-divider-cover {
	margin: 3.5em 0 1
}

.firstCol {
	width: 3%
}

.secondCol {
	width: 45%
}

.thirdCol {
	width: 6%
}

.fourthCol {
	width: 40%
}

/****************************************************************************************************************/
/*QUOTE SUMMARY PAGE*/
.m-form-row--multiple--travellers .m-checkbox-group__item {
	width: 100%
}

.FCAPods {
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 1.667em 0 1.667em 0;
	overflow: auto;
	display: flex
}

.FCAPods .price {
	font-size: 2.3em;
	font-weight: 600
}

.FCAPods .noMarginTop {
	margin-top: 1em
}

.FCAPods .pAlign {
	width: 100%;
	text-align: center
}

.pod__content__bottom {
	border-top: 1px solid #CCCCCC;
	padding: 0.7em
}

.pod__content .selected {
	background-image: url(../images/icons/tick.svg);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	padding-left: 1.5em
}

.FCAPods .fullPod {
	width: 100%;
	float: left
}

.FCAPods .pod-no-margin {
	margin: 0
}

.FCAPods .fullPod .pod__content {
	text-align: center
}

.a-radio__border {
	border-bottom-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
}

.radio_align {
	padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 63px;   
}
.FCAPods .firstPod {
	width: 100%;
	margin: 0;
	float: left
}

.FCAPods .firstPod .pod__content, .FCAPods .secondPod .pod__content {
	height: 60%;
	text-align: center
}

.FCAPods .secondPod {
	width: 100%;
	margin: 0;
	float: right
}

.FCAPods .border--bottom_none {
	border-bottom: none
}

.quote-pods .pod {
	width: 98%;
	display: inline-block;
	margin: 1%
}

.quote-pods .pod {
	background-color: #413E51;
	text-align: center;
	color: #FFFFFF;
	padding: 0.4em
}

.quote-pods .pod .unordered-list {
	margin: 1.375em
}

.quote-pods {
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 0 0 -2%;
	overflow: auto;
	display: flex
}

/****************************************************************************************************************/

/*---------------------------------------------------------------------------------------
MEDIA QUERIES FOR MEDIUM SIZE
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 35em) {
	/****************************************************************************************************************/
	#faq-answer-container .button, #faq-browse-select .button {
		width: auto
	}
	.m-form-row--multiple--travellers .m-checkbox-group__item {
		width: 48%;
		display: inline-block;
		margin-right: 1%
	}
	.FCAPods .firstPod {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 1.667em
	}
	.FCAPods .secondPod {
		width: 48%;
		margin-bottom: 1.667em
	}
	.btn-group {
		margin: 1.667em 0
	}
	.btn-group__item {
		display: inline
	}
	.btn-group__item:last-child {
		width: 50%;
		text-align: right
	}
	.btn-group__item:first-child {
		text-align: left
	}
	.btn-group-three {
		width: 100%
	}
	.btn-group-three .btn-group__item {
		width: auto
	}
	.full-width .btn-group__item:first-child {
		display: inline;
		text-align: right
	}
}

/****************************************************************************************************************/
.unordered-list-quote {
	list-style-type: none;
	margin: 1.375em 0;
	padding: 0;
	text-align: left
}

.unordered-list-quote>li {
	margin-bottom: .75em;
	padding: 0 0 0 1.875em;
	position: relative;
	background-repeat: no-repeat;
	background-position: left .55em
}

.svg .unordered-list-quote>li:before, .svg .unordered-list-quote>li {
	background-image: url(../images/icons/tick.svg)
}

.unordered-list-quote>li:before, .unordered-list-quote>li {
	background-image: url(../images/icons/tick.png);
	padding-bottom: 5px
}

.unordered-list-quote>li:before {
	height: 1em;
	top: .3125em;
	width: 1.0625em
}

.price {
	font-family: "Frutiger";
	font-size: 40px;
	letter-spacing: -0.3px
}
/****************************************************************************************************************/
/* Css classes for spinner page*/
.bufferPageDefaultJs {
	display: block
}

.js .bufferPageDefaultJs {
	display: none
}

.checkbox-width {
	width: 175px
}

.padding-top-15px {
	padding-top: 15px
}
.padding-top-120px {
	padding-top: 120px
}
.padding-top-70px {
	padding-top: 70px
}
.padding-top-60px {
	padding-top: 60px
}

.padding-top-20px {
	padding-top: 20px
}

.padding-top-40px {
	padding-top: 40px
}

.padding-top-30px {
	padding-top: 30px
}

.padding-bottom-20px {
	padding-bottom: 20px
}

.padding-bottom-40px {
	padding-bottom: 40px
}

.m-card-strap, .m-card-strap2 {
	padding: .625em 1.25em
}

.m-card-strap2 {
	border-top: 1px solid
}

@media only screen and (min-width: 47em) {
	.your_data_link_mobile {
		display: none
	}
	.hidden-input span {
		display: none
	}
}

.occupationSearchJs {
	display: none
}

.js .occupationSearchJs {
	display: block
}

.js .occupationSearchNoJs {
	display: none
}

.occupationSearchNoJs {
	display: block
}

.customtag {
	padding-top: 1.7em !important;
	width: 10.5em !important
}



/* .m-hero-shallow--sqj .m-data-group-item__data--was {
	text-decoration: line-through
}*/
.m-hero-shallow--sqj .m-data-group-item__data--was span {
	position: relative
}

.m-hero-shallow--sqj .m-data-group-item__data--was span:after {
	border-bottom: 4px solid #000;
	bottom: .62em; /* half text height */
	content: '';
	display: block;
	position: absolute;
	width: 100%
}

.m-hero-shallow--sqj .m-data-group-item__data {
	font-size: 2.5em /* 70px to match h1 */
}

@media only screen and (min-width: 47em) {
	.m-hero-shallow--sqj .m-data-group-item__data {
		font-size: 4.375em /* 70px to match h1 */
	}
}

/****************************************************************************************************************/
/* Css classes for Simplified Quote*/
.padding-left-0px {
	padding-left: 0px
}

.padding-top-0px {
	padding-top: 0px
}
.padding-top-imp-0px {
	padding-top: 0px !important
}

.margin-bottom-0px {
	 margin-bottom:0px
}

.padding-bottom-0px {
	padding-bottom: 0px
}

.height-button-0px {
	line-height: 1.2em !important;
	height: 0px !important
}

.min-prem-notification-only .m-card-content {
	background-color: #FFF !important
}

.min-prem-notification-only .m-card.m-card-notification {
	background: #44c0ff !important;
	border-radius: unset !important
}

.min-prem-notification-only .m-card-notification--information:before {
	background-color: #44c0ff !important
}

.min-prem-notification-only .js-m-card-close.m-card-notification .m-card-content
	{
	padding: 1.25em 3.75em 1.25em 15px
}

.padding-bottom-50px {
	padding-bottom: 50px
}

.padding-bottom-60px {
	padding-bottom: 60px
}
.padding-bottom-15px {
	padding-bottom: 15px
}

.padding-bottom-30px {
	padding-bottom: 30px;
}

.padding-top-10px {
	padding-top: 10px;
}

.padding-top-6px {
	padding-top: 6px
}

.padding-top-50px {
	padding-top: 50px
}

.padding-top-5px {
	padding-top: 5px
}

.padding-bottom-5px {
	padding-bottom: 5px !important
}

.padding-bottom-10px {
	padding-bottom: 10px !important
}

.margin-bottom-15px {
	margin-bottom: 15px
}

.padding-right-0px {
	padding-right: 0px
}

.padding-right-20px {
	padding-right: 20px
}

.desktop_version_sq {
	display: none
}

@media only screen and (min-width: 47em) {
	.desktop_version_sq {
		display: block
	}
	.padding-left-95px {
		padding-left: 95px
	}
	.padding-top-68px {
		padding-top: 68px
	}
	.img_icon_sq {
		width: 75px;
		float: left;
		margin-right: 20px
	}
}

.error-message-container p {
	color: #bd2624;
	font-weight: bold;
	font-size: 0.625em
}

.sidebarpanel {
	position: absolute;
	top: 0;
	right: 0;
	width: 42%
}

.pos-rel {
	position: relative
}

.custom-inf {
	margin: 0 !important
}

.dd-logo-div {
	margin-top: 15px !important
}

.dd-logo-img {
	width: 108px;
	height: 34px;
	object-fit: contain
}

@media only screen and (min-width: 47em) {
	.dd-logo-individual-div {
		padding-top: 40px !important
	}
}

.dd-logo-individual-div {
	margin-top: 15px !important
}

.margin-bottom-30px {
	margin-bottom: 30px
}

.margin-bottom-imp-30px {
	margin-bottom: 30px !important
}

.margin-top-30px {
	margin-top: 30px
}

.margin-top-0px {
	margin-top: 0px !important
}

.margin-bottom-0px {
	margin-bottom: 0px !important
}

a.cursor-pointer {
	cursor: pointer
}

.top-minus-20px {
	top: -20px
}

.top-minus-15px {
	top: -15px
}

.float-left {
	float: left
}

.margin-top-10px {
	margin-top: 10px !important
}

.margin-top-minus-10px {
	margin-top: -10px !important
}

.margin-top-15px {
	margin-top: 15px !important
}

.margin-top-20px {
	margin-top: 20px !important
}

.margin-top-40px {
	margin-top: 40px !important
}


.margin-left-0px {
	margin-left: 0px !important
}

.margin-right-0px {
	margin-right: 0px !important
}

.margin-right-2em {
	margin-right: 2em !important
}

.margin-left-20px {
	margin-left: 20px
}

.margin-right-20px {
	margin-right: 20px
}


.margin-bottom-10px {
	margin-bottom: 10px !important
}

.margin-bottom-20px {
	margin-bottom: 20px !important
}

.margin-bottom-35px {
	margin-bottom: 35px
}

.margin-bottom-80px {
	margin-bottom: 80px
}

.margin-top-80px {
	margin-top: 80px
}
.margin-top-60px {
	margin-top: 60px
}

.padding-left-10px {
	padding-left: 10px
}

.padding-left-20px {
	padding-left: 20px
}

.padding-left-40px {
	padding-left: 40px
}
.padding-left-60px {
	padding-left: 60px !important
}

.monthly-premium-decision {
	font-size: 70px !important;
	width: auto !important
}

.consent-box-decision-sq {	
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	padding-right: 15px !important;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgba(204, 204, 204, 0.5);
	border: solid 1px #aaaaaa;
	background-color: #f9f9f9
}

.consent-box-summary-sq {
  padding: 16px 20px 27px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 2px 0 rgba(204, 204, 204, 0.5);
  background-color: #EEEEEE
}

.font-size-14px {
	font-size: 14px !important
}

.margin-bottom-60px {
	margin-bottom: 60px !important
}

/*---------------------------------------------------------------------------------------
UNDERWRITING LOADING SPINNER RELATED
--------------------------------------------------------------------------------------- */
.lightbox-wrapper {
	background: url('../images/widgets/overlay.png');
	bottom: 0;
	display: none;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 8010
}

.lightbox-wrapper.visible {
	display: block
}

.lightbox {
	display: none;
	margin: 0 auto;
	min-width: 220px;
	text-align: center
}

.lightbox.visible {
	display: block;
	width: 100px
}

.lightbox-content {
	background: #fff;
	border: 1px solid #d5d5d5;
	border-radius: 6px;
	margin: 20px auto;
	padding: 20px;
	position: relative
}

.lightbox-content img {
	margin-top: 20px
}

.horizontal-or-divider {
	background: url(../images/forms/multiple_input_divider_horizontal.png)
		no-repeat center center;
	border: 0;
	padding: 1em;
	text-align: center
}

.padding-top-10px-override {
	padding-top: 10px !important
}

.padding-top-20px-override {
	padding-top: 20px !important
}

.padding-top-25px-override {
	padding-top: 25px !important
}

.padding-top-30px-override {
	padding-top: 30px !important
}

.padding-top-15px-override {
	padding-top: 15px !important
}

.padding-bottom-15px-override {
	padding-bottom: 15px !important
}

.padding-bottom-5px {
	padding-bottom: 5px !important
}

.padding-bottom-0px {
	padding-bottom: 0px !important
}

.padding-bottom-20px-override {
	padding-bottom: 20px !important
}

.padding-right-20px-override {
	padding-right: 20px !important
}

.u-margin--top-none-override {
	margin-top: 0px !important
}

.u-margin--top-15px {
	margin-top: 15px !important
}

.u-margin--bottom-15px {
	margin-bottom: 15px
}

.u-margin--top-20px{
	margin-top: 20px
}

.margin-top-7px{
	margin-top: 7px
}

.brightcove-text-style {
	float: top;
	width: 100%
}

.padding-top-5px-override {
	padding-top: 5px !important
}

.l-max--center-override {
	margin-left: auto !important;
	margin-right: auto !important
}

.summary-style {
	background: #E5EDF8 !important
}

.incentive-card {
	background-color: #004FB6
}

.m-card.m-card-notification.m-card-notification--summary-style {
	border: 0;
	left: -15px !important
}

.word-break {
	word-break: break-all
}

.padding-left-20px {
	padding-left: 20px !important
}

.m-form-row--full-width-override {
	width: 100% !important
}

.a-list-opening-times.list-width_override dt {
	max-width: 48% !important
} 

.card-content-padding-top-bottom {
	padding-top: 30px !important;
	padding-bottom: 0px !important;
}

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

@media only screen and (min-width: 1025px) {
	.desktop-padding-left-15px {
		padding-left: 15px !important
	}
}

@media only screen and (min-width: 1025px) {
	.display-flex {
		display: flex !important
	}
}

@media only screen and (min-width: 1025px) {
	.card-heading-padding-top {
		padding-top: 10px
	}
}