.products-swiper-container {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden
}

.products-swiper-container.full-w {
  width: 100%
}

.products-swiper-slide {
  display: inline-block;
  position: relative
}

.products-swiper-slide .productTile {
  width: 100%
}

.products-swiper-wrapper .products-swiper-slide:first-child .productTile {
  border-left: none
}

.swiper-products-buttons {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 25
}

.swiper-products-buttons>button {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #292929;
  border: none;
  opacity: 1;
  transition: opacity .3s linear;
  text-align: center
}

.swiper-products-buttons>button:after {
  width: 11px;
  content: "";
  height: 7px;
  background-position: -210px -30px;
  position: relative;
  display: inline-block
}

.swiper-products-buttons>button.swiper-products-btn-prev {
  left: 0
}

.swiper-products-buttons>button.swiper-products-btn-prev:after {
  transform: rotate(90deg)
}

.swiper-products-buttons>button.swiper-products-btn-next {
  left: 100%
}

.swiper-products-buttons>button.swiper-products-btn-next:after {
  transform: rotate(-90deg)
}

.swiper-products-buttons>button.swiper-button-disabled {
  opacity: 0;
  pointer-events: none
}

#hp-recommendations .swiper-products-btn-next, #hp-recommendations .swiper-products-btn-prev {
  bottom: initial
}

#hp-recommendations #homepage-eb-reco .swiper-products-btn-next, #hp-recommendations #homepage-eb-reco .swiper-products-btn-prev {
  bottom: 300px
}

.products-swiper-container .productTile {
  border: none
}

.products-swiper-container .productTile .images {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0
}

.products-swiper-container .productTile .badges, .products-swiper-container .productTile .description {
  margin-left: 0;
  margin-right: 0
}

@media screen and (max-width:640px) {
  .products-swiper-slide {
    width: calc((100% - 20px)/ 2);
    margin-bottom: 20px
  }
  .products-swiper-container .products-swiper-slide:nth-child(odd) {
    margin-right: 20px
  }
  .swiper-products-buttons {
    display: none
  }
  .products-swiper-container .productTile {
    border-left: none!important;
    border-top: none!important
  }
}

.full-width-80 {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  font-size: 0
}

.full-width {
  position: relative;
  width: 100%
}

.homepage-container {
  background-color: #f4f4f4;
  padding-bottom: 80px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%
}

.homepage-container>section {
  margin-bottom: 80px
}

.homepage-container>section:last-child {
  margin-bottom: 0
}

.absolute-column {
  position: absolute;
  height: 100%
}

.column-slots-1bc {
  width: calc(50% - 8px);
  left: calc(50% + 8px)
}

.column-slot-2d {
  width: calc(50% - 8px);
  position: relative;
  left: calc(50% + 8px)
}

.column-slots-2bc {
  width: calc(50% - 8px)
}

.column-slot-3a, .column-slot-3b {
  width: calc(50% - 8px);
  display: inline-block
}

.column-slot-3a {
  margin-right: 16px
}

.hp-slot {
  position: relative;
  font-size: 1.5rem;
  z-index: 1
}

.hp-slot.slot-1a {
  width: calc(100% - 8px);
  z-index: 2
}

.hp-slot.slot-1b, .hp-slot.slot-1c, .hp-slot.slot-2a, .hp-slot.slot-2b, .hp-slot.slot-2c {
  height: calc(50% - 8px)
}

.hp-slot.slot-1b, .hp-slot.slot-2a, .hp-slot.slot-2b {
  margin-bottom: 16px
}

.hp-slot.slot-2b {
  background-color: #fff
}

.hp-slot:not(.slot-2b) .hp-slot-content>img {
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity .2s linear
}

.hp-slot.loaded .hp-slot-content>img {
  opacity: 1
}

.hp-slot.loaded .hp-slot-content.clickable-img {
  cursor: pointer
}

.hp-slot.only-one-link {
  cursor: pointer
}

.hp-slot.slot-image-cut {
  overflow: hidden
}

.hp-slot h2 {
  font-family: LacosteSansCondensedBold;
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin: 0;
  text-transform: uppercase
}

.hp-slot.slot-big-title h2, .hp-slot.slot-big-center-title h2 {
  font-size: 6rem;
  margin-top: 0;
  line-height: 6rem
}

.hp-slot p.pretitle {
  font-size: 2rem;
  font-family: LacosteSansCondensedLight;
  text-transform: none;
  margin: 0
}

.hp-slot p.pretitle {
  font-size: 2rem;
  font-family: LacosteSansCondensedLight;
  text-transform: none;
  margin: 0
}

.hp-slot.slot-big-title p.pretitle, .hp-slot.slot-big-center-title p.pretitle {
  font-size: 1.5rem;
  text-transform: uppercase
}

.hp-slot .inner-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-transform: none;
  width: 50%
}

.hp-slot:not(.slot-big-center-title):not(.slot-big-title) .inner-content {
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 30px;
  transition: margin .3s ease-out .1s
}

.hp-slot:not(.slot-big-center-title):not(.slot-big-title) .inner-content a {
  opacity: 0;
  top: 20px;
  position: relative;
  transition: all .3s ease-out 0s
}

.hp-slot.slot-big-center-title .inner-content.text-align-left,
.hp-slot.slot-big-title .inner-content.text-align-left {
  padding-left: 40px
}

.hp-slot.slot-big-title .inner-content.text-align-right, .hp-slot.slot-big-center-title .inner-content.text-align-right {
  padding-right: 40px
}

.hp-slot .inner-content.text-align-center {
  left: 25%;
  text-align: center
}

.hp-slot .inner-content.text-align-right {
  left: 50%
}

.hp-slot.slot-big-title .inner-content.text-align-right, .hp-slot.slot-big-center-title .inner-content.text-align-right {
  text-align: right
}

.hp-slot .inner-content.text-color-white {
  color: #fff
}

.hp-slot.slot-2d .inner-content {
  left: 0;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: 50%;
  transform: none
}

.hp-slot.slot-2d .inner-content>div {
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}

.hp-slot.slot-2d .inner-content.text-align-left {
  text-align: center;
  top: 0
}

.hp-slot.slot-2d .inner-content.text-align-center {
  text-align: center;
  top: 25%
}

.hp-slot.slot-2d .inner-content.text-align-right {
  text-align: center;
  top: 50%
}

.flex-container{
  display: flex;
}

.column-50{
  width: 50%;
}

.column-slots-2xy .hp-slot.slot-1b{
  height: auto!important;
  margin: 0;
}

.column-slot-2z{
  margin-bottom: -4px;
}

.hp-slot.slot-1a img.floatimage {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(115%);
  height: auto;
  pointer-events: none
}

.hp-slot .inner-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none
}

.hp-slot.loading .inner-loader {
  display: block
}

.hp-slot a {
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  transition: background .3s ease-out;
  border: 1px solid rgba(0, 0, 0, .3);
  background-color: transparent;
  color: #292929
}

.hp-slot.slot-big-title a {
  width: 140px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  transition: all .3s linear;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block
}
.hp-slot.slot-big-center-title a {
  width: 140px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  transition: all .3s linear;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.hp-slot .text-color-white a {
  border: 1px solid rgba(255, 255, 255, .3);
  background-color: rgba(255, 255, 255, 0);
  color: #fff
}

.hp-slot .links-container {
  margin-top: 20px
}

.hp-slot.slot-big-title .links-container,
.hp-slot.slot-big-center-title .links-container {
  margin-top: 15px
}

.hp-slot.slot-2b .hp-slot-content {
  position: relative;
  padding-left: 45px;
  padding-right: 45px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%)
}

.hp-slot.slot-2b a {
  border-radius: 3px;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #292929;
  transition: background .3s linear
}

.hp-slot.slot-2b img {
  margin-bottom: 20px
}

.hp-slot.slot-2b h3 {
  color: #292929;
  font-family: LacosteSansCondensedLight;
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin: 0;
  margin-bottom: 10px;
  text-transform: none
}

.hp-slot.slot-2b p.pretitle {
  color: #292929;
  font-family: LacosteSansCondensedLight;
  margin-bottom: 20px
}

.hp-slot p.pretitle.no-margin-bottom {
  margin-bottom: 0
}

.hp-slot iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0
}

#hp-reinsurance {
  padding-top: 70px;
  padding-bottom: 29px;
  margin-bottom: 0;
  width: 100%;
  position: relative
}

.reinsurance-container {
  position: relative
}

.reinsurance-container .reinsurance-content {
  margin: 0;
  padding: 0;
  position: relative;
  width: calc(100% / 3);
  margin-left: auto;
  margin-right: auto
}

.reinsurance-container ul {
  list-style: none;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 21px;
  z-index: 2;
  padding: 0;
  margin: 0
}

.reinsurance-container ul li {
  position: absolute;
  left: 100%;
  width: 100%;
  top: 0;
  text-align: center
}

.reinsurance-container ul li.out {
  left: -100%;
  transition: left .3s ease-out
}

.reinsurance-container ul li.left {
  left: -100%
}

.reinsurance-container ul li.anim {
  transition: left .3s ease-out
}

.reinsurance-container ul li.active {
  left: 0;
  transition: left .3s ease-out
}

.reinsurance-container ul li, .reinsurance-container ul li a {
  color: #292929;
  font-family: LacosteSansCondensedLight;
  text-transform: none;
  text-decoration: none;
  font-size: 1.5rem
}

.reinsurance-container ul li b, .reinsurance-container ul li strong {
  font-family: LacosteSansCondensedBold;
  font-weight: 400;
  text-transform: uppercase
}

.reinsurance-container ul li a:hover {
  text-decoration: underline
}

.reinsurance-container .arrows-container {
  position: absolute;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  left: 0;
  z-index: 1
}

.reinsurance-container .arrows-container button {
  width: 15px;
  height: 21px;
  border: none;
  margin: 0;
  padding: 10px;
  position: absolute;
  background-position: -30px -90px;
  background: 0 0
}

.reinsurance-container .arrows-container button:after {
  content: "";
  width: 4px;
  height: 7px;
  background-position: -30px -90px;
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 2px)
}

.reinsurance-container .arrows-container button.reinsurance-go-right {
  right: -15px
}

.reinsurance-container .arrows-container button.reinsurance-go-left {
  left: -15px;
  transform: rotate(180deg);
  transform-origin: center center
}

#hp-recommendations>div {
  width: 100%;
  position: relative;
  min-height: 500px
}

.hp-event-container {
  position: relative
}

.hp-event-container .background-container {
  position: absolute;
  height: calc(100% + 160px);
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1
}

.hp-event-container .background-container>img {
  height: 100%;
  width: auto
}

.hp-event-container .background-container>iframe {
  position: absolute;
  top: 0;
  left: 0
}

.hp-event-container .description-container {
  position: absolute;
  top: 50%;
  width: 70%;
  left: 15%;
  transform: translateY(-50%);
  z-index: 2;
  text-align: center;
  color: #292929;
  text-transform: uppercase
}

.hp-event-container .description-container.text-color-white {
  color: #fff
}

.hp-event-container .description-container>img {
  margin-bottom: 5px
}

.hp-event-container .description-container>p {
  margin: 0;
  margin-top: 10px;
  font-size: 2.3rem;
  font-family: LacosteSansCondensedLight
}

.hp-event-container .description-container>h2 {
  margin: 0;
  font-size: 3.5rem;
  font-family: LacosteSansCondensedBold
}

.hp-event-container .ctas-container {
  margin-top: 20px
}

@media screen and (max-width:1440px) {
  .homepage-container>section {
    margin-bottom: 40px
  }
  .column-slots-1bc {
    width: calc(50% - 4px);
    left: calc(50% + 4px)
  }
  .column-slot-2d {
    width: calc(50% - 4px);
    left: calc(50% + 4px)
  }
  .column-slots-2bc {
    width: calc(50% - 4px)
  }
  .column-slot-3a, .column-slot-3b {
    width: calc(50% - 4px)
  }
  .column-slot-3a {
    margin-right: 8px
  }
  .hp-slot.slot-1a {
    width: calc(100% - 4px)
  }
  .hp-slot.slot-1b, .hp-slot.slot-1c, .hp-slot.slot-2a, .hp-slot.slot-2b, .hp-slot.slot-2c {
    height: calc(50% - 4px)
  }
  .hp-slot.slot-1b, .hp-slot.slot-2a, .hp-slot.slot-2b {
    margin-bottom: 8px
  }
  .hp-slot h2 {
    font-size: 2rem;
    line-height: 2rem
  }
  .hp-slot.slot-big-title h2,
  .hp-slot.slot-big-center-title h2 {
    font-size: 3.5rem;
    line-height: 3.5rem
  }
  .hp-slot:not(.slot-big-title) p.pretitle,
  .hp-slot:not(.slot-big-center-title) p.pretitle {
    font-size: 1.8rem
  }
}

@media screen and (min-width:1280px) {
  .hp-slot a:hover {
    border: 1px solid #292929;
    background-color: #292929;
    color: #fff
  }
  .hp-slot .text-color-white a:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #292929
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content.desktopCTA .inner-content, .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content:hover .inner-content {
    margin-top: 0;
    transition: margin .3s ease-out 0s
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content.desktopCTA .inner-content a, .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content:hover .inner-content a {
    top: 0;
    opacity: 1;
    transition: all .3s ease-out .1s
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content.desktopCTA .inner-content a:nth-child(2), .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content:hover .inner-content a:nth-child(2) {
    transition-delay: .2s
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content.desktopCTA .inner-content a:nth-child(3), .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content:hover .inner-content a:nth-child(3) {
    transition-delay: .3s
  }
  .hp-slot.slot-2b a:hover {
    background-color: #105a33
  }
}

@media screen and (max-width:1366px) {
  body.touch .hp-slot.touch-show-buttons .inner-content {
    transition: none;
    margin-top: 0
  }
  body.touch .hp-slot.touch-show-buttons .inner-content a {
    transition: none;
    opacity: 1;
    top: 0
  }
  body.touch .hp-slot.multiple-ctas .inner-content.only-one-link .links-container {
    display: none
  }
  body.touch .hp-slot:not(.slot-big-title):hover .inner-content.only-one-link {
    margin-top: 30px
  }
  body.touch .hp-slot:not(.slot-big-title):not(.slot-big-center-title):hover .inner-content.only-one-link a {
    top: 20px;
    opacity: 0
  }
}

@media screen and (max-width:1279px) {
  .hp-slot.touch-show-buttons .inner-content {
    transition: none;
    margin-top: 0
  }
  .hp-slot.touch-show-buttons .inner-content a {
    transition: none;
    opacity: 1;
    top: 0
  }
  .hp-slot.multiple-ctas .inner-content.only-one-link .links-container {
    display: none
  }
  .hp-slot iframe {
    display: none
  }
  .hp-event-container .background-container>iframe {
    display: none!important
  }
}

@media screen and (max-width:800px) {
  .full-width-80 {
    padding-left: 10px;
    padding-right: 10px
  }
  .homepage-container>section {
    margin-bottom: 40px
  }
  .homepage-container {
    background-color: #f4f4f4;
    padding-bottom: 45px
  }
  .hp-slot:not(.slot-big-title) h2 {
    margin-bottom: 5px
  }
  .hp-slot:not(.slot-big-title) p.pretitle {
    font-size: 1.5rem
  }
  .hp-slot.slot-2b h3 {
    font-size: 2rem;
    line-height: 2rem
  }
  #hp-recommendations>div {
    min-height: 440px
  }
}

@media screen and (max-width:640px) {
  .full-width-80 {
    padding-left: 0;
    padding-right: 0
  }
  .absolute-column {
    position: relative
  }
  .homepage-container {
    padding-bottom: 0;
    background-image: none!important
  }
  .homepage-container .half-column {
    width: 100%;
    display: block
  }
  .homepage-container>section {
    margin-bottom: 20px
  }
  .hp-slot.slot-1a, .hp-slot.slot-1b, .hp-slot.slot-1c, .hp-slot.slot-2a, .hp-slot.slot-2b, .hp-slot.slot-2c, .hp-slot.slot-2d, .hp-slot.slot-3a, .hp-slot.slot-3b {
    width: 100%;
    position: relative;
    top: initial;
    left: initial;
    display: block;
    padding-left: 20px;
    padding-right: 20px
  }
  .hp-slot>.hp-slot-content {
    position: relative
  }
  .hp-slot a {
    padding-top: 5px;
    padding-bottom: 5px
  }
  .hp-slot.slot-big-title h2 {
    font-size: 3rem;
    line-height: 3rem
  }
  .hp-slot .inner-content.text-color-white {
    color: #292929;
    transition: color .2s linear
  }
  .hp-slot.loaded .inner-content.text-color-white {
    color: #fff
  }
  .hp-slot.slot-big-title .inner-content.text-align-left {
    padding-left: 20px
  }
  body.touch .hp-slot:not(.slot-big-title):hover .inner-content.only-one-link a {
    top: 0;
    opacity: 1
  }
  body.touch .hp-slot:not(.slot-big-title):hover .inner-content.only-one-link {
    margin-top: 0
  }
  .hp-slot.multiple-ctas .inner-content {
    top: 0;
    left: 0;
    transform: none;
    height: 100%
  }
  .hp-slot.multiple-ctas .inner-content>div {
    position: relative;
    height: 100%
  }
  .hp-slot.multiple-ctas .inner-content .text-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
  }
  .hp-slot.multiple-ctas .inner-content .links-container {
    position: absolute;
    bottom: -61px;
    left: -20px;
    width: calc(200% + 42px);
    text-align: center;
    font-size: 0
  }
  .hp-slot.multiple-ctas .inner-content .links-container a {
    display: inline-block;
    color: #292929!important;
    border: 1px solid rgba(0, 0, 0, .3)!important;
    margin: 0;
    margin-right: 10px;
    background-color: transparent!important
  }
  .hp-slot.multiple-ctas .inner-content .links-container a:last-child {
    margin-right: 0
  }
  .hp-slot.multiple-ctas .inner-content .links-container>a:first-child:nth-last-child(1) {
    width: auto;
    padding-left: 30px;
    padding-right: 30px
  }
  .hp-slot.multiple-ctas .inner-content .links-container>a:first-child:nth-last-child(2), .hp-slot.multiple-ctas .inner-content .links-container>a:first-child:nth-last-child(2)~a {
    width: calc((100% - 10px)/ 2)
  }
  .hp-slot.multiple-ctas .inner-content .links-container>a:first-child:nth-last-child(3), .hp-slot.multiple-ctas .inner-content .links-container>a:first-child:nth-last-child(3)~a {
    width: calc((100% - 20px)/ 3)
  }
  .hp-slot:not(.slot-big-title) .inner-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0
  }
  .hp-slot:not(.slot-big-title) .inner-content a {
    opacity: 1;
    top: 0
  }
  .hp-slot.slot-1b, .hp-slot.slot-1c, .hp-slot.slot-2a, .hp-slot.slot-2b, .hp-slot.slot-2c {
    height: auto
  }
  .hp-slot:not(.slot-1a) .only-one-link a {
    font-size: 0;
    width: auto;
    width: 31px;
    height: 25px;
    padding-left: 0;
    padding-right: 0;
    position: relative
  }
  .hp-slot:not(.slot-1a) .only-one-link a:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 1px;
    background-color: #292929;
    top: 12px;
    left: 10px
  }
  .hp-slot:not(.slot-1a) .only-one-link a:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border: 1px solid #292929;
    border-left-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(45deg);
    top: 10px;
    left: 13px
  }
  .hp-slot:not(.slot-1a) .only-one-link.text-color-white a:before {
    background-color: #fff
  }
  .hp-slot:not(.slot-1a) .only-one-link.text-color-white a:after {
    border-right-color: #fff;
    border-top-color: #fff
  }
  .hp-slot.slot-1a {
    padding-top: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed
  }
  .hp-slot.slot-1a img.floatimage {
    bottom: initial;
    top: 0;
    transform: translateY(-15%);
    z-index: 5
  }
  .hp-slot.slot-1a.only-one-link {
    padding-bottom: 20px
  }
  .hp-slot.slot-1a .inner-content {
    position: relative;
    text-align: center!important;
    padding-right: 0px;
    color: #fff!important;
    width: 100%;
    padding-top: 15px
  }
  .hp-slot.slot-1a .inner-content span.colorblock {
    position: absolute;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 65px);
    bottom: -20px
  }
  .hp-slot.slot-1a .inner-content .text-container {
    top: initial;
    transform: none
  }
  .hp-slot.slot-1a .inner-content .links-container {
    position: relative;
    width: calc(100% + 40px);
    bottom: initial
  }
  .hp-slot.slot-1a .inner-content .links-container a {
    color: #fff!important;
    border-color: rgba(255, 255, 255, .3)!important
  }
  .hp-slot.slot-1a .inner-content.only-one-link .links-container {
    display: block!important
  }
  .column-slots-1bc {
    left: initial;
    padding-top: 20px
  }
  .hp-slot.slot-1b {
    margin-bottom: 20px
  }
  #hp-user-custom .hp-slot.slot-2a {
    padding-top: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed
  }
  #hp-user-custom .hp-slot.slot-2a .inner-content {
    position: relative;
    width: 100%;
    display: block;
    transform: none;
    padding-top: 20px;
    padding-bottom: 20px;
    left: initial
  }
  #hp-user-custom .hp-slot.slot-2a .inner-content.text-color-white {
    color: #292929
  }
  #hp-user-custom .hp-slot.slot-2a .inner-content.text-align-center, #hp-user-custom .hp-slot.slot-2a .inner-content.text-align-left, #hp-user-custom .hp-slot.slot-2a .inner-content.text-align-right {
    top: initial;
    left: initial
  }
  #hp-user-custom .hp-slot.slot-2a.multiple-ctas .inner-content .text-container {
    top: initial;
    transform: none
  }
  #hp-user-custom .hp-slot.slot-2a.multiple-ctas .inner-content .links-container {
    position: relative;
    bottom: initial;
    left: initial;
    width: 100%
  }
  .column-slots-2bc {
    width: 100%
  }
  .column-slot-2d {
    width: 100%;
    left: initial
  }
  .hp-slot.slot-2c {
    padding-bottom: 20px
  }
  .hp-slot.slot-2c .inner-content {
    margin-top: 0
  }
  .hp-slot.slot-2b {
    background: 0 0;
    margin-bottom: 20px
  }
  .hp-slot.slot-2b .hp-slot-content {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    top: initial;
    transform: none;
    background-color: #fff
  }
  .column-slot-3a, .column-slot-3b {
    width: 100%;
    margin-right: 0;
    display: block
  }
  #hp-inspi .hp-slot {
    margin-bottom: 20px
  }
  #hp-reinsurance {
    padding-top: 12px;
    padding-bottom: 15px
  }
  .reinsurance-container .reinsurance-content {
    width: calc(100% - 80px)
  }
  .reinsurance-container .arrows-container button.reinsurance-go-left {
    left: -25px
  }
  .reinsurance-container .arrows-container button.reinsurance-go-right {
    right: -25px
  }
  #hp-recommendations>div {
    min-height: 700px
  }
  .hp-recos-tabs-content {
    padding-left: 20px;
    padding-right: 20px
  }
  .hp-recos-tabs .hp-recos-tabs-wrapper {
    text-align: left
  }
  .hp-event-container .background-container {
    height: calc(100% + 150px)
  }
  .hp-event-container .description-container {
    width: calc(100% - 40px);
    left: 20px
  }
  .hp-event-container .description-container>p {
    font-size: 1.3rem
  }
  .hp-event-container .description-container>h2 {
    font-size: 2rem
  }
  .hp-event-container .ctas-container a {
    margin-top: 5px;
    margin-bottom: 5px
  }
  .accordion-hp {
    border-top: 4px solid #eee;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff
  }
  .accordion-hp li, .accordion-hp ul {
    margin: 0;
    padding: 0;
    list-style: none
  }
  .accordion-hp ul ul {
    display: none
  }
  .accordion-hp a, .accordion-hp span {
    display: block;
    position: relative;
    height: 50px;
    line-height: 5rem;
    border-bottom: 1px solid #eee;
    font-size: 1.5rem
  }
  .accordion-hp span:after {
    content: "";
    position: absolute;
    top: 24px;
    right: 20px;
    background-color: #292929;
    width: 7px;
    height: 1px
  }
  .accordion-hp span:before {
    content: "";
    position: absolute;
    top: 21px;
    right: 23px;
    background-color: #292929;
    width: 1px;
    height: 7px
  }
  .accordion-hp li.active>span:before {
    display: none
  }
  .accordion-hp li.active>ul {
    display: block
  }
  .accordion-hp span.accordion-subtitle, .accordion-hp span.accordion-title {
    padding-left: 20px;
    font-family: LacosteSansCondensedBold
  }
  .accordion-hp a.accordion-title {
    padding-left: 20px;
    font-family: LacosteSansCondensedBold;
    display: block;
    position: relative;
    height: 50px;
    line-height: 5rem;
    border-bottom: 1px solid #eee;
    font-size: 1.5rem
  }
  .accordion-hp span.accordion-subtitle {
    padding-left: 40px
  }
  .accordion-hp a {
    padding-left: 60px;
    font-family: LacosteSansCondensedLight;
    font-size: 1.3rem;
    color: #606060;
    text-decoration: none
  }
}

.hp-recos-tabs {
  position: relative
}

.hp-recos-tabs {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 20px
}

.hp-recos-tabs .hp-recos-tabs-swiper {
  width: 100%;
  text-align: center
}

.hp-recos-tabs .hp-recos-tabs-wrapper {
  text-align: center;
  font-size: 0
}

.hp-recos-tabs button {
  height: 100px;
  border: 0;
  background: 0 0;
  display: block;
  margin-left: 20px;
  margin-right: 20px;
  color: #292929;
  opacity: .5;
  transition: opacity .2s linear;
  position: relative;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  outline: 0
}

.hp-recos-tabs button:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  transition: height .2s ease-out;
  background-color: #292929;
  width: 100%
}

.hp-recos-tabs .hp-recos-tabs-slide:first-child:last-child button {
  opacity: .5!important;
  cursor: default
}

.hp-recos-tabs .hp-recos-tabs-slide:first-child:last-child button:after {
  height: 0!important
}

.hp-recos-tabs button.active {
  opacity: 1
}

.hp-recos-tabs button.active:after {
  height: 3px
}

.hp-recos-show-all-container {
  position: absolute;
  top: 50px;
  right: 20px;
  font-size: 1.5rem;
  transform: translateY(-50%)
}

.hp-recos-show-all-container a {
  color: #292929;
  background-color: #fff;
  border-radius: 3px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.5rem;
  text-decoration: none;
  font-family: LacosteSansCondensedBold;
  transition: all .3s linear;
  border: 1px solid rgba(0, 0, 0, .3)
}

.hp-recos-tabs .hp-recos-tabs-slide {
  display: inline-block
}

@media screen and (min-width:1280px) {
  .hp-recos-show-all-container a:hover {
    color: #fff;
    background-color: #292929
  }
  .hp-recos-tabs button:hover {
    opacity: 1
  }
  .hp-recos-tabs button:hover:after {
    height: 3px
  }
}

@media screen and (max-width:1366px) {
  body.touch .hp-recos-show-all-container {
    display: block;
    top: initial;
    position: relative;
    transform: none;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 30px;
    width: 100%;
    right: 0
  }
}

@media screen and (max-width:1279px) {
  .hp-recos-show-all-container {
    display: block;
    top: initial;
    position: relative;
    transform: none;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 30px;
    width: 100%;
    right: 0
  }
}

@media screen and (max-width:800px) {
  .swiper-products-buttons>button.swiper-products-btn-next {
    left: calc(100% - 20px)
  }
  .swiper-products-buttons>button.swiper-products-btn-prev {
    left: 20px
  }
}

@media screen and (max-width:640px) {
  .hp-recos-tabs .hp-recos-tabs-wrapper {
    text-align: left
  }
}

.eb-recos {
  margin-top: 50px
}

@media screen and (max-width:639px) {
  .eb-recos {
    margin-bottom: 40px
  }
}

@media screen and (min-width:640px) {
  .eb-recos {
    height: 600px
  }
}

.eb-recos-content .swiper-products-buttons {
  position: relative
}

.swiper-products-btn-next, .swiper-products-btn-prev {
  position: absolute;
  bottom: 150px;
  width: 100%;
  z-index: 25;
  outline: 0
}

.swiper-products-btn-prev {
  left: 0
}

.swiper-products-btn-next {
  right: 0
}

.eb-recos-tabs {
  position: relative
}

.eb-recos-tabs {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 20px
}

.eb-recos-tabs .eb-recos-tabs-swiper {
  width: 100%;
  text-align: center
}

.eb-recos-tabs .eb-recos-tabs-wrapper {
  text-align: center;
  font-size: 0
}

.eb-recos-tabs button {
  height: 100px;
  border: 0;
  background: 0 0;
  display: block;
  color: #292929;
  opacity: .5;
  transition: opacity .2s linear;
  position: relative;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  outline: 0;
  margin-left: 0;
  margin-right: 0
}

@media screen and (min-width:640px) {
  .eb-recos-tabs button {
    margin-left: 20px;
    margin-right: 20px
  }
}

.eb-recos-tabs button:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  transition: height .2s ease-out;
  background-color: #292929;
  width: 100%
}

.eb-recos-tabs-slide {
  display: inline-block
}

.eb-recos-tabs .eb-recos-tabs-slide:first-child:last-child button {
  opacity: .5!important;
  cursor: default
}

.eb-recos-tabs .eb-recos-tabs-slide:first-child:last-child button:after {
  height: 0!important
}

.eb-recos-tabs .active {
  opacity: 1
}

.eb-recos-tabs .active:after {
  height: 3px
}