/*
Author: Thibault Gribaumont
Version: 1.0
Last update: 17th January 2019
*/
/*
Table of Contents

1.0 SASS Utils
    1.1 Variables
    1.2 Reset
2.0 Elements
    2.1 General structure
    2.2 Forms
    2.3 Slideshow
3.0 Layout
    3.1 Admin menu
    3.2 Header
    3.3 Footer
    3.4 Cookies
4.0 Pages
    4.1 Index
    4.2 Details
    4.3 Contact
    4.4 Offer
    4.5 Star products
    4.6 VNI
    4.7 Legal pages
    4.8 Admin
*/
/* 1.0 SASS Utils */
/*

*   1.1 Variables

*/
/*
Table of Contents

1.0 Colors

*/
/*

* 1.0 Colors

*/
/*

*  1.2 Reset

*  http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)

*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

* {
  box-sizing: border-box;
}

/* 2.0 Elements */
/*

*   2.1 General structure

*/
/*
Table of Contents - General structure
*/
html {
  font-family: "Montserrat";
  font-weight: 400;
}

body {
  background-color: #fff;
  color: #0b58a5;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans";
  font-family: "Ubuntu";
  font-weight: 400;
  margin: 0;
}

h2 {
  text-align: center;
  font-size: 28px;
  padding: 25px 0;
}
h2 i {
  display: block;
  margin: 0 auto;
  background-color: #0b58a5;
  color: #fff;
  font-size: 35px;
  border-radius: 60px;
  width: 60px;
  height: 60px;
  padding-top: 12px;
}
h2.pageTitle {
  background-color: rgba(19, 90, 163, 0.9);
  color: #fff;
}
h2.pageTitle i {
  display: block;
  background-color: #fff;
  color: #0b58a5;
  margin-bottom: 5px;
}

p, label, input {
  font-size: 15px;
  line-height: 22px;
}

ul li, ol li {
  font-size: 15px;
  line-height: 22px;
}

a {
  font-size: 15px;
  text-decoration: none;
  cursor: pointer;
  color: #0b58a5;
  transition: color 0.5s;
}
a i {
  transition: transform 0.5s;
}
a:hover {
  color: #4f9ae4;
}
a:hover i {
  transform: scale(1.2);
}
a.btn {
  background-color: #0b58a5;
  color: rgba(255, 255, 255, 0.9);
  padding: 23px 40px;
  border-radius: 5px;
  transition: background-color 1s, color 1s;
}
a.btn i {
  transition: transform 0.5s;
  margin-right: 10px;
}
a.btn:hover {
  background-color: #4f9ae4;
  color: #fff;
}
a.btn:hover i {
  transform: scale(1.2);
}
a.seeMore i {
  margin-left: 10px;
  font-size: 12px;
}
a.scrollTop {
  position: absolute;
  bottom: 0;
  right: 100px;
  text-align: center;
  margin-bottom: 10px;
}
a.scrollTop i {
  display: block;
  transition: font-size 0.5s;
}
a.scrollTop:hover i {
  font-size: 1.2em;
}
a.smallCta {
  display: inline-block;
}
a.largeCta {
  font-size: 1em;
  padding: 20px 40px;
  margin: 15px 0;
  display: block;
  text-align: center;
}

button {
  background-color: #0b58a5;
  color: rgba(255, 255, 255, 0.9);
  padding: 20px 40px;
  border: none;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  transition: background-color 1s, color 1s;
  font-size: 15px;
  margin-top: 30px;
}
button i {
  transition: transform 0.5s;
  margin-right: 10px;
}
button:hover {
  background-color: #4f9ae4;
  color: #fff;
}
button:hover i {
  transform: scale(1.2);
}
button.smallCta {
  display: inline-block;
  padding: 23px 40px;
}
button.largeCta {
  font-size: 2em;
  padding: 20px 80px;
  margin: 15px 0;
  display: block;
  text-align: center;
}

.clearfix {
  float: none !important;
  clear: both;
}

.disabled {
  opacity: 0.2;
  pointer-events: none;
}

main {
  margin-top: 112px;
  z-index: 50;
}

body.connected main {
  margin-top: 353px;
}

.container {
  padding: 60px 50px;
  position: relative;
}

.card {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  transition: transform 0.2s;
  float: left;
}
.card .largeCta {
  margin: 60px -60px -60px;
  margin: 30px 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.card p {
  margin-bottom: 1em;
}

#sidebar {
  width: 100%;
  float: right;
}
#sidebar .sidebarSection {
  border: 1px solid #ddd;
  display: none;
  margin-bottom: 30px;
}
#sidebar .sidebarSection .sidebarTitle {
  font-size: 20px;
  padding: 20px 0;
  text-align: center;
  border-bottom: 2px solid #ddd;
}
#sidebar .sidebarSection .sidebarTitle i {
  margin-right: 10px;
}
#sidebar .sidebarSection ul li {
  padding: 5px 20px;
}
#sidebar .sidebarSection ul li:first-child {
  padding-top: 10px;
}
#sidebar .sidebarSection ul li:last-child {
  padding-bottom: 10px;
}
#sidebar .sidebarSection ul li a {
  color: #b2b2b2;
}
#sidebar .sidebarSection ul li a i {
  margin-right: 10px;
  color: #b2b2b2;
}
#sidebar .smallCta {
  width: 100%;
  margin: 0;
}

.warning {
  color: #db2a1c;
}

.error {
  color: #db2a1c;
}

.welcome {
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
}

.pulse {
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(19, 90, 163, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(19, 90, 163, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(19, 90, 163, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(19, 90, 163, 0.4);
    box-shadow: 0 0 0 0 rgba(19, 90, 163, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(19, 90, 163, 0);
    box-shadow: 0 0 0 10px rgba(19, 90, 163, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(19, 90, 163, 0);
    box-shadow: 0 0 0 0 rgba(19, 90, 163, 0);
  }
}
.iconCar:hover {
  color: #0a3a69;
}

.fa-car.small {
  color: #0a3a69;
}
.fa-car.big {
  background-color: #62da96;
  color: #0a3a69;
}

.iconHome:hover {
  color: #187da5;
}

.fa-home.small {
  color: #187da5;
}
.fa-home.big {
  background-color: #187da5;
  color: #37d0fd;
}

.iconFamily:hover {
  color: #a93d61;
}

.fa-users.small {
  color: #a93d61;
}
.fa-users.big {
  background-color: #ecc8b9;
  color: #a93d61;
}

.iconLegal:hover {
  color: #44348b;
}

.fa-balance-scale.small {
  color: #44348b;
}
.fa-balance-scale.big {
  background-color: #8267a5;
  color: #44348b;
}

.iconHelp:hover {
  color: #c76669;
}

.fa-wrench.small {
  color: #c76669;
}
.fa-wrench.big {
  background-color: #c76669;
  color: #324454;
}

.iconHospital:hover {
  color: #db2a1c;
}

.fa-hospital.small {
  color: #db2a1c;
}
.fa-hospital.big {
  background-color: #db2a1c;
  color: #fffbde;
}

.iconTravel:hover {
  color: #fedd32;
}

.fa-plane.small {
  color: #fedd32;
}
.fa-plane.big {
  background-color: #3f4344;
  color: #fedd32;
}

.iconFuneral:hover {
  color: #368bc1;
}

.fa-cross.small {
  color: #368bc1;
}
.fa-cross.big {
  background-color: #f0f0f0;
  color: #368bc1;
}

.iconLife:hover {
  color: #7fc1af;
}

.fa-heartbeat.small {
  color: #7fc1af;
}
.fa-heartbeat.big {
  background-color: #179c9e;
  color: #7fc1af;
}

.iconBuilding:hover {
  color: #3f4344;
}

.fa-building.small {
  color: #3f4344;
}
.fa-building.big {
  background-color: #fa7d33;
  color: #3f4344;
}

.iconPro:hover {
  color: #0b58a5;
}

.fa-user-tie.small {
  color: #0b58a5;
}
.fa-user-tie.big {
  background-color: #0b58a5;
  color: #4f9ae4;
}

.iconInjury:hover {
  color: #db2a1c;
}

.fa-user-injured.small {
  color: #db2a1c;
}
.fa-user-injured.big {
  background-color: #db2a1c;
  color: #fffbde;
}

.iconFire:hover {
  color: #fa7d33;
}

.fa-fire.small {
  color: #fa7d33;
}
.fa-fire.big {
  background-color: #3f4344;
  color: #fa7d33;
}

.iconHouseDamage:hover {
  color: #c76669;
}

.fa-house-damage.small {
  color: #c76669;
}
.fa-house-damage.big {
  background-color: #c76669;
  color: #324454;
}

.icon21:hover {
  color: #187da5;
}

.fa-money-bill-alt.small {
  color: #187da5;
}
.fa-money-bill-alt.big {
  background-color: #37d0fd;
  color: #187da5;
}

.icon23:hover {
  color: #62da96;
}

.money-alt.small {
  color: #62da96;
}
.money-alt.big {
  background-color: #0a3a69;
  color: #62da96;
}

.icon26:hover {
  color: #8267a5;
}

.fa-money-bill.small {
  color: #8267a5;
}
.fa-money-bill.big {
  background-color: #44348b;
  color: #8267a5;
}

.iconStar:hover {
  color: #fedd32;
}

.fa-star.small {
  color: #fedd32;
}
.fa-star.big {
  background-color: #3f4344;
  color: #fedd32;
}

.iconChart:hover {
  color: #4f9ae4;
}

.fa-chart-bar.small {
  color: #4f9ae4;
}
.fa-chart-bar.big {
  background-color: #0b58a5;
  color: #4f9ae4;
}

.iconPlus:hover {
  color: #62da96;
}

.fa-plus.small {
  color: #62da96;
}

.fas.title,
.far.title {
  background-color: #fff;
}

a:hover .fa-car.big {
  background-color: #0a3a69;
  color: #62da96;
}
a:hover .fa-home.big {
  background-color: #37d0fd;
  color: #187da5;
}
a:hover .fa-users.big {
  background-color: #a93d61;
  color: #ecc8b9;
}
a:hover .fa-balance-scale.big {
  background-color: #44348b;
  color: #8267a5;
}
a:hover .fa-wrench.big {
  background-color: #324454;
  color: #c76669;
}
a:hover .fa-hospital.big {
  background-color: #fffbde;
  color: #db2a1c;
}
a:hover .fa-plane.big {
  background-color: #fedd32;
  color: #3f4344;
}
a:hover .fa-cross.big {
  background-color: #368bc1;
  color: #f0f0f0;
}
a:hover .fa-heartbeat.big {
  background-color: #7fc1af;
  color: #179c9e;
}
a:hover .fa-building.big {
  background-color: #3f4344;
  color: #fa7d33;
}
a:hover .fa-user-tie.big {
  background-color: #4f9ae4;
  color: #0b58a5;
}
a:hover .fa-user-injured.big {
  background-color: #fffbde;
  color: #db2a1c;
}
a:hover .fa-fire.big {
  color: #3f4344;
  background-color: #fa7d33;
}
a:hover .fa-house-damage.big {
  background-color: #324454;
  color: #c76669;
}
a:hover .fa-money-bill-alt.big {
  background-color: #187da5;
  color: #37d0fd;
}
a:hover .money-alt.big {
  background-color: #62da96;
  color: #0a3a69;
}
a:hover .fa-money-bill.big {
  background-color: #8267a5;
  color: #44348b;
}
a:hover .fa-star.big {
  background-color: #fedd32;
  color: #3f4344;
}
a:hover .fa-chart-bar.big {
  background-color: #4f9ae4;
  color: #0b58a5;
}

.pageCar main .pageTitle {
  background-color: #0a3a69;
}
.pageCar main .pageTitle i {
  color: #0a3a69;
}
.pageCar main h4 {
  color: #0a3a69;
}
.pageCar main ul li i {
  color: #0a3a69;
}
.pageCar main .btn.smallCta {
  background-color: #0a3a69;
}
.pageCar main #sidebar .sidebarSection .sidebarTitle {
  color: #0a3a69;
  border-bottom: 2px solid #0a3a69;
}
.pageCar main .card strong {
  color: #0a3a69;
  font-weight: 600;
}

.pageHome main .pageTitle {
  background-color: #187da5;
}
.pageHome main .pageTitle i {
  color: #187da5;
}
.pageHome main h4 {
  color: #187da5;
}
.pageHome main ul li i {
  color: #187da5;
}
.pageHome main .btn.smallCta {
  background-color: #187da5;
}
.pageHome main #sidebar .sidebarSection .sidebarTitle {
  color: #187da5;
  border-bottom: 2px solid #187da5;
}
.pageHome main .card strong {
  color: #187da5;
  font-weight: 600;
}

.pageFamily main .pageTitle {
  background-color: #a93d61;
}
.pageFamily main .pageTitle i {
  color: #a93d61;
}
.pageFamily main h4 {
  color: #a93d61;
}
.pageFamily main ul li i {
  color: #a93d61;
}
.pageFamily main .btn.smallCta {
  background-color: #a93d61;
}
.pageFamily main #sidebar .sidebarSection .sidebarTitle {
  color: #a93d61;
  border-bottom: 2px solid #a93d61;
}
.pageFamily main .card strong {
  color: #a93d61;
  font-weight: 600;
}

.pageLegal main .pageTitle {
  background-color: #8267a5;
}
.pageLegal main .pageTitle i {
  color: #8267a5;
}
.pageLegal main h4 {
  color: #8267a5;
}
.pageLegal main ul li i {
  color: #8267a5;
}
.pageLegal main .btn.smallCta {
  background-color: #8267a5;
}
.pageLegal main #sidebar .sidebarSection .sidebarTitle {
  color: #8267a5;
  border-bottom: 2px solid #8267a5;
}
.pageLegal main .card strong {
  color: #8267a5;
  font-weight: 600;
}

.pageHelp main .pageTitle {
  background-color: #c76669;
}
.pageHelp main .pageTitle i {
  color: #c76669;
}
.pageHelp main h4 {
  color: #c76669;
}
.pageHelp main ul li i {
  color: #c76669;
}
.pageHelp main .btn.smallCta {
  background-color: #c76669;
}
.pageHelp main #sidebar .sidebarSection .sidebarTitle {
  color: #c76669;
  border-bottom: 2px solid #c76669;
}
.pageHelp main .card strong {
  color: #c76669;
  font-weight: 600;
}

.pageHospital main .pageTitle {
  background-color: #db2a1c;
}
.pageHospital main .pageTitle i {
  color: #db2a1c;
}
.pageHospital main h4 {
  color: #db2a1c;
}
.pageHospital main ul li i {
  color: #db2a1c;
}
.pageHospital main .btn.smallCta {
  background-color: #db2a1c;
}
.pageHospital main #sidebar .sidebarSection .sidebarTitle {
  color: #db2a1c;
  border-bottom: 2px solid #db2a1c;
}
.pageHospital main .card strong {
  color: #db2a1c;
  font-weight: 600;
}

.pageTravel main .pageTitle {
  background-color: #fedd32;
}
.pageTravel main .pageTitle i {
  color: #fedd32;
}
.pageTravel main h4 {
  color: #fedd32;
}
.pageTravel main ul li i {
  color: #fedd32;
}
.pageTravel main .btn.smallCta {
  background-color: #fedd32;
}
.pageTravel main #sidebar .sidebarSection .sidebarTitle {
  color: #fedd32;
  border-bottom: 2px solid #fedd32;
}
.pageTravel main .card strong {
  color: #fedd32;
  font-weight: 600;
}

.pageFuneral main .pageTitle {
  background-color: #368bc1;
}
.pageFuneral main .pageTitle i {
  color: #368bc1;
}
.pageFuneral main h4 {
  color: #368bc1;
}
.pageFuneral main ul li i {
  color: #368bc1;
}
.pageFuneral main .btn.smallCta {
  background-color: #368bc1;
}
.pageFuneral main #sidebar .sidebarSection .sidebarTitle {
  color: #368bc1;
  border-bottom: 2px solid #368bc1;
}
.pageFuneral main .card strong {
  color: #368bc1;
  font-weight: 600;
}

.pageLife main .pageTitle {
  background-color: #7fc1af;
}
.pageLife main .pageTitle i {
  color: #7fc1af;
}
.pageLife main h4 {
  color: #7fc1af;
}
.pageLife main ul li i {
  color: #7fc1af;
}
.pageLife main .btn.smallCta {
  background-color: #7fc1af;
}
.pageLife main #sidebar .sidebarSection .sidebarTitle {
  color: #7fc1af;
  border-bottom: 2px solid #7fc1af;
}
.pageLife main .card strong {
  color: #7fc1af;
  font-weight: 600;
}

.pageBuilding main .pageTitle {
  background-color: #3f4344;
}
.pageBuilding main .pageTitle i {
  color: #3f4344;
}
.pageBuilding main h4 {
  color: #3f4344;
}
.pageBuilding main ul li i {
  color: #3f4344;
}
.pageBuilding main .btn.smallCta {
  background-color: #3f4344;
}
.pageBuilding main #sidebar .sidebarSection .sidebarTitle {
  color: #3f4344;
  border-bottom: 2px solid #3f4344;
}
.pageBuilding main .card strong {
  color: #3f4344;
  font-weight: 600;
}

.pagePro main .pageTitle {
  background-color: #0b58a5;
}
.pagePro main .pageTitle i {
  color: #0b58a5;
}
.pagePro main h4 {
  color: #0b58a5;
}
.pagePro main ul li i {
  color: #0b58a5;
}
.pagePro main .btn.smallCta {
  background-color: #0b58a5;
}
.pagePro main #sidebar .sidebarSection .sidebarTitle {
  color: #0b58a5;
  border-bottom: 2px solid #0b58a5;
}
.pagePro main .card strong {
  color: #0b58a5;
  font-weight: 600;
}

.pageInjury main .pageTitle {
  background-color: #db2a1c;
}
.pageInjury main .pageTitle i {
  color: #db2a1c;
}
.pageInjury main h4 {
  color: #db2a1c;
}
.pageInjury main ul li i {
  color: #db2a1c;
}
.pageInjury main .btn.smallCta {
  background-color: #db2a1c;
}
.pageInjury main #sidebar .sidebarSection .sidebarTitle {
  color: #db2a1c;
  border-bottom: 2px solid #db2a1c;
}
.pageInjury main .card strong {
  color: #db2a1c;
  font-weight: 600;
}

.pageFire main .pageTitle {
  background-color: #fa7d33;
}
.pageFire main .pageTitle i {
  color: #fa7d33;
}
.pageFire main h4 {
  color: #fa7d33;
}
.pageFire main ul li i {
  color: #fa7d33;
}
.pageFire main .btn.smallCta {
  background-color: #fa7d33;
}
.pageFire main #sidebar .sidebarSection .sidebarTitle {
  color: #fa7d33;
  border-bottom: 2px solid #fa7d33;
}
.pageFire main .card strong {
  color: #fa7d33;
  font-weight: 600;
}

.pageDamage main .pageTitle {
  background-color: #c76669;
}
.pageDamage main .pageTitle i {
  color: #c76669;
}
.pageDamage main h4 {
  color: #c76669;
}
.pageDamage main ul li i {
  color: #c76669;
}
.pageDamage main .btn.smallCta {
  background-color: #c76669;
}
.pageDamage main #sidebar .sidebarSection .sidebarTitle {
  color: #c76669;
  border-bottom: 2px solid #c76669;
}
.pageDamage main .card strong {
  color: #c76669;
  font-weight: 600;
}

.page21 main .pageTitle {
  background-color: #187da5;
}
.page21 main .pageTitle i {
  color: #187da5;
}
.page21 main h4 {
  color: #187da5;
}
.page21 main ul li i {
  color: #187da5;
}
.page21 main .btn.smallCta {
  background-color: #187da5;
}
.page21 main #sidebar .sidebarSection .sidebarTitle {
  color: #187da5;
  border-bottom: 2px solid #187da5;
}
.page21 main .card strong {
  color: #187da5;
  font-weight: 600;
}

.page23 main .pageTitle {
  background-color: #62da96;
}
.page23 main .pageTitle i {
  color: #62da96;
}
.page23 main h4 {
  color: #62da96;
}
.page23 main ul li i {
  color: #62da96;
}
.page23 main .btn.smallCta {
  background-color: #62da96;
}
.page23 main #sidebar .sidebarSection .sidebarTitle {
  color: #62da96;
  border-bottom: 2px solid #62da96;
}
.page23 main .card strong {
  color: #62da96;
  font-weight: 600;
}

.page26 main .pageTitle {
  background-color: #8267a5;
}
.page26 main .pageTitle i {
  color: #8267a5;
}
.page26 main h4 {
  color: #8267a5;
}
.page26 main ul li i {
  color: #8267a5;
}
.page26 main .btn.smallCta {
  background-color: #8267a5;
}
.page26 main #sidebar .sidebarSection .sidebarTitle {
  color: #8267a5;
  border-bottom: 2px solid #8267a5;
}
.page26 main .card strong {
  color: #8267a5;
  font-weight: 600;
}

.pageStar main .pageTitle {
  background-color: #fedd32;
}
.pageStar main .pageTitle i {
  color: #fedd32;
}
.pageStar main h4 {
  color: #fedd32;
}
.pageStar main ul li i {
  color: #fedd32;
}
.pageStar main .btn.smallCta {
  background-color: #fedd32;
}
.pageStar main #sidebar .sidebarSection .sidebarTitle {
  color: #fedd32;
  border-bottom: 2px solid #fedd32;
}
.pageStar main .card strong {
  color: #fedd32;
  font-weight: 600;
}

.pageVni main .pageTitle {
  background-color: #4f9ae4;
}
.pageVni main .pageTitle i {
  color: #4f9ae4;
}
.pageVni main h4 {
  color: #4f9ae4;
}
.pageVni main ul li i {
  color: #4f9ae4;
}
.pageVni main .btn.smallCta {
  background-color: #4f9ae4;
}
.pageVni main #sidebar .sidebarSection .sidebarTitle {
  color: #4f9ae4;
  border-bottom: 2px solid #4f9ae4;
}
.pageVni main .card strong {
  color: #4f9ae4;
  font-weight: 600;
}

.pageAdditional main .pageTitle {
  background-color: #62da96;
}
.pageAdditional main .pageTitle i {
  color: #62da96;
}
.pageAdditional main h4 {
  color: #62da96;
}
.pageAdditional main ul li i {
  color: #62da96;
}
.pageAdditional main .btn.smallCta {
  background-color: #62da96;
}
.pageAdditional main #sidebar .sidebarSection .sidebarTitle {
  color: #62da96;
  border-bottom: 2px solid #62da96;
}
.pageAdditional main .card strong {
  color: #62da96;
  font-weight: 600;
}

@media only screen and (min-width: 450px) {
  body.connected main {
    margin-top: 264px;
  }
}
@media only screen and (min-width: 768px) {
  body.connected main {
    margin-top: 249px;
  }

  .container {
    padding: 60px 80px;
  }
  .container .card {
    width: calc(100% - 320px);
  }
  .container #sidebar {
    width: 280px;
  }
  .container #sidebar.sidebar--init {
    position: initial;
  }
  .container #sidebar.sidebar--init .sidebarSection {
    display: block;
  }
  .container #sidebar.sidebar--sticky {
    position: fixed;
    top: 172px;
    right: 80px;
    bottom: auto;
  }
  .container #sidebar.sidebar--sticky .sidebarSection {
    display: block;
  }
  .container #sidebar.sidebar--absolute {
    position: absolute;
    bottom: 44px;
    top: auto;
    right: 80px;
  }
  .container #sidebar.sidebar--absolute .sidebarSection {
    display: block;
  }

  a.largeCta {
    font-size: 1.5em;
    padding: 20px 80px;
  }
}
@media only screen and (min-width: 1200px) {
  .container .card {
    width: calc(100% - 450px);
  }
  .container #sidebar {
    width: 350px;
  }

  a.largeCta {
    font-size: 2em;
    padding: 20px 80px;
  }
}
/*

*   2.2 Forms

*/
/*
Table of Contents - Forms
*/
form label {
  display: inline-block;
  transition: transform 1s, color 1s;
}
form label.movingLabel {
  transition: transform 1s, color 1s;
}
form label.movingLabel.inactive {
  color: #0b58a5;
  transform: translateY(30px);
}
form label.movingLabel.active {
  color: #4f9ae4;
  transform: translateY(5px);
}
form label.movingLabel.active + input:not([type=submit]):not([type=checkbox]):not([type=file]):not([type=radio]).specialInput {
  border-bottom: solid 1px #4f9ae4;
}
form label.movingLabel.active + input:not([type=submit]):not([type=checkbox]):not([type=file]):not([type=radio]).specialInput.error {
  border-bottom: solid 1px #db2a1c;
  color: #db2a1c;
}
form label.movingLabel.error {
  color: #db2a1c;
  margin: 0;
}
form label.textareaLabel {
  margin-bottom: 15px;
}
form input:not([type=submit]):not([type=checkbox]):not([type=file]):not([type=radio]) {
  margin: 0 0 30px;
  width: 100%;
  display: block;
  border: none;
  padding: 10px 0;
  border-bottom: solid 1px #0b58a5;
  background: none;
  color: #4f9ae4;
  transition: color 1s, border-bottom 1s;
}
form input:not([type=submit]):not([type=checkbox]):not([type=file]):not([type=radio]):focus {
  box-shadow: none;
  outline: none;
  background-position: 0 0;
  border-bottom: solid 1px #4f9ae4;
}
form input:not([type=submit]):not([type=checkbox]):not([type=file]):not([type=radio]).error {
  border-bottom: solid 1px #db2a1c;
  color: #db2a1c;
}
form input[type=submit] {
  background-color: #0b58a5;
  color: rgba(255, 255, 255, 0.9);
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  margin: 30px 30px 0;
  transition: background-color 1s, color 1s;
}
form input[type=submit]:hover {
  background-color: #4f9ae4;
  color: #fff;
}
form textarea {
  width: 100%;
  border: solid 1px #0b58a5;
  font-size: 15px;
  color: #0b58a5;
}
form textarea:focus {
  box-shadow: none;
  outline: none;
  background-position: 0 0;
  border: solid 1px #4f9ae4;
}
form select {
  width: 100%;
  margin: 0 0 30px;
}
form p {
  margin-bottom: 10px;
}
form p#formIntro {
  margin-bottom: 30px;
}
form p.inputIntro {
  margin-top: 60px;
}
form + button.largeCta {
  margin: 60px -60px -60px;
  width: calc(100% + 120px);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
form .error {
  margin: -15px 0 30px;
  display: block;
}
form .radioChoice {
  margin-bottom: 15px;
}
form .radioChoice:last-child {
  margin-bottom: 0;
}

/*

*   2.3 Slideshow

*/
@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
body.connected .slideshow-container {
  margin-top: 353px;
}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
  margin-top: 112px;
  color: #fff;
  /* Hide the images by default */
  /* Next & previous buttons */
  /* Position the "next button" to the right */
  /* The dots/bullets/indicators */
}
.slideshow-container .mySlides {
  display: none;
  height: 500px;
  background: url("../images/liege3.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 10%;
  vertical-align: middle;
  /* images */
  /* Veil */
  /* Caption text */
  /* Number text (1/3 etc) */
  /* Fading animation */
}
.slideshow-container .mySlides:first-child {
  background: url("../images/office.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.slideshow-container .mySlides.specialOffer .text {
  background-color: rgba(0, 0, 0, 0);
}
.slideshow-container .mySlides#mySlide1 {
  width: 100vw;
}
.slideshow-container .mySlides#mySlide3 {
  width: 100vw;
  background: url("../images/liege4.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 70%;
  background-position: 50% 20%;
}
.slideshow-container .mySlides#mySlide2 .text ol {
  list-style: decimal;
  padding: 20px 50px;
  line-height: 1.5em;
}
.slideshow-container .mySlides#mySlide2 .text ol ul {
  list-style: initial;
  margin-left: 50px;
}
.slideshow-container .mySlides img {
  height: 300px;
}
.slideshow-container .mySlides .veil {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.slideshow-container .mySlides .text {
  width: calc(100% - 100px);
  margin: 0 50px;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  align-items: center;
  background-color: rgba(245, 244, 241, 0.7);
  color: #0b58a5;
  padding: 40px;
}
.slideshow-container .mySlides .text h5 {
  color: #0b58a5;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Montserrat";
}
.slideshow-container .mySlides .text p {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600;
}
.slideshow-container .mySlides .text p:last-child {
  margin-bottom: 0;
}
.slideshow-container .mySlides .text img {
  height: 120px;
  width: auto;
}
.slideshow-container .mySlides .text ul li, .slideshow-container .mySlides .text ol li {
  font-size: 16px;
  font-weight: 600;
}
.slideshow-container .mySlides .text .largeCta {
  display: inline-block;
  margin: 15px auto;
  font-size: 1em;
}
.slideshow-container .mySlides .text .largeCta i {
  color: #fff;
}
.slideshow-container .mySlides .numbertext {
  color: #fff;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.slideshow-container .mySlides.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
.slideshow-container .prev, .slideshow-container .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
.slideshow-container .prev:hover, .slideshow-container .next:hover {
  background-color: #0b58a5;
}
.slideshow-container .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.slideshow-container .dots {
  text-align: center;
  position: absolute;
  bottom: 10px;
  width: 100%;
  z-index: 1500;
}
.slideshow-container .dots .dot {
  cursor: pointer;
  height: 4px;
  width: 30px;
  margin: 0 2px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 1px;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.slideshow-container .dots .dot.active {
  background-color: rgba(19, 90, 163, 0.9);
}
.slideshow-container .dots .dot:hover {
  background-color: rgba(19, 90, 163, 0.5);
}

@media only screen and (min-width: 450px) {
  body.connected .slideshow-container {
    margin-top: 264px;
  }
}
@media only screen and (min-width: 600px) {
  .slideshow-container .mySlides .text {
    padding: 50px;
  }
  .slideshow-container .mySlides .text p {
    font-size: 18px;
  }
  .slideshow-container .mySlides .text h5 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) {
  body.connected .slideshow-container {
    margin-top: 249px;
  }

  .slideshow-container .mySlides .text {
    width: calc(100% - 200px);
    margin: 0 100px;
    font-size: 16px;
  }
  .slideshow-container .mySlides .text p {
    font-size: 20px;
  }
  .slideshow-container .mySlides .text h5 {
    font-size: 20px;
  }
  .slideshow-container .mySlides .text ul li, .slideshow-container .mySlides .text ol li {
    font-size: 20px;
  }
}
@media only screen and (min-width: 980px) {
  .slideshow-container .mySlides .text {
    width: calc(100% - 300px);
    margin: 0 150px;
    padding: 100px;
  }
}
@media only screen and (min-width: 1200px) {
  .slideshow-container .mySlides {
    height: 550px;
  }
}
/* 3.0 Layout */
/*

*   3.1 Admin Menu

*/
#adminNav {
  border-bottom: 2px solid #0b58a5;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2000;
}
#adminNav h5 {
  text-align: center;
  font-size: 24px;
  margin-top: 30px;
}
#adminNav ul {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}
#adminNav ul li {
  text-align: center;
  flex: 1;
  padding: 20px 0;
}
#adminNav ul li a i {
  transition: transform 0.5s;
  font-size: 1em;
  margin-right: 10px;
}
#adminNav ul li a:hover i {
  transform: scale(1.2);
  -ms-transform: scale 1.2;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
}

@media only screen and (min-width: 450px) {
  #adminNav ul {
    flex-direction: row;
  }
  #adminNav ul li {
    padding: 30px 0;
  }
  #adminNav ul li a i {
    display: block;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  #adminNav ul {
    width: 80%;
    margin: 0 10%;
  }
  #adminNav ul li a i {
    display: inline-block;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 980px) {
  #adminNav ul {
    width: 60%;
    margin: 0 20%;
  }
}
/*

*   3.2 Header

*/
/*
Table of Contents - Header

1.0 General
*/
#mainHeader {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 9999;
  display: flex;
  padding: 15px 0;
  height: 112px;
  border-bottom: 1px solid #0b58a5;
}
#mainHeader.connected {
  margin-top: 241px;
}
#mainHeader #mainTitle {
  flex: 1;
}
#mainHeader #mainTitle img {
  height: 82px;
}
#mainHeader #mainNav {
  flex: 1;
  text-align: center;
}
#mainHeader #mainNav ul {
  display: none;
  align-items: center;
  height: 100%;
}
#mainHeader #mainNav ul li {
  display: inline-block;
  padding: 10px 0;
  position: relative;
  flex: 1;
  font-size: 15px;
  line-height: 1em;
}
#mainHeader #mainNav ul li a {
  transition: font-size 0.5s;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
}
#mainHeader #mainNav ul li a:hover {
  font-size: 1.1em;
}
#mainHeader #mainNav #mobileBtnContainer {
  text-align: right;
  padding: 21px 40px 21px;
}
#mainHeader #mainNav #mobileBtnContainer #btnMobileNav {
  display: inline-block;
  font-size: 40px;
  justify-content: flex-end;
}
#mainHeader #dropdownContainer {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  z-index: -1;
  position: absolute;
  padding: 15px 0;
  background-color: #f6f9fc;
  transition: left 1s, opacity 0.5s;
}
#mainHeader #dropdownContainer ul li {
  padding: 10px 30px;
  line-height: 1em;
}
#mainHeader #dropdownContainer ul li a i {
  display: inline-block;
  width: 22px;
  text-align: center;
  margin-right: 5px;
  transition: color 0.5s, transform 0.5s;
}
#mainHeader #dropdownContainer ul li a:hover {
  font-size: 1em;
}
#mainHeader #dropdownContainer ul li a:hover i {
  transform: scale(1.3);
}
#mainHeader #dropdownContainer::before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -6px;
  background-color: #f6f9fc;
  transform: translateX(-6px) rotate(45deg);
}
#mainHeader #myBrokerBtn {
  padding-top: 11px;
  flex: 2;
  display: none;
}
#mainHeader #myBrokerBtn a {
  background-color: #0b58a5;
  color: rgba(255, 255, 255, 0.9);
  padding: 15px 20px;
  border-radius: 5px;
  transition: background-color 1s, color 1s;
  z-index: 2000;
  font-size: 14px;
}
#mainHeader #myBrokerBtn a:hover {
  background-color: #4f9ae4;
  color: #fff;
}
#mainHeader #myBrokerBtn a:hover i {
  transform: scale(1.2);
}
#mainHeader #myBrokerBtn a i {
  margin-right: 10px;
  transition: transform 0.5s;
  display: none;
}

#mobileNav {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  text-align: center;
  background-color: #fff;
  z-index: 11000;
  overflow: scroll;
  padding-bottom: 60px;
}
#mobileNav #closeMobileNav {
  display: block;
  font-size: 48px;
  text-align: right;
  position: fixed;
  top: 35px;
  right: 40px;
}
#mobileNav #mobileLogo {
  position: fixed;
  top: 20px;
  left: 0;
  height: 82px;
}
#mobileNav ul {
  max-width: 400px;
  margin: 120px auto 0;
  text-align: left;
}
#mobileNav ul li {
  font-size: 18px;
  padding: 16px 0;
  border-bottom: 1px solid #0b58a5;
  position: relative;
}
#mobileNav ul li:first-child {
  padding-top: 0;
}
#mobileNav ul li:last-child {
  border-bottom: none;
}
#mobileNav ul li.firstLevel i {
  position: absolute;
  top: 19px;
  right: 20px;
}
#mobileNav ul li:not(.firstLevel) i {
  position: initial;
  margin-right: 10px;
}
#mobileNav ul li.active {
  padding-bottom: 0;
}
#mobileNav ul li.active ul {
  display: block;
}
#mobileNav ul li.myBrokerMobile {
  padding: 0;
}
#mobileNav ul li.myBrokerMobile a {
  background-color: rgba(19, 90, 163, 0.9);
  color: rgba(255, 255, 255, 0.9);
  display: flex;
  padding: 20px 0;
  justify-content: center;
  align-items: center;
  transition: background-color 1s, color 1s;
}
#mobileNav ul li.myBrokerMobile a span {
  text-align: center;
}
#mobileNav ul li.myBrokerMobile a:hover {
  background-color: #4f9ae4;
  color: #fff;
}
#mobileNav ul li a {
  padding-left: 20px;
  display: inline-block;
}
#mobileNav ul li ul {
  display: none;
  margin: 0 auto;
}
#mobileNav ul li ul li {
  border-left: 10px solid;
  border-bottom: 1px solid;
  padding-left: 20px;
}
#mobileNav ul li ul li:first-child {
  padding-top: 16px;
}
#mobileNav ul li ul li:last-child {
  padding-bottom: 10px;
}

@media only screen and (min-width: 450px) {
  #mainHeader.connected {
    margin-top: 152px;
  }
  #mainHeader #mainNav {
    flex: 1;
  }
  #mainHeader #myBrokerBtn {
    text-align: center;
    position: fixed;
    right: 20px;
    z-index: 2000;
  }
}
@media only screen and (min-width: 768px) {
  #mainHeader.connected {
    margin-top: 137px;
  }
  #mainHeader #myBrokerBtn a {
    padding: 15px 30px;
  }
  #mainHeader #myBrokerBtn a i {
    display: inline-block;
  }
}
@media only screen and (min-width: 980px) {
  #mainHeader #mainTitle {
    position: absolute;
  }
  #mainHeader #mainNav {
    flex: 5;
    margin-left: 20%;
    margin-right: 20%;
  }
  #mainHeader #mainNav ul {
    display: flex;
  }
  #mainHeader #mainNav #mobileBtnContainer {
    display: none;
  }
  #mainHeader #mainNav #btnMobileNav {
    display: none;
  }
  #mainHeader #myBrokerBtn {
    display: block;
  }
  #mainHeader #myBrokerBtn a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  #mainHeader #myBrokerBtn a i {
    vertical-align: middle;
    display: table-cell;
    padding-right: 10px;
  }
  #mainHeader #myBrokerBtn a span {
    text-align: center;
    display: table-cell;
  }
}
@media only screen and (min-width: 1200px) {
  #mainHeader #mainNav {
    flex: 3;
  }
  #mainHeader #myBrokerBtn {
    right: 40px;
  }
  #mainHeader #myBrokerBtn a {
    padding: 15px 35px;
  }
}
/*

*   3.3 Footer

*/
/*
Table of Contents - Footer

1.0 General
*/
footer #contact {
  padding: 30px 100px;
  display: flex;
  font-size: 12px;
}
footer #contact div {
  flex: 1;
}
footer #contact #contactInfo {
  text-align: right;
  padding-right: 30px;
}
footer #contact #social {
  padding-left: 30px;
}
footer #contact #map {
  flex: 3;
  height: 200px;
}
footer #contact .myBrokerBtn {
  background-color: #0b58a5;
  color: rgba(255, 255, 255, 0.9);
  padding: 10px 20px;
  border-radius: 5px;
  transition: background-color 1s, color 1s;
  display: inline-block;
}
footer #contact .myBrokerBtn:hover {
  background-color: #4f9ae4;
  color: #fff;
}
footer #partners {
  padding: 30px 50px;
  background-color: #fff;
  border-top: 1px solid #0b58a5;
  border-bottom: 1px solid #0b58a5;
}
footer #partners h4 {
  text-align: center;
  font-size: 30px;
  color: #0b58a5;
}
footer #partners ul li {
  width: calc(33.333% - 20px);
  margin: 10px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
footer #partners ul li img {
  width: 70%;
  transition: transform 0.5s;
}
footer #partners ul li a {
  pointer-events: none;
}
footer #sitemap {
  padding: 30px 0;
  font-size: 12px;
  background-color: #fff;
  color: #0b58a5;
}
footer #sitemap a {
  color: #0b58a5;
}
footer #sitemap a:hover {
  color: #4f9ae4;
}
footer #sitemap div {
  float: left;
  padding: 0 30px;
  width: 100%;
  margin-top: 30px;
}
footer #sitemap div:first-child {
  margin-top: 0;
}
footer #sitemap div#legalInfo {
  margin-top: 30px;
}
footer #sitemap div h4 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #0b58a5;
  transition: border-bottom 0.5s;
  color: #0b58a5;
  font-size: 18px;
}
footer #sitemap div h4.subtitle {
  margin-top: 30px;
}
footer #sitemap div h4 a {
  display: block;
}
footer #sitemap div ul li {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 16px;
}
footer #sitemap #footerContact ul li a i {
  display: table-cell;
  vertical-align: middle;
  width: 15px;
  text-align: center;
  transition: transform 0.5s;
}
footer #sitemap #footerContact ul li a span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}
footer #sitemap #footerContact ul li a:hover i {
  transform: scale(1.2);
}
footer #sitemap #footerContact .socialMedia a {
  margin: 0 10px;
}
footer #sitemap #footerContact .socialMedia a i {
  font-size: 1.5em;
}
footer #sitemap .clearfix {
  flex: none;
  width: 0;
}
footer #copyright {
  background-color: rgba(19, 90, 163, 0.9);
  color: #fff;
  padding: 20px 0;
  font-size: 12px;
  text-align: center;
}
footer #copyright a {
  color: #fff;
}
footer #copyright a:hover {
  color: #4f9ae4;
}
footer #img {
  width: 14px;
  position: relative;
  top: 2px;
}

@media only screen and (min-width: 450px) {
  footer #partners ul li {
    width: calc(16.666% - 20px);
  }
  footer #sitemap div {
    padding: 0 80px;
  }
}
@media only screen and (min-width: 768px) {
  footer #partners {
    padding: 30px 100px;
  }
  footer #sitemap div {
    width: 50%;
    padding: 0 30px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 980px) {
  footer #partners ul li {
    width: calc(11.11% - 20px);
  }
  footer #sitemap {
    display: flex;
  }
  footer #sitemap div {
    flex: 1;
  }
  footer #sitemap div#legalInfo {
    margin-top: 0;
  }
  footer #sitemap div h4.subtitle {
    margin-top: 15px;
  }
}
/*

*   3.4 Cookies

*/
#cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  padding: 30px 100px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border-top: 2px solid #0b58a5;
}
#cookies h4 {
  margin-bottom: 15px;
}
#cookies p {
  margin-bottom: 15px;
}
#cookies .cookiesActions a {
  display: inline-block;
  margin: 15px 15px 15px 0;
}
#cookies .cookiesActions a i {
  font-size: 22px;
  vertical-align: middle;
}
#cookies .cookiesActions a span {
  position: relative;
  top: 1px;
}

/* 4.0 Sections */
/*

*   4.1 Homepage

*/
#homepage main {
  margin-top: 0;
}
#homepage h2 {
  text-align: center;
  font-size: 35px;
  margin-bottom: 10px;
  color: #0b58a5;
}
#homepage h2 i {
  display: block;
  margin: 0 auto 10px;
  background-color: #0b58a5;
  color: #fff;
  font-size: 35px;
  border-radius: 60px;
  width: 60px;
  height: 60px;
  padding-top: 10px;
}
#homepage .insurancesList {
  position: relative;
}
#homepage .insurancesList:not(#insurancesPrivate) {
  opacity: 0;
}
#homepage .insurancesList .sectionIntro {
  padding: 0 100px;
  margin-bottom: 30px;
}
#homepage .insurancesList .insurance-card {
  position: relative;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  display: inline-block;
  width: 70%;
  padding: 30px 30px 30px 100px;
  transition: transform 0.2s, background-color 1s, color 1s;
  float: left;
  margin: 10px 15%;
  height: 135px;
  display: table-cell;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
#homepage .insurancesList .insurance-card h3 {
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 22px;
  color: #0b58a5;
}
#homepage .insurancesList .insurance-card i {
  position: absolute;
  left: -15px;
  top: 50%;
  padding: 10px;
  padding-top: 18px;
  font-size: 3em;
  border-radius: 60px;
  transform: translateY(-50%);
  width: 90px;
  height: 90px;
  text-align: center;
  transition: background-color 0.5s, color 0.9s;
}
#homepage .insurancesList .insurance-card .excerpt {
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  padding: 10px 10px 0 0;
}
#homepage .insurancesList .insurance-card .moreInfos {
  position: absolute;
  bottom: 0;
  display: none;
  height: 30px;
  background-color: #fff;
  color: #4f9ae4;
  width: 100%;
  padding: 7px 0;
}
#homepage .insurancesList .insurance-card.longExcerpt:hover .moreInfos {
  display: block;
}
#homepage .insurancesList .insurance-card:not(.longExcerpt):hover .excerpt {
  position: initial;
  padding: 0;
}
#homepage .insurancesList .insurance-card:hover {
  color: black;
}
#homepage .insurancesList .insurance-card:hover h3 {
  display: none;
}
#homepage .insurancesList .insurance-card:hover .excerpt {
  color: #0b58a5;
  opacity: 1;
}
#homepage #insurancesPrivate .insurance-card {
  transition: background-color 1s, color 1s;
  color: rgba(255, 255, 255, 0.9);
}
#homepage #insurancesPrivate .insurance-card:hover {
  color: #fff;
}
#homepage #insurancesProfessionals {
  background-color: rgba(19, 90, 163, 0.9);
  color: #fff;
}
#homepage #insurancesProfessionals h2 {
  color: #fff;
}
#homepage #insurancesProfessionals h2 i {
  color: #0b58a5;
  background-color: #fff;
}
#homepage #insurancesProfessionals .scrollTop {
  color: #fff;
}
#homepage #insurancesProfessionals .scrollTop:hover {
  color: #4f9ae4;
}
#homepage #insurancesProfessionals .insurance-card {
  background-color: #fff;
  color: rgba(19, 90, 163, 0.9);
  transition: background-color 1s, color 1s;
}
#homepage #insurancesProfessionals .insurance-card h3 {
  color: rgba(19, 90, 163, 0.9);
}
#homepage #insurancesProfessionals .insurance-card:hover {
  color: #0b58a5;
}
#homepage #insurancesProfessionals .insurance-card:hover h3 {
  color: #0b58a5;
}
#homepage #insurancesInvest {
  background-color: #fff;
}

@media only screen and (min-width: 768px) {
  #homepage .insurancesList .insurance-card {
    width: 46%;
  }
  #homepage .insurancesList .insurance-card:nth-child(odd) {
    margin: 10px 2% 10px 2%;
  }
  #homepage .insurancesList .insurance-card:nth-child(even) {
    margin: 10px 2% 10px 2%;
  }
}
@media only screen and (min-width: 980px) {
  #homepage .insurancesList .insurance-card h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  #homepage .insurancesList .insurance-card {
    width: 29%;
  }
  #homepage .insurancesList .insurance-card:nth-child(odd) {
    margin: 15px 2% 15px 2%;
  }
  #homepage .insurancesList .insurance-card:nth-child(even) {
    margin: 15px 2% 15px 2%;
  }
}
#alert {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  #alert {
    padding: 20px 120px;
  }
}
@media only screen and (min-width: 1200px) {
  #alert {
    padding: 20px 200px;
  }
}
#alert h3 {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  margin: 30px 0;
}
@media only screen and (min-width: 380px) {
  #alert h3 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  #alert h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  #alert h3 {
    font-size: 26px;
  }
}
#alert .dearClients {
  margin-bottom: 30px;
}
#alert p, #alert a {
  font-size: 12px;
  line-height: 1.5em;
  color: white;
}
@media only screen and (min-width: 380px) {
  #alert p, #alert a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  #alert p, #alert a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) {
  #alert p, #alert a {
    font-size: 20px;
  }
}
#alert a {
  text-decoration: underline;
  transition: color 0.5s;
}
#alert a i {
  transition: transform 0.5s;
  margin-right: 10px;
}
#alert a:hover {
  color: #4f9ae4;
}
#alert a:hover i {
  transform: scale(1.2);
}
#alert .contactList {
  margin-top: 15px;
}
#alert .closing {
  margin: 20px 0;
}
#alert #closeAlert, #alert #goToContact {
  padding: 15px 35px;
  background-color: #0b58a5;
  color: white;
  border-radius: 5px;
  margin: 10px;
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.5s;
}
#alert #closeAlert:hover, #alert #goToContact:hover {
  background-color: #4f9ae4;
}
#alert #closeAlert {
  margin: 10px auto;
}

/*

*   4.2 Insurance details

*/
#insuranceDetails main {
  background-color: #fff;
}
#insuranceDetails main .card h4 {
  font-size: 30px;
  margin: 25px 0 15px;
}
#insuranceDetails main .card ul li {
  margin: 10px;
  text-indent: -11px;
  padding: 0 30px;
}
#insuranceDetails main .card ul li i {
  font-size: 12px;
  margin-right: 10px;
}
#insuranceDetails main .card .actions {
  margin-top: 30px;
}
#insuranceDetails main .card .actions .offerBtn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#insuranceDetails main .card .actions .productLink {
  font-size: 22px;
}
#insuranceDetails main .card .actions .productLink i {
  margin-left: 10px;
  font-size: 12px;
  transition: transform 0.5s;
}
#insuranceDetails main .card .actions .productLink:hover i {
  transform: translateX(5px);
}

/*

*   4.3 Contact

*/
#insuranceContact main #companyInfo {
  margin-bottom: 60px;
}
#insuranceContact main #companyInfo ul {
  flex: 1;
}
#insuranceContact main #companyInfo ul li {
  margin: 10px;
  text-indent: -11px;
  padding: 0 30px;
}
#insuranceContact main #companyInfo ul li i {
  font-size: 12px;
  margin-right: 10px;
  transition: transform 0.5s;
}
#insuranceContact main #companyInfo ul li a:hover i {
  transform: scale(1.2);
}
#insuranceContact main #companyInfo div {
  flex: 1;
}
#insuranceContact main #companyInfo div p {
  margin-bottom: 10px;
}
#insuranceContact main #companyInfo div p a {
  height: 100%;
  display: inline-block;
}
#insuranceContact main #companyInfo div p i {
  display: table-cell;
  vertical-align: middle;
  width: 20px;
  text-align: center;
  transition: transform 0.5s;
}
#insuranceContact main #companyInfo div p a:hover i {
  transform: scale(1.2);
}
#insuranceContact main #companyInfo div p span {
  display: table-cell;
  padding-left: 5px;
}
#insuranceContact main #companyInfo .test span {
  display: inline;
}
#insuranceContact main #companyInfo .test p {
  line-height: 1.5em;
}
#insuranceContact main #companyInfo .inside {
  padding: 0 60px;
}
#insuranceContact main #companyInfo .inside p {
  line-height: 1.5em;
}
#insuranceContact main #companyInfo .inside:last-child {
  margin-top: 40px;
}
#insuranceContact main #companyInfo .socialMedia {
  text-align: center;
}
#insuranceContact main #companyInfo .socialMedia i {
  padding: 0 40px;
  font-size: 1.5em;
  transition: transform 0.5s;
}
#insuranceContact main #companyInfo .socialMedia a:hover i {
  transform: scale(1.2);
}
#insuranceContact main #companyInfo h5 {
  text-align: center;
  padding: 10px;
  background-color: rgba(19, 90, 163, 0.9);
  color: #fff;
  margin: 40px 0;
  font-size: 18px;
}
#insuranceContact main #companyInfo h5:first-child {
  margin-top: 0;
}
#insuranceContact main #companyInfo h5 i {
  margin-right: 10px;
}
#insuranceContact main #map {
  height: 200px;
  margin-top: 20px;
  padding: 0;
}
#insuranceContact main #companyTeam {
  padding: 0 60px;
}
#insuranceContact main #companyTeam .teamSection {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  align-items: center;
}
#insuranceContact main #companyTeam .teamSection .contact {
  margin-bottom: 30px;
}
#insuranceContact main #companyTeam .teamSection .contact:last-child {
  margin-bottom: 0;
}
#insuranceContact main #companyTeam .teamSection .contact h4 {
  text-align: left;
}
#insuranceContact main #companyTeam .teamSection .contact img {
  width: 200px;
}
#insuranceContact main #companyTeam .teamSection .contact p {
  margin: 10px 0;
}
#insuranceContact main #companyTeam .teamSection .contact p i {
  margin-right: 10px;
  transition: transform 0.5s;
}
#insuranceContact main #companyTeam .teamSection .contact p a:hover i {
  transform: scale(1.2);
}
#insuranceContact main #companyTeam .teamSection .contact:last-child {
  margin-bottom: 0;
}
#insuranceContact main #companyTeam h5 {
  padding: 10px;
  background-color: rgba(19, 90, 163, 0.9);
  color: #fff;
  margin: 40px 0;
  font-size: 18px;
}
#insuranceContact main #companyTeam h5:first-child {
  margin-top: 0;
}
#insuranceContact main #companyTeam h5 i {
  margin-right: 10px;
}
#insuranceContact main #companyTeam .twoSections h5 {
  margin: 40px 0;
}
#insuranceContact main h3 {
  border-bottom: 2px solid #0b58a5;
  margin-bottom: 30px;
  font-size: 28px;
}
#insuranceContact main h4 {
  margin-bottom: 15px;
  text-align: center;
  font-size: 20px;
}

@media only screen and (min-width: 980px) {
  #insuranceContact main #companyInfo {
    display: flex;
  }
  #insuranceContact main #companyInfo .inside:first-child {
    padding-right: 30px;
  }
  #insuranceContact main #companyInfo .inside:last-child {
    padding-left: 30px;
    margin-top: 0;
  }
  #insuranceContact main #companyTeam .teamSection {
    flex-direction: row;
  }
  #insuranceContact main #companyTeam .teamSection .contact {
    margin-bottom: 0;
  }
  #insuranceContact main #companyTeam .twoSections {
    display: flex;
  }
  #insuranceContact main #companyTeam .twoSections .singleItem {
    flex: 1;
  }
  #insuranceContact main #companyTeam .twoSections .singleItem:first-child {
    padding-right: 30px;
  }
  #insuranceContact main #companyTeam .twoSections .singleItem:last-child {
    padding-left: 30px;
  }
  #insuranceContact main #companyTeam .twoSections .singleItem #gtwebLogo {
    width: 100%;
    max-width: 400px;
  }
}
/*

*   4.4 Insurance offer

*/
#offer .card {
  float: none;
  margin: 0 auto;
}
#offer .card .smallCta {
  margin-top: 30px;
}
#offer #offerSelectedModeContainer {
  margin-top: 30px;
}
#offer .offerBtn {
  cursor: pointer;
}
#offer #gdprConsent {
  margin-top: 30px;
  display: flex;
}
#offer #gdprConsent input {
  width: 30px;
  margin-right: 30px;
}

/*

*   4.5 Star products

*/
#starProducts .pageTitle {
  background-color: #fedd32;
}
#starProducts .pageTitle i {
  color: #fedd32;
}
#starProducts .card {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}
#starProducts .card:last-child {
  margin-bottom: 0;
}
#starProducts .card.closed .cardContent {
  display: none;
}
#starProducts .card h4 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
  padding: 0 10px;
  max-width: 350px;
  margin: 0 auto 30px;
}
#starProducts .card h5 {
  font-size: 20px;
  margin-bottom: 15px;
}
#starProducts .card ul {
  margin-bottom: 30px;
}
#starProducts .card ul:last-child {
  margin-bottom: 0;
}
#starProducts .card ul li {
  margin: 10px;
  text-indent: -11px;
  padding: 0 30px;
}
#starProducts .card ul li i {
  font-size: 12px;
  margin-right: 10px;
}
#starProducts .card ul li span {
  font-weight: 700;
}
#starProducts .card .cardContent {
  display: block;
  padding-top: 30px;
  text-align: left;
}
#starProducts .card .seeMore {
  padding: 15px 20px;
  border-bottom: 1px solid #fedd32;
  transition: color 1s;
}
#starProducts .card .seeMore span {
  margin-right: 10px;
}
#starProducts .card .seeMore i {
  margin-left: 0;
}

@media only screen and (min-width: 768px) {
  #starProducts .card h4 {
    font-size: 30px;
    max-width: 400px;
  }
  #starProducts .card .seeMore {
    top: 66px;
  }
}
@media only screen and (min-width: 980px) {
  #starProducts .card {
    width: 50%;
    margin-bottom: 0;
  }
  #starProducts .card h4 {
    font-size: 35px;
    max-width: 470px;
  }
  #starProducts .card .seeMore {
    right: 0;
    top: 71px;
  }
  #starProducts .card .seeMore i {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  #starProducts .card .seeMore {
    right: 50px;
    padding: 15px 30px;
  }
}
/*

*   4.6 VNI

*/
#vniValues .pageTitle {
  background-color: #4f9ae4;
}
#vniValues .pageTitle i {
  color: #4f9ae4;
}
#vniValues .card {
  width: 100%;
}
#vniValues .card .spItem {
  margin: 30px 0;
  display: flex;
  align-items: center;
  float: left;
  width: 100%;
  height: 100px;
  flex-direction: column;
}
#vniValues .card .spItem:last-child {
  margin-bottom: 0;
}
#vniValues .card .spItem span {
  font-weight: 700;
}
#vniValues .card .spItem#vniSailAdjusters {
  margin: 15px 0 60px;
}
#vniValues .card img {
  width: 100px;
  margin-right: 20px;
  margin-bottom: 20px;
}
#vniValues .card .vniTitle {
  margin: 0;
}
#vniValues .card #vniContext img {
  margin: 0 auto;
  height: 120px;
  width: auto;
  display: block;
}

#vniContext {
  margin-top: 60px;
}
#vniContext label {
  margin-bottom: 10px;
}

@media only screen and (min-width: 450px) {
  #vniValues .card .spItem {
    flex-direction: row;
  }
  #vniValues .card img {
    width: 130px;
    margin-right: 30px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  #vniValues .card .spItem {
    height: 150px;
  }
  #vniValues .card img {
    width: 200px;
    margin-right: 60px;
  }
  #vniValues .card #vniContext img {
    height: 200px;
  }
}
@media only screen and (min-width: 980px) {
  #vniValues .card .spItem {
    height: 100px;
  }
  #vniValues .card img {
    width: 130px;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  #vniValues .card .spItem {
    height: 150px;
    width: 50%;
  }
  #vniValues .card img {
    width: 200px;
    margin-right: 60px;
  }
}
/*

*   4.7 Legal pages

*/
.legalPage main h4 {
  font-size: 32px;
  margin: 30px 0 15px;
  color: #4f9ae4;
}
.legalPage main h4:first-child {
  margin-top: 0;
}
.legalPage main p {
  line-height: 1.2em;
  margin-bottom: 15px;
}
.legalPage main p em {
  font-weight: 700;
}
.legalPage main ul, .legalPage main ol {
  margin: 15px 0;
}
.legalPage main ul li, .legalPage main ol li {
  margin: 10px;
  text-indent: -11px;
  padding: 0 30px;
}
.legalPage main ul li:first-child, .legalPage main ol li:first-child {
  margin-top: 0;
}
.legalPage main ul li:last-child, .legalPage main ol li:last-child {
  margin-bottom: 0;
}
.legalPage main ul li i, .legalPage main ol li i {
  font-size: 12px;
  margin-right: 10px;
}
.legalPage main ul li .downloadLink i, .legalPage main ol li .downloadLink i {
  font-size: 20px;
}
@media only screen and (min-width: 768px) {
  .legalPage main .container .card #sidebar .sidebarSection {
    display: block;
  }
}
/*

*   4.8 Admin

*/
img {
  max-width: 100%;
}

/* Special offers */
#specialOffers .card {
  float: none;
  margin: 0 auto;
}
#specialOffers .card .starProductItem h5 {
  padding-bottom: 15px;
}
#specialOffers .card .starProductItem img {
  margin-bottom: 30px;
}
#specialOffers .card .btn:not(.largeCta) {
  margin: 5px 0 30px;
  display: inline-block;
  padding: 20px 40px;
}
#specialOffers .card .smallCta {
  margin-top: 30px;
}

#adminVni .card {
  float: none;
  margin: 0 auto;
}

#adminLogin .card {
  float: none;
  margin: 0 auto;
}

/*# sourceMappingURL=style.css.map */