﻿@import url("Theme.BaseTheme_Ok.css?8728");

@charset "UTF-8";

/***ONETRUST_CSS - DEV URL***/
    @import url("https://portalok.ok.pt/hs-fs/hub/25258435/hub_generated/template_assets/56711850719/1669110027420/OK-THEME/css/onetrust.min.css");

/***ONETRUST_CSS - PROD URL
    @import url("https://www.okteleseguros.pt/hs-fs/hub/25258435/hub_generated/template_assets/56711850719/1669110027420/OK-THEME/css/onetrust.min.css");
*****/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&family=Ubuntu:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;600;700;800&family=Ubuntu:wght@300;400;700&display=swap');

/* =====================================================================*/
/* =====================================================================*/
/* Contratador BIKE                               */
/*                                                                      */
/* $0. Root CSS Variables                                               */
/* $1. HTML Elements                                                    */
/* $2. Layout                                                           */
/* $3. Pages                                                            */
/* $4. Patterns                                                         */
/* $4.1. Patterns                                                         */
/* $5. Utilities                                                        */
/* =====================================================================*/
/* $0. Root CSS Variables                                               */

:root {
  /* Typography - Size */
  --font-size-display: 36px;
  --font-size-h1: 32px;
  --font-size-h2: 28px;
  --font-size-h3: 26px;
  --font-size-h4: 22px;
  --font-size-h5: 20px;
  --font-size-h6: 18px;
  --font-size-base: 16px;
  --font-size-s: 14px;
  --font-size-xs: 12px;
  /* Typography - Weight */
  --font-light: 300;
  --font-regular: 400;
  --font-semi-bold: 600;
  --font-bold: 700;
  /* Colors */
  --color-primary: #E69500;
  --color-secondary: #193282;
  --color-tertiary: #3333FF; 
  --color-fourth: #060696;
  --color-error: #dc2020;
  --color-background-1: #F8FBFD;
  --color-neutral-0: #ffffff;
  --color-neutral-1: #f8f9fa;
  --color-neutral-2: #f1f3f5;
  --color-neutral-3: #e9ecef;
  --color-neutral-4: #dee2e6;
  --color-neutral-5: #ced4da;
  --color-neutral-6: #adb5bd;
  --color-neutral-7: #6a7178;
  --color-neutral-8: #4f575e;
  --color-neutral-9: #272b30;
  --color-neutral-10: #101213;
  --color-neutral-11: #F5F5F5;
  /* Space - Sizes */
  --space-none: 0;
  --space-xs: 4px;
  --space-s: 8px;
  --space-base: 16px;
  --space-m: 24px;
  --space-l: 32px;
  --space-xl: 40px;
  --space-xxl: 48px;
  --space-lateral-big: 145px;
  --space-lateral-small: 20px;
  --resume-max-width:650px;
  /* Border Radius */
  --border-radius-none: 0;
  --border-radius-semi-soft: 1px;
  --border-radius-soft: 4px;
  --border-radius-rounded: 100px;
  --border-radius-circle: 100%;
  /* Border Size */
  --border-size-none: 0;
  --border-size-s: 1px;
  --border-size-m: 2px;
  --border-size-l: 3px;
  /* Elevation / Shadow */
  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);
  --shadow-s: 0 2px 4px rgba(0, 0, 0, .1);
  --shadow-m: 0 4px 6px rgba(0, 0, 0, .1);
  --shadow-l: 0 6px 8px rgba(0, 0, 0, .1);
  --shadow-xl: 0 8px 10px rgba(0, 0, 0, .1);
  /* App Settings  */
  --header-size: 95px; 
  /* Font family */
  --body-font-family: 'Open Sans', sans-serif;

    /* Font family */
  --body-font-size: 14px;
  --main-title-font-size: 64px;
  --sub-main-title-font-size: 18px;
  --title-font-size: 36px;
  --sub-title-font-size: 20px;
  }

/* $1. HTML Elements                                                    */
/*        FONT      */
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("/VD_HLTSaude_RES/open-sans-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/VD_HLTSaude_RES/open-sans-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("/VD_HLTSaude_RES/open-sans-v18-latin-regular.woff2") format("woff2"), url("/VD_HLTSaude_RES/open-sans-v18-latin-regular.woff") format("woff"), url("/VD_HLTSaude_RES/open-sans-v18-latin-regular.ttf") format("truetype"), url("/VD_HLTSaude_RES/open-sans-v18-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("/VD_HLTSaude_RES/open-sans-v18-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/VD_HLTSaude_RES/open-sans-v18-latin-600.eot?#iefix") format("embedded-opentype"), url("/VD_HLTSaude_RES/open-sans-v18-latin-600.woff2") format("woff2"), url("/VD_HLTSaude_RES/open-sans-v18-latin-600.woff") format("woff"), url("/VD_HLTSaude_RES/open-sans-v18-latin-600.ttf") format("truetype"), url("/VD_HLTSaude_RES/open-sans-v18-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("/VD_HLTSaude_RES/open-sans-v18-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/VD_HLTSaude_RES/open-sans-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("/VD_HLTSaude_RES/open-sans-v18-latin-700.woff2") format("woff2"), url("/VD_HLTSaude_RES/open-sans-v18-latin-700.woff") format("woff"), url("/VD_HLTSaude_RES/open-sans-v18-latin-700.ttf") format("truetype"), url("/VD_HLTSaude_RES/open-sans-v18-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */ }



/* $2. Layout                                                           */
body,
select,
textarea,
input {
  color: var(--color-neutral-9);
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  text-align: left; }

body {
  background-color: var(--color-neutral-0);
  margin: 0; }
  

/* ================================================================ */
/*  $3 - Page Layout                                                */
/* ================================================================ */
html,
body,
form {
  height: 100%; }

.body {
  overflow: hidden; }

.Header_center.ThemeGrid_Container {
  padding-bottom: 10px; }

/* .ThemeGrid_Container {
  padding-bottom: 40px; } */

/* ================================================================ */
/*  $3 - Page Layout  - Header                                      */
/* ================================================================ */
.Header {
  height: 90px; 
}

  .Header_center {
    display: flex;
    height: 100%;
    align-items: center; }
  .Header_background {
    background-color: var(--color-neutral-0); }
  .Header_Title {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%; }
    .Header_Title img {
      padding-top: 10px; }

a.Header_ButtonMenu {
  color: var(--color-secondary);
  display: block; }

.desktop a.Header_ButtonMenu .fa-bars {
  font-size: 22px; }

.desktop a.Header_ButtonMenu .fa-close {
  font-size: 24px; }

.Header_Right .fa-phone-square {
  font-size: 22px; }

.Header_Left .fa-phone-square {
  font-size: 22px; }

.phone a.Header_ButtonMenu .fa-bars {
  font-size: 24px; }

.phone .Header_Right .fa-phone-square {
  font-size: 24px; }
  
.phone .Header_Left .fa-phone-square {
  font-size: 24px; }

.Page.active .Header_ButtonMenu {
  color: var(--color-secondary); }

.MainContent {
  height: 100%;
  padding: 0;
  padding-top: 30px; }

.desktop .MainContent {
  padding-bottom: 140px;
}

.Title_Section {
  background-color: transparent;
  box-shadow: none;
  padding: 60px 20px 20px 20px; }

.SectionWebsite .SectionWebsite {
  margin: 0 -20px;
  padding-top: 80px;
  padding-bottom: 80px; }

.main-container {
  height: 100%;
  position: relative;
  z-index: 0; }

.section-title {
    font-family: poppins;
    color: var(--color-primary);
    height: 56px;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 56px;
    letter-spacing: 0.04em;
    flex: none;
    order: 1;
    flex-grow: 0;
  
  }

.section-subtitle {
  color: var(--color-neutral-7);
  font-size: var(--font-size-h5);
  font-weight: var(--font-regular); }

.popup-title {
  color: var(--color-primary);
  font-size: var(--font-size-h1);
  font-weight: var(--font-bold); }
  
.popup-title-xl {
  color: var(--color-primary);
  font-size: var(--font-size-h2);
  font-weight: var(--font-bold); }

.conditions-text {
  color: var(--color-neutral-7);
  font-size: var(--font-size-xs);
  margin-top: var(--space-xl);
  margin-left: auto;
  margin-right: auto;
  max-width: 586px;
  text-align: justify; }

/* ================================================================ */
/*  $6 - Styles                                                     */
/* ================================================================ */
/* $6.1.1 - Styles - Typography - Sizes Desktop */
.font-size-display {
  font-size: var(--font-size-display);
  font-weight: var(--font-semi-bold);
  line-height: 1.25; }

.heading1 {
  font-size: var(--font-size-h1);
  font-weight: var(--font-semi-bold);
  line-height: 1.25; }

.heading2 {
  color: var(--color-neutral-9);
  font-size: var(--font-size-h2);
  font-weight: var(--font-semi-bold);
  line-height: 1.25; }

.heading3 {
  color: var(--color-neutral-9);
  font-size: var(--font-size-h3);
  font-weight: var(--font-semi-bold);
  line-height: 1.25; }

.heading4 {
  color: var(--color-neutral-9);
  font-size: var(--font-size-h4);
  font-weight: var(--font-semi-bold);
  line-height: 1.25; }

.heading5 {
  color: var(--color-neutral-9);
  font-size: var(--font-size-h5);
  font-weight: var(--font-semi-bold);
  line-height: 1.25; }

.heading6 {
  color: var(--color-neutral-9);
  font-size: var(--font-size-h6);
  font-weight: var(--font-semi-bold);
  line-height: 1.25; }
  
.font-size-h1 {
  font-size: var(--font-size-h1);}  
  
.font-size-h2 {
  font-size: var(--font-size-h2);}  
  
.font-size-h3 {
  font-size: var(--font-size-h3);}  
  
.font-size-h4 {
  font-size: var(--font-size-h4);}  
  
.font-size-h5 {
  font-size: var(--font-size-h5);}  
  
.font-size-h6 {
  font-size: var(--font-size-h6);}  

.font-size-base {
  font-size: var(--font-size-base); }

.font-size-base {
  font-size: var(--font-size-base); }

.font-size-s {
  font-size: var(--font-size-s); }

.font-size-xs {
  font-size: var(--font-size-xs); }

/* ================================================================ */
/*  $6.1 - Styles - Typography                                      */
/* ================================================================ */
/* $6.1.4 - Styles - Typography - Transform */
.text-lowercase {
  text-transform: lowercase; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* $6.1.5 - Styles - Typography - Weight */
.font-light {
  font-weight: var(--font-light); }

.font-regular {
  font-weight: var(--font-regular); }

.font-semi-bold {
  font-weight: var(--font-semi-bold); }

.font-bold {
  font-weight: var(--font-bold); }

/* ================================================================ */
/*  $6.2 - Styles - Colors                                          */
/* ================================================================ */
/* $6.2.1 - Styles - Colors - Brand */
.background-primary {
  background-color: var(--color-primary); }

.background-secondary {
  background-color: var(--color-secondary); }

.background-neutral-1 {
  background-color: var(--color-neutral-1); }

.background-neutral-3 {
  background-color: var(--color-neutral-3); }

.background-1 {
  background-color: var(--color-background-1); }

.text-primary {
  color: var(--color-primary); }

.text-secondary {
  color: var(--color-secondary); }

.text-error {
  color: var(--color-error); }

.text-neutral-0 {
  color: var(--color-neutral-0); }

.text-neutral-7 {
  color: var(--color-neutral-7); }

.text-neutral-6 {
  color: var(--color-neutral-6); }

.text-neutral-8 {
  color: var(--color-neutral-8); }

.border-primary {
  border: var(--border-size-s) solid var(--color-primary); }

.border-secondary {
  border: var(--border-size-s) solid var(--color-secondary); }

.border-neutral-5 {
  border: var(--border-size-s) solid var(--color-neutral-5); }

/* ================================================================ */
/*  $6.3 - Styles - Space                                           */
/* ================================================================ */
/* $6.3.1 - Styles - Space - Padding */
.padding-none {
  padding: var(--space-none); }

.padding-xs {
  padding: var(--space-xs); }

.padding-s {
  padding: var(--space-s); }

.padding-base {
  padding: var(--space-base); }

.padding-m {
  padding: var(--space-m); }

.padding-l {
  padding: var(--space-l); }

.padding-xl {
  padding: var(--space-xl); }

.padding-xxl {
  padding: var(--space-xxl); }

/* $6.3.2 - Styles - Space - Padding Top */
.padding-top-none {
  padding-top: var(--space-none); }

.padding-top-xs {
  padding-top: var(--space-xs); }

.padding-top-s {
  padding-top: var(--space-s); }

.padding-top-base {
  padding-top: var(--space-base); }

.padding-top-m {
  padding-top: var(--space-m); }

.padding-top-l {
  padding-top: var(--space-l); }

.padding-top-xl {
  padding-top: var(--space-xl); }

.padding-top-xxl {
  padding-top: var(--space-xxl); }

/* $6.3.3 - Styles - Space - Padding Right */
.padding-right-none {
  padding-right: var(--space-none); }

.padding-right-xs {
  padding-right: var(--space-xs); }

.padding-right-s {
  padding-right: var(--space-s); }

.padding-right-base {
  padding-right: var(--space-base); }

.padding-right-m {
  padding-right: var(--space-m); }

.padding-right-l {
  padding-right: var(--space-l); }

.padding-right-xl {
  padding-right: var(--space-xl); }

.padding-right-xxl {
  padding-right: var(--space-xxl); }

/* $6.3.4 - Styles - Space - Padding Bottom */
.padding-bottom-none {
  padding-bottom: var(--space-none); }

.padding-bottom-xs {
  padding-bottom: var(--space-xs); }

.padding-bottom-s {
  padding-bottom: var(--space-s); }

.padding-bottom-base {
  padding-bottom: var(--space-base); }

.padding-bottom-m {
  padding-bottom: var(--space-m); }

.padding-bottom-l {
  padding-bottom: var(--space-l); }

.padding-bottom-xl {
  padding-bottom: var(--space-xl); }

.padding-bottom-xxl {
  padding-bottom: var(--space-xxl); }

/* $6.3.5 - Styles - Space - Padding Left */
.padding-left-none {
  padding-left: var(--space-none); }

.padding-left-xs {
  padding-left: var(--space-xs); }

.padding-left-s {
  padding-left: var(--space-s); }

.padding-left-base {
  padding-left: var(--space-base); }

.padding-left-m {
  padding-left: var(--space-m); }

.padding-left-l {
  padding-left: var(--space-l); }

.padding-left-xl {
  padding-left: var(--space-xl); }

.padding-left-xxl {
  padding-left: var(--space-xxl); }

/* $6.3.6 - Styles - Space - Padding Vertical */
.padding-y-none {
  padding-top: var(--space-none);
  padding-bottom: var(--space-none); }

.padding-y-xs {
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs); }

.padding-y-s {
  padding-top: var(--space-s);
  padding-bottom: var(--space-s); }

.padding-y-base {
  padding-top: var(--space-base);
  padding-bottom: var(--space-base); }

.padding-y-m {
  padding-top: var(--space-m);
  padding-bottom: var(--space-m); }

.padding-y-l {
  padding-top: var(--space-l);
  padding-bottom: var(--space-l); }

.padding-y-xl {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl); }

.padding-y-xxl {
  padding-top: var(--space-xxl);
  padding-bottom: var(--space-xxl); }

/* $6.3.7 - Styles - Space - Padding Horizontal */
.padding-x-none {
  padding-left: var(--space-none);
  padding-right: var(--space-none); }

.padding-x-xs {
  padding-left: var(--space-xs);
  padding-right: var(--space-xs); }

.padding-x-s {
  padding-left: var(--space-s);
  padding-right: var(--space-s); }

.padding-x-base {
  padding-left: var(--space-base);
  padding-right: var(--space-base); }

.padding-x-m {
  padding-left: var(--space-m);
  padding-right: var(--space-m); }

.padding-x-l {
  padding-left: var(--space-l);
  padding-right: var(--space-l); }

.padding-x-xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl); }

.padding-x-xxl {
  padding-left: var(--space-xxl);
  padding-right: var(--space-xxl); }

/* $6.3.8 - Styles - Space - Margin */
.margin-none {
  margin: var(--space-none); }

.margin-xs {
  margin: var(--space-xs); }

.margin-s {
  margin: var(--space-s); }

.margin-base {
  margin: var(--space-base); }

.margin-m {
  margin: var(--space-m); }

.margin-l {
  margin: var(--space-l); }

.margin-xl {
  margin: var(--space-xl); }

.margin-xxl {
  margin: var(--space-xxl); }

.margin-auto {
  margin: 0 auto; }

/* $6.3.9 - Styles - Space - Margin Top */
.margin-top-none {
  margin-top: var(--space-none); }

.margin-top-xs {
  margin-top: var(--space-xs); }

.margin-top-s {
  margin-top: var(--space-s); }

.margin-top-base {
  margin-top: var(--space-base); }

.margin-top-m {
  margin-top: var(--space-m); }

.margin-top-l {
  margin-top: var(--space-l); }

.margin-top-xl {
  margin-top: var(--space-xl); }

.margin-top-xxl {
  margin-top: var(--space-xxl); }

/* $6.3.10 - Styles - Space - Margin Right */
.margin-right-none {
  margin-right: var(--space-none); }

.margin-right-xs {
  margin-right: var(--space-xs); }

.margin-right-s {
  margin-right: var(--space-s); }

.margin-right-base {
  margin-right: var(--space-base); }

.margin-right-m {
  margin-right: var(--space-m); }

.margin-right-l {
  margin-right: var(--space-l); }

.margin-right-xl {
  margin-right: var(--space-xl); }

.margin-right-xxl {
  margin-right: var(--space-xxl); }

/* $6.3.11 - Styles - Space - Margin Bottom */
.margin-bottom-none {
  margin-bottom: var(--space-none); }

.margin-bottom-xs {
  margin-bottom: var(--space-xs); }

.margin-bottom-s {
  margin-bottom: var(--space-s); }

.margin-bottom-base {
  margin-bottom: var(--space-base); }

.margin-bottom-m {
  margin-bottom: var(--space-m); }

.margin-bottom-l {
  margin-bottom: var(--space-l); }

.margin-bottom-xl {
  margin-bottom: var(--space-xl); }

.margin-bottom-xxl {
  margin-bottom: var(--space-xxl); }

/* $6.3.12 - Styles - Space - Margin Left */
.margin-left-none {
  margin-left: var(--space-none); }

.margin-left-xs {
  margin-left: var(--space-xs); }

.margin-left-s {
  margin-left: var(--space-s); }

.margin-left-base {
  margin-left: var(--space-base); }

.margin-left-m {
  margin-left: var(--space-m); }

.margin-left-l {
  margin-left: var(--space-l); }

.margin-left-xl {
  margin-left: var(--space-xl); }

.margin-left-xxl {
  margin-left: var(--space-xxl); }

/* $6.3.13 - Styles - Space - Margin Vertical */
.margin-y-none {
  margin-top: var(--space-none);
  margin-bottom: var(--space-none); }

.margin-y-xs {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xs); }

.margin-y-s {
  margin-top: var(--space-s);
  margin-bottom: var(--space-s); }

.margin-y-base {
  margin-top: var(--space-base);
  margin-bottom: var(--space-base); }

.margin-y-m {
  margin-top: var(--space-m);
  margin-bottom: var(--space-m); }

.margin-y-l {
  margin-top: var(--space-l);
  margin-bottom: var(--space-l); }

.margin-y-xl {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl); }

.margin-y-xxl {
  margin-top: var(--space-xxl);
  margin-bottom: var(--space-xxl); }

/* $6.3.14 - Styles - Space - Margin Horizontal */
.margin-x-none {
  margin-left: var(--space-none);
  margin-right: var(--space-none); }

.margin-x-xs {
  margin-left: var(--space-xs);
  margin-right: var(--space-xs); }

.margin-x-s {
  margin-left: var(--space-s);
  margin-right: var(--space-s); }

.margin-x-base {
  margin-left: var(--space-base);
  margin-right: var(--space-base); }

.margin-x-m {
  margin-left: var(--space-m);
  margin-right: var(--space-m); }

.margin-x-l {
  margin-left: var(--space-l);
  margin-right: var(--space-l); }

.margin-x-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl); }

.margin-x-xxl {
  margin-left: var(--space-xxl);
  margin-right: var(--space-xxl); }

/* ================================================================ */
/*  $6.4 - Styles - Border Radius                                   */
/* ================================================================ */
.border-radius-none {
  border-radius: var(--border-radius-none); }

.border-radius-semi-soft {
  border-radius: var(--border-radius-semi-soft); }

.border-radius-soft {
  border-radius: var(--border-radius-soft); }

.border-radius-rounded {
  border-radius: var(--border-radius-rounded); }

.border-radius-circle {
  border-radius: var(--border-radius-circle); }

/* ================================================================ */
/*  $6.5 - Styles - Border Size                                     */
/* ================================================================ */
.border-size-none {
  border-width: var(--border-size-none); }

.border-size-s {
  border: var(--border-size-s) solid currentColor; }

.border-size-m {
  border: var(--border-size-m) solid currentColor; }

.border-size-l {
  border: var(--border-size-l) solid currentColor; }

/* ================================================================ */
/*  $6.6 - Styles - Elevation/Shadows                               */
/* ================================================================ */
.shadow-none {
  box-shadow: var(--shadow-none); }

.shadow-xs {
  box-shadow: var(--shadow-xs); }

.shadow-s {
  box-shadow: var(--shadow-s); }

.shadow-m {
  box-shadow: var(--shadow-m); }

.shadow-l {
  box-shadow: var(--shadow-l); }

.shadow-xl {
  box-shadow: var(--shadow-xl); }

/* ================================================================ */
/*  $6.7 - Styles - Display Flex Properties                         */
/* ================================================================ */
.display-flex {
  display: flex; }

.align-items-center {
  align-items: center; }

.justify-content-flex-end {
  justify-content: flex-end; }

.justify-content-center {
  justify-content: center; }

.justify-content-space-between {
  display: flex;
  justify-content: space-between; }

.flex1 {
  flex: 1; }

.flex2 {
  flex: 2; }

.flex3 {
  flex: 3; }

.flex-direction-column {
  flex-direction: column; }

.flex-direction-row {
  flex-direction: row; }

.flex-direction-row-reverse {
  flex-direction: row-reverse; }

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }

.vertical-align {
  flex-direction: row;
  align-items: center; }

.Columns.MarginBottom {
  margin-bottom: var(--space-xl); }

/* BreakFirst, BreakLast, BreakAll, BreakMiddle */
.tablet .Columns.MarginBottom.tab_BreakFirst,
.tablet .Columns.MarginBottom.tab_BreakLast,
.tablet .Columns.MarginBottom.tab_BreakAll,
.tablet .Columns.MarginBottom.tab_BreakMiddle,
.phone .Columns.MarginBottom.mob_BreakFirst,
.phone .Columns.MarginBottom.mob_BreakLast,
.phone .Columns.MarginBottom.mob_BreakAll,
.phone .Columns.MarginBottom.mob_BreakMiddle {
  margin-bottom: var(--space-none); }

/* MarginBottom Columns -> BreakFirst, BreakLast, BreakAll, BreakMiddle */
.tablet .Columns.MarginBottom.tab_BreakFirst > .Column,
.tablet .Columns.MarginBottom.tab_BreakLast > .Column,
.tablet .Columns.MarginBottom.tab_BreakAll > .Column,
.tablet .Columns.MarginBottom.tab_BreakMiddle > .Column,
.phone .Columns.MarginBottom.mob_BreakFirst > .Column,
.phone .Columns.MarginBottom.mob_BreakLast > .Column,
.phone .Columns.MarginBottom.mob_BreakAll > .Column,
.phone .Columns.MarginBottom.mob_BreakMiddle > .Column {
  margin-bottom: var(--space-xl); }

/*-------------------------------------*\
            $1. Columns2
\*-------------------------------------*/
.Columns2 > .Column.ColFirst {
  padding-right: var(--space-base); }

.Columns2 > .Column.ColLast {
  padding-left: var(--space-base); }

.MediumRightColumns > .Column.ColFirst {
  padding-right: var(--space-base); }

.MediumRightColumns > .Column.ColLast {
  padding-left: var(--space-base); }

.sticky-container {
  height: 0;
  position: sticky;
  z-index: 1; }

div.os-internal-Popup.os-internal-ui-dialog {
  position: fixed;
  left: 50% !important;
  max-width: 792px;
  transform: translate(-50%, -50%) !important;
  top: 50% !important;
  width: calc(100% - 40px) !important; }

/* $3. Pages                                                            */
/*      Pages    */
/* Insurance Coverage */
.insurance-wrapper {
  position: absolute;
  top: -30px;
  width: 100%; }
  .insurance-wrapper .conditions-text {
    max-width: 792px; 
    padding-bottom: 100px;}

.insurance-wrapper .insurance-content {
  position: absolute;
  top: 40px;
  width: 100%; }

.insurance-wrapper .insurance-content .date-wrapper .background-image-section {
  top: -100px;
  z-index: 1; }

.additional-protection-wrapper {
  position: relative;
  margin: var(--space-xl) -20px 0; }
  .additional-protection-wrapper .background-image-section {
    padding-top: 60px;
    position: absolute;
    z-index: -1; }

.date-wrapper {
  height: 520px;
  margin: 0 -20px;
  padding-top: 80px;
  position: relative; }
  .date-wrapper .background-image-section {
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 0;
    z-index: -1; }
    .date-wrapper .background-image-section .background-image-left,
    .date-wrapper .background-image-section .background-image-right {
      margin-top: 130px; }

.background-image-section.float {
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  top: 0;
  z-index: -1; }

.simulator-days .counter-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 270px; }

.policy-summary-screen .Columns.MarginBottom {
  margin-bottom: 0; }

.elder-person-screen .Button {
  border: var(--color-secondary) solid var(--border-size-s);
  color: var(--color-secondary);
  font-size: var(--font-size-s);
  font-weight: var(--font-semi-bold);
  height: 32px;
  min-width: 292px; }

/* $4. Patterns                                                         */
/* $4 - Patterns                                                        */
/* $2.1 - HTML Elements - Links */
a {
  color: var(--color-secondary);
  font-weight: var(--font-bold);
  text-decoration: underline;
  transition: color 180ms linear; }
  a:link {
    color: var(--color-secondary);
    font-weight: var(--font-semi-bold);
    text-decoration: underline;
    transition: color 180ms linear; }
  a:visited, a:visited:hover, a:hover, a:link:hover {
    color: var(--color-secondary);
    text-decoration: underline;
    transition: color 180ms linear; }

.desktop a {
  color: var(--color-secondary);
  font-weight: var(--font-bold);
  text-decoration: none;
  transition: color 180ms linear; }
  .desktop a:link {
    color: var(--color-secondary);
    font-weight: var(--font-semi-bold);
    text-decoration: none;
    transition: color 180ms linear; }
  .desktop a:visited, .desktop a:visited:hover, .desktop a:hover, .desktop a:link:hover {
    color: var(--color-secondary);
    text-decoration: underline;
    transition: color 180ms linear; }

.AccordionVertical {
  border: none; }
  .AccordionVertical_item.open .AccordionVertical___icon {
    display: unset;
    border-left: none;
    padding-left: 0;
    bottom: 10px;
    right: 16px;
    position: absolute; }
    .AccordionVertical_item.open .AccordionVertical___icon > .fa {
      background-color: var(--color-secondary);
      border: none;
      border-radius: 100%;
      color: var(--color-neutral-0);
      font-size: 18px;
      line-height: 18px;
      height: 16px;
      width: 16px; }
  .AccordionVertical_item.open .AccordionVertical__header {
    font-weight: var(--font-regular);
    padding: 0; }
  .AccordionVertical_item.open .AccordionVertical__content {
    border-top: 0;
    padding-bottom: 0;
    padding-top: 0; }
  .AccordionVertical__header {
    position: relative;
    padding: 0; }
  .AccordionVertical___title > div {
    display: block; }
  .AccordionVertical___icon {
    display: unset;
    border-left: none;
    padding-left: 0;
    bottom: 14px;
    right: 16px;
    position: absolute;
    z-index: 1; }
    .AccordionVertical___icon > .fa {
      background-color: var(--color-secondary);
      border: none;
      border-radius: 100%;
      color: var(--color-neutral-0);
      font-size: 18px;
      line-height: 18px;
      height: 16px;
      width: 16px; }
    .AccordionVertical___icon .fa-angle-down:before {
      padding-left: 0; }

.phone .AccordionVertical .AccordionVertical___title div {
  align-items: baseline; }

.phone .AccordionVertical .AccordionVertical___icon {
  top: var(--space-m);
  transform: rotate(180deg); }

.phone .AccordionVertical_item.open .AccordionVertical___icon {
  top: var(--space-m);
  transform: rotate(180deg); }

/* HTML Elements - Buttons */
.Button,
.btn {
  align-items: center;
  background-color: var(--color-neutral-0);
  border-radius: var(--border-radius-semi-soft);
  border: var(--border-size-s) solid var(--color-neutral-6);
  color: var(--color-neutral-8);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-h6);
  /*font-weight: var(--font-semi-bold);*/
  height: 48px;
  justify-content: center;
  margin: 0;
  padding: var(--space-none) var(--space-base);
  transition: all 180ms linear;
  min-width: 239px; }
  .Button.Is_Default,
  .btn.Is_Default {
    background-color: var(--color-primary);
    border: var(--border-size-none);
    color: var(--color-neutral-0); }
  .Button.border-primary,
  .btn.border-primary {
    border: var(--border-size-s) solid var(--color-primary);
    color: var(--color-primary); }

.Button[class*="background-"],
.btn[class*="background-"] {
  border: var(--border-size-none);
  color: var(--color-neutral-0); }

.Button[class*="text-"],
.btn[class*="text-"] {
  background-color: var(--color-neutral-0);
  border: var(--border-size-s) solid currentColor; }

.Button + .Button {
  margin-left: 24px; }

.Button .fa {
  width: auto; }

.Button .fa:first-child {
  padding-right: var(--space-s); }

.Button .fa:last-child {
  padding-left: var(--space-s); }

.Button:focus {
  box-shadow: 0 0 0 2px; 
  /*box-shadow: 0 0 0 2px #a3daff;*/
}

.Button:hover {
  box-shadow: var(--shadow-s);
  /*filter: brightness(0.95);*/
  /*filter:none;*/
}

.Button:hover:active {
  box-shadow: var(--shadow-none);
  /*filter: brightness(0.9);*/
   /*filter:none;*/
}

.Is_Default:hover {
  /*filter: brightness(0.9); */
   /*filter:none;*/
}

.Is_Default:hover:active {
  box-shadow: var(--shadow-none);
  /*filter: brightness(0.8); */
  /*filter:none;*/
}

.btn-large {
  font-size: var(--font-size-base);
  height: 48px; }

.btn-small {
  font-size: var(--font-size-xs);
  height: 32px;
  padding: var(--space-none) var(--space-s); }

.Button[disabled], .Button:disabled, .Button.Is_Default[disabled], .Button.ButtonDefault[disabled], .Button.Is_Default:disabled, .Button.ButtonDefault:disabled {
  background-color: var(--color-primary);
  border: 0;
  border-radius: var(--border-radius-semi-soft);
  box-shadow: none;
  color: var(--color-neutral-0);
  opacity: 0.15 !important;
  pointer-events: none; }

/* Default Responsive */
.phone .btn,
.phone .Button,
.phone a.Button {
  height: 48px;
  display: inline-flex;
  margin-left: 0; }

.phone .btn + .btn,
.phone .Button + .Button {
  margin-top: var(--space-base); }

.phone .btn.ThemeGrid_MarginGutter,
.phone .Button.ThemeGrid_MarginGutter {
  margin-left: var(--space-none); }

.phone .Button + .Button {
  margin-left: 0; }

/* Buttons in Internet Explorer and Edge */
.edge .Button,
.ie11 .Button,
.ie10 .Button,
.edge .btn,
.ie11 .btn,
.ie11 .btn {
  display: inline-block; }

.edge a.Button,
.ie11 a.Button,
.ie10 a.Button,
.edge a.btn,
.ie11 a.btn,
.ie11 a.btn {
  display: inline-flex; }

.card {
  background-color: var(--color-neutral-0);
  border-radius: var(--border-radius-semi-soft);
  border: var(--border-size-s) solid var(--color-neutral-4);
  padding: var(--space-m); }

.Feedback_AjaxWait {
  color: var(--color-primary); }

/*  FORM    */
.form {
  margin-left: auto;
  margin-right: auto;
  max-width: 586px; }
  .form .FormEditPencil {
    display: none; }

input, input[type="text"], input[type="number"], input[type="tel"] {
  background: var(--color-neutral-0);
  border: var(--border-size-s) solid var(--color-neutral-5);
  height: 48px;
  font-size: var(--font-size-base);
  min-width: 64px;
  text-align: left; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

.InputWithIcons .InputIcon {
  background-color: transparent;
  height: 46px;
  line-height: 55px; }
  .InputWithIcons .InputIcon .fa.fa-fw {
    font-size: var(--font-size-h4); }

.ValidationMessage {
  margin-top: var(--space-xs);
  text-align: left; 
  color: red !important;  
}

select {
  font-size: var(--font-size-base);
  height: 48px;
  padding: 0 12px; }

.select2-container-multi .select2-choices {
  min-height: 48px; }

/*  Checkbox simple */
html input[type="checkbox"] {
  height: 16px;
  width: 16px; }

input[type="checkbox"] {
  height: 16px;
  width: 16px; }

input[type="checkbox"]:before {
  background: var(--color-neutral-0);
  border-radius: var(--border-radius-none);
  height: 16px;
  width: 16px; }

input[type="checkbox"]:checked:before {
  background: var(--color-primary);
  border: var(--border-size-s) solid var(--color-primary);
  border-radius: var(--border-radius-none);
  height: 16px;
  width: 16px; }

input[type="checkbox"]:after {
  border: 2px solid var(--color-neutral-0);
  border-right: 0;
  border-top: 0;
  height: 5px;
  left: 7%;
  top: 28%;
  width: 8px; }

/*  FeedbackAjaxWait    */
.Feedback_AjaxWait {
  color: transparent; }

/* Menu */
.menu-container {
  background: #eef4fa;
  border: var(--border-radius-semi-soft) solid var(--color-neutral-4);
  line-height: 1.43;
  margin: 0 var(--space-base);
  padding: 40px 60px;
  position: absolute;
  top: 70px;
  width: 80%;
  z-index: 21; }

.menu-container:after,
.menu-container:before {
  border: 12px solid transparent;
  border-bottom: 12px solid #EEF4FA;
  content: "";
  top: -24px;
  height: 0;
  left: var(--space-base);
  position: absolute;
  width: 0;
  z-index: 21; }

.menu-container:before {
  border-width: 13px;
  border-bottom-color: var(--color-neutral-4);
  top: -26px;
  left: 15px; }

.menu-container img {
  margin-bottom: var(--space-base); }

.desktop .menu-container a:link {
  font-weight: var(--font-regular);
  text-decoration: none;
  transition: none; }

.menu-container a {
  display: block;
  font-size: var(--font-size-s);
  font-weight: var(--font-regular);
  padding: 7px 10px; }

.menu-container a.active,
.desktop .menu-container a:hover {
  background-color: var(--color-secondary);
  color: #ffffff; }

.menu-container .close-menu {
  position: absolute;
  color: #193282;
  left: 16px;
  top: 50px; }

.overlay-menu {
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 20; }

/* PopUp    */
.MainPopup {
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-width: 328px;
  padding: var(--space-m); }

.help-number {
  color: var(--color-primary);
  font-size: 48px;
  font-weight: var(--font-semi-bold);
  text-decoration: underline; }

/*  Toggle */
.ToggleButton {
  border-radius: var(--border-radius-rounded);
  height: 32px;
  width: 52px; }
  .ToggleButton_label:after {
    border-radius: var(--border-radius-circle);
    left: 2px;
    height: 24px;
    top: 2px;
    width: 24px; }
  .ToggleButton_label.changed:after {
    left: 22px;
    height: 24px;
    top: 2px;
    width: 24px; }
  .ToggleButton.changed {
    background-color: var(--color-primary); }
    .ToggleButton.changed:after {
      left: 22px;
      height: 24px;
      top: 2px;
      width: 24px; }

/* Radio Buttons **************************/
.radio-button-wrapper {
  justify-content: center;
  display: flex; }
  .radio-button-wrapper input[type="radio"] {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    position: relative;
    width: 24px; }
    .radio-button-wrapper input[type="radio"]:before {
      background: #fff;
      border: var(--color-neutral-5) solid var(--border-size-s);
      border-radius: var(--border-radius-circle);
      box-shadow: none;
      content: " ";
      display: block;
      height: 24px;
      position: absolute;
      width: 24px; }
    .radio-button-wrapper input[type="radio"]:after {
      background: var(--color-neutral-0);
      border: var(--border-size-s) solid var(--color-neutral-0);
      border-radius: var(--border-radius-circle);
      content: " ";
      display: table;
      height: 12px;
      left: 10%;
      opacity: 0;
      position: absolute;
      top: 30%;
      width: 12px; }
    .radio-button-wrapper input[type="radio"]:checked:after {
      background: var(--color-neutral-0);
      border-color: none;
      opacity: 1; }
    .radio-button-wrapper input[type="radio"]:checked:before {
      background: var(--color-primary);
      border-color: var(--color-primary); }
    .radio-button-wrapper input[type="radio"].checkbox:before {
      border-radius: var(--border-radius-none); }
    .radio-button-wrapper input[type="radio"].checkbox:after {
      background: transparent;
      border: 3px solid var(--color-neutral-0);
      border-right: 0;
      border-top: 0;
      border-radius: var(--border-radius-none);
      content: " ";
      display: block;
      height: 5px;
      left: 10%;
      opacity: 1;
      position: absolute;
      top: 30%;
      width: 12px;
      transform: rotate(-45deg); }

.radio-button-container {
  width: 28px;
  margin-right: var(--space-s); }

.radio-button-item {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-right: var(--space-xxl); }

.Form input[type="radio"] {
  border-width: 0; }

input[type="radio"],
input[type="radio"].ReadOnly,
.Form input[type="radio"].ReadOnly {
  background-color: transparent;
  vertical-align: initial; }

.Form input[type="checkbox"].SmartInput {
  display: inline-block; }

/* Disabled **************************/
input[type="radio"]:disabled:checked:after {
  background: transparent;
  border-color: #ccc; }

input[type="radio"]:disabled:before {
  box-shadow: inset 0 0 5px #ccc; }

input[type="radio"]:disabled,
input[type=checkbox]:disabled {
  cursor: not-allowed; }

.Form input[type="checkbox"]:disabled.ReadOnly,
.Form input[type="radio"]:disabled.ReadOnly {
  cursor: not-allowed; }

/*  Wizard  */
.wizard {
  margin-left: var(--space-base);
  max-width: 200px;
  padding-top: 100px;
  padding-bottom: var(--space-m); }
  .wizard-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    width: 100%; }
    .wizard-item-icon {
      align-items: center;
      background-color: var(--color-neutral-0);
      border-radius: var(--border-radius-circle);
      border: var(--border-size-m) solid var(--color-neutral-5);
      color: var(--color-neutral-7);
      display: flex;
      height: 32px;
      justify-content: center;
      margin: 0 auto;
      position: relative;
      width: 32px;
      z-index: 2; }
      .wizard-item-icon-wrapper {
        display: flex;
        justify-content: center;
        position: relative; }
      .wizard-item-icon:empty {
        height: 12px;
        transform: translateX(10px);
        width: 12px; }
      .wizard-item-icon .fa-fw {
        font-size: var(--font-size-base);
        width: auto; }
      .wizard-item-icon-wrapper {
        margin: var(--space-s) var(--space-none);
        position: relative;
        width: 100%; }
        .wizard-item-icon-wrapper:before {
          content: '';
          height: 2px;
          position: absolute;
          right: calc(50% + 12px);
          top: 50%;
          transform: translateY(-50%);
          width: calc(100% - 24px);
          z-index: 0; }
    .wizard-item.active .wizard-item-icon {
      background-color: var(--color-neutral-0);
      border-color: var(--color-primary);
      color: var(--color-primary); }
      .wizard-item.active .wizard-item-icon-wrapper:before {
        background-color: var(--color-primary); }
    .wizard-item.active .wizard-item-label {
        color: var(--color-primary);
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 26px;
        height: 30px;
      }
    .wizard-item.past .wizard-item-icon {
      background-color: var(--color-primary);
      border-color: var(--color-primary);
      color: var(--color-neutral-0); }
      .wizard-item.past .wizard-item-icon-wrapper:before {
        background-color: var(--color-primary); }
    .wizard-item.past .wizard-item-label {
        color: var(--color-primary);
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        height: 30px;
      }
    .wizard-item.next .wizard-item-icon-wrapper:before {
      background-color: var(--color-neutral-5); }
    .wizard-item.next .wizard-item-icon .fa-fw {
      color: var(--color-neutral-5); }
    .wizard-item:first-child .wizard-item-icon-wrapper:before {
      content: none; }
    .wizard-item-label {
      color: var(--color-neutral-7); }
    .wizard-item.label-top .wizard-item-icon-wrapper {
      order: 2; }
    .wizard-item.label-top .wizard-item-label {
      flex: 1;
      order: 1; }
    .wizard-item.empty-child-node .wizard-item-icon-wrapper:before {
      transform: translateX(9px); }
    .wizard-item.empty-child-node .wizard-item-label {
      transform: translateX(20px); }
  .wizard-vertical .wizard-item {
    flex-direction: row;
    margin-bottom: var(--space-l); }
    .wizard-vertical .wizard-item:last-child {
      margin-bottom: var(--space-none); }
    .wizard-vertical .wizard-item-icon-wrapper {
      margin: var(--space-none) var(--space-s) var(--space-none) var(--space-none);
      width: auto;
      display: flex;
      justify-content: center;
      position: relative; }
      .wizard-vertical .wizard-item-icon-wrapper:before {
        bottom: calc(50% + 12px);
        height: calc(100% + 18px);
        left: 50%;
        top: auto;
        transform: translateY(0) translateX(-50%);
        width: 2px; }
    .wizard-vertical .wizard-item.label-top .wizard-item-label {
      text-align: right; }
    .wizard-vertical .wizard-item.label-top .wizard-item-icon-wrapper {
      margin: var(--space-none) var(--space-none) var(--space-none) var(--space-s); }
    .wizard-vertical .wizard-item.empty-child-node .wizard-item-icon-wrapper:before {
      bottom: calc(50% + 6px);
      height: calc(100% + 28px); }

.ie11 .wizard.flex-direction-row .wizard-item.label-top .wizard-item-label,
.ie10 .wizard.flex-direction-row .wizard-item.label-top .wizard-item-label {
  flex: none; }

.ie11 .wizard-vertical .wizard-item {
  flex: none; }

.popup-callus a {
  color: var(--color-primary);
  font-weight: var(--font-bold);
  text-decoration: underline;
  transition: color 180ms linear; }
  .popup-callus a:link, .popup-callus a:visited {
    color: var(--color-primary);
    font-weight: var(--font-semi-bold);
    text-decoration: underline;
    transition: color 180ms linear; }
  .popup-callus a:hover {
    color: var(--color-primary); }
  .popup-callus a:link:hover {
    color: var(--color-primary); }

/* $4.1 Patterns                                                         */
.back-icon {
  position: absolute;
  z-index: 2; }
  .back-icon a {
    display: inline-block;
    width: 50px; }

.background-image-section {
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 0 40px;
  width: 100%; }
  .background-image-section.bottom {
    bottom: 0;
    position: absolute;
    z-index: -1; }

.down-arrow {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-xl);
  text-align: center; }
  .down-arrow a {
    color: var(--color-primary); }
    .down-arrow a:link, .down-arrow a:visited {
      color: var(--color-primary); }
    .down-arrow a:hover {
      color: var(--color-primary); }
    .down-arrow a:link:hover {
      color: var(--color-primary); }

.exit-simulation-popup .Button,
.close-browser-popup .Button,
.inactivity-popup .Button {
  width: 284px; }

/* $4.2. Custom Patterns                                                */
/* COSTUM PATTERNS *****************************************************************************************/
.add-person {
  margin-left: auto;
  margin-right: auto;
  max-width: 220px; }
  .add-person a {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: var(--font-size-base);
    font-weight: var(--font-semi-bold);
    justify-content: center; }
    .add-person a:link, .add-person a:hover, .add-person a:link:hover {
      text-decoration: none; }

.additional-protection {
  align-items: center;
  background: var(--color-neutral-0);
  border: var(--border-size-s) solid var(--color-neutral-5);
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--space-m);
  text-align: left;
  padding: var(--space-base) var(--space-m);
  max-width: 792px; }
  .additional-protection .ListItem {
    border-bottom: none; }
    .additional-protection .ListItem.ListItemToggle {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .additional-protection .ListItem.ListItemToggle > div {
        display: flex;
        vertical-align: middle; }
  .additional-protection svg {
    height: 64px;
    width: 64px; }
  .additional-protection-image {
    margin-right: var(--space-m); }
  .additional-protection-title {
    color: var(--color-secondary);
    font-size: var(--font-size-h5);
    font-weight: var(--font-bold);
    margin-bottom: var(--space-s); }
  .additional-protection-description {
    color: var(--color-neutral-7);
    font-size: var(--font-size-s);
    font-weight: var(--font-regular);
    line-height: var(--space-m); }
  .additional-protection-value {
    color: var(--color-neutral-7);
    font-size: var(--font-size-s);
    line-height: 36px;
    text-align: right; }
  .additional-protection.is--selected {
    border: var(--border-size-m) solid var(--color-primary);
    margin-bottom: var(--space-m); }
    .additional-protection.is--selected .additional-protection-title {
      color: var(--color-primary); }
    .additional-protection.is--selected .additional-protection-value {
      color: var(--color-primary);
      font-weight: var(--font-semi-bold); }
    .additional-protection.is--selected svg path {
      fill: var(--color-primary); }
  .additional-protection .WrapperToggleButton {
    position: absolute;
    right: 20px; }

.additional-protection .Columns.MediumRightColumns {
  align-content: center;
  display: flex;
  flex-wrap: nowrap; }

.additional-protection .Columns.MediumRightColumns .Column.ColLast > div {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding-right: 4px; }

.additional-protection .Columns.MediumRightColumns .Column.ColLast .Columns.MediumRightColumns .Column.ColLast > div {
  justify-content: flex-end;
  padding-right: 8px; }

.additional-protection .Columns .Column {
  display: inline-flex; }

.additional-protection .Columns.MarginBottom {
  margin-bottom: 0; }

.phone .additional-protection svg {
  display: none; }

.additional-coverage .ListRecords {
  display: flex; }
  .additional-coverage .ListRecords div:not(:last-child) {
    margin-right: var(--space-xs); }

.coverage-title {
  color: var(--color-primary);
  font-size: var(--font-size-h5);
  font-weight: var(--font-bold); }

.coverage-description {
  color: var(--color-secondary);
  font-size: var(--font-size-base);
  font-weight: var(--font-semi-bold); }

.base-coverage-list {
  color: var(--color-secondary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-semi-bold);
  margin-bottom: var(--space-l); }

a.more-details,
a:link.more-details {
  font-weight: var(--font-semi-bold); }

.progress-counter {
  color: var(--color-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-semi-bold); }

.resume-additional-protection-extra {
  color: var(--color-secondary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-semi-bold); }

.plan-protection {
  padding: var(--space-l); }

.flatpickr-calendar {
  width: 346px;
  border-radius: var(--border-radius-semi-soft); }

.flatpickr-calendar.open {
  padding: 24px 20px; }

.flatpickr-months {
  padding-bottom: var(--space-xl); }

.flatpickr-months .flatpickr-month {
  text-align: left; }

.flatpickr-months .flatpickr-current-month {
  color: var(--color-primary);
  font-size: var(--font-size-s);
  text-align: left;
  left: 0; }

.flatpickr-current-month span.cur-month {
  font-weight: var(--font-regular);
  margin-right: var(--space-xl); }

.flatpickr-current-month .numInputWrapper {
  width: 50px; }

.numInputWrapper span.arrowUp,
.numInputWrapper span.arrowDown {
  display: none; }

.flatpickr-current-month input.cur-year {
  min-width: 47px; }

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  top: 20px; }

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  fill: var(--color-neutral-7); }

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 280px; }

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--color-primary); }

span.flatpickr-weekday {
  font-weight: var(--font-regular); }

.flatpickr-day {
  border-radius: var(--border-radius-semi-soft);
  color: var(--color-neutral-9);
  height: 32px;
  line-height: 32px;
  max-width: 32px;
  margin: 2px 4px; }

.flatpickr-day.today {
  border-color: var(--color-primary); }

.flatpickr-day.nextMonthDay {
  color: var(--color-neutral-7); }

.flatpickr-day.nextMonthDay.disabled {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1); }

.flatpickr-day.selected {
  color: var(--color-neutral-0); }

.loading-card {
  margin: 0 auto;
  max-height: 270px;
  max-width: 700px; }
  .loading-card-wrapper {
    height: 268px;
    margin: 0 auto;
    position: relative;
    max-width: 655px; }
  .loading-card-content {
    text-align: left;
    background: var(--color-neutral-0);
    border: var(--border-size-s) solid var(--color-neutral-5);
    min-height: 172px;
    padding: var(--space-m);
    position: absolute;
    right: 90px;
    top: 28px;
    max-width: 500px;
    z-index: 1; }
  .loading-card-title {
    font-size: var(--font-size-h4);
    font-weight: var(--font-semi-bold);
    margin-bottom: var(--space-base); }
  .loading-card-description {
    font-size: var(--font-size-base); }
  .loading-card-icons-wrapper {
    right: 0;
    position: absolute;
    z-index: 1; }
  .loading-card-shadow {
    background: url("/VD_HLTSaude_RES/img/loaderbackgrounddesktop.png?8323") no-repeat center;
    height: 160px;
    left: -26px;
    position: absolute;
    top: 115px;
    width: 420px;
    z-index: 0; }

.processing-container {
  color: var(--color-primary);
  margin-top: 86px;
  font-size: var(--font-size-h5);
  font-weight: var(--font-semi-bold);
  margin-left: auto;
  margin-right: auto;
  width: 280px; }

.payment-card {
  background: var(--color-neutral-0);
  border: var(--border-size-s) solid var(--color-neutral-5);
  /*margin: 0 var(--space-base);*/
  margin:0 37px 0px 37px;
  padding: var(--space-s);
  padding-bottom: var(--space-base);
  width: 255px; }
  .payment-card .payment-title {
    background: var(--color-background-1);
    color: var(--color-secondary);
    font-size: var(--font-size-h3);
    font-weight: var(--font-semi-bold);
    margin-bottom: var(--space-base);
    padding: var(--space-base); }
  .payment-card .payment-button {
    background: var(--color-neutral-0);
    border: var(--border-size-s) solid var(--color-neutral-8);
    color: var(--color-neutral-8);
    font-size: var(--font-size-s);
    font-weight: var(--font-semi-bold);
    margin: 0 var(--space-base);
    padding: var(--space-s); }
  .payment-card.is--selected {
    border: var(--border-size-s) solid var(--color-primary);
    /*margin: 0 var(--space-base); */
    }
    .payment-card.is--selected .payment-title {
      background: var(--color-primary);
      color: var(--color-neutral-0);
      font-size: var(--font-size-h3);
      font-weight: var(--font-semi-bold);
      padding: var(--space-base); }
    .payment-card.is--selected .payment-button {
      background: var(--color-primary);
      border: var(--border-size-s) solid var(--color-primary);
      color: var(--color-neutral-0);
      font-size: var(--font-size-s);
      font-weight: var(--font-semi-bold);
      margin: 0 var(--space-base);
      padding: var(--space-s); }

.policy-summary-screen .Separator {
  padding-top: var(--space-base);
  text-align: center; }

.policy-resume {
  border: var(--color-neutral-5) solid var(--border-size-s);
  box-shadow: var(--shadow-s);
  padding: var(--space-m);
  margin-left: auto;
  margin-right: auto;
  max-width: 650px; }
  .policy-resume-item {
    display: flex;
    padding-top: var(--space-base); }
  .policy-resume-title {
    color: var(--color-secondary);
    font-size: var(--font-size-h3);
    font-weight: var(--font-semi-bold);
    margin-bottom: var(--space-base);
    text-align: left; }
    .policy-resume-title a:link .fa.fa-pencil {
      color: var(--color-neutral-8);
      font-size: var(--font-size-h5); }
    .policy-resume-title .fa.fa-pencil {
      color: var(--color-neutral-8);
      font-size: var(--font-size-h5); }
  .policy-resume .fa.fa-pencil {
    color: var(--color-neutral-8);
    font-size: var(--font-size-h5); }
  .policy-resume-text {
    flex: 1;
    text-align: left; }
    .policy-resume-text a:link {
      color: var(--color-neutral-8);
      font-size: var(--font-size-base);
      font-weight: var(--font-semim-bold);
      text-decoration: none; }
  .policy-resume-details {
    margin-left: auto;
    margin-right: auto;
    max-width: 650px; }
    .policy-resume-details a:link .fa.fa-pencil,
    .policy-resume-details a:visited .fa.fa-pencil {
      color: var(--color-neutral-8);
      font-size: var(--font-size-h5); }
    .policy-resume-details-item {
      border: var(--color-neutral-5) solid var(--border-size-s);
      padding: var(--space-m); }
  .policy-resume .edit-link {
    color: var(--color-neutral-8);
    font-size: var(--font-size-base);
    font-weight: var(--font-semi-bold);
    text-decoration: none; }
    .policy-resume .edit-link a {
      color: var(--color-neutral-8) !important;
      font-size: var(--font-size-base) !important;
      text-decoration: none !important;
      text-align: right !important; }
      .policy-resume .edit-link a:link, .policy-resume .edit-link a:visited, .policy-resume .edit-link a:hover, .policy-resume .edit-link a:link:hover {
        color: var(--color-neutral-8) !important;
        font-size: var(--font-size-base) !important;
        text-decoration: none !important;
        text-align: right !important; }
  .policy-resume .resume-item-icon {
    height: 24px;
    width: 24px; }
    .policy-resume .resume-item-icon svg,
    .policy-resume .resume-item-icon svg path {
      height: 24px;
      width: 24px; }

.desktop .edit-link a {
  color: var(--color-neutral-8) !important;
  font-size: var(--font-size-base) !important;
  text-decoration: none !important;
  text-align: right !important; }
  .desktop .edit-link a:link, .desktop .edit-link a:visited, .desktop .edit-link a:hover, .desktop .edit-link a:link:hover {
    color: var(--color-neutral-8) !important;
    font-size: var(--font-size-base) !important;
    text-decoration: none !important;
    text-align: right !important; }

.desktop a:link .fa.fa-pencil {
  color: var(--color-neutral-8);
  font-size: var(--font-size-h5); }

.policy-number {
  align-items: center;
  display: flex;
  font-size: var(--font-size-h3);
  margin-left: auto;
  margin-right: auto;
  max-width: 322px;
  text-align: center; }

.phone .policy-number {
  font-size: var(--font-size-h5); }

/*  Popup details   */
.popup-details .MediumLeftColumns > .Column.ColFirst {
  width: 28%; }

.popup-details .MediumLeftColumns > .Column.ColLast {
  width: 72%; }

.popup-details .Columns {
  align-items: center;
  display: flex;
  flex-direction: row; }
  .popup-details .Columns2 > .ColFirst {
    padding-right: var(--space-s); }
  .popup-details .Columns2 > .ColLast {
    padding-left: var(--space-s); }

.popup-details-list {
  display: flex; }

.popup-details-listitem {
  height: 80px; }
  .popup-details-listitem-title {
    color: var(--color-secondary);
    font-size: var(--font-size-base);
    font-weight: var(--font-semi-bold); }
  .popup-details-listitem-description {
    color: var(--color-neutral-7);
    font-size: var(--font-size-s);
    font-weight: var(--font-regular);
    line-height: 24px; }

.popup-details-image svg {
  max-width: 100px; }

/*  Progress Bar    */
.progress-bar {
  border-color: var(--color-neutral-4);
  border-style: solid;
  border-radius: 12px;
  border-width: var(--border-size-s);
  height: 18px;
  max-width: 360px;
  text-align: left; }

/* promo code */
.promo-code-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 560px;
  padding-top: var(--space-xxl);
  padding-bottom: var(--space-xxl); }
  .promo-code-wrapper .Button {
    min-width: 120px; }
  .promo-code-wrapper input {
    max-width: 408px; }
  .promo-code-wrapper .promo-code-title {
    margin-top: var(--space-xxl);
    color: var(--color-secondary);
    font-size: var(--font-size-h2);
    font-weight: var(--font-bold); }

/* Resume Card */
.resume {
  background: var(--color-neutral-0);
  border: var(--border-size-s) solid var(--color-neutral-5);
  box-shadow: var(--shadow-m);
  margin-left: auto;
  margin-right: auto;
  max-width: 666px;
  padding: var(--space-m);
  position: relative;
  text-align: left; }
  .resume-content {
    max-width: 400px; }
  .resume-icons svg {
    height: 28px;
    width: 28px; }
  .resume-icons path {
    fill: var(--color-secondary); }
  .resume-icons.additional-coverage svg {
    width: 28px; }
  .resume-icons img {
    width: 28px; }
  .resume a {
    color: var(--color-neutral-7);
    font-weight: var(--font-bold);
    transition: color 180ms linear;
    text-decoration: underline; }
    .resume a:link, .resume a:visited {
      color: var(--color-neutral-7);
      font-weight: var(--font-semi-bold);
      transition: color 180ms linear;
      text-decoration: underline; }
    .resume a:hover {
      color: var(--color-neutral-7);
      text-decoration: underline; }
    .resume a:link:hover {
      color: var(--color-neutral-7);
      text-decoration: underline; }

.price-ballon-container {
  background: url(/VD_PABike_RES/img/ballon.png?1096988&8299) center no-repeat;
  color: var(--color-neutral-0);
  min-height: 220px;
  position: absolute;
  right: -48px;
  text-align: center;
  top: var(--space-m);
  width: 260px; }

.price-ballon-content {
  padding: var(--space-m); }
  .price-ballon-content div:first-child {
    font-size: var(--font-size-s); }
  .price-ballon-content div:nth-child(3) {
    font-size: var(--font-size-h6); }
  .price-ballon-content div:nth-child(4) {
    font-size: var(--font-size-xs); }
  .price-ballon-content .installment-price {
    font-size: 48px;
    font-weight: var(--font-bold); }
    .price-ballon-content .installment-price-cents {
      font-size: 36px; }
  .price-ballon-content a {
    color: var(--color-neutral-0); }
    .price-ballon-content a:link, .price-ballon-content a:visited {
      color: var(--color-neutral-0); }
    .price-ballon-content a:hover {
      color: var(--color-neutral-0); }
    .price-ballon-content a:link:hover {
      color: var(--color-neutral-0); }

/*  Safe Person     */
.safe-person-item {
  margin-bottom: var(--space-xl); }

.safe-person-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: var(--space-s); }

.safe-person-discount {
  font-size: var(--font-size-h5);
  color: var(--color-secondary);
  font-weight: var(--font-regular); }

.info-container {
  border: var(--border-size-s) solid var(--color-secondary);
  border-radius: var(--border-radius-semi-soft);
  box-shadow: var(--shadow-l);
  margin-bottom: var(--space-l);
  margin-left: auto;
  margin-right: auto;
  max-width: 586px;
  padding: var(--space-base);
  text-align: left; }

.safe-person-screen .info-container {
  width: 586px; }

/*  from Step1  */
.simulator-person {
  align-items: center;
  border: var(--border-size-s) solid var(--color-neutral-5);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  padding: var(--space-base) var(--space-m); }
  .simulator-person .simulator-person-name {
    color: var(--color-secondary);
    font-size: var(--font-size-h6);
    font-weight: var(--font-semi-bold);
    margin-left: var(--space-s); }
  .simulator-person input[type="number"],
  .simulator-person input[type="tel"] {
    width: 64px;
    text-align: center; }
    .simulator-person input[type="number"]::-moz-placeholder, .simulator-person input[type="tel"]::-moz-placeholder {
      color: var(--color-neutral-6); }
    .simulator-person input[type="number"]:-ms-input-placeholder, .simulator-person input[type="tel"]:-ms-input-placeholder {
      color: var(--color-neutral-6); }
    .simulator-person input[type="number"]::placeholder,
    .simulator-person input[type="tel"]::placeholder {
      color: var(--color-neutral-6); }
  .simulator-person > div:first-child {
    flex: 1; }
  .simulator-person > div {
    align-items: center;
    display: flex;
    flex-direction: row; }

/*  Shopping Cart   */
.shopping-cart {
  background: var(--color-neutral-0);
  border: var(--border-size-s) solid var(--color-primary);
  text-align: left;
  position: fixed;
  right: var(--space-m);
  top: 30%;
  min-width: 180px;
  max-width: 240px; }
  .shopping-cart .additional-insurance-counter.is--selected {
    color: var(--color-secondary); }
  .shopping-cart .additional-coverage svg {
    height: 22px;
    width: 22px; }
    .shopping-cart .additional-coverage svg path {
      fill: var(--color-neutral-5); }
  .shopping-cart .additional-coverage.is--selected .coverage-name {
    color: var(--color-secondary); }
  .shopping-cart .additional-coverage.is--selected svg path {
    fill: var(--color-secondary); }
  .shopping-cart .additional-coverage .coverage-name {
    color: var(--color-neutral-5);
    display: none;
    font-size: var(--font-size-base);
    margin-left: var(--space-s); }
  .shopping-cart-title {
    padding: 12px 16px;
    position: relative;
    z-index: 10; }
    .shopping-cart-title .shopping-cart-title-phone {
      display: none; }
  .shopping-cart-extra {
    padding: var(--space-none) var(--space-base) var(--space-base); }
    .shopping-cart-extra .Separator {
      margin-top: 0; }
  .shopping-cart .Button {
    min-width: 200px; }
  .shopping-cart .total-safe-persons {
    color: var(--color-secondary);
    font-size: var(--font-size-xs);
    margin-bottom: var(--space-xs); }
  .shopping-cart .safe-persons-value-integer {
    color: var(--color-secondary);
    font-size: var(--font-size-h1);
    font-weight: var(--font-semi-bold); }
  .shopping-cart .safe-persons-value-cents {
    color: var(--color-secondary);
    font-size: var(--font-size-h4);
    font-weight: var(--font-semi-bold); }
  .shopping-cart .safe-persons-value-periocidy {
    color: var(--color-secondary);
    font-size: var(--font-size-h6); }
  .shopping-cart .safe-persons-value-parcel {
    color: var(--color-secondary);
    font-size: var(--font-size-s);
    margin-top: var(--space-s); }
  .shopping-cart .base-coverage-name {
    color: var(--color-primary);
    font-size: var(--font-size-base);
    font-weight: var(--font-semi-bold);
    flex: 1; }
  .shopping-cart .base-coverage-description {
    color: var(--color-secondary);
    font-size: var(--font-size-s); }
  .shopping-cart .coverage-additional-text {
    color: var(--color-primary);
    font-size: var(--font-size-base);
    font-weight: var(--font-semi-bold); }
  .shopping-cart .additional-insurance-counter {
    color: var(--color-neutral-7);
    font-size: var(--font-size-s); }
  .shopping-cart-bottom {
    margin-top: var(--space-base);
    display: flex;
    justify-content: space-between; }
  .shopping-cart-resume-title {
    color: var(--color-primary);
    font-size: var(font-size-base);
    font-weight: var(--font-semi-bold); }
  .shopping-cart-resume-description {
    color: var(--color-secondary);
    font-size: var(font-size-s); }
    .shopping-cart-resume-description .without-date {
      color: var(--color-neutral-7); }

/*  RGPD Item   */
.rgpd-item {
  background: var(--color-neutral-0);
  border: var(--color-neutral-5) solid var(--border-size-s);
  color: var(--color-neutral-9);
  line-height: var(--space-m);
  margin-left: auto;
  margin-right: auto;
  max-width: 792px;
  padding: var(--space-m);
  text-align: justify; }
  .rgpd-item .rgpd-text {
    margin-bottom: var(--space-m); }
  .rgpd-item .radio-button-wrapper {
    justify-content: flex-start; }

.rgpd-additional-info {
  line-height: var(--space-m);
  margin-left: auto;
  margin-right: auto;
  max-width: 792px;
  text-align: justify; }

/*  Spinner */
.sk-circle {
  margin: 0 auto;
  width: 20px;
  height: 20px;
  position: relative; }

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: var(--color-primary);
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }

.sk-circle .sk-circle2 {
  transform: rotate(30deg); }

.sk-circle .sk-circle3 {
  transform: rotate(60deg); }

.sk-circle .sk-circle4 {
  transform: rotate(90deg); }

.sk-circle .sk-circle5 {
  transform: rotate(120deg); }

.sk-circle .sk-circle6 {
  transform: rotate(150deg); }

.sk-circle .sk-circle7 {
  transform: rotate(180deg); }

.sk-circle .sk-circle8 {
  transform: rotate(210deg); }

.sk-circle .sk-circle9 {
  transform: rotate(240deg); }

.sk-circle .sk-circle10 {
  transform: rotate(270deg); }

.sk-circle .sk-circle11 {
  transform: rotate(300deg); }

.sk-circle .sk-circle12 {
  transform: rotate(330deg); }

.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

.Button.Is_Default .sk-circle .sk-child:before {
  background-color: var(--color-neutral-0); }

/* location spinner */
.fa-spinner {
  color: var(--color-primary);
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 5000ms;
  animation-duration: 5000ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

@-webkit-keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.question-container {
  max-width: 586px;
  margin-left: auto;
  margin-right: auto; }
  .question-container-text {
    margin-bottom: var(--space-base); }
  .question-container-buttons .radio-button-wrapper {
    justify-content: flex-start; }

.button-group {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto; }
  .button-group .Button {
    min-width: 280px; }

.sms-code-input {
  max-width: 328px; }

/* $5. Utilities                                                        */
/* $6 Utilities                                                          */
/*      $6.1 Utilities - Typography                                      */
/* $6.1 Utilities - Typography                                          */
/*  Text align                      */
.text-align-left {
  text-align: left; }

.text-align-center {
  text-align: center; }

.text-align-right {
  text-align: right; }

.text-align-justify {
  text-align: justify;
  text-justify: inter-word; }

/* Background colors */
.d-block {
  display: block; }

.position-relative {
  position: relative; }

.full-height {
  height: 100%; }

.overflow-y-auto {
  overflow-y: auto; }

.no-wrap {
  white-space: nowrap; }

.margin-x-auto {
  margin-left: auto;
  margin-right: auto; }

.trophys-holder{
    border-top: 1px solid #E9ECF3;
    max-width: 940px;
    text-align: center;
    padding: 20px 0;
    margin: 50px auto 0 auto;
}

.trophys-holder img{
  /*  height: 150px;
    width: 100%;
    max-width: 450px;*/
}

a.no-underline,
a:link.no-underline {
  text-decoration: none; }

.hidden-desktop {
  display: none; }

.padding-x-200 {
  padding: 0 200px; }

/* $6. Responsive                                                       */
/*  Responsive  */
/* .phone .ThemeGrid_Container {
  padding-bottom: 60px; } */

.phone .Title_Section {
  padding: 60px 20px 0 20px; }

.phone .phone-full-w {
  width: 100%; }

.phone .hidden-phone {
  display: none; }

.phone .hidden-desktop {
  display: block; }

.phone .section-title {
  font-size: 6vw; }

.phone .font-size-display {
  font-size: 6.5vw; }

.phone .section-subtitle {
  font-size: 5vw;
  margin-bottom: var(--space-xl); }

.phone .simulator-person {
  padding: var(--space-s) var(--space-base); }
  .phone .simulator-person svg {
    width: 16px;
    height: 22px; }
  .phone .simulator-person .simulator-person-name {
    font-size: var(--font-size-base);
    font-weight: var(--font-semi-bold); }

.phone .add-person {
  margin-top: var(--space-h4);
  margin-bottom: var(--space-m); }
  .phone .add-person .fa {
    font-size: var(--font-size-h4); }

.phone .menu-container {
  background-color: #ffffff;
  top: 0;
  margin: 0;
  position: fixed;
  text-align: center;
  width: 100%; }
  .phone .menu-container a,
  .phone .menu-container a:link,
  .phone .menu-container a:visited {
    color: #406fb5;
    font-size: 18px;
    font-weight: var(--font-bold);
    text-transform: uppercase;
    text-decoration: none; }
  .phone .menu-container ​.Header_Menu {
    margin-top: 40px; }

.phone .wizard {
  max-width: 100%;
  margin: 10px 0;
  padding: 0; }

.phone .wizard-phone {
  display: inline-block;
  width: 100%;
  margin-top: -12px; }

.phone .wizard-item-icon-wrapper:before {
  width: 100%;
  right: calc(50% - 6px); }

.phone .wizard-item-icon:empty {
  transform: none; }

.phone .wizard-item.empty-child-node .wizard-item-icon-wrapper:before {
  transform: none; }

.phone .loading-card {
  margin: 0 auto;
  max-height: 295px; }
  .phone .loading-card-content {
    min-height: 172px;
    right: 32px;
    top: 28px;
    max-width: 500px;
    z-index: 1;
    left: 32px; }
  .phone .loading-card-shadow {
    height: 235px;
    left: 2px;
    top: 112px;
    width: 232px; }
  .phone .loading-card-icons-wrapper {
    right: 16px;
    position: absolute;
    z-index: 1; }

.phone .coverage-title {
  color: var(--color-primary);
  font-size: var(--font-size-h6);
  font-weight: var(--font-bold); }

.phone .coverage-description {
  font-size: var(--font-size-s); }

.phone .base-coverage-list {
  color: var(--color-secondary);
  font-size: var(--font-size-s);
  font-weight: var(--font-semi-bold);
  margin-bottom: var(--space-xs); }

.phone .resume-additional-protection-title {
  margin-top: var(--space-m); }

.phone .resume-additional-protection-extra {
  color: var(--color-secondary);
  font-size: var(--font-size-s);
  font-weight: var(--font-semi-bold); }

.phone .policy-resume-title {
  font-size: var(--font-size-h5); }

.phone .safe-person-screen .info-container {
  font-size: var(--font-size-s);
  padding: var(--space-s);
  width: 100%; }

.phone .safe-person-discount {
  font-size: var(--font-size-h6); }

.phone .policy-summary-screen .Column.ColFirst {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 18px;
  margin-bottom: 18px !important; }

.phone .policy-summary-screen .Columns.MarginBottom.mob_BreakAll > .Column {
  margin-bottom: 0; }

.phone .policy-summary-screen .Separator {
  padding-top: 16px;
  margin-bottom: 0;
  margin-top: 0; }

.phone .promo-code-wrapper {
  padding-top: var(--space-xl);
  padding-bottom: var(--space-base); }
  .phone .promo-code-wrapper .Button {
    min-width: 180px; }
  .phone .promo-code-wrapper .promo-code-title {
    color: var(--color-secondary);
    font-size: 24px;
    font-weight: var(--font-bold);
    margin-top: var(--space-none); }

.phone .date-wrapper {
  height: 390px;
  background: var(--color-background-1);
  padding: var(--space-l) var(--space-m); }
  .phone .date-wrapper .InputIcon {
    display: none; }
  .phone .date-wrapper .InputWithIcons.Right input[type="date"] {
    padding-right: 12px; }

.phone .background-image-section.background-1:first-child {
  height: 180px !important; }

.phone .price-ballon-content div:first-child {
  font-size: var(--font-size-s); }

.phone .price-ballon-content .installment-price {
  font-size: var(--font-size-h1); }

.phone .price-ballon-content .installment-price-cents {
  font-size: var(--font-size-h4); }

.phone .price-ballon-content div:nth-child(3) {
  font-size: var(--font-size-base); }

.phone .price-ballon-content div:nth-child(4) {
  font-size: var(--font-size-s);
  margin-top: var(--space-s); }

.phone .price-ballon-content {
  padding-top: var(--space-xxl); }

.phone .resume-content {
  margin-top: -82px; }

.phone .SectionWebsite .SectionWebsite {
  margin: 0 -20px;
  padding-top: var(--space-m);
  padding-bottom: var(--space-m); }

.phone .background-image-section > div {
  display: none; }

.phone .resume {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  background: none;
  border: none;
  box-shadow: none;
  text-align: center;
  padding-top: var(--space-xl) !important;
  padding: var(--space-none); }

.phone .price-ballon-container {
  background: url(/VD_PABike_RES/img/ballonmobile.png?8299) center no-repeat;
  left: 50%;
  height: 156px;
  min-width: 185px;
  position: relative;
  top: -76px;
  transform: translateX(-50%); }

.phone .down-arrow {
  margin-top: var(--space-none);
  margin-bottom: var(--space-xl);
  text-align: center; }

.phone .additional-protection {
  padding: var(--space-m) 0;
  margin-left: var(--space-base);
  margin-right: var(--space-base); }

.phone .additional-protection .Columns .Columns {
  flex-wrap: wrap-reverse; }

.phone .additional-protection .Columns .Columns .Column {
  margin-bottom: var(--space-s); }

.phone .additional-protection-value {
  text-align: left;
  line-height: 20px; }

.phone .additional-protection-description {
  color: var(--color-neutral-7);
  font-size: var(--font-size-s);
  font-weight: var(--font-regular);
  line-height: 18px; }

.phone .scroll-container {
  /*display: flex;
  margin: 0 -24px;
  overflow-x: scroll;*/
}

.phone .payment-card {
  margin: 0 var(--space-s);
  min-width: 280px; 
  margin-bottom: 5%;
}

.phone .payment-card.is--selected {
    /*margin: 0 var(--space-s); */
 }

.phone .back-icon {
  top: -26px; }

.phone .shopping-cart {
  top: auto;
  left: 0;
  bottom: -141px;
  width: 100%;
  max-width: 100%;
  border-top: var(--border-size-m) solid var(--color-primary);
  transition: all 0.4s; }
  .phone .shopping-cart.show {
    bottom: 0; }
  .phone .shopping-cart-title .shopping-cart-title-phone {
    display: block !important; }
  .phone .shopping-cart .total-safe-persons {
    display: none; }
  .phone .shopping-cart .AccordionVertical_item.open .total-safe-persons {
    display: block; }
  .phone .shopping-cart .safe-persons-value {
    margin-right: var(--space-s); }
  .phone .shopping-cart-bottom {
    align-items: center;
    display: flex;
    justify-content: start;
    margin-top: var(--space-s); }
  .phone .shopping-cart-resume-item {
    display: flex;
    flex-direction: row;
    align-items: center; }
  .phone .shopping-cart-resume-description {
    margin-left: var(--space-xs); }
  .phone .shopping-cart .coverage-additional-text {
    margin-right: var(--space-s); }
  .phone .shopping-cart .additional-coverage {
    margin-top: var(--space-none);
    margin-right: var(--space-base); }
    .phone .shopping-cart .additional-coverage .coverage-name {
      display: block; }
    .phone .shopping-cart .additional-coverage .ListRecords {
      display: block; }
  .phone .shopping-cart .shopping-cart-extra .coverage-name {
    display: none; }
  .phone .shopping-cart .shopping-cart-extra .additional-coverage .ListRecords {
    display: flex; }
  .phone .shopping-cart .additional-insurance-counter {
    color: var(--color-secondary); }
  .phone .shopping-cart .base-coverage-list {
    color: var(--color-secondary);
    font-size: var(--font-size-s);
    font-weight: var(--font-regular);
    margin-bottom: var(--space-base); }
  .phone .shopping-cart .base-coverage-name {
    flex: none; }
  .phone .shopping-cart .Button {
    width: 100%; }

.phone .padding-bottom-200 {
  padding-bottom: 200px; }

.phone .Header_Title {
  left: 0;
  position: relative;
  right: 0; }

.phone .Column.empty {
  display: none; }

/*  tablet  */
/* .tablet .ThemeGrid_Container {
  padding-bottom: 60px; } */

.tablet .Title_Section {
  padding: 60px 20px 0 20px; }

.tablet .hidden-phone {
  display: none; }

.tablet .hidden-desktop {
  display: block; }

.tablet .phone-full-w {
  width: 100%; }

.tablet .background-image-section > div {
  display: none; }

.tablet.landscape .payment-card.ThemeGrid_Width2 {
  width: 20%; }

.tablet.landscape .payment-card.ThemeGrid_Width3 {
  width: 30%; }

.tablet.landscape .insurance-wrapper .conditions-text {
  margin-top: 0;
  margin-bottom: 160px; }

.tablet.portrait .loading-card {
  max-width: 550px; }

.tablet.portrait .loading-card-wrapper {
  max-width: 650px; }

.tablet.portrait .loading-card-content {
  max-width: 400px; }

.tablet.portrait .loading-shadow {
  width: 320px;
  left: var(--space-base); }

.tablet.portrait .loading-icons-wrapper {
  right: 50px; }

.tablet.portrait .payment-card.ThemeGrid_Width2 {
  width: 30%; }

.tablet.portrait .payment-card.ThemeGrid_Width3 {
  width: 35%; }

.tablet.portrait .payment-card {
  margin-bottom: var(--space-base);
  margin: 0 var(--space-base); }
  .tablet.portrait .payment-card.is--selected {
    margin: 0 var(--space-base);
    margin-bottom: var(--space-base); }
  .tablet.portrait .payment-card .payment-title {
    font-size: 3vw; }

.tablet.portrait .resume {
  max-width: 580px;
  padding: var(--space-base); }

.tablet.portrait .resume-content {
  max-width: 340px; }

.tablet.portrait .price-ballon-container {
  right: -50px;
  top: -16px;
  background: url(/VD_PABike_RES/img/ballonmobile.png?8299) center no-repeat;
  height: 156px;
  min-width: 185px; }

.tablet.portrait .price-ballon-content {
  padding: var(--space-xxl); }

.tablet.portrait .price-ballon-content div:first-child {
  font-size: var(--font-size-s); }

.tablet.portrait .price-ballon-content .installment-price {
  font-size: var(--font-size-h2); }

.tablet.portrait .price-ballon-content .installment-price-cents {
  font-size: var(--font-size-h3); }

.tablet.portrait .price-ballon-content div:nth-child(3) {
  font-size: var(--font-size-base); }

.tablet.portrait .price-ballon-content div:nth-child(4) {
  font-size: var(--font-size-s);
  margin-top: var(--space-s); }

.tablet.portrait .insurance-wrapper .conditions-text {
  margin-top: 0;
  margin-bottom: 180px; }

.tablet.portrait .additional-protection {
  margin-left: var(--space-base);
  margin-right: var(--space-base); }

.tablet .promo-code-input,
.tablet .date-input {
  width: 80%;
  margin-left: auto;
  margin-right: auto; }

.tablet .wizard {
  max-width: 100%;
  margin: 10px 0;
  padding: 0; }

.tablet .wizard-phone {
  display: inline-block;
  width: 100%;
  margin-top: -12px; }

.tablet .wizard-item-icon-wrapper:before {
  width: 100%;
  right: calc(50% - 6px); }

.tablet .wizard-item-icon:empty {
  transform: none; }

.tablet .wizard-item.empty-child-node .wizard-item-icon-wrapper:before {
  transform: none; }

.tablet .shopping-cart {
  top: auto;
  left: 0;
  bottom: -262px;
  width: 100%;
  max-width: 100%;
  border-top: var(--border-size-m) solid var(--color-primary);
  transition: all 0.4s; }
  .tablet .shopping-cart.show {
    bottom: 0; }
  .tablet .shopping-cart .safe-persons-value {
    margin-right: var(--space-s); }
  .tablet .shopping-cart .base-coverage-name {
    flex: 0; }
  .tablet .shopping-cart .base-coverage-description {
    flex: 1; }
  .tablet .shopping-cart-bottom {
    align-items: center;
    display: flex;
    justify-content: start;
    margin-top: var(--space-s); }
  .tablet .shopping-cart-resume-item {
    display: flex;
    flex-direction: row; }
  .tablet .shopping-cart-resume-description {
    margin-left: var(--space-xs); }
  .tablet .shopping-cart .coverage-additional-text {
    margin-right: var(--space-s); }
  .tablet .shopping-cart .additional-coverage {
    margin-top: var(--space-none);
    margin-right: var(--space-base); }
    .tablet .shopping-cart .additional-coverage .coverage-name {
      display: block; }
    .tablet .shopping-cart .additional-coverage .ListRecords {
      display: block; }
  .tablet .shopping-cart .shopping-cart-extra .coverage-name {
    display: none; }
  .tablet .shopping-cart .shopping-cart-extra .additional-coverage .ListRecords {
    display: flex; }
  .tablet .shopping-cart .additional-insurance-counter {
    color: var(--color-secondary); }
  .tablet .shopping-cart .base-coverage-list {
    color: var(--color-secondary);
    font-size: var(--font-size-s);
    font-weight: var(--font-regular);
    margin-bottom: var(--space-base); }
  .tablet .shopping-cart .ListRecords.list-records-countries {
    display: flex;
    flex-wrap: wrap; }
  .tablet .shopping-cart .Button {
    width: 100%; }

.Page.ios input[type="datetime"],
.Page.ios input[type="datetime-local"],
.Page.ios input[type="date"] {
  padding-top: 0; }

.Page.android input[type="datetime"],
.Page.android input[type="datetime-local"],
.Page.android input[type="date"] {
  padding-top: 0; }

.Responsive .popup-details .Columns {
  flex-direction: column;
  text-align: center; }

.Responsive .popup-details .Columns2 > .ColFirst,
.Responsive .popup-details .Columns2 > .ColLast,
.Responsive .popup-details .MediumLeftColumns > .Column.ColFirst,
.Responsive .popup-details .MediumLeftColumns > .Column.ColLast {
  width: 100%; }

.Responsive .popup-details-listitem {
  height: auto; }

.Responsive .popup-details-image svg {
  max-width: 140px; }

.Responsive .popup-title {
  font-size: 6.5vw; }

.Responsive .section-subtitle {
  font-size: var(--font-size-base); }
  

@media screen and (max-width: 419px) {
  .flatpickr-calendar.animate {
    position: fixed;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%); }
  .flatpickr-calendar.animate.open {
    -webkit-animation: none;
    animation: none; }
  .flatpickr-calendar.arrowTop:before,
  .flatpickr-calendar.arrowTop:after {
    display: none; } 
    
    .trophys-holder img{
        height: 100%;
        width: 100%;
        }
    }

/**********************************************************/
/******Cookies bar******/
.cookies-bar-container{
    position: fixed;
    width: 100%;
    border: none;
    background-color: #fff;
    min-height: 50px;
    bottom: 0;
    padding: 20px 10px 8px 5%;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    z-index: 99;
    line-height: 1.52em;
    font-size: 14px;
    color: rgb(0,27,85);
    /*bottom:-500px;*/
    /*text-align: justify;*/
}

.cookies-bar-container a{
    color:#4a76b9;
    font-weight: bold;
}

.cookies-bar-highlight{
    font-weight: bold;
    color:rgb(0,27,85);
    display: inline;
}

.cookies-text-holder{
    width: 72%;
    text-align: justify;
}

.cookies-close-holder{
    width: 27%;
}
.phone .cookies-text-holder {
    width: 97%;
    text-align: justify;
}

.tablet .cookies-text-holder {
    width: 97%;
    text-align: justify;
}

.closeIcon{
    color: var(--color-secondary);
}

.display-block{
    display: block;
}

.cookies-close-holder {
    vertical-align: middle;
}

.cookies-close-button{
    min-width: 150px;
    max-height: 40px;
    margin: -10px
}


/*********************************/
/****** disclaimer ******/
.disclaimer_cookies_container{
    display: block;
    margin: auto;
    /*padding: 10px 0;*/  
    text-align: center;
    font-size: 12px;
    line-height: 1.52em;
    /*position: fixed;*/
}


.disclaimer_cookies_container a{
    font-size: 11px;
    text-decoration: underline;
    font-weight: normal;
}

.phone .disclaimer_cookies_container{
    padding: 5px 10px 5px;
}

.phone .Header {
    height: auto;
}

.phone .MainContent{
    padding-top: 20%;
}

.tablet .disclaimer_cookies_container{
    padding: 5px 10px 5px;
}

.tablet .Header {
    height: auto;
}

.tablet .MainContent{
    padding-top: 3%;
}
/*********************************/


.tablet .date-wrapper.info-container-show {
    height: 470px;
}

.mobile .date-wrapper.info-container-show {
    height: 470px;
}

/************MENU***************/
.tablet .menu-container a, 
.tablet .menu-container a:link {
    font-weight: var(--font-regular);
    text-decoration: none;
    transition: none;
    color: #193282;
}

/*******************************/
.phone a:link {
    color: var(--color-secondary);
}

.phone span{
    /*color: var(--color-secondary);*/
}

.tablet a:link {
    color: var(--color-secondary);
}

.tablet span{
    color: var(--color-secondary);
}

.phone .cookies-bar-container{
    position: fixed;
    width: 100%;
    border: none;
    background-color: #fff;
    min-height: 50px;
    bottom: 0;
    padding: 10px 10px 8px 5%;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
    z-index: 99;
    line-height: 1.52em;
    font-size: 12px;
    color: rgb(0,27,85);
    /*bottom:-500px;*/
    /*text-align: justify;*/

}
.phone .buttonCookie{
    text-transform: uppercase;
    letter-spacing: .25em;
    line-height: 1.25em;
    font-weight: 700;
    font-size: 14px;
    /*padding: 12px 36px;*/
    white-space: normal;
    min-width: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
    max-height: 35px;
}

/*
.Button:hover {
    background-color: var(--color-primary) !important;
}*/


.popup-button:hover{
    background-color: var(--color-neutral-11) !important;
}

.modality-button{
    height: 70px;
}


.not-default-button:hover{
    color: white;
}

/********COBERTURAS ECRÂ CONFIRMAÇÂO******/
.insurance-plan-list {
  display: flex;
  justify-content: center;
  align-items: flex-end; 
  margin-top: 35px;
}

.policy-resume-item.coverages-list-container{
    display: block;
}

.insurance-plan-list > span {
  display: flex;
  max-width: 792px; }

.insurance-plan-list .coverage {
  text-align: left;
  width: 360px;
  padding: 10px var(--space-base);
  border: 1px solid #CED4DA;
  position: relative; 
}
  
.insurance-plan-list .capital {
  text-align: left;
  width: 158px;
  padding: 10px var(--space-base);
  border-right: 1px solid #CED4DA;
  border-top: 1px solid #CED4DA;
  border-bottom: 1px solid #CED4DA;
  position: relative; 
}

.confirm-coverage-name{
    font-size: 12px;
}
  
.plan-list-column {
  height: 70px; 
}

.clause-list{
    color: var(--color-neutral-7);
    font-size: var(--font-size-xs);
    margin-top: var(--space-m);
    line-height: 26px;
    text-align: center;
    margin-bottom: 35px;
}

.is--selected .separator-secondary .Separator,
.coverage-separator-secondary .Separator,
.separator-secondary .Separator {
  border-color: var(--color-secondary); }
  
.insurance-plan-list .coverage-separator-primary .Separator{
    padding-top:0;
}

.insurance-plan-list .Separator {
    margin: 0;
}

/************************* NEW LAYOUT*********************/
.Content {
  /*height: 100%;*/ 
}

.New_Version_Header_Right{
    display: flex;
    justify-content: right;
    text-align: right;
    width: 100%;
}

.New_Version_Header_Title{
    justify-content: center;
    text-align: center;
    width: 100%;
    float: left;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.New_Version_MainContent{
  height: 100%;
  padding: 0;
  padding-bottom: 20px;
  padding-top: 30px; 
}

.NewVersion_ContentTitle{
    height: 100px:
}

.New_Version_Title_Section{
    padding-top: 120px;
    padding-bottom: 20px;
}

.Title_NewVersion {
    background-color: transparent;
    box-shadow: none;
    line-height: 1.5em;
    padding-bottom: 15px;
}



.NewVersion-Body-min-height{
    min-height: 450px;
}

.disclaimer_cookies_container_new_version {
    display: block;
    text-align: left;
    /* font-size: 12px; */
    font-size: var(--body-font-size);
    line-height: 1.52em;
    width: 100%;
    /* position: absolute; */
    bottom: 0;
    left: 0;
    padding-left: 140px;
    /* padding-bottom: 10px; */
    padding-right: 140px;
    background-color: var(--color-fourth);
    margin-top: 100px;
    padding-top: 20px;
}


.phone .NewVersion_Padding {
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 10px;
}

.tablet .NewVersion_Padding {
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 10px;
}

.phone .disclaimer_cookies_container_new_version{
    padding-left: 22px;
}

.tablet .disclaimer_cookies_container_new_version{
    padding-left: 22px;
}


.phone .NewVersion-Body-min-height{
    min-height: 0px;
}

.tablet .NewVersion-Body-min-height{
    min-height: 0px;
}

.NewVersion_bread {
    text-align: left;
    font-size: var(--sub-main-title-font-size);
    color: #787E87;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.0015em;
}

.NewVersion_FirstTitle{
    font-family: poppins;
    font-size: var(--main-title-font-size);
    font-weight: 600;
    line-height: 56px;
    letter-spacing: 0.04em;
    text-align: left;
}

.NewVersion_text-primary {
    color: var(--color-secondary);
}

.Button-Top{
    min-width: 100px;
    /* height: 35px; */
    max-height: 30px;
    padding-bottom: 30px;
    margin-top: 11px;
    /*margin-right: 20px;*/
    font-weight: var(--font-semi-bold);
}

.privacy-new-version{
    padding-left: 15%;
}

.MainContent_NewVersion {
  height: 100%;
  padding: 0;
  padding-bottom: 0px;}

.phone .MainContent_NewVersion,
.tablet .MainContent_NewVersion {
  padding-bottom: 0px;
}
  
 /* 
.phone .MainContent_NewVersion{
    padding-top: 20%;
}*/

.Header_Right_NewVersion{
    padding-right: 10%;
    width: auto;
    display: flex;
}
.Header_Left_NewVersion{
    padding-left: 14%;
    width: auto;
}

.heading2_NewVersion {
  color: var(--color-neutral-9);
  font-size: 30px;
  font-weight: var(--font-semi-bold);
  line-height: 1.25; }
  
html, body, a, select, fieldset, input, button, select, textarea, optgroup, option{
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
}

body {
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
}

html body {
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
}

  .Button.Is_DefaultV2,
  .btn.Is_DefaultV2 {
    background-color: var(--color-tertiary);
    border: var(--border-size-none);
    color: var(--color-neutral-0); 
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    }

  .Button.border-primaryV2,
  .btn.border-primaryV2 {
    border: var(--border-size-s) solid var(--color-tertiary);
    color: var(--color-tertiary); 
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    }

.Brand-Logo-max-length{
    max-width: 100px;
    max-height: 80px;
}

.phone .trofeus-container {
    padding-top: 15px;
    padding-left: 25%;
}

select {
    font-size: 16px;
}

/*********************************v2*/
.disclaimer_cookies_container_new_version {
    background-color: var(--color-fourth);
    margin-top: 100px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.logos-payment-ways-container{
    display: flex;
    width: fit-content;
}

.logos-securet-trust-container{
    display: flex;
    padding-top: 8px;
}

.logos-trofeus-container{
    width: 50%;
    text-align: right;
    height: 64px;
}

.footer-logos-container{
    display: flex;
    margin-bottom: 40px;
}

.logos-payment-ways-container div{
    margin-right: 16px;
}

.footer-newversion-links a {
    color: white !important;
    font-size: 12px !important;
}

.footer-newversion-links {
    display: inline-flex;
}

.footer-newversion-links div {
    margin-right: 24px;
    font-size: 12px;
}

.footer-newversion-brand-info{
    color: #849FFF;
    letter-spacing: 0.015em;
    font-size: 12px;
}

.footer-logos-payment-secute{
    width: 50%;
    display: inline-flex;
}

.logos-trofeus-container div {
    display: inline-flex;
}

.Separator{
    border-bottom: 1px solid #94ABD8;
    margin: 16px 0px 16px 0px;
}

.logos-trofeus-choose{
    margin-right: 20px;
    width: fit-content;
}
/**********/
.logos-first-line-container div{
    margin-right: 16px;
}

.logos-second-line-container div{
    margin-right: 25px;
}

.logos-first-line-container, .logos-second-line-container{
    display: flex;
}

.logos-second-line-container {
    margin-top: 30px;
}

.logos-second-line-container :first-child {
    margin-top: 10px;
}

.footer-newversion-links a {
    font-weight: unset!important;
}


/************* REBRANDING (ADD REF TO STYLES...)*********************************************************************************************************/
/************* NEW *********/
@media (min-height: 800px) {
    :root {
        --resume-max-width: 850px; 
    }

    .Footer{
        bottom: 0;
    }

    .NewVersion_OverrideHeader {
        max-width: unset!important;
    }
    .NewVersion_OverrideHeader {
        padding: 0 235px!important;
    }

    /*
    .Header_center { 
        padding: var(--space-base) var(--space-xl)!important;
    }*/

    .NewVersion_Padding{
        padding-left: var(--space-lateral-big)!important;
        padding-right: var(--space-lateral-big)!important;
    }
    
    .phone .NewVersion_Padding {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-top: 10px;
        padding-bottom: 80px;
    }

    .tablet .NewVersion_Padding {
        padding-left: 22px !important;
        padding-right: 22px !important;
        padding-top: 10px;
        padding-bottom: 80px;
    }
}

.phone .Content.NewVersion_Padding {
    padding-bottom: 80px;
}

.NewVersion_Padding {
    padding-left: var(--space-lateral-small);
    padding-right: var(--space-lateral-small);
}

.poppins-font{
    font-family: poppins;
}

.inter-font{
    font-family: inter;
}

.odd-class-format {
    background: rgba(228, 236, 250, 0.65);
}

.popup-title-v2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #2A3242;
  }

.popup-title-v2-description{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #1D1F20;
}

.popup-title-v2-description-poppins{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #1D1F20;
}

.text-black-bold{
    font-weight: 600;
    color: #2A3242;
}

.font-family-poppins-normal{
    font-family: 'Poppins';
    font-style: normal;
    line-height: 20px;
}

.font-family-inter-normal{
    font-family: 'Inter';
    font-style: normal;
    line-height: 20px;
}


.font-weight-600{
    font-weight: 600;
}

.font-weight-500{
    font-weight: 500;
}

.font-weight-700{
    font-weight: 700;
}

.font-size-14{
    font-size: 14px;
}

.font-size-16{
    font-size: 16px;
}

.font-size-18{
    font-size: 18px;
}

.border-radius-99{
    border-radius: 99px;
}

.border-width-2{
    border-width: 2px;
}

/************* NEW END *****/

/************* CHANGES ********/
.NewVersion_OverrideHeader {
    border-bottom: 0px solid rgba(0,0,0,.2);
    background-color: #fff;
}

.New_Version_Header_Left{
    display: flex;
    justify-content: left;
    text-align: left;
    width: 100%; 
}

/************* CHANGES END *****/
/************* REBRANDING END*********************************************************************************************************/

.visibility-hidden {
    visibility: hidden;
    position: fixed;
}

body {
    overscroll-behavior: none;
}

/***************** LEGAL DOCUMENTS DISCLAIMER *************/


.disclaimer-main {
    width: 100% !important;
    background-color: #F2F6FFF2;
    display: flex;
    justify-content: center;
    /* margin-bottom: -100px; */
}

.disclaimer-size {
    width: 1440px;    
    padding-top: 80px;
    padding-right: 144px;
    padding-bottom: 140px;
    padding-left: 144px;
    /* margin-bottom: -100px; */
    gap: 40px;
}

.disclaimer-pills {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 40px;
}

.disclaimer-container {  
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    border-radius: 80px;
    background-color: white;
    gap: 32px;
    padding-top: 24px;
    padding-right: 40px;
    padding-bottom: 24px;
    padding-left: 40px;
    line-height: 0% !important;

}

.inner-disclaimer{
    gap: 8px;
}

.disclaimer-right-icon {
    width: 60px;
    height: 76px;
    gap: 8px;
    display: flex;
    justify-content: center;
    align-items: center
}

.title-pills {
    font-family: Inter !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    letter-spacing: 0% !important;
    color: #3333FF !important;
}

.phone .title-pills,
.tablet .title-pills {
    font-size: 16px !important;
    line-height: 24px !important;
}

.text-pills {
    font-family: Inter !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    letter-spacing: 0% !important;
}
.disclaimer-text {
    text-align: left !important;
    color: #2A3242 !important;
}

@media (max-width: 767px) {
    .disclaimer-size {
        width: 375px;
        gap: 40px;
        padding-top: 48px;
        padding-right: 20px;
        padding-bottom: 80px;
        padding-left: 20px;
        margin-bottom: 0px;
    }

    .text-pills {
        display: none;
    }
    .inner-disclaimer{
        display: flex;
        justify-content: space-evenly;
        align-items: flex-start;
        gap: 4px;
    }

    .disclaimer-container { 
        width: 100%; 
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-grow: 1;
        border-radius: 56px;
        background-color: white;
        gap: 32px;
        padding-top: 24px;
        padding-right: 40px;
        padding-bottom: 24px;
        padding-left: 40px;
        line-height: 0% !important;
    }
    .disclaimer-pills {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 24px;
        margin-bottom: 24px;
    }
    .disclaimer-text {
        text-align: left !important;
        color: #2A3242 !important;
    }
    
}

@media (min-width: 768px) and (max-width: 1290px) {
    .disclaimer-size {
        width: 768px; 
        padding-top: 64px;
        padding-right: 52px;
        padding-bottom: 80px;
        padding-left: 52px;
        margin-bottom: 0px;
    }

    .disclaimer-pills {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 24px;
    }

    .disclaimer-link-grow {
        flex-grow: 1;
    }
    
}

.disclaimer-text,
.disclaimer-text span {
    text-align: left !important;
    color: #2A3242 !important;
    line-height: 16px;
}

.phone .disclaimer-text{
    line-height: 16px;
}

.phone .disclaimer-pills {
    gap: 16px;
    margin-bottom: 40px;
}

.circle-link {
    width: 50px;
    height: 50px;
    background-color: #3333FF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(-45deg);
}

.tablet .comercial-consent-div span {
    color: #2A3242;
}

.tablet .comercial-consent-div a span {
    color: var(--color-primary);
    text-decoration: none;
}

.phone .comercial-consent-div a,
.phone .comercial-consent-div a:hover {
    color: var(--color-primary);
    text-decoration: none;
}

.tablet .comercial-consent-div a,
.tablet .comercial-consent-div a:hover {
    color: var(--color-primary);
    text-decoration: none;
}

.phone .add-traveler a,
.phone .add-traveler a:hover {
    color: var(--color-primary);
    text-decoration: none !important;
}

.tablet .add-traveler a,
.tablet .add-traveler a:hover {
    color: var(--color-primary);
    text-decoration: none !important;
}

.comercial-consent-div {
    color: #2A3242 !important;
}

.desktop .comercial-consent-div {
    margin-top: 48px;
}

.phone .comercial-consent-div,
.tablet .comercial-consent-div {
    margin-top: 40px;
}

.desktop .cta-btn {
    margin-top: 48px;
    /* margin-bottom: 48px; */
}

.phone .cta-btn,
.tablet .cta-btn {
    margin-top: 40px;
    /* margin-bottom: 40px; */
}

.desktop .disclaimer-container .title-pills {
    margin-bottom: 8px;
}

.tablet .disclaimer-container .title-pills {
    margin-bottom: 4px;
}

.disclaimer-container .text-pills {
    color:#2A3242;
}