html {
	scroll-behavior: smooth;
}
  
  * {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	box-sizing: border-box;
}

body,
body p {
    font-size: 20px;
    font-family: "Avenir Next Regular", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

select {
    font-size: 20px;
    font-family: "Avenir Next Regular", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    -webkit-appearance: none;
    outline: none;
    font-size: 28px;
    box-sizing: border-box;
    border-radius: 0;
    background: transparent;
    border: 4px solid rgb(149,122,162);;
   // padding: 20px;
    display: block;
	color: #fff;
	float: right;
	margin: 30px 0 0 0;
	text-align: center;
	padding: 20px 30px;
}

select:hover {
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
	text-wrap: pretty;
}

h1 {
	font: 100px Avenir Next Medium;
	text-transform: none;
	font-weight: 300;
	line-height: 1;
	color: #fff;
	text-align: left;
}

section.bg1 h2,
h2 {
	font: 32px Avenir Next Medium;
	color: rgb(149,122,162);
	text-align: right;
}

h2 {
	font: 32px Avenir Next Medium;
}

.sub {
	font: 28px Avenir Next Medium;
	color: rgb(149,122,162);
}

h3.purple {
	color: rgb(125,113,141); 
}

h3.purples {
	color: rgb(125,113,141) !important;
}

h3.purple span {
	font-family: Avenir Next Demi;
	color: rgb(92,72,100);
}

span.lighter {
	font-family: 'Avenir Next Medium';
	color: #fff;
}

ul.purple li {
	font-family: Avenir Next Demi;
	color: rgb(92,72,100);
}

h3.white {
	color: #fff;
}

div.dark * {
	color: #333;
}

h3.darkpurple,
p.darkpurple {
	color: rgb(88,69,97);
}

h3.darkpurple b {
	color: rgb(175,154,185);
}

p.white {
	color: #fff;
}

.smaller p {
	font-size: 18px;
}

a {
	color: rgb(57,100,189);
}

.card a,
a.email,
a.link,
a.dark,
a.white {

}

a.white {
	color: #fff;
	border-bottom: 1px solid #fff;
}

a.dark {
	color: #333;
	border-bottom: 1px solid #333;
}

div.white * {
	color: #fff;
}

.headline {
	font: 80px Avenir Next Medium;
	text-transform: none;
	font-weight: 300;
	line-height: 1;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
}

.headline.purple {
	color: rgb(88,69,97);
}

h3 {
	font: 30px 'Avenir Next Demi';
}

h3 span {
	color: rgb(175,154,185);
	
}

h4 {
	font: 30px 'Avenir Next Demi';
}

h5 {
	font: 24px 'Avenir Next Demi';
	color: rgb(88,69,97);
	margin: 0 0 20px 0;
}

h6 {
	font-size: 22px;
	text-transform: uppercase;
	color: rgb(165,142,77);
	margin: 0 0 20px 0;
}

p {
	margin: 0 0 30px 0;
}

p.steps,
p strong {
	font-family: 'Avenir Next Demi';
	color: #fff;
}

div.white p.steps i,
p b {
	font-family: 'Avenir Next Demi';
	color: rgb(175,154,185) !important;
}


p i {
	font-family: 'Avenir Next Demi';
	font-style: normal;
	font-weight: bold;
	color: rgb(88,69,97);
}

u {
	border-bottom: 1px solid #333;
}

a.link {
	color: rgb(57,100,189);
	border-bottom: 1px solid rgb(57,100,189);
}

section {
	min-height: 100vh;
	display: flex;
	justify-content: center; /* Horizontally centers the <main> */
	align-items: center;    /* Vertically centers the <main> */
}

section.normal {
	min-height: inherit;
}

section:nth-child(odd) {
}

section.dark {
	background: #000;
	color: #fff;
}

section.purple {
	background: rgb(53,42,57);
	color: #fff;
}

section.white {
	background: #fff;
}

section.bg1 {
	background: url('../images/welcome/img/bg1.png') center no-repeat;
	background-size: cover;
	aspect-ratio: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	transition: background-position 1s ease-in-out;
	animation: backgroundMove 10s ease-in-out infinite;
}

@keyframes backgroundMove {
  0% {
    background-position: center top;
  }
  50% {
    background-position: center bottom;
  }
  100% {
    background-position: center top;
  }
}

.bg2 {
   // background: url(../images/welcome/img/bg2.jpg) 170% top no-repeat;
   background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%), url('../images/welcome/img/bg2.jpg');
   background-position: right top;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}

.bg3 {
	background: url('../images/welcome/img/bg3.png') center no-repeat;
	background-size: cover;
	aspect-ratio: cover;
	background-attachment: fixed;
}

.bg4 {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 16%, rgba(255, 255, 255, 0) 100%), url('../images/welcome/img/bg4.jpg');
	background-repeat: no-repeat;
	background-position: right 30%;
	background-size: cover;
	background-attachment: fixed;
}

.bg5 {
	background: url('../images/welcome/img/bg5.jpg') center no-repeat;
	background-size: cover;
	aspect-ratio: cover;
	background-attachment: fixed;
}

.bg6 {
	background: url('../images/welcome/img/bg6.png') center no-repeat;
	background-size: cover;
	aspect-ratio: cover;
	background-attachment: fixed;
}

.bg7 {
	background: url('../images/welcome/img/bg7.png') center no-repeat;
	background-size: cover;
	aspect-ratio: cover;
	background-attachment: fixed;
}

.bg8 {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%), url('../images/welcome/img/bg8.png');
	background-position: right 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
 }

.bg9 {
	background: url('../images/welcome/img/bg9.png') center no-repeat;
	background-size: cover;
	aspect-ratio: cover;
	background-attachment: fixed;
}

.bg10 {
	background: url('../images/welcome/img/bg10.png') center no-repeat;
	background-size: cover;
	aspect-ratio: cover;
	background-attachment: fixed;
}


.trans {
	background: rgba(53,42,57,0.8);
	width: 100%;
	min-height: 100%;
}

.trans.light {
	background: rgba(255,255,255,0.8);
}

.trans.mid {
	background: rgba(92,72,100,0.8);
}

.trans.darker {
	background: rgba(0,0,0,0.8);
	width: 100%;
	min-height: 100%;
}


.save-as-pdf-pdfcrowd-button {
	background: transparent !important;
}

.save-as-pdf-pdfcrowd-button-wrap,
a.button {
	padding: 20px 40px;
	text-align: center;
	background: rgb(165,142,77);
	display: inline-block;
	color: #fff;
	margin: 0 0 20px 0;
	min-width: 270px;
	text-transform: uppercase;
}

.save-as-pdf-pdfcrowd-button-wrap,
a.button.mini {
	font-size: 16px;
	text-transform: uppercase;
	padding: 11px 10px 12px;
	min-width: inherit;
}

.stick div.save-as-pdf-pdfcrowd-button-wrap {
    display: block;
    width: 150px;
    float: right;
    margin: 0px 0 0 0;
}

.sticky {
	background:rgb(88,69,97);
	padding: 20px;
}

.sticky p {
	font: 14px 'Avenir Next Demi';
	color: #fff;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
	text-wrap: pretty;
}

.stick {
	background:rgb(88,69,97);
	padding: 10px 20px;
	position: sticky;
    top: 0;
	clear: both;
    display: inline-block;
	width: 100%;
	z-index: 99999;
}

.stick dl {
	display: flex;
}

.stick dt {
	float: left;
	color: #fff;
	width: 180px;
    min-width: 180px;
    max-width: 180px;
    flex-grow: 1;
    order: 1;
    margin: 0 0px 0 0;
}

.stick dt img {
	width: 80px; 
	height: auto; 
	margin: 0 0 10px 0; 
	display: block;
}

.stick dt small {
	font-size: 14px;
	text-transform: uppercase;
}

.stick dd {
	flex-grow: 1;
	order: 2;
	margin: 5px 0 0 0;
}

.stick .menu {
	color: #fff;
	font-size: 16px;
	padding: 10px;
	width: 200px;
	margin: 0 0 0 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	float: right;
	text-align: center;
	text-transform: uppercase;
}

.stick .menu:hover,
.stick .menu.active {
	border-top: 1px solid rgb(165,142,77);
	border-bottom: 1px solid rgb(165,142,77);
	color: rgb(165,142,77);
	transition: all 0.3s ease-in;
}

.stick .menu p {
	cursor: pointer;
	margin: 0;
}

.stick dd > a {
	float: right;
}

.stick dd ul {
	display: none; /* Initially hidden */
	overflow: hidden; /* Prevent content overflow */
	transition: max-height 0.3s ease;
	position: absolute;
    right: 0;
    margin: 0;
	width: 320px;
    padding: 10px 20px 15px;
	background:rgb(88,69,97);
}

.stick dd ul li {
	display: block;
	padding: 5px 10px;
}

.stick dd ul li a {
	color: #fff;
	display: block;
	text-align: left;
}

.stick dd ul li:hover a {
	color: rgb(165,142,77);
	transition: all 0.3s ease-in;
}

.stick a.button.mini {
	margin: 0;
}

.fade {
	font: 40px "Baskervville", "serif";
	line-height: 0.85;
	text-transform: uppercase;
	position: relative;
	left: 5%;
	top: 0;
}

.fade1 { color: rgb(64,53,80); }
.fade2 { color: rgb(69,55,87); }
.fade3 { color: rgb(92,73,114); }
.fade4 { color: rgb(130,105,158); }
.fade5 { color: rgb(168,152,187); }

.fade span {
	color: #fff
}

.fade5 small {
	font: 16px "Avenir Next Regular";
	float: right;
	color: #fff;
	margin: 10px 0 0 10px;
}

main {
    display: flex;
   	width: 100%;
	max-width: 1600px;
	margin: 0px auto;
	padding: 5%;
}

main.solo {
	display: block;
}

main.middle {
	min-height: 100vh;
	display: flex;
	justify-content: center; /* Horizontally centers the <main> */
	align-items: center;    /* Vertically centers the <main> */
	text-align: left;
	//min-width: 100%;
	width: 100%;
	padding: 5%;
}

.block {
	display: block;
}

article {
	width: 52%;
    min-width: 52%;
    max-width: 52%;
    flex-grow: 1;
    order: 1;
    margin: 0 30px 0 0;
}

article.larger {
	width: 80%;
	min-width: 80%;
	max-width: 80%;
	margin: 0px auto;
}

article.gap {
	margin-top: 60px;
}

.top60 {
	position: relative;
	top: 60px;
}

.bottom20 {
	margin: 0 0 20px 0;
}

.bottom40 {
	margin: 0 0 40px 0;
}

.bottom60 {
	margin: 0 0 60px 0;
}

article p {
	margin: 0 0 30px 0;
}

aside {
    flex-grow: 1;
    order: 2;
}

article > *, 
aside > * {
    display: block;
}

article > a , 
aside > a {
    display: inline-block;
}

ul,
ol {
	margin: 30px 0;
}

ul li {
	list-style: disc;
	list-style-position: inside;
}

ol li {
	list-style: decimal-leading-zero;
	list-style-position: inside;
	margin: 0 0 10px 0;
}

ol li:last-of-type {
	margin: 0;
}

/* HERO */

.bg1 img {
	width: 280px; 
	height: auto;
	display: block;
	margin: 0 0 20px 0;
}

.downwards {
	position: absolute;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    left: 0;
	bottom: 0;
    width: 60px;
    height: 60px;
}

.downwards a {
	background: url('../images/welcome/svg/down.svg');
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    bottom: 30px;
	animation: pulse-move 1.5s infinite ease-in-out;
}

h1.images {

}

.o-wrapper {
    display: inline-block;
    width: 100px;
    height: 100px;
    vertical-align: top;
}

.headline .o-wrapper {
    width: 70px;
    height: 80px;
}
  
  .o-wrapper img {
	width: 100%; /* Ensure image scales responsively */
	height: 100%; /* Maintain square aspect ratio */
	object-fit: contain; /* Fit the image without distortion */
  }

@keyframes pulse-move {
    0%, 100% {
        transform: translateY(0); /* Initial position */
    }
    50% {
        transform: translateY(-10px); /* Moves up slightly */
    }
}

/* WELCOME */

dl.welcome {
	display: flex;
	min-width: 100%;
}

dl.welcome dt {
	width: 280px;
	min-width: 280px;
	max-width: 280px;
	flex-grow: 1;
	order: 1;
	margin: 0 30px 0 0;
}
	
dl.welcome dd  {
	flex-grow: 1;
	order: 2;
}

.headline.images {
	display: inline-flex; /* Makes sure elements align well */
	align-items: center; /* Align text and image vertically */
}

img.avatar {
	width: 100%;
	height: auto;
	display: block;
}

img.signature {
	width: 280px; 
	height: auto;
	display: block;
}

/* INTRODUCTION */

ul li {
	list-style: none;
}

ul.minibullet li {
	list-style: disc;
	margin: 0 0 10px 10px;
}

ul.minibullet li:last-of-type {
	margin: 0 0 0 10px;
}

ul.minibullet li b {
	font-family: 'Avenir Next Demi';
}


ul.purple {
	font-family: 'Avenir Next Medium';
}

ul.purple li,
ul.white li {
    position: relative;
	color: rgb(88,69,97);
    padding-left: 30px; /* Space for the tick icon */
    margin-bottom: 3px;
}

ul.white li {
	color: #fff;
}

ul.purple li::before,
ul.white li::before {
    content: '';
    background-image: url('../images/welcome/svg/tick.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0.2em; /* Adjust to align with text */
    width: 20px;
    height: 20px; /* Size of the tick icon */
}

ul.purple.whiten li::before {
    content: '';
    background-image: url('../images/welcome/svg/tick-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 20px;
    height: 20px;
}

/* ADMINISTRATION */

ul.two {
	margin: 0 0 20px 0;
	overflow: hidden;
}

ul.two.purple li {
	float: left;
	width: 50%;
}

/* CLAIMS */

.boxes {
	overflow: hidden;
	display: flex;
	gap: 10px;
	margin: 40px 0;
}

.boxes small {
	text-transform: uppercase;
    display: block;
    margin: 25px 0 0 0;
}

.boxes p.space {
	margin: 20px 0 30px;
}

.box1 {
	background: rgb(87,68,96);
	padding: 20px;
	width: 28%;
	float: left;
}

.box2 {
	background: rgb(134,112,61);
	padding: 20px 1%;
	width: 28%;
	float: left;
}

.box3 {
	background: rgb(125,113,141);
	padding: 20px;
	width: 44%;
	float: left;
}

.boxes dl {
	display: flex;
}

.boxes dl dt {
	width: 60px;
    min-width: 60px;
    max-width: 60px;
    flex-grow: 1;
    order: 1;
    margin: 0 0px 0 0;
	text-align: right;
}

.boxes dl dd {
    flex-grow: 1;
    order: 2;
}

.boxes dl dd p {
	margin: 0;
}

dl.golden dt .nums,
dl.golden dd p {
	color: rgb(217,206,174);
}

.quotes {
    display: flex;
    align-items: center; /* Align items (images and text) vertically */
    justify-content: center; /* Optional: Center the content horizontally */
    gap: 10px; /* Space between images and text */
}

.q1, .q2 {
	height: auto;
    max-width: 15%;
    width: auto;
}

.q2 {
	height: auto;
    max-width: 20%;
    width: auto;
}

.quote {
    text-align: left; /* Center the text inside the div */
	margin: 0 10px;
}

img.emails {
	width: 40px;
	height: auto;
	margin: 0 0 10px 0;
	display: block;
}

dl.tips {
	width: 320px;
	margin: 0 0 20px 0;
}

dl.tips dt {
	background: rgb(176, 153, 91);
	color: #fff;
	padding: 10px;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

dl.tips dd {
	background: rgb(218, 207, 175);
    color: rgb(88, 69, 97);
	padding: 20px;
}

.vimeoplayer {
	width: 100%; /* Ensures the parent div spans the full width of its container */
	height: 100%; /* Ensures the parent div spans the full height of its container */
	position: relative; /* Allows absolute positioning inside */
  }
  
  .vimeoplayer iframe {
	width: 100%; /* Full width of the parent */
	height: 100%; /* Full height of the parent */
	border: none; /* Removes default iframe border */
	position: absolute; /* Ensures proper alignment within the parent */
	top: 0;
	left: 0;
  }

/* PACK */

ul.buttons {
	overflow: hidden;
}

ul.buttons li {
	float: left;
	margin: 10px;
}

/* RENEWALS */

.tables {
	display: flex;
}

.tables .row {
	display: flex;
	flex-direction: column;
}

.pair {
	display: contents;
	align-items: stretch;
	gap: 0.5rem;
}

.tables dd {
	flex: 1;
}

.tables dl {
	width: 20%;
	margin: 0 20px 0 0;
	position: relative;
}

.tables.twos dl.row {
	width: 48%;
}

.tables dl.last {
	align-self: center; 
}

.tables.threes dl {
	float: left;
	width: 33%;
	margin: 0 20px 0 0;
}

.tables.twos dl {
	float: left;
	width: 50%;
	margin: 0 20px 0 0;
}

.tables dl dt {
	font-family: 'Avenir Next Demi';
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

.tables dl dd {
	padding: 10px;
}

.tables dl.one dt { background: rgb(88,69,97); }
.tables dl.one dd { background: rgb(217,206,222); color: rgb(88,69,97); }

.tables dl.two dt { background: rgb(198,183,137); }
.tables dl.two dd { background: rgb(230,224,204); color: rgb(59,58,53); }

.tables dl.three dt { background: rgb(165,165,164); }
.tables dl.three dd { background: rgb(216,216,216); color: rgb(59,58,53); }

.tables dl.four dt { background: rgb(117,91,129); }
.tables dl.four dd { background: rgb(175,154,185); color: rgb(88,69,97); }

.tables dl.five dt { background: rgb(176,153,91);  }
.tables dl.five dd { background: rgb(218,207,175); color: rgb(88,69,97); }

.tables dl::after {
	content: "";
    display: inline-block;
    background-image: url('../images/welcome/svg/plus.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    position: absolute;
	top: 25px;
    right: -20.5px;
    padding: 0;
}

.tables dl.row.four::after,
.tables.twos dl:nth-child(2)::after,
.tables.threes dl:nth-child(3):after,
.tables dl:nth-child(5):after,
.tables dl.last::after {
	display: none;
}

.circle {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: rgb(149,122,162);
	color: #fff;
	padding: 20px;
	text-align: center;
}

.circle.bigcircle {
	width: 250px;
    height: 250px;
}

hr {
	height: 1px;
	border-bottom: 1px solid #fff;
	margin:  10px 0;

}

.tables .circle {
	margin: 0px auto;
}

.circle .num {
    font: 62px "Baskervville", "serif";
    line-height: 0.6;
    margin: 0 0 30px 0;
}

.circle .day {
	font-size: 18px;
	text-transform: uppercase;
}

.days {
	display: flex;
	border-bottom: 1px solid rgb(165,142,77);
	margin: 0 0 20px 0;
}

.days dt {
	padding: 20px 0;
    background: rgb(125, 113, 141);
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    flex-grow: 1;
    order: 1;
    margin: 0 20px 0 0;
    color: #fff;
    text-align: center;
    height: fit-content;
}

.days dt p {
	text-transform: uppercase;
	margin: 0;
}

.days dd {
	flex-grow: 1;
    order: 2;
    display: inline-flex;
    align-items: center;
}

.days dd p {
	display: block;
	margin: 0;
	font-size: 15px;
}

.nums {
	font: 50px "Baskervville", "serif";
    line-height: 0.6;
    margin: 0 0 10px 0;
	display: block;
	text-align: center;
}

.lineleft {
	border-left: 10px solid rgb(124,102,135);
	padding: 0 0 60px 20px;
}

.linetop {
	border-top: 10px solid rgb(124,102,135);
	width: 360px;
}

.renew {
	height: 80px;
}

.renew .circle {
	font-size: 15px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 100px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    top: -80px;
    text-align: center;
    padding: 0;
    left: 270px;
}

.renew .circle p {
	margin: 0;
}

.note {
	color: rgb(164,1,0);
}

.note strong {
	font-family: 'Avenir Next Demi';
}

.gradient {
	width: 100%;
	min-height: 600px;
	background: linear-gradient(to bottom, #fff, rgba(118, 106, 132,0.7));
	padding: 40px;
}

.gradient.darken {
	width: 100%;
	min-height: 600px;
	background: linear-gradient(to bottom, rgba(118, 106, 132, 0.3) 0%, rgba(103, 88, 115, 1) 50%, rgba(88, 69, 97, 1) 100%);
	padding: 40px;
}

table {
	border-collapse: inherit;
    border-spacing: 0;
    border-color: inherit;
}

table tr {

}

div.dark table tr td {
	color: #fff;
	padding: 20px;
	border-bottom: 5px solid #fff;
}

div.dark table tr td:nth-child(odd) {
	border-right: 5px solid #fff;
}

div.dark table tr:last-of-type td {
	border-bottom: 0;
}

table td.t1 {background: rgb(53,42,57);}
table td.t2 {background: rgb(53,42,57);}
table td.t3 {background: rgb(88,69,97);}
table td.t4 {background: rgb(118,96,21);}
table td.t5 {background: rgb(100,77,111);}
table td.t6 {background: rgb(165,142,77);}
table td.t7 {background: rgb(110,84,121);}
table td.t8 {background: rgb(176,153,91);}
table td.t9 {background: rgb(117,91,129);}
table td.t10 {background: rgb(190,172,118);}
table td.t11 {background: rgb(125,96,138);}
table td.t12 {background: rgb(198,183,137);}
table td.t13 {background: rgb(149,122,162);}
table td.t14 {background: rgb(214,203,169);}

/* ONLINE SERVICE CENTRE */

.keyservices {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 0px;
	padding: 25px 13%;
	position: relative;
	width: 88%;
	margin: 0 auto;
	border: 3px solid #b88a2d;
	border-radius: 10px;
}
	
.keyservices .circled {
	background: linear-gradient(to bottom, #d4af37, #8b6b20);
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	padding-top: 0;
	width: 100px;
	height: 100px;
}

.circled p {
    font: 10px 'Avenir Next Demi';
    margin: 0;
}
	
.keyservices .circled::after {
	content: attr(data-label);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	line-height: 1.2;
}
	
.circled.first {
	position: absolute;
	top: 25px;
	left: -50px;
}
	
.circled.last {
	position: absolute;
	top: 25px;
	right: -50px;
}

/* SUPPORT */

.flexing {
	display: flex; 
	flex-direction: column;
}

.flex {
	display: flex;
}

.headline.headimg {
	display: inline-flex; 
	align-items: center;
}
  
.health {
	margin-left: 30px; 
	vertical-align: middle; 
	width: 200px;
	height: auto;
}

/* VIDEOS */

ul.grid {
	overflow: hidden;
	 display: block;
}

ul.grid li {
	width: 30%;
	margin: 1%;
	float: left;
}

ul.grid li p {
	margin: 10px 0;
}

ul.grid li a {
	color: #fff;
}

section#support ul.grid li p a {
    color: rgb(88,69,97);
    border-bottom: 1px solid rgb(88,69,97);
}

video {
	display: block;
	margin: 0 0 20px 0;
}

iframe {
	width: 100%;
	height: 240px;
}

/* KEY CONTACTS */

.grids {
	display: block;
	overflow: hidden;
	margin: 0 0 30px 0;
}

.grids li {
	display: inline-flex;
	//width: 23%;
	margin: 1%;
}

.grids.nocontact li {
	display: inline-block;
}

.card {
	background: rgb(83,65,90);
	color: #fff;
	padding: 15px;
	margin: 0 0 20px 0;
}

.card h5 {
	color: #fff;
	font-size: 15px;
}

.card a {
	color: #fff;
}

.card p {
	font-size: 15px;
	line-height: 1.4;
}

/* FOOTER */

footer {
	margin: 40px 0 0 0;
}

footer p {
	font-size: 14px;
	text-align: left;
}

footer a {
	border: 0 !important;
}

footer small {
	font-size: 12px;
}

.mobile {
	display: none !important;
}

.tablet {
	display: none !important;
}

.printed {
	display: none;
}

.otherclaim ul.white li::before {
    content: '';
    background-image: url('../images/welcome/svg/tick-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 20px;
    height: 20px;
}

.bg10 ul.purple li::before {
	    content: '';
    background-image: url('../images/welcome/svg/tick-white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 1260px) {

.fade5 small {
	position: absolute;
	font: 14px "Avenir Next Regular";
	color: #fff;
	width: 100%;
	margin: 0 0 0 15px;
}

.fade5 small span {
	display: block;
	position: relative;
}

}

@media screen and (max-width: 1200px) {

.grids.nocontact {
	display: block;
}	

.grids.nocontact li {
    flex-direction: column;
    width: 48%;
    float: left;
}

}

@media screen and (max-width: 1180px) {

.tables.threes .circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgb(149, 122, 162);
    color: #fff;
    text-align: center;
    padding: 10px;
}

.tables.threes .circle .num {
    font: 42px "Baskervville", "serif";
    line-height: 0.6;
    margin: 0 0 15px 0;
}

}

@media screen and (max-width: 1140px) {

.tablet {
	display: block !important;
}

.tablet .row.five {
	margin: 0px auto 30px;
	display: block;
	overflow: hidden;
	width: 250px
}

.headline.headimg {
	display: block; 
}

.health {
	margin: 10px 0 0 0;
}

.tables {

}

.tables .row {

}

.tables dl.last {
    clear: both;
    float: left;
    margin: 20px 0 0 0;
}

dl.row.five.last {
	display: none;
}

}

@media screen and (max-width: 1080px) {

.bg7 .flex {
	display: block;
}

.bg7 .flex article,
.bg7 .flex aside {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	float: none;
}

.bg7 .flex article {
	margin: 0 0 40px 0;
}

.keyservices {
	padding: 25px 15.5%;
}

}

@media screen and (max-width: 980px) {

	body,
	body p {
		font-size: 16px;
	}

	ul li, p {
		font-size: 16px;
	}

	h1 {
		font: 50px Avenir Next Medium;
		line-height: 1;
	}

	h1 .o-wrapper {
		display: inline-block;
		width: 50px;
		height: 50px;
		vertical-align: top;
	}
	
	.headline {
		font: 40px Avenir Next Medium;
		line-height: 1;
	}

	.headline .o-wrapper {
		display: inline-block;
        width: 35px;
        height: 35px;
        vertical-align: middle;
        margin: -10px 0px 0 0px;
	}

	h3,
	body h3,
	.sub {
		font: 26px 'Avenir Next Demi';
	}

	main,
	main.middle {
		width: 90%;
		min-width: 90%;
        margin: 0px auto;
        padding: 5%;
	}

	.tables.threes {
		display: block;
	}

	.tables.threes dl {
		width: 48%;
		float: left;
		margin: 1%;
	}

	.tables.threes dl:last-of-type {
		width: 98%;
		float: none;
		margin: 1%;
	}

	.tables.threes dl::after {
		display: none;
	}

	.quotes .smaller p {
		font-size: 16px;
	}

	.boxes {
		display: block;
	}

	.box1, .box2 {
		width: 48%;
		margin: 1%;
		float: left;
	}

	.box3 {
		width: 98%;
		float: none;
		margin: 1%;
		overflow: hidden;
	}
	
}

@media screen and (max-width: 880px) {

section.whathappens .trans {
	max-width: 100%;
	margin: 0px auto;
	padding: 0 2%;
}

}

@media screen and (max-width: 840px) {

.fade5 small {
	width: 44%;
}

.grids {
	display: block;
}

.grids li {
	width: 100%;
	float: none;
	display: block;
}

.grids.nocontact {
    display: block;
}

.grids.nocontact li {
    vertical-align: top;
}

footer article {
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	margin: 0px auto;
}

}

@media screen and (max-width: 780px) {

h3, .sub {
    font: 20px 'Avenir Next Demi';
}

section.bg1 {
	height: 100vh;
}

section.bg1 .trans {
	min-height: 100vh;
}

section.bg1 main.middle {
	display: flex;
}

section {
	margin: 0px;
	min-height: inherit;
	display: block;
}

main,
main.middle {
	padding: 30px 0;
	display: block;
	min-height: inherit;
}

article,
article.larger {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
	margin: 0px;
}

aside {
	margin: 30px 0 0 0;
}

.trans {
	min-height: inherit;
}

dl.welcome {
	display: block;
}

.tables {
    display: flex;
    flex-direction: column;
}

.tables dl {
	width: 100%;
	margin: 0 0 20px 0;
}

.tables dl:last-of-type {
	margin: 0;
}

table {
	width: 100%;
}

.tables dl::after {
    position: relative;
    top: 8px;
    right: -50%;
    padding: 0;
}

.tables.threes dl,
.tables.threes dl:last-of-type {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
}

.tables.threes dl:last-of-type {
	margin: 0;
}

.tables.twos {
	flex-direction: inherit;
	width: 100%;
	margin: 0;
}

.tables.twos dl {
	width: 46%;
	margin: 0 2%
}

.tables.twos dl::after {
	margin-top: 0px;
    position: absolute;
    top: 25px;
    right: -24px;
    padding: 0;
}

section.whathappensnext article {
    width: 96%;
    min-width: 96%;
    max-width: 96%;
}

.gradient {
	min-height: inherit;
}

.fade {
	position: relative;
}

.bg10 .block a.button {
	float: none !important;
}

.boxes {
	flex-direction: column;
}

.box1, .box2, .box3 {
	width: 100%;
	float: none;
}

.flexing, .flex {
	display: block;
}

ul.grid li {
    width: 48%;
    margin: 1%;
    float: left;
}

.grids li {
    width: 98%;
    float: none;
    margin: 1% 2% 1% 0;
}

.keyservices {
	padding: 25px 13%;
}

}

@media screen and (max-width: 680px) {

	body, body p {
		font-size: 16px;
		font-family: "Avenir Next Regular", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	}

	p {
		line-height: 1.2;
	}

	a.link,
	a.dark,
	.dark p a {
		color: #333;
		border-bottom: 1px solid #333;
		overflow-wrap: break-word;
	}

	a.link,
	a.email.link { 
		overflow-wrap: break-word;
	}

	.mobile {
		display: block;
	}

	h1,
	.headline {
        font: 32px Avenir Next Medium;
        line-height: 1;
        text-align: left;
		margin: 0 0 20px 0;
    }

	h1 .o-wrapper {
		display: inline-block;
		width: 32px;
		height: 32px;
		vertical-align: top;
	}
	
	.headline {
		font: 40px Avenir Next Medium;
		line-height: 1;
	}

	.stick div.save-as-pdf-pdfcrowd-button-wrap {
		width: 120px;
		margin: 0 10px 0 0;
		padding: 10px 5px 10px;
	}

	.save-as-pdf-pdfcrowd-button-wrap .save-as-pdf-pdfcrowd-button {
		font-size: 16px !important;
	}

	section.bg1 h2, h2,
	h2 {
		font: 25px Avenir Next Medium;
		text-align: left;
		margin: 10px 0 0 0;
	}

	.print1 main {
		max-width: 96% !important;
		width: 96% !important;
	}

	.fade {
		left: 0;
	}

	.bottom60 {
		margin: 0 0 40px 0;
	}

	.bottom40 {
		margin: 0 0 20px 0;
	}

	.stick dt {
		width: 150px;
		min-width: 150px;
		max-width: 150px;
	}

	.stick .menu {
		width: 100%;
		max-width: 150px;
		margin: 0;
	}

	dl.welcome dt {
		margin: 0px auto;
	}

	section.bg1,
	section.bg6,
	section.bg7,
	section.bg8,
	section.bg9,
	section.bg10 {
		background-attachment: inherit;
	}

	section.bg1 img.utmostlogo {
		width: 180px !important;
		height: auto !important;
		margin: 0 0 20px 0 !important;
		display: block; 
	}

	.stick a.button {
		display: none;
	}

	.linetop {
		width: 220px;
	}

	.renew .circle {
		left: 125px;
	}

	ul.grid li {
		width: 98%;
		margin: 1% 1% 20px;
		float: none;
	}	

	ul.grid li:last-of-type {
		margin: 1% 1% 0;
	}

	.q1, .q2 {
		height: 60px;
		width: auto;
	}

	.q2 {
		height: 100px;
		width: auto;
	}

	.smaller p {
		font-size: 14px;
	}

    .fade {
        font: 20px "Baskervville", "serif";
        line-height: 1;
    }

	.renew .circle p {
		margin: 0;
		top: 43px;
		position: relative;
	}

	.save-as-pdf-pdfcrowd-button-wrap, a.button {
		display: block;
	}

    .fade5 small {
        font: 12px "Avenir Next Regular";
        line-height: 1.2;
        width: 100%;
        display: block;
        margin: 5px 0 0;
        position: relative;
		text-wrap: pretty;
    }

	.nums {
		font: 30px "Baskervville", "serif";
	}

	.gradient {
		padding: 10px;
	}

	.days dt {
		min-width: 60px;
    	max-width: 60px;
		max-width: 60px;
	}

	.keyservices {
		display: block;
		width: fit-content;
		padding: 20px;
		margin: 40px auto;
	}

	.circled {
        margin: 20px 0;
    }

	.circled.first, .circled.last {
        position: relative;
		top: inherit;
		left: inherit;
        margin: -60px auto 0;
    }

	.circled.last {
        position: relative;
		top: inherit;
		right: inherit;
        margin: 0 auto -60px;
    }

	.grids.nocontact li {
        flex-direction: column;
        width: 98%;
        float: none;
        margin: 1%;
    }

	.tables.twos dl::after {
        right: -22px;
	}

}

@media screen and (max-width: 380px) {

ul.two.purple li {
	float: none;
	width: 100%;
}

}