/*VARIABLES*/
:root {
  --color-red: #E11B22;
  --color-gold: #F0AB00;/*rgb(240,171,0)*/
  --color-green: #7AB800;/*rgb(122,184,0)*/
  --color-lightblue: #5EB9E4;/*rgb(94,185,228)*/
  --color-blue: #0083A9;/*rgb(0,131,169)*/
  --color-darkblue: #0039A6;/*rgb(0,57,166)*/
  --color-midnightblue: #003F72;/*rgb(0,63,114)*/
  --color-purple: #6E267B;/*rgb(110,38,123)*/
  --color-brown: #4F4525;/*rgb(79,69,37)*/
  --color-cream: #D3CD8B;/*rgb(211,205,139)*/
  --color-lightgrey: #C9CAC8;/*rgb(201,202,200)*/
  --color-darkgrey: #4D4F53;/*rgb(77,79,83)*/
}

* {
  scrollbar-width: thin;          /* "auto" or "thin"  */
  scrollbar-color: #4D4D4D #CCC;   /* scroll thumb & track */ 
}

::selection{
  color: #E11B22;
  background: #fff;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! TEMPORARY HIDES HELPDESK PHONE NUMBER*/
#floating-header li.call {
	visibility: hidden;
}

/*FONTS*/

/*OnlineTwoIconFont Regular*/
@font-face {
  font-family: OnlineTwoIconFont;
  font-weight: normal;
  font-style: normal !important;
  src: url('/smartfuture/media/FONTS/OnlineTwoIconFont_v2.ttf') format('truetype');
}

/*FontAwesome Regular*/
@font-face {
  font-family: FontAwesomeExpRegular;
  font-weight: normal;
  font-style: normal !important;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.eot') format('eot'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.ttf') format('truetype'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.woff') format('woff'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.woff2') format('woff2');
}

/*FontAwesome Solid*/
@font-face {
  font-family: FontAwesomeExpSolid;
  font-weight: normal;
  font-style: normal !important;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.eot') format('eot'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.ttf') format('truetype'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.woff') format('woff'),
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.woff2') format('woff2');
}

[class*="fab fa-"]::before {
  font-family: FontAwesome;
  font-style: normal;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

[class*="fab fa-"]:hover::before {
  opacity: 0.6;
}

/*PreloSlab*/

@font-face {
  font-family: PreloSlab_Bold;
  src: url('/smartfuture/media/FONTS/DSType-PreloSlab-Bold.otf') format('otf'),
    url('/smartfuture/media/FONTS/DSType-PreloSlab-Bold.woff2') format('woff2'),
    url('/smartfuture/media/FONTS/DSType-PreloSlab-Bold.woff') format('woff'),
    url('/smartfuture/media/FONTS/DSType-PreloSlab-Bold.ttf') format('truetype'),
    url('/smartfuture/media/FONTS/DSType-PreloSlab-Bold.svg#PreloSlab_Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: PreloSlab;
  src: url('/smartfuture/media/FONTS/DSType-PreloSlab-Book.otf') format('otf'),
    url('/smartfuture/media/FONTS/DSType-PreloSlab-Book.woff2') format('woff2'),
    url('/smartfuture/media/FONTS/DSType-PreloSlab-Book.woff') format('woff'),
    url('/smartfuture/media/FONTS/DSType-PreloSlab-Book.ttf') format('truetype'),
    url('/smartfuture/media/FONTS/DSType-PreloSlab-Book.svg#PreloSlab') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*StoneSans*/

@font-face {
  font-family: StoneSans;
  src: url('/smartfuture/media/FONTS/StoneSansIIITCProBk.otf') format('otf'),
    url('/smartfuture/media/FONTS/StoneSansIIITCProBk.woff2') format('woff2'),
    url('/smartfuture/media/FONTS/StoneSansIIITCProBk.woff') format('woff'),
    url('/smartfuture/media/FONTS/StoneSansIIITCProBk.ttf') format('truetype'),
    url('/smartfuture/media/FONTS/StoneSansIIITCProBk.svg#StoneSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: StoneSans_Bold;
  src: url('/smartfuture/media/FONTS/StoneSansIIITCProBd.otf') format('otf'),
    url('/smartfuture/media/FONTS/StoneSansIIITCProBd.woff2') format('woff2'),
    url('/smartfuture/media/FONTS/StoneSansIIITCProBd.woff') format('woff'),
    url('/smartfuture/media/FONTS/StoneSansIIITCProBd.ttf') format('truetype'),
    url('/smartfuture/media/FONTS/StoneSansIIITCProBd.svg#StoneSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  outline: none !important;
}

#main {
  margin: 1rem 0 0 0;
}

:focus {
  outline: none !important;
}

#home-online-three {
  background-color: transparent;
}

#home {
  background: -o-linear-gradient(180deg, #000, #E11B22);
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#E11B22));
  background: -o-linear-gradient(top, #000, #E11B22);
  background: linear-gradient(180deg, #000, #E11B22);
}

#main {
  background-color: transparent;
  margin: 1rem 0;
}

.ui-tooltip {
  font-family: StoneSans;
  border: 1px solid #4D4D4D;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.online-two-iso .bar-loader-container {
  top: 5px;
  position: relative;
  vertical-align: unset;
}

.inline-loader-bar {
  background-color: #FFF !important;
}

.btn:hover .inline-loader-bar,
.btn:hover .inline-loader-bar {
  background-color: #4D4D4D !important;
}

.btn-generic a {
  text-transform: uppercase;
  font-family: StoneSans_Bold;
  font-size: 1rem;
  padding: 10px 18px;
  border: 3px solid #4D4F53;
  -webkit-transition: 0.5s all linear;
  -o-transition: 0.5s all linear;
  transition: 0.5s all linear;
}

.btn-generic a:hover,
.btn-generic a:active,
.btn-generic a:focus {
  text-decoration: none;
  color: #fff;
  background: #E11B22;
  border-color: #E11B22;
}

/*Login Page*/
.online-two-iso.login body {
  background-image: url("/smartfuture/media/IMG/pexels-ludvig-hedenborg-4490439(1).jpg");
}

#wrapper.isLoginPageWrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.LoginPageContainer #header {
  position: absolute;
  top: 0;
}

.online-two-iso.login .LoginPageContainer #main {
  margin: 10%;
}

#wp-login::before {
  content: 'Welcome to Smart Future';
  font-family: Preloslab_Bold;
  font-size: clamp(2rem,3rem,3vw);
  text-align: center;
  margin: 0 auto;
  padding: 0 15%;
  display: block;
}

#loginBoxTitle {
  font-family: StoneSans_Bold;
}

#loginBoxTitle input {
  font-family: StoneSans;
}

#wp-forgetPassword {
  font-family: StoneSans;
}

@media only screen and (max-width: 767px) {
  .online-two-iso.login .LoginPageContainer #terminator {
    height: 80%;
  }
  #wrapper.isLoginPageWrapper {
    align-items: center;
  }
  .online-two-iso.login .LoginPageContainer .panel.panel-default {
    background-color: rgba(192,192,192,.7);
  }
}

/*Header*/
#menu-container {
  position: absolute;
  width: auto !important;
  top: 35px;
  left: 200px;
}

/*Need help floting header*/
.eol-center li.search {
  display: none !important;
}



/*Logo*/
.LoginPageContainer #logo {
  background: none;
}

#logo {
  float: left;
  width: 200px;
  height: 65px;
  background: url(/smartfuture/media/IMG/aon_logo_red_large.png) center center/cover;
}

#home #logo {
  background: url(/smartfuture/media/IMG/aon_logo_white_large.png) center center/cover;
}

@media (max-width: 767px) {
  #logo {
    width: 100px;
    height: 50px;
  }
}

/*links*/
#user-div .fa {
  font-family: OnlineTwoIconFont;
  font-size: 2rem;
}

.fa-user::before {
  content: "\e92d";
  vertical-align: middle;
}

.fa-sign-out::before {
  content: "\e96f";
  vertical-align: middle;
}

#user-div .fa::after {
  text-transform: capitalize;
  font-family: StoneSans_Bold;
  font-size: 1rem;
  padding-left: 5px;
}

#user-div .fa.fa-user::after {
  content: 'Profile';
}

#user-div .fa.fa-sign-out::after {
  content: 'Log Out';
}

/*Home Page styling*/
/*#header #floating-header {
display: none !important;
}*/

/*Header*/
#user-div a {
  color: #4D4D4D;
  font-size: 1.5rem;
}

#user-div a:hover,
#user-div a:active,
#user-div a:focus,
#user-div a:visited,
#user-div a:hover:active,
#user-div a:hover:focus,
#user-div a:hover:active {
  opacity: 0.5;
  color: inherit;
}

/*Profile pages*/
html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs li .tab {
  font-size: 1.75rem;
  height: auto;
  font-family: PreloSlab_Bold;
}

html#profile body#profile .profile #profile-online-2 #profilecontainer .htabs-container .tabs li.sel .tab {
  color: #E11B22;
  border-bottom: solid 5px #E11B22;
}

html#profile body#profile .profile #profile-online-2 span.label, 
html#profile body#profile .profile #profile-online-2 label:not(.ui-button) {
  text-transform: capitalize;
}

.two-tabs .tab {
  background: none;
  margin: 0 !important;
  padding: 0 !important;
  height: auto;
  display: flex;
  transition: all 0.5s linear;
}

html#profile body#profile .profile #profile-online-2 .two-tabs .tab p {
  margin: inherit;
  padding: inherit;
  height: inherit;
  color: #C9CAC8;
  font-family: StoneSans_Bold;
  transition: all 0.3s linear;
}

html#profile body#profile .profile #profile-online-2 .two-tabs .left-tabon.tab p, 
html#profile body#profile .profile #profile-online-2 .two-tabs .right-tabon.tab p {
  border-bottom: 5px solid #4D4F53;
  color: #4D4F53;
  font-family: StoneSans_Bold;
}

html#profile body#profile .profile #profile-online-2 .two-tabs .left-tabon.tab:hover p, 
html#profile body#profile .profile #profile-online-2 .two-tabs .right-tabon.tab:hover p {
  color: #C9CAC8;
}

html#profile body#profile .profile #profile-online-2 .two-tabs .tab:hover p {
  border-bottom: 5px solid #C9CAC8;
}

#profilecontainer .tabpanel label, 
#profilecontainer .tabpanel p:not(.sectionTitledimmed), 
#profilecontainer .tabpanel span:not(.glyphicon) {
  font-family: StoneSans;
  color: #4D4D4D !important;
}

#profilecontainer .tabpanel span.glyphicon {
  color: #E11B22;
}

#profilecontainer li.contact, 
#profilecontainer li.preference {
  display: none !important;
}

/*Home for mobiles*/
.module-mobile .title {
  display: none;
}

.module-mobile .module-panel .module-content {
  height: auto !important;
}

#home-online-three #right-side .modules-mobile, 
#home-online-three #home-integrated .modules-mobile {
  margin: 0 auto;
  width: 90%;
}

#home-modules-mobile .welcome-container {
  background: url('/smartfuture/media/IMG/GettyImages-1159094800-min.jpg') bottom center/cover fixed;
}

#home-online-three #right-side .modules-mobile .module-mobile, 
#home-online-three #home-integrated .modules-mobile .module-mobile {
  padding-top: 0;
  border-top: none;
  padding-bottom: 0;
}

#home-online-three #right-side .modules-mobile .module-mobile:not(:first-child), 
#home-online-three #home-integrated .modules-mobile .module-mobile:not(:first-child) {
  margin: 2rem 0;
}

#mobile-links a[href="/Mailbox?lang=en-IE"] {
  display: none;
}

@media only screen and (max-device-width:767px) {
  #assistanceItems > li {
    background: #fff;
    width: 100%;
  }
}




/*home page Wrapper*/
#home-online-three #right-side,
#home-online-three #home-integrated {
  border-left: none;
}

#home-online-three #right-side .modules-right-side.grid-container,
#home-online-three #home-integrated .modules-right-side.grid-container {
  grid-template-areas:
    "module-1 module-1 module-1 module-1 module-1 module-1"
    "module-1 module-1 module-1 module-1 module-1 module-1"
    "module-2 module-2 module-3 module-3 module-4 module-4"
    "module-2 module-2 module-3 module-3 module-4 module-4";
  grid-gap: 1rem 0.5rem;
  background: transparent;
  -ms-grid-rows: 0.5fr 1rem 0.5fr 1rem 0.5fr 1rem 0.5fr;
  grid-template-rows: repeat(4, 0.5fr);
  -ms-grid-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  grid-template-columns: repeat(6, 1fr);
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-0, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-0 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-area: module-1;
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-1, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-1 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: module-2;
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-2, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-2 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-area: module-3;
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-3, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-3 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-area: module-4;
}

@media only screen and (min-device-width:767px) and (max-device-width:1024px) {
  .online-two-iso .page-content,
  .online-two-iso #menu-container {
    padding: 0;
  }
}

@media only screen and (max-device-width:1080px) {
  #home-online-three #right-side .modules-right-side.grid-container,
  #home-online-three #home-integrated .modules-right-side.grid-container {
    grid-template-areas:
      "module-1 module-1 module-1 module-1 module-1 module-1"
      "module-1 module-1 module-1 module-1 module-1 module-1"
      "module-2 module-2 module-2 module-2 module-2 module-2"
      "module-3 module-3 module-3 module-3 module-3 module-3"
      "module-4 module-4 module-4 module-4 module-4 module-4";
    -ms-grid-rows: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
    grid-template-rows: repeat(5, 1fr);
    display: -ms-grid !important;
    display: grid !important;
    grid-gap: 1rem 0;
  }
  
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-0, 
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-0 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-area: module-1;
  }
  
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-1, 
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-area: module-2;
  }
  
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-2, 
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-2 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-area: module-3;
  }
  
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-3, 
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-area: module-4;
  }
}

@media (max-width:767px) {
  #home-online-three #home-integrated .modules-right-side.grid-container.hidden-xs {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-rows: 0.5fr 0.5fr 1fr 1fr 1fr;
    grid-template-rows: 0.5fr 0.5fr 1fr 1fr 1fr;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: 
      "module-1"
      "module-1"
      "module-2"
      "module-3"
      "module-4";
  }
  
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-0, 
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-0 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: module-1;
  }
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-1, 
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: module-2;
  }
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-2, 
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-2 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: module-3;
    
  }
  #home-online-three #right-side .modules-right-side.grid-container .grid-item-3, 
  #home-online-three #home-integrated .modules-right-side.grid-container .grid-item-3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: module-4;
    
  }
}

#home-online-three .grid-item-content {
  padding: 0 !important;
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-0,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-0 {
  background: url('/smartfuture/media/IMG/GettyImages-1159094800-min.jpg') bottom center/cover fixed;
}

#home-online-three .grid-item-0 .grid-item-content {
  margin: 0;
}

#home-online-three #right-side .modules-right-side.grid-container .grid-item-content,
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content {
  background: transparent;
}

#home-online-three [class^="grid-item-"]:not(:first-child) .grid-item-content {
  margin: 0.5rem;
}

/*Hide home page dashboard controls*/
#home-online-three .dashboard-controls {
  display: none;
}

#generic {
  border: none !important;
  border-radius: 0 !important;
}

/*Common module styling*/
.module-content-header-container {
  display: none;
}

/*Welcome module styling*/
#generic.welcome-container {
  height: 85vh;
  border: none !important;
  border-radius: 0 !important;
}

#generic.welcome-container p.content-text {
  height: 100%;
  width: 100%;
}

.hero-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-pack: ceter;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: rgba(0,0,0,0.3);
  padding: 2rem 0;
  -webkit-box-shadow: 0 0 20px 20px rgba(0,0,0,0.3);
  box-shadow: 0 0 20px 20px rgba(0,0,0,0.3);
}

.hero-main .header {
  font-size: clamp(2rem, 5rem, 5vw);
  font-weight: 900;
  width: 70%;
  margin-bottom: 2rem;
  font-family: StoneSans_Bold;
  color: #fff;
}

.bottom-line {
  height: 2px;
  width: clamp(15%, 20rem, 20vw);
  background: #fff;
  display: block;
  margin: 0 auto 2rem auto;
}

.hero-main .content {
  font-size: clamp(1rem, 2.5rem, 4vw);
  width: 60%;
  font-family: StoneSans_Bold;
}

#video-button {
  margin-top: 1rem;
}

.btn.btn-default:focus,
#dspSetPassword:focus,
#dspSetPassword:hover,
#dspSaveAnswer:hover,
#dspSaveAnswer:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#video-button .btn.btn-default,
#generic .btn.btn-default,
#buttons .btn.btn-default,
#dspSetPassword,
#dspSaveAnswer,
#home-online-three #right-side .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default, 
#home-online-three #home-integrated .modules-right-side.grid-container .grid-item-content .module-content .btn.btn-default,
#home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default, 
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default {
  background: transparent;
  color: #fff;
  font-size: clamp(100%,1.3rem,1.5vw);
  font-weight: 900;
  height: 100%;
  border: 3px solid;
  -webkit-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
  font-family: StoneSans_Bold;
  padding: 12px;
  margin: 0 !important;
}

#GenericModule-buttons {
  margin: 10px 0;
}

#video-button .btn.btn-default:hover,
#generic .btn.btn-default:hover,
#buttons .btn.btn-default:hover,
#dspSetPassword:hover,
#dspSaveAnswer:hover,
#home-online-three #right-side .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default:focus,
#home-online-three #home-integrated .modules-mobile .module-mobile .module-panel .module-copy button.btn.btn-default:focus {
  background: #fff !important;
  color: #4D4D4D !important;
  border-color: #fff !important;
}

#dspSetPassword:hover,
#dspSaveAnswer:hover {
  border-color: #4D4D4D;
}

html#profile body#profile .profile #profile-online-2 SELECT {
  line-height: 1;
}

/*Module buttons styling*/
#generic.module-content.GenericModule {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#generic.module-content.GenericModule.Finance {
  background: url('/smartfuture/media/IMG/iStock-598794936.jpg') 30% center/cover;
}

#generic.module-content.GenericModule.Retirement {
  background: url('/smartfuture/media/IMG/GettyImages-1181035364-min.jpg') center center/cover;
}

#generic.module-content.GenericModule.PPI {
  background: url('/smartfuture/media/IMG/GettyImages-534111870-min.jpg') center center/cover;
}

#generic>div,
#generic>div>div {
  height: 100%;
  width: 100%;
}

.home-module-generic-content {
  height: 100%;
  width: 100%;
}

.generic-copy.module-copy {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.grid-container .Finance .home-module-generic-content .content-text, 
.grid-container .Retirement .home-module-generic-content .content-text, 
.grid-container .PPI .home-module-generic-content .content-text,
#home-modules-mobile .Finance .home-module-generic-content .content-text, 
#home-modules-mobile .Retirement .home-module-generic-content .content-text, 
#home-modules-mobile .PPI .home-module-generic-content .content-text {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 80%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 80%;
  background: rgba(0, 0, 0, 0.6);
}

#home-modules-mobile #generic.module-content.GenericModule {
  min-height: 50vh;
}

#home-modules-mobile .Finance .home-module-generic-content .content-text, 
#home-modules-mobile .Retirement .home-module-generic-content .content-text, 
#home-modules-mobile .PPI .home-module-generic-content .content-text {
  height: 45vh;
}

#module-header-maintext {
  font-size: clamp(2rem,2.5rem,3.5vw);
  font-weight: 900;
  margin-bottom: 1rem;
  font-family: PreloSlab_Bold;
  padding: 0 1rem;
}

#module-header-subtext {
  width: 90%;
  font-size: clamp(100%, 1.2rem, 1.5vw);
  font-family: StoneSans;
  margin-bottom: 2rem;
}

#GenericModule-buttons *,
#GenericModule-buttons a {
  text-decoration: none;
}

.module-mobile #GenericModule-buttons {
  margin-bottom: 5px !important;
}

/*SLIDER - not used*/
/*Hide welcome message on the slider*/
.btn-group.welcome-items {
  display: none;
}

.slide {
  background-size: cover !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

/*Benefit overview*/
.small-print {
  margin-top: 1rem !important;
  font-size: 0.7rem !important;
}

.online-two-iso .modal-body p {
  font-family: StoneSans;
}

.online-two-iso .modal-dialog .tab-selector {
  margin-top: 0;
}

@media (min-width: 768px) {
  .online-two-iso .modal-large {
    width: 90vw;
    margin: 1rem auto;
  }
}

#online2-global-benefit-overview-modaltemplate .tab-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.online-two-iso .modal-normal .tab-selector-link,
.online-two-iso .modal-normal a.tab-selector-link,
.online-two-iso .modal-large .tab-selector-link,
.online-two-iso .modal-large a.tab-selector-link {
  font-size: clamp(1rem,1.5rem,2vw);
  font-family: StoneSans_Bold;
  color: #999;
  -webkit-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
}

.online-two-iso .modal-normal .tab-selector-link:hover,
.online-two-iso .modal-normal a.tab-selector-link:hover,
.online-two-iso .modal-large .tab-selector-link:hover,
.online-two-iso .modal-large a.tab-selector-link:hover {
  color: #4D4D4D;
  border: none;
}

.online-two-iso .modal-normal .tab-selector-link.active,
.online-two-iso .modal-normal a.tab-selector-link.active,
.online-two-iso .modal-large .tab-selector-link.active,
.online-two-iso .modal-large a.tab-selector-link.active {
  color: #4D4D4D;
  border-bottom: 5px solid #4D4D4D;
}

.online-two-iso .modal-normal .tab-selector-link.active:hover,
.online-two-iso .modal-normal a.tab-selector-link.active:hover,
.online-two-iso .modal-large .tab-selector-link.active:hover,
.online-two-iso .modal-large a.tab-selector-link.active:hover {
  border-bottom: 5px solid #999;
  color: #999;
}

.online-two-iso .modal-large .modal-body .pannel-body-full {
  overflow-y: scroll;
  max-height: 85vh;
  padding: 12px 0;
}

@media (max-width: 888px) {
  .online-two-iso .modal-large .modal-body .pannel-body-full {
    max-height: 75vh;
  }
}

#online2-global-benefit-overview-modaltemplate .info-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50vh;
}

#online2-global-benefit-overview-modaltemplate .intro-content.header {
  font-size: clamp(100%, 2.5rem, 3vw);
  font-family: StoneSans_Bold;
  color: #4D4D4D;
  margin-bottom: 2rem;
}

#online2-global-benefit-overview-modaltemplate .intro-content.text,
.faq-item {
  font-family: StoneSans;
  font-size: 1rem;
  color: #4D4D4D;
}
#online2-global-benefit-overview-modaltemplate .intro-content.header ~ .intro-content.text {
  text-align: center;
}

.faq-answer h3 {
  font-family: PreloSlab_Bold;
}

.online-two-iso .intro-content.text,
.online-two-iso .faq-answer p,
.online-two-iso .faq-answer table,
.online-two-iso .faq-answer ul {
  font-family: StoneSans;
  font-size: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 0;
}

.info-text ul li {
  font-family: StoneSans;
  font-size: 1rem;
}


.info-text table {
  font-family: StoneSans;
  font-size: 1rem;
  margin-top: 10px;
  margin-left: 40px;
}

.info-text table strong {
  font-family: StoneSans_Bold;
}

.online-two-iso .faq-answer p {
  line-height: 1.1rem;
}

.online-two-iso .faq-answer p:not(:last-child), 
.online-two-iso .faq-answer ul {
  margin-bottom:10px;
}

.online-two-iso .intro-content.text.margin-bottom-1 {
  margin-bottom: 1rem;
}

.online-two-iso .intro-content.text.margin-bottom-0 {
  margin-bottom: 0;
}

li.intro-content.text {
  margin-bottom: 0 !important;
}

.online-two-iso .intro-content strong,
.online-two-iso .faq-answer strong,
.info-text ul li strong {
  font-family: PreloSlab;
}

.online-two-iso .faq-question {
  font-size: 1.1rem;
  background: #4D4D4D;
  padding: 0.5rem 0;
}

.online-two-iso .faq-title {
  font-family: StoneSans_Bold;
  text-decoration: none;
  color: #fff;
  font-size: 1.75rem;
  padding: 0 1rem;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.online-two-iso .faq-title:hover,
.online-two-iso .faq-title:focus,
.online-two-iso .faq-title:active {
  text-decoration: none;
  color: #ccc;
  opacity: 0.85;
  outline: none;
}

/*.online-two-iso .faq-title::before {
content: '';
font-family: FontAwesome;
padding-right: 5px;
}*/

.online-two-iso .faq-answer {
  padding-left: 1.3rem;
}

.infographics {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.infographics img {
  width: 70%;
}

table.linear tr {
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
}

table.linear td {
  padding: 5px 20px;
}

/*Tabs images*/
#online2-global-benefit-overview-modaltemplate .image-bg {
  width: 100%;
  height: 60vh;
  margin: 1rem 0 0 0;
  position: relative;
}

#online2-global-benefit-overview-modaltemplate .image-bg .intro-content.header {
  position: absolute;
  bottom: 20%;
  background: rgba(0,0,0,0.7);
  font-size: clamp(100%,6rem,6vw);
  color: #fff;
  padding: 1rem 2rem;
}

.intro-content.subheader {
  text-align: center;
  font-family: StoneSans_Bold;
  font-size: clamp(2rem,3rem,3vw);
  margin: 2rem 0 0 0;
}

#online2-global-benefit-overview-modaltemplate p {
  font-size: 1rem;
}

.intro-content.wrapper * {
  color: #4D4D4D;
}

/*Financial Wellbeing Overview*/
#financial-wellbeing-overview .intro-content.wrapper {
  margin-bottom: 2rem;
  width: 90%;
  margin: 0 auto;
}

#financial-wellbeing-overview .intro-content.text {
  text-align: center;
  width: 75%;
  margin: 0 auto;
}

#financial-wellbeing-overview .pppp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 2rem;
}

#financial-wellbeing-overview .pppp-block {
  height: auto;
  min-width: 275px;
  padding: 1rem 1rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
}

#financial-wellbeing-overview .pppp-body {
  min-height: 150px;
}

#financial-wellbeing-overview .pppp-block .image {
  height: 300px;
}

#financial-wellbeing-overview .pppp-block.prepare .image {background: url('/smartfuture/media/IMG/GettyImages-1181495455-min_small.jpg') center center/cover;}
#financial-wellbeing-overview .pppp-block.protect .image {background: url('/smartfuture/media/IMG/iStock-598794936_small.jpg') center center/cover;}
#financial-wellbeing-overview .pppp-block.plan .image {background: url('/smartfuture/media/IMG/GettyImages-874810370-min_small.jpg') center right/cover;}
#financial-wellbeing-overview .pppp-block.preserve .image {background: url('/smartfuture/media/IMG/GettyImages-1174973992-min_small.jpg') center center/cover;}

#financial-wellbeing-overview .heading {
  font-size: 2rem;
  font-family: StoneSans_Bold;
}

#financial-wellbeing-overview .video-section {
  background: url('/smartfuture/media/IMG/pexels-energepiccom-313691.jpg') center center/cover;
  height: 60vh;
  margin-bottom: 2rem;
  z-index: 1;
  position: relative;
}

#financial-wellbeing-overview .video-section:after {
  background: -o-linear-gradient(45deg, #4D4D4D 0%, #003F72 100%);
  background: linear-gradient(45deg, #4D4D4D 0%, #003F72 100%);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0.8;
}

#financial-wellbeing-overview .video-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#financial-wellbeing-overview .video {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  min-width: 290px;
  margin: 0 1rem;
}

#financial-wellbeing-overview .video > div {
  margin: 0 auto;
}

#financial-wellbeing-overview .video-description {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 45%;
  flex: 1 1 45%;
  color: #fff;
  padding: 0 1rem;
}

#financial-wellbeing-overview .video-description h4 {
  font-size: 2rem;
  font-family: StoneSans_Bold;
  padding: 0;
}

#financial-wellbeing-overview .video-description p {
  font-size: clamp(0.8rem,1rem,2vw);
  width: 80%;
  text-align: justify;
}

/*Prepare*/
#online2-global-benefit-overview-modaltemplate #prepare .image-bg {background: url('/smartfuture/media/IMG/GettyImages-1181495455-min.jpg') center center/cover;-webkit-transition: 0.5s all linear;-o-transition: 0.5s all linear;transition: 0.5s all linear;}



#prepare .features-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 500px;
  border-bottom: 1px solid #C9CAC8;
}

#prepare .feature-block {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30%;
  min-width: 325px;
}

#prepare .icons {
  color: #E11B22;
  font-family: OnlineTwoIconFont;
  font-size: 5rem;
  text-align: center;
}

#prepare .icons.flaticon-control::before {
  content: '\e94d';
}

#prepare .icons.flaticon-analyse::before {
  content: '\e9a4';
}

#prepare .icons.flaticon-budget::before {
  content: '\e94f';
}

#prepare .features-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: justify;
}

#prepare .heading {
  font-family: PreloSlab_Bold;
  margin-bottom: 2rem;
  font-size: 2rem;
}

#prepare .list-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: center;*/
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #C9CAC8;
  background: url('/smartfuture/media/IMG/GettyImages-643625044-min.jpg') right top/cover;
  margin-bottom: 2rem;
}

#prepare .list-block .list {
  /*width: 45%;*/
  width: clamp(375px,55%,700px);
  /*padding-right: 2rem;*/
  padding: 1rem;
  background-color: rgba(255,255,255,0.8);
  margin: 5%;
}

@media only screen and (max-device-width:1080px) {
  #prepare .list-block .list {
    width: 90%;
  }
}

#prepare .list-items-intro {
  text-align: center;
}

#prepare .list-block .list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 65%;
  margin-top: 2rem;
}

#prepare .list-item {
  /*width: 50%;*/
  -webkit-box-flex: 1;
  -ms-flex: 1 1 250px;
  flex: 1 1 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1rem 0 0;
}

.list .list-item .lister {
  min-width: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#prepare .list-item p {
  font-family: StoneSans;
}

.list-block h4 {
  padding: 0;
  font-family: StoneSans_Bold;
}

#prepare .budget {
  padding: 4rem 0 2rem 0;
  background-color: #EEE;
}

#prepare .budget .heading {
  text-align: center;
}

#prepare .budget>p {
  width: 75%;
  margin: 0 auto;
  text-align: center;
}

#prepare .budget .wrapper-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
}

#prepare .budget .chart {
  background: url('/smartfuture/media/IMG/budget.png') center center/contain no-repeat;
  height: 300px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  margin-top: 1rem;
  min-width: 275px;
}

#prepare .budget .wrapper-flex .items-container {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 70%;
  flex: 1 1 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1rem;
}

#prepare .budget .item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  margin: 1rem;
  text-align: center;
  min-width: 215px;
}

#prepare .budget .icon::before {
  font-family: OnlineTwoIconFont;
  font-size: 3rem;
}

#prepare .budget .needs .icon::before {
  content: '\e907';
  color: #E11B22;
}
#prepare .budget .wants .icon::before {
  content: '\e98f';
  color: #4D4F53;
}
#prepare .budget .savings .icon::before {
  content: '\e91f';
  color: #000;
}

#prepare .budget .item .head {
  font-family: PreloSlab_Bold;
  margin: 10px 0;
}

#prepare .budget .needs .head {
  color: #E11B22;
}
#prepare .budget .savings .head {
  color: #000;
}
#prepare .budget .wants .head {
  color: #4D4F53;
}

#prepare .budget .item p {
  font-size: 0.9rem;
  text-align: justify;
}

.intro-content.top-tip {
  text-align: center;
  margin: 2rem auto;
  width: 50%;
}

@media (max-width: 767px) {
  .intro-content.top-tip {
    width: 80%;
  }
}

.intro-content.top-tip a {
  font-family: StoneSans_Bold;
  color: #4D4D4D;
}

.top-tip .heading {
  margin-bottom: 1rem !important;
  font-family: PreloSlab_Bold !important;
  font-size: 2rem !important;
}

.border-separator {
  border-bottom: 5px solid #E11B22;
  width: 5%;
  margin: 0 auto 2rem auto;
}

.list-item .lister::before {
  font-family: OnlineTwoIconFont;
  font-size: 3rem;
  color: #E11B22;
}

.list-item.spend .lister::before {content: '\e953';}
.list-item.invest .lister::before {content: '\e95a';}
.list-item.tax .lister::before {content: '\e93b';}
.list-item.debt .lister::before {content: '\e991';}
.list-item.protect .lister::before {content: '\e91c';}
.list-item.benefits .lister::before {content: '\e90e';}

/*Protect*/
#online2-global-benefit-overview-modaltemplate #protect .image-bg {background: url('/smartfuture/media/IMG/iStock-598794936.jpg') bottom center/cover;-webkit-transition: 0.5s all linear;-o-transition: 0.5s all linear;transition: 0.5s all linear;}

#protect .intro-content.intro {
  width: 75%;
  margin: 0 auto 2rem auto;
  text-align: center;
}

.protection-container .container-intro {
  font-size: 2rem !important;
  font-family: StoneSans_Bold !important;
  text-align: center;
  text-transform: uppercase;
  padding-top: 4rem;
}

.where-to-start-bg {
  background: url('/smartfuture/media/IMG/GettyImages-1225641119-min.jpg') left center/cover no-repeat;
  min-height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.where-to-start {
  padding: 2%;
  background-color: rgba(255,255,255,0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 55%;
  margin: 0 3%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 80%;
}

.where-to-start .description {
  text-align: center;
}

.where-to-start .heading {
  font-family: PreloSlab_Bold;
  margin-bottom: 2rem;
  font-size: 2rem;
}

.where-to-start > p {
  text-align: center;
  width: 65%;
  margin: 0 auto;
}

.where-to-start .list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}

.where-to-start .list-wrapper .list-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.where-to-start .icon {
  /*line-height: 1.3;
  position: relative;
  width: 70px;
  height: 70px;
  z-index: 0;
  margin-bottom: 20px;
  background: #5EB9E4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 70px;
}

.where-to-start .ben-icon::before {
  font-size: 3rem;
  color: #E11B22;
  font-family: OnlineTwoIconFont;
}

.where-to-start .item-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.where-to-start .item-body p {
  margin: 0;
  padding: 0;
}

.where-to-start .ben-icon.your-benefits::before {content: '\e934';}
.where-to-start .ben-icon.partner-benefits::before {content: '\e975';}
.where-to-start .ben-icon.priority::before {content: '\e980';}
.where-to-start .ben-icon.gaps::before {content: '\e953';}
.where-to-start .ben-icon.events::before {content: '\e994';}

@media (max-width: 1279px) {
  .where-to-start {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .where-to-start .list-wrapper .list-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}


.protection-container .container-intro .alt-color {
  color: #E11B22;
}

.protection-container .grid-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
  grid-template-rows: repeat(6,1fr);
  margin: 0 auto 4rem auto;
  width: 90%;
  grid-gap: 1rem;
}

.protection-container .grid-container > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.protection-container .grid-container > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.protection-container .grid-container > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.protection-container .grid-container > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.protection-container .grid-container > *:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}

.protection-container .grid-container > *:nth-child(6) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}

.protection-container .grid-container > *:nth-child(7) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}

.protection-container .grid-container > *:nth-child(8) {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
}

.protection-container .grid-container > *:nth-child(9) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}

.protection-container .grid-container > *:nth-child(10) {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
}

.protection-container .grid-container > *:nth-child(11) {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
}

.protection-container .grid-container > *:nth-child(12) {
  -ms-grid-row: 11;
  -ms-grid-column: 3;
}

@media (max-width: 960px) {
  #protect .grid-item.image {
    display: none;
  }
  
  .protection-container .grid-container {
    display: block;
  }
  
  #protect .grid-item.body {
    border-bottom: 1px solid #fff
  }
}

#protect .grid-item.image.life {
  background: url('/smartfuture/media/IMG/GettyImages-1174972796-min.jpg') center center/cover;
}

#protect .grid-item.image.ltd {
  background: url('/smartfuture/media/IMG/GettyImages-956005062-min.jpg') center center/cover;
}

#protect .grid-item.image.critical {
  background: url('/smartfuture/media/IMG/GettyImages-1094338162-min.jpg') center center/cover;
}

#protect .grid-item.image.health {
  background: url('/smartfuture/media/IMG/GettyImages-512339722-min.jpg') center center/cover;
}

#protect .grid-item.image.mortgage {
  background: url('/smartfuture/media/IMG/GettyImages-1130833057-min.jpg') center center/cover;
}

#protect .grid-item.image.will {
  background: url('/smartfuture/media/IMG/GettyImages-1221463264-min.jpg') center center/cover;
}

#protect .grid-item.body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10%;
  text-align: justify;
}

.grid-item.body > h3 {
  color: #E11B22;
  text-align: center;
  font-family: PreloSlab_Bold;
  font-size: 2.2rem;
  margin-bottom: 2rem;
}

.protection-container .heading::before {
  display: block;
  font-family: OnlineTwoIconFont;
  font-size: 4rem;
  margin-bottom: 2rem;
}
.protection-container .life .heading::before {content: '\e91d';}
.protection-container .ltd .heading::before {content: '\e925';}
.protection-container .critical .heading::before {content: '\e993';}
.protection-container .health .heading::before {content: '\e927';}
.protection-container .mortgage .heading::before {content: '\e96a';}
.protection-container .will .heading::before {content: '\e92d';}




/*Plan*/
#online2-global-benefit-overview-modaltemplate #plan .image-bg {background: url('/smartfuture/media/IMG/GettyImages-874810370-min.jpg') center center/cover;-webkit-transition: 0.5s all linear;-o-transition: 0.5s all linear;transition: 0.5s all linear;}

#plan .intro-content.intro {
  width: 75%;
  margin: 0 auto 4rem auto;
  text-align: center;
}

#plan .how-to-start {
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#plan .how-to-start .text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: justify;
  padding: 1rem 10%;
  background: #EEE;
}

#plan .how-to-start .image {
  background: url('/smartfuture/media/IMG/GettyImages-918555712-min.jpg') center center/cover;
  height: 55vh;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  min-width: 300px;
}


#plan .heading {
  font-family: PreloSlab_Bold;
  margin-bottom: 2rem;
  font-size: 2rem;
  text-align: center;
}

#plan .smart-plan,
#plan .consider-area {
  margin-bottom: 4rem;
}

#plan .smart-plan .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#plan .big {
  font-family: Preloslab_Bold;
  font-size: 5rem;
  text-align: center;
}

#plan .flip {
  position: relative;
  display: inline-block;
  width: 100%;
}

#plan .flip-card {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 18%;
  flex: 0 1 18%;
  margin-right: 1rem;
  min-width: 200px;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  #plan .flip-card {
    min-width: 80%;
  }
}

#plan .flip > .card-front,
#plan .flip > .card-back {
  display: block;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  display: block;
  width: inherit;
  background-size: cover !important;
  background-position: center !important;
  min-height: 400px;
  padding: 1rem 2rem;
  background: #C9CAC8;
  border-radius: 10px;
}

@media (max-width: 767px) {
  #plan .flip > .card-front,
  #plan .flip > .card-back {
    min-height: 30vh !important;
  }
}

#plan .flip > .card-front {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#plan .flip > .card-back {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#plan .flip:hover > .card-front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#plan .flip:hover > .card-back {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  background: #E11B22;
}

#plan .flip.flip-vertical > .card-back {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

#plan .flip.flip-vertical:hover > .card-front {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

#plan .flip.flip-vertical:hover > .card-back {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

#plan .flip > .card-front * {
  font-size: 1rem;
  color: #4D4F53;
}

#plan .flip > .card-back * {
  font-size: 1rem;
  color: #fff;
}

#plan .card-front .title, 
#plan .flip > .card-back h3 {
  font-family: PreloSlab_Bold;
  font-size: 200%;
  text-align: center;
  margin-bottom: 1rem;
}

#plan .flip > .card-back p {
  font-size: clamp(100%,1rem,1vw);
  text-align: center;
}

#plan .flip .icon {
  font-family: OnlineTwoIconFont;
  font-size: 4rem;
}

#plan .flip-card.specific .flip .icon::before {content: '\e938';}
#plan .flip-card.measurable .flip .icon::before {content: '\e95a';}
#plan .flip-card.attainable .flip .icon::before {content: '\e960';}
#plan .flip-card.relevant .flip .icon::before {content: '\e95d';}
#plan .flip-card.timely .flip .icon::before {content: '\e971';}

#plan .areas-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 500px;
  border-bottom: 1px solid #C9CAC8;
}

#plan .area-block {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 300px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
  margin: 0.5rem;
}

#plan .icons {
  color: #E11B22;
  font-family: OnlineTwoIconFont;
  font-size: 5rem;
  text-align: center;
}

#plan .area-block.savings .icons::before {
  content: '\e9a4';
}

#plan .area-block.investment .icons::before {
  content: '\e94f';
}

#plan .area-block.debt .icons::before {
  content: '\e946';
}

#plan .area-block.retirement .icons::before {
  content: '\e91f';
}

#plan .area-block.estate .icons::before {
  content: '\e936';
}

#plan .area-block .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: justify;
}




/*Preserve*/
#online2-global-benefit-overview-modaltemplate #preserve .image-bg {background: url('/smartfuture/media/IMG/GettyImages-1174973992-min.jpg') center center/cover; -webkit-transition: 0.5s all linear; -o-transition: 0.5s all linear; transition: 0.5s all linear;}

#preserve .intro-content.wrapper > p {
  width: 75%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 4rem;
}

#preserve h3 {
  font-family: PreloSlab_Bold;
  margin-bottom: 2rem;
  font-size: 2rem;
}

#preserve .pdf-attch .intro-head {
  width: 50%;
  margin: 0 auto 2rem auto;
}

#preserve .intro-head > h3,
#preserve h3.intro-head{
  text-align: center;
}

#preserve .section-wrapper {
  padding: 4rem 0;
}

#preserve .section-wrapper.preserve-health {
  background: #EEE;
  padding: 2rem 0;
}

#preserve .section-wrapper.preserve-health ~ h3.intro-head {
  margin-top: 4rem;
}

#preserve .press.grid-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#preserve .retirement .pres-step .icon::before {
  font-family: OnlineTwoIconFont;
  padding-right: 1rem;
  font-size: 3rem;
  color: #E11B22;
}

.pres-step .icon {
  min-width: 70px;
}

#preserve .retirement .pres-step.cont .icon::before {content: '\e93c';}
#preserve .retirement .pres-step.build .icon::before {content: '\e98b';}
#preserve .retirement .pres-step.keep .icon::before {content: '\e95d';}
#preserve .retirement .pres-step.understand .icon::before {content: '\e991';}
#preserve .retirement .pres-step.optimise .icon::before {content: '\e95b';}
#preserve .retirement .pres-step.estate .icon::before {content: '\e95a';}
#preserve .retirement .pres-step.make-will .icon::before {content: '\e98f';}

#preserve .press.grid-container .pres-step {
  background-color: #FFF;
  border-radius: 10px;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 45%;
  flex: 0 1 45%;
  margin: 0.5rem;
  padding: 1rem 2rem;
  min-width: 300px;
}

#preserve .press.grid-container .pres-step:hover {
  background-color: #E11B22;
}

#preserve .press.grid-container .pres-step:hover .block *, 
#preserve .press.grid-container .pres-step:hover .block ::before {
  color: #fff !important;
}

#preserve .retirement .step-body p {
  padding: 0;
  margin: 0;
}

#preserve .section-content.retirement-options {
  background: #EDF8FD;
  padding: 2rem 0;
}

#preserve .intro-head.alt {
  font-size: 2rem !important;
  font-family: StoneSans_Bold !important;
  text-align: center;
  text-transform: uppercase;
}

#preserve .alt-color {
  color: #E11B22;
}

#preserve .retirement .options-image .image {
  background: url('/smartfuture/media/IMG/RetOptions.png') center center/contain no-repeat;
  height: 50vh;
}

#preserve .options-text .intro-head {
  text-align: left;
}

@media (max-width: 1019px) {
  #preserve .options-text .intro-head, #preserve .options-text p {
    text-align: center;
  }
  
  #preserve .btn-generic {
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.section-wrapper.retirement {
  background: url('/smartfuture/media/IMG/GettyImages-516449022-min.jpg') top left/cover;
  min-height: 75vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 4rem;
}

.section-wrapper.retirement .section-container {
  width: 55%;
}

#preserve .section-wrapper.retirement > h3 {
  width: 55%;
  color: #fff;
}

@media (max-width: 1279px) {
  .section-wrapper.retirement .section-container, 
  #preserve .section-wrapper.retirement > h3 {
    width: 100%;
  }
}

.pres-step .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#preserve .retirement .content-wrapper.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#preserve .retirement .options-image, .options-text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 360px;
  flex: 1 1 360px;
}

#preserve .retirement .options-text {
  padding: 0 2rem;
}

#preserve .pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#preserve .pdf .icon a::before {
  font-family: FontAwesomeExpRegular;
  content: '';
  color: #E11B22;
  font-size: 8rem;
  vertical-align: middle;
}

.section-wrapper.preserve-health .intro-head > p {
  text-align: center;
  width: 75%;
  margin: 0 auto;
}

#preserve .ways.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 600px) {
  #preserve .ways.flex-container {
    width: 95%;
  }
}

#preserve .way {
  padding: 1rem 2rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

.way .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width:767px) {
  .way .block {
	flex-wrap: wrap;
  }
}

.way .way-icon {
  font-family: OnlineTwoIconFont;
  font-size: 5rem;
  color: #E11B22;
  min-width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.way.transition .way-icon::before {
  content: '\e958';
}

.way.holistic .way-icon::before {
  content: '\e947';
}

.way.care .way-icon::before {
  content: '\e911';
}

.way.downsizing .way-icon::before {
  content: '\e959';
}

@media (max-width: 1019px) {
  #preserve .ways.flex-container {
    display: block;
  }
}

#preserve .way-body .heading {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

#preserve .way p {
  font-size: 1rem;
  text-align: justify;
}

#preserve .aspects-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 4rem 0;
}

#preserve .aspects-container .image, 
#preserve .aspects-container .text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 360px;
  flex: 1 1 360px;
}

#preserve .aspects-container .image {
  background: url('/smartfuture/media/IMG/GettyImages-1148806853-min.jpg') center center/cover no-repeat;
  height: 55vh;
}

#preserve .aspects-container .text {
  padding: 0 5%;
  background: #EEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#preserve .text > ul {
  padding: 0 !important;
}

#preserve .text > ul > li {
  list-style: none;
  text-indent: -3rem;
  padding-left: 3rem;
}

#preserve .text > ul > li::before {
  color: #E11B22 !important;
  content: '';
  font-family: FontAwesomeExpSolid;
  padding-right: 1rem;
  -webkit-transition: 1s all;
  -o-transition: 1s all;
  transition: 1s all;
  font-size: 2rem;
  vertical-align: middle;
}


/*BUTTONS*/
.bootstrap-iso #online2-global-benefit-overview-modaltemplate .btn-warning,
#login.btn-primary,
#login-assistance-cancel-button,
#login-assistance-next,
.login-frst-time .btn.btn-warning,
#login-assist-success .success-link .button-style {
  background-color: #4D4D4D;
  font-size: 1rem;
  font-family: StoneSans_Bold;
  padding: 10px 0;
  border: 3px solid #4D4D4D;
  -webkit-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  transition: 0.5s linear;
  box-shadow: none;
  /*! width: 10%; */
}

.bootstrap-iso #online2-global-benefit-overview-modaltemplate .btn-warning:hover,
#login.btn-primary:hover,
#login-assistance-cancel-button:hover,
#login-assistance-next:hover,
.login-frst-time .btn.btn-warning:hover,
#login-assist-success .success-link .button-style:hover {
  background-color: #FFF;
  color: #4D4D4D;
  border: 3px solid #4D4D4D;
}

.login-frst-time .btn.btn-warning,
#login-assist-success .success-link .button-style,
.bootstrap-iso #online2-global-benefit-overview-modaltemplate .modal-controls .btn-warning {
  padding: 6px 12px;
}

/*Footer*/
#footer {
  padding: 0;
}

:not([id="home"]) #footer {
  position: absolute;
}

#footer a {
  margin: 0;
}

#footer .footer-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4fr 1fr;
  grid-template-columns: 1fr 4fr 1fr;
  grid-template-areas:
    "logo menu social"
    "logo copyright social";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #E11B22;
}

#footer #footer-logo {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-column: 1;
  grid-area: logo;
  -ms-grid-column-align: end;
  justify-self: end;
  width: 65%;
}

#footer #footer-menu {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 2;
  grid-column: 2;
  grid-area: menu;
  justify-items: center;
}

#footer #footer-menu ul {
  justify-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 5px 0 0 0;
}

#footer #footer-menu ul li {
  list-style: none;
  text-align: center;
  -webkit-transition: background-color 0.35s linear;
  -o-transition: background-color 0.35s linear;
  transition: background-color 0.35s linear;
}

#footer #footer-menu ul li:not(:first-child) {
  border-left: 1px solid #FFF
}

#footer #footer-menu ul li:hover {
  background-color: #FFF;
}

#footer #footer-menu ul li a {
  text-decoration: none;
  color: #FFF;
  font-size: 0.8rem;
}

.online-two-iso #footer-menu ul li a {
  padding: 10px 20px;
}

#footer a.EUFooterLink {
  display: inline-block !important;
}

#footer #footer-menu ul li:hover a {
  color: #4D4D4D;
  text-decoration: none;
}

#footer #footer-social {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  grid-column: 3;
  grid-area: social;
  justify-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#footer #footer-social .fa-3x {
  color: #FFF;
}

#footer .fab {
  font-family: FontAwesome;
  font-style: normal;
}

.fa-linkedin::before {
  content: "\f08c" !important;
}

#footer #footer-social a:hover,
#footer #footer-social a:focus {
  text-decoration: none;
}

#footer #footer-copyright {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 2;
  grid-column: 2;
  grid-area: copyright;
  -ms-grid-column-align: center;
  justify-self: center;
  padding: 1.5rem 0 1rem 0;
  width: 60%;
  text-align: center;
}

#footer-copyright p {
  color: #FFF;
  font-size: clamp(0.6rem, 0.4500rem + 0.6667vw, 0.8rem);
}

#footer-social A:hover,
#footer-social A:focus {
  text-decoration: none;
}

@media (min-width:300px) and (max-width:766px) {
  #footer .footer-container {
    display: block;
    text-align: center;
  }
  
  #footer #footer-menu ul {
    display: block;
  }
  
  #footer #footer-menu ul li {
    border: none !important;
  }
  
  #footer #footer-social {
    margin-top: 1rem;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    height: 45px;
  }
  
  #footer #footer-menu ul li a {
    text-decoration: underline;
  }
}

/*Footer links*/
html {
  background: none !important;
}

#form[action^="/legal/"] #header {
  background: transparent !important;
}

#form[action^="/legal/"] #wrapper * {
  font-family: StoneSans !important; 
  color: #4D4F53 !important;
}

#form[action^="/legal/"] #wrapper h2 {
  font-family: StoneSans_Bold !important;
  color: #E11B22 !important;
  font-size: 1.3rem !important;
}

#form[action^="/legal/"] #wrapper a {
  color: #E11B22 !important;
}

#form[action^="/legal/"] #wrapper #page-header {
  border-bottom: 3px solid #E11B22;
  margin-bottom: 3rem !important;
}

#form[action^="/legal/"] #wrapper #page-header div {
  width: 100%;
}

#form[action^="/legal/"] #wrapper h1 {
  color: #E11B22 !important;
  font-family: PreloSlab_Bold !important;
  text-transform: uppercase;
  text-align:  center !important;
  font-size: 3rem !important;
}

#form[action^="/legal/"] #wrapper .legalcontent-privacy .litLegalContent div:nth-child(2),
#form[action^="/legal/"] #wrapper .legalcontent-onlinesecurity .litLegalContent > div:first-child,
#form[action^="/legal/"] #wrapper .legalcontent-cookienotice .litLegalContent > p:first-child {
  border-bottom: 3px solid #E11B22 !important;
  margin-bottom: 3rem !important;
  height: 5rem;
}

#form[action^="/legal/"] #wrapper .legalcontent-privacy div[style="text-align: center;"] *,
#form[action^="/legal/"] #wrapper .legalcontent-onlinesecurity .litLegalContent > div:first-child span,
#form[action^="/legal/"] #wrapper .legalcontent-cookienotice .litLegalContent p:first-child strong span {
  font-family: PreloSlab_Bold !important;
  font-size: 3rem !important;
  color: #E11B22 !important;
}

#form[action^="/legal/"] #wrapper .legalcontent-privacy div > strong, 
#form[action^="/legal/"] #wrapper .legalcontent-privacy div > strong span,
#form[action^="/legal/"] #wrapper .legalcontent-onlinesecurity span[style*="color: rgb(178, 34, 34);"],
#form[action^="/legal/"] #wrapper .legalcontent-onlinesecurity span[style*="font-weight: 600;"],
#form[action^="/legal/"] #wrapper .legalcontent-cookienotice div p strong,
#form[action^="/legal/"] #wrapper .legalcontent-cookienotice div p strong span {
  font-family: StoneSans_Bold !important;
  font-size: 1.3rem !important;
  text-transform: uppercase;
  color: #E11B22 !important;;
}

#form[action^="/legal/"] #wrapper .legalcontent-privacy div span > strong, 
#form[action^="/legal/"] #wrapper .legalcontent-privacy div span > em,
#form[action^="/legal/"] #wrapper .legalcontent-privacy div span > u {
  font-family: PreloSlab !important;
}

/*TimeOut message*/
/*Session timeout message*/
.session-expiry-counter {
  font-size: 2rem;
  font-family: StoneSans_Bold;
}

/*Forgot / reset password*/
.online-two-iso #login-assistance .header-overlay {
  background-color: #4D4D4D;
  font-family: StoneSans_Bold !important;
  font-size: 1rem;
}

.online-two-iso #login-assistance .header-overlay > a.close {
  display: none;
}

.online-two-iso #login-assistance .steps-container {
  font-family: StoneSans !important;
}

.online-two-iso #login-assistance .content-overlay .instruction-container {
  font-family: StoneSans_Bold !important;
}

#login-assist-step1 #username-caption {
  font-family: StoneSans_Bold;
  font-size: 1rem;
}

#login-assist-step1 #userID {
  font-size: 1rem;
}

.online-two-iso #login-assistance .steps-container .progress {
  height: 1.5rem;
}

#login-assistance .steps-zone label {
  text-transform: capitalize;
  font-family: StoneSans_Bold;
  font-style: normal;
  font-weight: normal;
}

#login-assistance .datepicker-mask {
  color: #C9CAC8;
  font-family: StoneSans;
}

.datepicker-mask::before {
  content: 'Date format: ';
}

#login-assistance .steps-zone input {
  font-size: 1rem;
  font-family: StoneSans;
}

#login-assistance .button-date-picker {
  background-color: #4D4D4D;
  border-color: #4D4D4D;
}

#login-assistance .ImportantMessage {
  color: #E11B22;
}

#login-assistance #forgotSecQue {
  color: #C9CAC8;
}

.online-two-iso #login-assistance .steps-container .progress-bar-success {
  background: linear-gradient(90deg, #5cb85c, #7AB800);
  font-family: StoneSans_Bold;
  font-size: 1rem;
  line-height: 1.5rem;
}

.login-frst-time .header.row-postion > h1 {
  color: #E11B22;
  font-family: PreloSlab_Bold;
  border-bottom: 3px solid #E11B22;
  text-align: center;
  margin-bottom: 3rem;
  padding-bottom: 1rem;
  font-size: 3rem;
}

.login-frst-time .header.row-postion > h2 {
  color: #4D4F53;
  font-family: StoneSans_Bold;
  font-size: 2rem;
}

.login-frst-time .changeInProgress p, 
.login-frst-time .changeInProgress label, 
.login-frst-time .changeInProgress select, 
.login-frst-time .changeInProgress > div > span, 
.login-frst-time .changeInProgress > div > span > span {
  color: #4D4F53;
  font-family: StoneSans;
}

.login-frst-time .changeInProgress label {
  text-transform: capitalize;
}

.password-validation-container .failed span {
  color: #E11B22;
}

.password-validation-container .passed span {
  color: #7AB800;
}

.glyphicon.graphic.glyphicon-ok.repeat-match-confirmed-icon.rmi-firsttime {
  color: #7AB800;
}

.glyphicon.graphic.glyphicon-remove.repeat-match-icon.rmi-firsttime {
  color: #E11B22;
}

#login-assist-success {
  font-family: StoneSans;
}

.login-frst-time .text-danger {
  color: #E11B22 !important;
  padding-top: 1rem;
}

#login-assist-success .success-icon {
  color: #7AB800;
}

.online-two-iso #home #terminator #header.header-fullwidth {
  background-color: transparent;
  position: absolute !important;
  z-index: 1;
  padding: 1rem;
}

@media only screen and (max-width: 767px) {
  .online-two-iso #home #terminator #header.header-fullwidth {
    position: relative !important;
  }
}

.main-menu-toogle.btn.visible-xs {
  display: none !important;
}

#links {
  padding-top: 0;
}

#mobile-links .fa.fa-gear {
  color: #fff;
  font-size: 1.5rem;
}

.online-three .wrapper-fullwidth.home#wrapper {
  margin-top: -15px;
}

#home #user-div a {
  color: #fff;
}



.module-mobile div.title span.module-label,
.module-mobile div.title span.link
{color:#FFFFFF;}



/*Error Page*/
.broken_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.broken_link > img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 70%;
  flex: 1 1 70%;
  min-width: 400px;
}

.broken_link > h1 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 30%;
  flex: 1 1 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: PreloSlab_Bold;
  text-align: center;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #4D4D4D;
}

/* Minification failed (line 2729, error number 1062): Expected semicolon or closing curly-brace, found ' ' */