* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: 0.5s ease-in-out all;
}

html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    color: #2b2c2d;
}

a {
    text-decoration: none;
}

img {
    display: block;
    border: none;
}

.img-res { width: 100% !important;  max-width: 100%;  height: auto;  border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; }

.flex-basic {
    display: flex;
    flex-wrap: wrap;
}

.w100 {
    width: 100%;
    position: relative;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url("../fonts/Gotham-Book.eot");
    src: url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.svg#Gotham-Book") format("svg"), url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype");
}
  
@font-face {
    font-family: 'Gotham-light', sans-serif;;
    src: url("../fonts/Gotham-Light.eot");
    src: url("../fonts/Gotham-Light.woff") format("woff"), url("../fonts/Gotham-Light.ttf") format("truetype"), url("../fonts/Gotham-Light.woff2.woff2") format("woff2"), url("../fonts/Gotham-Light.svg#Gotham-Light") format("svg"), url("../fonts/Gotham-Light.eot?#iefix") format("embedded-opentype");
}
  
@font-face {
    font-family: 'Gotham-medium', sans-serif;
    src: url("../fonts/Gotham-Medium.eot");
    src: url("../fonts/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham-Medium.ttf") format("truetype"), url("../fonts/Gotham-Medium.woff2") format("woff2"), url("../fonts/Gotham-Medium.svg#Gotham-Medium") format("svg"), url("../fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype");
}

main {
    width: 100%;
    position: relative;
    background-color: #ffffff;
}

.container {
    max-width: 1600px;
    margin: 0 auto;
}

.container-left {
    padding-left: 10%;
}

/* hover img */

.non-hover {
    display: block;
}

.hover {
    display: none;
}

/* Our hotels pop from top */
.umbraco-forms-submitmessage{
    font-family: "Montserrat", serif;
    font-weight: 700;
    font-style: italic;
    font-size: 21px;
    color: #bda15e;
}

.beachcomber-hotels {
    width: 100%;
    position: relative;
    background-color: #ffffff;
    height: 0;
    -webkit-transition:height, 0.5s ease-in-out all;
    -moz-transition: height, 0.5s ease-in-out all;
    -ms-transition: height, 0.5s ease-in-out all;
    -o-transition: height, 0.5s ease-in-out all;
    transition: height, 0.5s ease-in-out all;
    display: none;
}

.beachcomber-hotels.active {
    height: 250px;
    -webkit-transition:height, 0.5s ease-in-out all;
    -moz-transition: height, 0.5s ease-in-out all;
    -ms-transition: height, 0.5s ease-in-out all;
    -o-transition: height, 0.5s ease-in-out all;
    transition: height, 0.5s ease-in-out all;
    display: block;
}

.beachcomber-hotels-close {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    cursor: pointer;
    z-index: 1;
}

.beachcomber-hotels-close p {
    font-family: "Montserrat", sans-serif;
    color: #030405;
    font-size: 10px;
    padding-top: 5px;
    text-align: center;
}

.beachcomber-hotels-category {
    width: 100%;
    position: relative;
    padding-top: 5%;
    display: flex;
    justify-content: center;
}

.beachcomber-category-desc {
    text-align: center;
    position: relative;
    padding-right: 5%;
}

.beachcomber-category-desc:after {
    padding-right: 0;
}

.beachcomber-category-img {
    display: flex;
    align-items: flex-start;
    position: relative;
    padding-bottom: 15px;
}

.beachcomber-category-img:after {
    content: '';
    background-color: #bda15e;
    opacity: .1;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
}

.beachcomber-category-img a {
    padding-right: 30px;
}

.beachcomber-category-img a:last-child {
    padding-right: 0;
}

.beachcomber-category-desc p {
    font-family: "Montserrat", sans-serif;
    color: #757575;
    font-size: 11px;
    padding-top: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* End Our hotels pop from top */

/* Header CSS */

header {
    width: 100%;
    background-color: rgba(43, 44, 45, 1);
    height: auto;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 999;
}

header.sticky {
    background-color: rgba(43, 44, 45, .9);
}

header:before {
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #b3a974;
    z-index: 9999;
}

header:after {
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #b3a974;
    z-index: 9999;
}

.pre-menu {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    /*background-color: rgba(43, 44, 45, .9);*/
}

.pre-menu-left {
    width: 30%;
    position: relative;
}

.pre-menu-left p {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #fff;
}

.pre-menu-left p span {
    font-family: "Montserrat", sans-serif;
}

.pre-menu-right {
    width: 70%;
    position: relative;
    display: flex;
    align-items: center;
}

.pre-menu-right ul {
    position: relative;
    text-align: right;
}

.pre-menu-right ul.pre-menu-links  {
    width: 80%;
}

.pre-menu-right ul.pre-menu-icn  {
    width: 40%;
}

.pre-menu-right li {
    display: inline-block;
    list-style: none;
    position: relative;
    max-height: 50px;
}

.pre-menu-links li {
    padding: 1.5% 3.5%;
    vertical-align: middle;
    cursor: pointer;
}

.pre-menu-links li.book {
    background-color: #b3a974;
    color: #ffffff;
}

.pre-menu-links li.book a {
    color: #ffffff;
}

.pre-menu-links li.hotels:before {
    content: '';
    background-color: #cecdcc;
    height: 12px;
    width: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pre-menu-links li.hotels:after {
    content: '';
    background-color: #cecdcc;
    height: 12px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pre-menu-links li.hotels.active {
    background-color: #575859;
}

.pre-menu-links li.hotels.active a {
    color: #ffffff;
}

.pre-menu-links li.hotels.active .non-hover {
    display: none;
}

.pre-menu-links li.hotels.active .hover {
    display: block;
}

.pre-menu-links li.hotels a {
    display: flex;
    align-items: center;
    width: auto;
    justify-content: space-between;
}


.pre-menu-links a {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    text-decoration: none;
}

.pre-menu-icn li {
    padding: 0 3.5%;
    vertical-align: middle;
}

.pre-menu-icn li svg {
    display: block;
    transition: none;
    fill: #fff;
}

.pre-menu-icn li a:hover svg {
    fill: #575858;
}

.pre-menu-icn li.search-icn {
    padding-right: 0;
    padding-left: 7%;
}

.pre-menu-icn li.search-icn:before {
    content: '';
    background-color: #cecdcc;
    height: 12px;
    width: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.pre-menu-icn li.l-switch-desk {
    margin-left: 5%;
}

.pre-menu-icn li.l-switch-desk a {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    transition: all .5s ease-in-out;
}

.pre-menu-icn li.l-switch-desk a:hover {
    color: #b3a974;
}

.nav-shown .l-switch-desk a {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    transition: all .5s ease-in-out;
}

.nav-shown .l-switch-desk a:hover {
    color: #b3a974;
}

/* End Header Css */


/* Nav CSS */

nav.desk {
    width: 100%;
    position: fixed;
    background-color: #575859;
    z-index: 99;
    transition: 0.5s ease-in-out all;
    display: block;
}

nav.desk:before {
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #b3a974;
    z-index: 9999;
}

nav.desk:after {
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #b3a974;
    z-index: 9999;
}

nav.mob {
    display: none;
}

nav .non-stick {
    display: block;
}

nav .stick {
    display: none;
}

.nav-container {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1% 0;
    position: relative;
    z-index: 2;
}

/*.nav-container:before {*/
/*    content: '';*/
/*    background: url('../images/bg-waves-line.png') center 35% no-repeat;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 0;*/
/*    transform: translateY(-50%);*/
/*    width: 1286px;*/
/*    height: 443px;*/
/*}*/

.nav-logo {
    width: 18%;
    position: relative;
}

.nav-links {
    width: 65%;
    position: relative;
}

.nav-links ul {
    width: 100%;
    text-align: right;
}

.nav-links li {
    display: inline-block;
    /*padding: 0 7%;*/
    padding-right: 14%;
    position: relative;
}

.nav-links li:first-child {
    padding-left: 0;
}

.nav-links a {
    font-family: "Montserrat", serif;
    font-weight: 400;
    /*font-style: italic;*/
    font-size: 25px;
    color: #fff;
}

.nav-links a.active {
    color: #030405;
}

/* nav-sticky */

nav.sticky {
    position: fixed;
    height: auto;
    transition: unset;
    border-bottom: 1px solid rgb(189, 161, 94, 0.4);
    background: rgba(87, 88, 89, .9);
}

nav.sticky .non-stick {
    display: none;
}

nav.sticky .stick {
    display: block;
}

nav.sticky .nav-container {
    padding: .5% 0;
    transition: unset;
}

nav.sticky .nav-container:before {
    display: none;
}

nav.sticky .nav-logo {
    /*padding-top: 5px;*/
    width: 15%;
}

nav.sticky .nav-logo img {
    width: 20%;
}

nav.sticky .drop li a {
    font-size: 14px;
}

/* End nav sticky */

ul.drop {
    width: auto;
    text-align: left;
    position: absolute;
    right: -10%;
    padding-top: 15px;
    opacity: 0;
    -webkit-transform:translateY(-70%);
    -moz-transform:translateY(-70%);
    transform:translateY(-60%);
}

.nav-links li ul.drop {
    left: 0;
    right: auto;
}

ul.drop.active {
    opacity: 1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    transform:translateY(0);
}

.drop li {
    display: block;
    padding: 0;
    padding-top: 10px;
    position: relative;
}

.drop li a {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #fff;
    font-style: normal;
    position: relative;
    transition: unset;
}

.dropdown-menu {
    width: 100%;
    position: absolute;
    background-color: #575858;
    top: 0;
    left: 0;
    height: 400px;
    z-index: 1;
    border-bottom: 1px solid rgb(189, 161, 94, 0.4);
    opacity: 0;
    -webkit-transform:translateY(-80%);
    -moz-transform:translateY(-80%);
    transform:translateY(-80%);
}

.dropdown-menu.active {
    opacity: 1;
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    transform:translateY(0px);
}

.drop2 {
    padding: 5px 0;
}

.drop li .drop2 li {
    text-align: left;
    padding: 8px 0 0 25px !important;
    font-size: 14px;
}

/* End Nav CSS */


/* Homepage CSS */

/* Welcome Wrapper CSS */

section {
    width: 100%;
    position: relative;
    background-color: #ffffff;
    margin-top: 122px;
}

.welcome-container {
    width: 100%;
    position: relative;
}

.welcome-container:before {
    content: '';
    background-color: #f8f4ee;
    width: 100%;
    height: 65%;
    top: 0;
    left: 0;
    position: absolute;
    display: none;
}

.welcome-wrapper {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.welcome-wrapper:after {
    content: '';
    background-color: #2b2c2d;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    position: absolute;
}

.welcome-image {
    width: 40%;
    position: relative;
    text-align: right;
    padding-right: 7%;
    top: 100px;
    z-index: 1;
}

.welcome-image img {
    
    display: unset;
}

.welcome-text {
    width: 60%;
    position: relative;
    z-index: 2;
    max-width: 32%;
    margin: 0 0 0 auto;
    padding-bottom: 6%;
}

.welcome-text .cnttxt {
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    font-size: 15px;
    line-height: 27px;
    padding-right: 10%;
}

.welcome-text-title {
    position: relative;
    left: -50%;
    padding-bottom: 5%;
}

.welcome-text-title .subtxt {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 15px;
    padding-bottom: 5%;
}

.welcome-text-title h1 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    /*font-style: italic;*/
    font-size: 105px;
    line-height: 113px;
    color: #fff;
}

/* End welcome wrapper CSS */


/* Beachcomber figures CSS */

.beachcomber-figures {
    width: 100%;
    position: relative;
}

.beachcomber-figures-title {
    position: relative;
    padding-top: 3%;
}

.beachcomber-figures-title h3 p {
    padding-left: 0;
    padding-top: 0;
}

.container-left h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    /* font-style: italic; */
    font-size: 90px;
    color: #030405;
    line-height: 110%;
    position: relative;
}

.container-left h3 span {
    display: block;
}

.container-left h3 p {
    font-family: "Montserrat", serif;
    font-weight: 400;
    /* font-style: italic; */
    font-size: 90px;
    color: #030405;
    line-height: 110%;   
}

.container-left h3:before {
    content: '';
    background-color: #030405;
    width: 5%;
    height: 1px;
    position: absolute;
    top: 30%;
    left: 0;
    left: -7%;
}

.container-left h3 .golden, .container-left h3 span {
    font-size: 60px;
    line-height: 110%;
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
}

.container-left p {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 27px;
    color: #2b2c2d;
    padding-top: 3%;
    padding-left: 3%;
    padding-bottom: 3%;
}

.new-b-bcb.container-left p {
    padding: 0;
}

.beachcomber-figures-img {
    margin-top: 10%;
    position: relative;
}

.beachcomber-figures-img img {
    display: block;
    width: 100%;
    min-height: 564px;
    object-fit: cover;
}

.figures-img-wave {
    position: absolute;
    top: -25%;
    left: 0;
}

.figures-img-wave img {
    min-height: unset;
    object-fit: unset;
}

.nmh-revenue {
    width: 750px;
    position: absolute;
    background-color: rgba(43, 44, 45, .9);
    left: 10%;
    top: -20%;
    padding: 3% 0 4%;
}

.nmh-revenue-counter {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nmh-counter-text:nth-child(2) {
    padding: 3% 5%;
}

.nmh-counter-text:nth-child(3) {
    padding: 3% 5%;
}

.nmh-counter-text:first-child {
    padding: 3% 5%;
}

.nmh-counter-text:last-child {
    padding: 3% 5%;
}

.nmh-counter-text:last-child:after {
    display: none;
}

.nmh-counter-text {
    text-align: center;
    position: relative;
}

.nmh-counter-text:after {
    content: '';
    background-color: #999ea2;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.nmh-counter-text span.count {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 58px;
    color: #fff;
}

.nmh-counter-text p.counter-p {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
}

.nmh-counter-text p.counter-p span {
    display: block;
    font-family: "Montserrat", sans-serif;
}

.nmh-shares {
    width: 100%;
    padding-top: 6%;
    padding-left: 5%;
}

.nmh-shares p.nmh-shares-price {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 26px;
    color: #fff;
}

.nmh-shares p.nmh-shares-price span {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
}

.nmh-shares p.nmh-shares-date {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #fff;
}

.nmh-investors {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    padding: 2% 4%;
    cursor: pointer;
}

.nmh-investors a {
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 16px;
}

.figures-report {
    position: absolute;
    bottom: 8%;
    left: 11%;
    width: 50%;
}

.figures-report h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    /*font-style: italic;*/
    font-size: 35px;
    color: #ffffff;
}

.figures-report-option {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 20px;
}

.figures-report-option a.view {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #ffffff;
    border: 1px solid #fff;
    padding: 20px 30px;
}

.figures-report-option p {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 25px;
    color: #ffffff;
    width: 100px;
    text-align: center;
}

.figures-report-option a.download {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #ffffff;
}

/* End Beachcomber figures CSS */


/* Beachcomber News */

.beachcomber-news {
    width: 100%;
    position: relative;
    padding: 5% 0;
}

.beachcomber-news:after {
    content: '';
    background-color: #fcfbf9;
    width: 100%;
    height: 40%;
    bottom: 10%;
    left: 0;
    position: absolute;
}

.beachcomber-news-title {
    padding-bottom: 3%;
}

.beachcomber-news-slider {
    width: 100%;
    max-width: 90%;
    margin: 0 0 0 auto;
    text-align: left;
    padding-left: 2%;
    position: relative;
    z-index: 1;
}

.beachcomber-news-slider .swiper-container {
    padding-top: 2%;
}

.swiper-slide {
    cursor: pointer;
}

.beachcomber-news-slider .swiper-pagination {
    top: 0;
    bottom: unset;
    left: 0;
    text-align: left;
}

.swiper-pagination span {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #2b2c2d;
}

.beachcomber-news-slider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: url('../images/icn-next-slider.png') no-repeat;
    left: -2%;
    width: 41px;
    height: 41px;
    top: 160px;
    right: unset;
    outline: 0;
}

.beachcomber-news-slider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background: url('../images/icn-prev-slider.png') no-repeat;
    left: -2%;
    width: 41px;
    height: 41px;
    top: 100px;
    outline: 0;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}

#filters {
    width: 100%;
    position: relative;
    padding-bottom: 2%;
}

button.button {
    border: 1px solid #2b2c2d;
    padding: 10px 30px;
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background: transparent;
    outline: 0;
    cursor: pointer;
}

button.button.is-checked {
    background: #2b2c2d;
    color: #ffffff;
}

.button-group a.button {
    border: 1px solid #2b2c2d;
    padding: 10px 30px;
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background: transparent;
    outline: 0;
    cursor: pointer;
}

.button-group a.button:hover {
    background: #2b2c2d;
    color: #ffffff;
}


.grid-job-item {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.element-item {
    width: 30%;
    cursor: pointer;
}

.news-slider-img {
    position: relative;
}

.news-slider-img img {
    max-width: 520px;
    max-height: 400px;
    /*min-height: 400px;*/
    object-fit: cover;
    /*display: block;*/
    width: 100%;
}

.news-slider-text {
    width: 80%;
    background-color: rgba(43, 44, 45, .9);
    position: relative;
    left: 20px;
    top: -70px;
    padding-left: 5%;
    min-height: 320px;
}

.news-slider-text .slider-text-date {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #fff;
    padding: 5% 0 0;
}

.news-slider-text .slider-text-category {
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    color: #fff;
}

.news-slider-text .slider-text-title {
    font-family: "Montserrat", serif;
    font-weight: 400;
    /*font-style: italic;*/
    font-size: 25px;
    line-height: 36px;
    color: #fff;
    padding: 3% 0;
}

.news-slider-text .slider-text-desc {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 27px;
    color: #fff;
    padding-bottom: 5%;
}

.news-slider-text p {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 27px;
    color: #fff;
}


/* End Beachcomber News */


/* Beachcomber Commitments */

.beachcomber-commitments {
    width: 100%;
    position: relative;
    background-color: #2b2c2d;
    height: 400px;
    display: flex;
    align-items: center;
    z-index: 2;
}

.beachcomber-commitments-title {
    width: 50%;
    position: relative;
}

.beachcomber-commitments-title:before {
    content: '';
    background: url('../images/bg-52.png') no-repeat;
    position: absolute;
    top: -50%;
    left: 1%;
    display: block;
    width: 418px;
    height: 313px;
}

.beachcomber-commitments-title h3 {
    color: #ffffff;
}

.beachcomber-commitments-title.container-left h3 p,
.beachcomber-commitments-title.container-left h3 p.golden {
    color: #ffffff;
    padding-bottom: 0;
    padding-top: 0;
}

.beachcomber-commitments-title h3 sup {
    font-size: 30px;
}

.beachcomber-commitments-title h3:before {
    background-color: #fff;
}

.beachcomber-commitments-title p {
    color: #ffffff;
    padding-left: 0;
    padding-top: 5px;
}

.beachcomber-commitments-img {
    width: 50%;
    position: relative;
    text-align: center;
}

.beachcomber-commitments-img img {
    min-height: 469px;
    object-fit: cover;
    display: unset;
}

.commitments-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.commitments-play img {
    min-height: unset;
    object-fit: unset;
}

.commitments-cta {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 2%;
}

.commitments-cta a {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
    padding: 15px 30px;
}

.commitments-cta a.learn {
    margin-right: 2%;
}

/* End Beachcomber Commitments */


/* End Beachcomber artisans */

.beachcomber-artisans {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 12% 0;
}

.beachcomber-artisans:before {
    content: '';
    background: url('../images/bg-logo-beachcomber.png') no-repeat;
    position: absolute;
    bottom: 2%;
    left: 0;
    width: 550px;
    height: 947px;
    z-index: 1;
    display: none;
}

.beachcomber-artisans-title {
    width: 50%;
    position: relative;
    z-index: 2;
}

.artisans-figures {
    width: 100%;
    max-width: 80%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    margin: 0 auto;
    padding: 5% 0;
}

.artisans-figures-count {
    width: 100%;
    padding: 3% 8%;
    text-align: center;
    position: relative;
}

.artisans-figures-count span {
    font-family: "Montserrat", serif;
    font-weight: 400;
    /*font-style: italic;*/
    font-size: 58px;
    color: #030405;
}

.artisans-figures-count p {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #425862;
    padding: 0;
    text-align: center;
}

.beachcomber-artisans-title a {
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 12px;
    border: 1px solid #2b2c2d;
    padding: 15px 30px;
    margin-left: 3%;
}

.artisans-figures-count:first-child:after {
    content: '';
    background-color: #999ea2;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.container-left .artisans-figures-p {
    padding-top: 0;
    padding-bottom: 5%;
}

.beachcomber-artisans-desc {
    width: 50%;
    position: relative;
    background-color: rgba(43, 44, 45, .7);
    display: flex;
    align-items: center;
    height: 450px;
}

.beachcomber-artisans.life .artisans-life-text {
    width: 50%;
    position: relative;
    padding-left: 5%;
}

.artisans-desc-img {
    width: 50%;
    position: relative;
    text-align: center;
}

.artisans-desc-img img {
    display: unset;
}

.artisans-small-left {
    position: absolute;
    bottom: -15%;
    left: -30%;
}

.artisans-small-right {
    position: absolute;
    bottom: -25%;
    right: -15%;
}

.artisans-desc-text {
    width: 50%;
    position: relative;
    text-align: center;
}

.artisans-desc-text h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    /*font-style: italic;*/
    font-size: 31px;
    color: #fff;
    width: 100%;
    max-width: 75%;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 5%;
}

.artisans-desc-text h3 span {
    color: #fff;
    display: block;
    vertical-align: middle;
}

.artisans-desc-text h3 span:first-child {
    left: -25px;
    position: relative;
}

.artisans-desc-text h3 span:last-child {
    text-align: right;
}

.artisans-desc-text a {
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
    padding: 15px 30px;
}

/* End Beachcomber artisans */

/* End Homepage CSS */

/* Breadcrum CSS */

.beachcomber-breadcrum {
    width: 100%;
    position: relative;
    background-color: #575859;
    height: 30px;
    display: flex;
    align-items: center;
}

.beachcomber-breadcrum ul {
    width: 100%;
    position: relative;
}

.beachcomber-breadcrum ul li {
    display: inline-block;
    list-style: none;
    padding: 0 15px 0 10px;
    position: relative;
}

.beachcomber-breadcrum ul li:after {
    content: '';
    background: url('../images/icn-breadcrum-arrow.png') no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 5px;
}

.beachcomber-breadcrum ul li:last-child:after {
    display: none;
}

.beachcomber-breadcrum ul li:first-child {
    padding-left: 0;
}

.beachcomber-breadcrum ul li:last-child {
    padding-right: 0;
}

.beachcomber-breadcrum ul li.active {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #fff;
}

.beachcomber-breadcrum ul li a {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #fff;
}

/* End Breadcrum CSS */

/* Board of directors CSS */

/* Beachcomber board CSS */

.beachcomber-board {
    width: 100%;
    position: relative;
    display: flex;
}

.beachcomber-board-text {
    width: 50%;
    position: relative;
    padding-left: 8%;
}

.beachcomber-board-text h1 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 57px;
    padding: 5% 0;
    position: relative;
    left: -30px;
    opacity: 0;
}

.beachcomber-board-text h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    color: #2b2c2d;
    line-height: 27px;
    padding: 3% 0;
}

.beachcomber-board-text h3:before {
    display: none;
}

.beachcomber-board-text p {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 27px;
    color: #2b2c2d;
    padding-left: 0;
} 

.beachcomber-board-image {
    width: 50%;
    position: relative;
}

.board-image-bg {
    width: 100%;
    max-width: 65%;
    background-color: #2b2c2d;
    position: relative;
    height: 100%;
    margin: 0 0 0 auto;
}

.board-image {
    position: relative;
    left: -50px;
    top: -50px;
}

.board-image img {
    display: block;
}

/* End Beachcomber board CSS */


/* ....... Group Beachcomber ....... */

/* Directors Profile CSS */

.beachcomber-directors-profile {
    width: 100%;
    position: relative;
    padding: 5% 0;
}

.directors-profile-title {
    width: 100%;
    position: relative;
    padding-left: 7%;
    padding-bottom: 5%;
}

.directors-profile {
    width: 100%;
    position: relative;
    background-color: #2b2c2d;
}

.directors-profile-all {
    width: 100%;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto auto auto;
    padding-top: 3%;
    padding-bottom: 15%;
}

.directors-profile-names {
    width: 100%;
    position: relative;
    padding: 2% 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 25px;
    padding-left: 25px;
}

.directors-profile-names:hover, .directors-profile-names.current {
    background-color: #ffffff;
}

.directors-profile-names:hover:after, .directors-profile-names.current:after {
    content: '';
    background-color: #bda15e;
    width: 7px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.directors-profile-names:hover .profile-number p, .directors-profile-names.active .profile-number p {
    color: #ffffff;
    background-color: #2b2c2d;
}

.profile-number p {
    font-family: "Montserrat", serif;
    font-weight: 400;
    color: #2b2c2d;
    font-size: 18px;
    line-height: 110%;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*display: table-cell;*/
    /*vertical-align: middle;*/
    /*text-align: center;*/
}

.profile-info {
    padding-left: 20px;
    padding-right: 20px;
}

.profile-info h3 {
    font-family: "Montserrat", serif;
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    line-height: 110%;
    margin-bottom: 5px;
}

.profile-info p {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    color: #fff;
}

.directors-profile-names:hover .profile-info h3, .directors-profile-names:hover .profile-info p {
    color: #2b2c2d;
}

.directors-image-info {
    width: 100%;
    position: relative;
    top: -100px;
    display: flex;
    align-items: flex-end;
    z-index: 3;
}

.directors-names {
    width: 20%;
    position: relative;
    padding-right: 5%;
}

.directors-names h3 {
    font-family: "Montserrat", serif;
    font-weight: 700;
    color: #2b2c2d;
    font-size: 20px;
    line-height: 31px;
}
.directors-names strong {
    font-family: "Montserrat", serif;
    font-weight: 700;
    color: #2b2c2d;
    font-size: 20px;
    line-height: 31px;
}
.directors-names h3:not(:first-child) {
    padding-top: 10%;
}

.directors-names p {
    line-height: 27px;
}

.directors-image {
    width: 80%;
    text-align: right;
    position: relative;
    padding-right: 5%;
}

/*.directors-image:before {*/
/*    content: '';*/
/*    background: url(../images/icn-bod-leaf.png) no-repeat;*/
/*    position: absolute;*/
/*    top: -37%;*/
/*    right: 25px;*/
/*    width: 300px;*/
/*    height: 349px;*/
/*    transform: rotate(90deg);*/
/*    z-index: 2;*/
/*}*/

.directors-image img {
    display: unset;
    width: 100%;
}

.directors-image2 {
    text-align: right;
    position: relative;
    top: -100px;
    padding-right: 5%;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.directors-image2:before {
    content: '';
    background: url(../images/icn-bod-leaf.png) no-repeat;
    position: absolute;
    top: -16%;
    right: 25px;
    width: 300px;
    height: 349px;
    transform: rotate(90deg);
    z-index: 2;
}

.directors-image2 img {
    display: unset;
    filter: grayscale(1)
}


/* End Directors Profile CSS */


/* Popup directors */

.popup-directors {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.popup-directors.active {
    display: block;
}

.popup-directors-bg {
    width: 100%;
    height: 100%;
    background-color: rgb(0, 51, 94, 0.55);
    z-index: 1;
}

.popup-directors-desc {
    width: 100%;
    position: absolute;
    background-color: #ffffff;
    padding: 5% 3%;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    overflow-y: scroll;
}

.close-popup {
    position: absolute;
    top: 20px;
    right: 30px;
    cursor: pointer;
    z-index: 1;
}

.directors-desc-info.current {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.director-wrap-basic {
    width: 100%;
}

.directors-desc-info {
    width: 100%;
    position: relative;
    display: none;
}

.director-desc-img {
    margin-left: 5%;
}

.director-basic-info {
    width: 100%;
    position: relative;
    padding: 1% 0;
}

.director-basic-info:after {
    content: '';
    background-color: #2b2c2d;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.director-basic-info:last-child:after {
    display: none;
    content: '';
}

.directors-pdf {
    position: relative;
    padding-top: 3%;
}

.directors-pdf a {
    border: 1px solid #2b2c2d;
    padding: 10px 30px;
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background: transparent;
    outline: 0;
    cursor: pointer;
}

.director-basic-info h2 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 43px;
    color: #2b2c2d;
    padding-bottom: 10px;
}

.director-basic-info h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    color: #2b2c2d;
    padding-bottom: 10px;
    padding-top: 10px;
}

.director-basic-info p {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 27px;
    color: #3a3a3a;
    padding-bottom: 10px;
    padding-right: 80px;
}

/* End Popup Directors */

/* End of board of directors CSS */


/* Group Philosophy CSS */

.beachcomber-philosophy {
    width: 100%;
    position: relative;
    display: flex;
}

.beachcomber-philosophy.pads {
    padding: 5% 0;

}

.beachcomber-philosophy.pads .philosophy-text {
    padding-top: 0;
}

.philosophy-img img {
    display: block;
}

.philosophy-text {
    position: relative; 
    padding-left: 5%;
    padding-right: 20%;
    padding-top: 5%;
    z-index: 2;
}

.philosophy-text h1 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 57px;
    padding-bottom: 7%;
    position: relative;
    left: -30px;
    opacity: 0;
}

.news.philosophy-text h1 {
    font-size: 34px;
}

.philosophy-text p {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #2b2c2d;
}

.philosophy-text .date {
    font-family: "Montserrat", sans-serif;
    color: #b3a974;
    font-size: 14px;
    padding-bottom: 3%;
}

.philosophy-text ul {
    padding: 2% 0 5%;
}

.philosophy-text li {
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 15px;
    line-height: 24px;
    list-style: none;
    position: relative;
    padding-bottom: 1%;
}

.philosophy-text li:before {
    content: "\2022";
    color: #bda15e;
    font-weight: bold;
    display: inline-block;
    width: 2%;
    margin-left: 0;
    font-size: 25px;
}

.philosophy-text a {
    color: #b3a974;
}

.philosophy-joy {
    position: absolute;
    left: -5%;
    bottom: 0;
    background-color: rgba(43, 44, 45, .9);
    padding: 5%;
    max-width: 90%;
}

.philosophy-joy h3, .philosophy-joy h3 p {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 23px;
    color: #ffffff;
    padding-bottom: 0;
    margin-bottom: 0;
}

.philosophy-joy h3 span {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 36px;
    color: #ffffff;
}

.philosophy-joy p {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 27px;
    color: #ffffff;
    margin-bottom: 20px;
}

.philosophy-joy p.cnt {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 27px;
    color: #ffffff;
    padding-bottom: 40px;
}

.philosophy-joy a {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 23px;
    padding: 15px 30px;
    border: 1px solid #fff;
    color: #fff;
}

.beachcomber-vision {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 5% 0;
    margin-top: 1%;
}

.beachcomber-vision:after {
    content: '';
    background: url('../images/bg-logo-beachcomber2.png') no-repeat;
    width: 795px;
    height: 947px;
    position: absolute;
    top: -30%;
    left: 15%;
    z-index: 1;
    display: none;
}

.beachcomber-vision-left {
    width: 50%;
    position: relative;
    padding-left: 10%;
    /*padding-top: 3%;*/
    z-index: 1;
}

.vision-text {
    padding-bottom: 10%;
    position: relative;
}

.vision-text:last-child {
    padding-bottom: 0;
}

.vision-text h3 {
    font-family: "Montserrat", serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 110%;
    padding-bottom: 20px;
    color: #030405;
}

/*.vision-text h3:before {*/
/*    content: '';*/
/*    background-color: #030405;*/
/*    width: 100px;*/
/*    height: 1px;*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    vertical-align: super;*/
/*}*/

.vision-text p {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: #2b2c2d;
    padding-right: 20%;
}

.beachcomber-vision-right {
    width: 50%;
    position: relative;
    text-align: center;
    z-index: 3;
}

/* End Group philosophy CSS */


/* Group Senior Management CSS */

.beachcomber-directors-leadership {
    width: 100%;
    position: relative;
    margin: 5% auto;
}

/*.beachcomber-directors-leadership:after {*/
/*    content: '';*/
/*    background-color: #ac8a43;*/
/*    width: 667px;*/
/*    height: 468px;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: -10%;*/
/*    z-index: 1;*/
/*}*/

.directors-leadership {
    width: 100%;
    position: relative;
    background-color: #2b2c2d;
    z-index: 2;
}

.directors-leadership-all {
    width: 100%;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
    padding-top: 3%;
    padding-bottom: 5%;
}

.directors-leadership-names {
    width: 75%;
    position: relative;
    padding: 2% 0 2% 25px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0 auto 25px;
}

.directors-leadership-names:nth-child(even) {
    margin: 0 0 25px;
}

.directors-leadership-names:hover, .directors-leadership-names.current {
    background-color: #ffffff;
}

.directors-leadership-names:hover:after, .directors-leadership-names.current:after {
    content: '';
    background-color: #bda15e;
    width: 7px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.directors-leadership-names:hover .profile-number p, .directors-leadership-names.active .profile-number p {
    color: #ffffff;
    background-color: #bda15e;
}

.beachcomber-leadership-team {
    width: 100%;
    position: relative;
    padding-bottom: 5%;
}

.leadership-team {
    width: 100%;
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
}

.leadership-info {
    width: 80%;
    position: relative;
    padding: 2% 0;
    align-items: center;
    padding-left: 25px;
    margin: 0 auto 25px;
}

.leadership-info:nth-child(even) {
    margin: 0 0 25px;
}

.leadership-info h3 {
    font-family: "Montserrat", serif;
    font-weight: 700;
    color: #2b2c2d;
    font-size: 20px;
    line-height: 31px;
}

.leadership-info p {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    color: #878787;
}

/* End Senior Management CSS */


/* Group Structure CSS */

.beachcomber-structure-wrapper {
    width: 100%;
    position: relative;
}

.beachcomber-structure-img img {
    display: block;
}

.beachcomber-structure-text {
    width: 100%;
    position: relative;
    padding: 2% 0 5%;
}

.beachcomber-structure-text h1 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    /*font-style: italic;*/
    color: #3a3a3a;
    font-size: 57px;
    padding-bottom: 3%;
    position: relative;
    left: -30px;
    opacity: 0;
}

.structure-aside-text {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.aside-left-text {
    width: 50%;
    padding-right: 5%;
}

.aside-left-text p {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    color: #2b2c2d;
    line-height: 27px;
}

.aside-right-text {
    width: 50%;
    padding-right: 5%;
}

.aside-right-text p {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    color: #898989;
    line-height: 27px;
}

.beachcomber-nmh-structure {
    width: 100%;
    position: relative;
}

.beachcomber-nmh-structure .container-left {
    padding-left: 7%;
}

.nmh-structure-timeline {
    width: 100%;
    position: relative;
    background-color: #2b2c2d;
    padding: 10% 3% 5%;
    margin: 2% 0;
}

.nmh-line-structure {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.nmh-line-structure:before {
    content: '';
    background-color: #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

.nmh-line-left {
    position: relative;
    height: 100%;
}

.nmh-line-left:before {
    content: '';
    background-color: #fff;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.line-left-repeat {
    padding-top: 10%;
    display: flex;
    align-items: flex-end;
}

.line-left-repeat:before {
    content: '';
    background-color: #fff;
    width: 20px;
    height: 1px;
    position: relative;
}

.line-left-text {
    width: 100%;
    padding-left: 7%;
    top: 15px;
    position: relative;
}

.line-left-text h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #fff;
}

.line-left-text p {
    font-size: 12px;
    color: #fff;
}

.nmh-line-center {
    position: relative;
    top: -100px;
    
    height: 100%;
}

.line-center-text {
    text-align: center;
    position: relative;
    padding-top: 7%;
}

.line-center-text:first-child {
    padding-top: 0;
}

.line-center-text h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    color: #fff;
}

.line-center-text h3.golden {
    color: #fff;
}

.line-center-text p {
    font-size: 12px;
    color: #fff;
}

.line-center-text:first-child:after {
    height: 100px;
}

.line-center-text:after {
    content: '';
    background-color: #fff;
    width: 1px;
    height: 50px;
    position: relative;
    display: inline-block;
    top: 15px;
}

.line-center-text:last-child:after {
    display: none;
}

.nmh-line-right {
    position: relative;
    height: 100%;
}

.nmh-line-right:after {
    content: '';
    background-color: #fff;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.line-right-repeat {
    padding-top: 10%;
    display: flex;
    align-items: flex-end;
}

.line-right-repeat:after {
    content: '';
    background-color: #fff;
    width: 20px;
    height: 1px;
    position: relative;
}

.line-right-text {
    width: 100%;
    padding-right: 7%;
    top: 15px;
    position: relative;
}

.line-right-text h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: #fff;
}

.line-right-text p {
    font-size: 12px;
    color: #fff;
}

.beachcomber-structure-hotels {
    width: 100%;
    position: relative;
}

.inner-beachcomber-structure-hotels {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: -30px;
    z-index: 1;
}

.beachcomber-hotels-text {
    width: 50%;
    position: relative;
}

.beachcomber-hotels-img {
    width: 50%;
    position: relative;
}

.beachcomber-hotels-img img {
    width: 100%;
    display: block;
}

.hotel-book {
    width: 100%;
    position: relative;
    text-align: center;
    padding-top: 5%;
}

.hotel-book a {
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 12px;
    border: 1px solid #2b2c2d;
    padding: 10px 25px;
}

.hotels-text {
    width: 100%;
    position: relative;
    padding-left: 10%;
    padding-top: 3%;
    padding-bottom: 5%;
    padding-right: 20%;
}

.hotels-text-black {
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 15px;
    line-height: 27px;
    padding-bottom: 5%;
}

.hotels-text-gray {
    font-family: "Montserrat", sans-serif;
    color: #898989;
    font-size: 15px;
    line-height: 27px;
}

.beachcomber-structure-hotels .beachcomber-hotels {
    height: auto;
    display: block;
    background-color: rgba(248, 244, 238, .6);
    padding: 6% 0;
    margin-bottom: 5%;
    position: relative;
}

.beachcomber-structure-hotels .beachcomber-hotels h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    color: #4f4f4f;
    padding-bottom: 3%;
    text-align: center;
}

.beachcomber-structure-hotels .beachcomber-hotels-category {
    padding-top: 0;
}

/* End Group Structure CSS */

/* Group history CSS */

.beachcomber-history-header {
    width: 100%;
    position: relative;
}

.beachcomber-history-header:after {
    content: '';
    background: url('../images/bg-logo-beachcomber2.png') no-repeat;
    position: absolute;
    right: 0;
    top: 5%;
    width: 795px;
    height: 947px;
    z-index: 1;
    display: none;
}

.beachcomber-history-header img {
    display: block;
}

.history-description {
    width: 100%;
    position: relative;
    top: -60px;
    z-index: 2;
}

.history-description-text {
    background-color: #2b2c2d;
    padding: 5% 20% 5% 3%;
    width: 65%;
}

.history-description-text h1 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 57px;
    color: #ffffff;
    padding-bottom: 3%;
    position: relative;
    left: -30px;
    opacity: 0;
}

.history-description-text p {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 27px;
    color: #ffffff;
}

.beachcomber-history-timeline {
    width: 100%;
    position: relative;
    padding: 5% 0;
}

.history-timeline-slider {
    width: 100%;
    position: relative;
    padding: 100px 0;
}

.history-timeline-slider .swiper-button-next {
    background: url('../images/icn-next-slider.png') no-repeat;
    left: 160px;
    right: unset;
    width: 41px;
    height: 41px;
    top: 25px;
    bottom: unset;
    outline: 0;
}

.history-timeline-slider .swiper-button-prev {
    background: url('../images/icn-prev-slider.png') no-repeat;
    left: 100px;
    right: unset;
    width: 41px;
    height: 41px;
    top: 25px;
    bottom: unset;
    outline: 0;
}

.inner-timeline-slider {
    width: 100%;
    position: relative;
    max-width: 90%;
    margin: 0 auto;
    height: 750px;
}

.history-timeline-slider:before {
    content: '';
    background: #efeadd;
    height: 200px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.swiper-container.story-slider {
    height: 100%;
}

.history-timeline-desc {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.history-timeline-desc.top {
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: flex-end;
}

.history-timeline-desc.top .history-timeline-desc p {
    padding: 10px 20px 0;
}

.history-timeline-desc.bottom {
    align-items: flex-start;
    justify-content: flex-end;
}

/*.history-timeline {*/
/*    width: 100%;*/
/*    position: relative;*/
/*    background-color: #efeadd;*/
/*    height: 160px;*/
/*    display: flex;*/
/*    justify-content: space-around;*/
/*    margin: 18% 0 15%;*/
/*    padding: 0 2%;*/
/*}*/

/*.history-timeline-desc {*/
/*    position: relative;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/

/*.history-timeline-desc.top {*/
/*    top: -70px;*/
/*    align-items: flex-start;*/
/*    flex-direction: column-reverse;*/
/*}*/

/*.history-timeline-desc.bottom {*/
/*    bottom: -85px;*/
/*    align-items: flex-start;*/
/*}*/

.history-timeline-desc h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 90px;
    color: #fff;
    padding-left: 15px;
    width: 100%;
}

.history-timeline-desc.bottom h3 {
    color: #fff;
}

.timeline-desc {
    width: 100%;
    max-width: 250px;
    position: relative;
}

.history-timeline-desc img {
    width: 100%;
    display: block;
    position: relative;
}

.history-timeline-img {
    position: relative;
}

.history-timeline-desc.top .history-timeline-img:before {
    content: '';
    background: url('../images/icn-history-time.png') no-repeat;
    position: absolute;
    bottom: -175px;
    left: 0;
    width: 7px;
    height: 207px;
}

.history-timeline-desc.bottom .history-timeline-img:before {
    content: '';
    background: url('../images/icn-history-time-reverse.png') no-repeat;
    position: absolute;
    top: -190px;
    left: 0;
    width: 7px;
    height: 207px;
}

.history-timeline-desc p {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #3a3a3a;
    padding: 10px 15px 0;
    max-width: 250px;
    min-height: 150px;
}

.history-timeline-desc.bottom p {
    padding: 20px 15px 0;
}

.beachcomber-history-slider {
    width: 100%;
    position: relative;
    padding: 0 0 9%;
}

.beachcomber-history-slider .container-left {
    position: relative;
}

.abso-text {
    position: absolute;
    top: 50%;
    right: 15%;
    transform: translateY(-50%);
    display: none;
}

.abso-text p {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 290px;
    color: #2b2c2d;
    opacity: 0.05;
    padding: 0;
}

.history-slider {
    padding-top: 2%;
}

.swiper-img img {
    width: 100%;
    min-height: 528px;
    max-height: 528px;
    object-fit: cover;
    display: block;
}

.swiper-text {
    width: 100%;
    position: relative;
    text-align: center;
    padding-top: 5%;
}

.swiper-text p {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 20px;
    color: #2b2c2d;
}

.beachcomber-history-slider .swiper-pagination {
    bottom: 8%;
    left: 50%;
    transform: translate3d(0,0,0) translateX(-50%);
}

.beachcomber-history-slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: unset;
    background: transparent;
    border: 1px solid #bda15e;
    outline: 0;
    margin: 0 5px;
}

.beachcomber-history-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #bda15e;
}

.swiper-text p .dark-blue {
    font-family: "Montserrat", sans-serif;
}

.beachcomber-history-slider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: url('../images/icn-next-slider.png') no-repeat;
    left: 60%;
    right: unset;
    width: 41px;
    height: 41px;
    top: unset;
    bottom: 7%;
    outline: 0;
}

.beachcomber-history-slider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background: url('../images/icn-prev-slider.png') no-repeat;
    left: 38%;
    right: unset;
    width: 41px;
    height: 41px;
    top: unset;
    bottom: 7%;
    outline: 0;
}

/* End Group history CSS */


/* ....... Artisans ....... */

/* Beachcomber artisans CSS */

.beachcomber-artisans-page {
    width: 100%;
    position: relative;
}

.beachcomber-artisans-bloc {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    top: -50px;
    margin-bottom: -50px;
}

.beachcomber-artisans-text {
    width: 50%;
    position: relative;
    padding: 0 5% 0 10%;
}

.beachcomber-artisans-text2 {
    width: 50%;
    position: relative;
}

.beachcomber-artisans-text h1 {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #3a3a3a;
    font-size: 57px;
    padding-bottom: 10%;
    position: relative;
    left: -30px;
    opacity: 0;
}

.beachcomber-artisans-text h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    color: #030405;
    font-size: 45px;
    padding-bottom: 3%;
    position: relative;
    left: -30px;
    opacity: 0;
}

.beachcomber-artisans-text p {
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 15px;
    line-height: 27px;
    padding-bottom: 7%;
}

.beachcomber-artisans-text a {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #2b2c2d;
    border: 1px solid #2b2c2d;
    padding: 10px 25px;
    display: table;
}

.beachcomber-artisans-text2 a {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #2b2c2d;
    border: 1px solid #2b2c2d;
    padding: 10px 25px;
}

.beachcomber-artisans-img {
    width: 50%;
    position: relative;
}

.beachcomber-artisans-img img {
    width: 100%;
    min-height: 769px;
    object-fit: cover;
    display: block;
}

.beachcomber-artisans-bloc:nth-child(even) .beachcomber-artisans-text {
    order: 2;
}

.beachcomber-artisans-bloc:nth-child(even) .beachcomber-artisans-img {
    order: 1;
}

/* End Beachcomber artisans CSS */

/* Artisans Job application CSS */

.artisans-head-image {
    width: 100%;
    position: relative;
}

.artisans-head-image:before {
    content: '';
    background-color: #2b2c2d;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.9;
}

.artisans-head-image img {
    width: 100%;
    display: block;
}

.artisans-job-offer {
    width: 100%;
    position: relative;
    /*display: flex;*/
    /*align-items: flex-end;*/
    /*justify-content: space-between;*/
    padding: 3% 0 0;
}

.job-offer-hotellogo {
    /*padding: 3% 0 2%;*/
    display: flex;
    align-items: center;
}

.artisans-job-offer:after {
    content: '';
    background-color: #2b2c2d;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    position: absolute;
}

.artisans-job-offer h2 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    color: #b3a974;
    font-size: 35px;
}

.job-offer-align {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1% 0;
}

.job-offer-title {
    width: 100%;
}

.job-offer-title h1 {
    font-family: "Montserrat", sans-serif;
    color: #b3a974;
    font-size: 44px;
    padding-bottom: 1.5%;
    position: relative;
    left: -30px;
    opacity: 0;
}

.job-offer-title p {
    font-family: "Montserrat", sans-serif;
    color: #b3a974;
    font-size: 14px;
}

.artisans-job-offer-description {
    width: 100%;
    position: relative;
    padding-top: 2%;
}

.artisans-job-offer-description img {
    width: 100% !important;  max-width: 100%;  height: auto;  border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom;
}

.artisans-job-offer-description p {
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 18px;
}

.artisans-job-offer-description h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 37px;
    color: #2b2c2d;
    padding: 3% 0 2%;
}

.artisans-job-offer-description li {
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 18px;
    line-height: 24px;
    list-style: none;
    position: relative;
    padding-bottom: 1%;
}

.artisans-job-offer-description li:before {
    content: "\2022";
    color: #b3a974;
    font-weight: bold;
    display: inline-block;
    width: 1%;
    margin-left: 0;
    font-size: 25px;
}

.artisans-job-offer-apply {
    width: 100%;
    position: relative;
    padding: 5% 0;
}

.apply-offer-title.container-left {
    padding-left: 7%;
    padding-bottom: 3%;
}

.apply-offer {
    width: 100%;
    position: relative;
    padding: 3% 3%;
    background-color: rgba(43, 44, 45, .9);
    display: flex;
    align-items: flex-start;
}

.apply-offer-form {
    width: 45%;
    position: relative;
}

.apply-offer-form p {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 7%;
    padding-top: 2%;
}

.apply-offer-form a {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 12px;
    padding: 15px 25px;
    border: 1px solid #fff;
}

.apply-offer-address {
    width: 55%;
    position: relative;
    padding-left: 2%;
}

.apply-offer-address:before {
    content: '';
    background-color: #b3a974;
    width: 7px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.apply-offer-address p {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 2% 0;
}

.apply-offer-address p .dark {
    font-family: "Montserrat", sans-serif;
}

.apply-offer-address a {
    color: #b3a974;
}

.beachcomber-plus {
    width: 100%;
    position: relative;
    display: flex;
}

.beachcomber-plus-section {
    width: 50%;
    position: relative;
}

.beachcomber-plus-section:before {
    content: '';
    background-color: #2b2c2d;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.6;
}

.beachcomber-plus-section img {
    width: 100%;
    min-height: 260px;
    object-fit: cover;
}

.beachcomber-plus-section a {
    font-family: "Montserrat", serif;
    font-weight: 400;
    z-index: 2;
    color: #ffffff;
    font-size: 45px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
}

.application-form-title {
    padding: 5% 0;
}

.application-form-title .container-left {
    padding-left: 7%;
    padding-bottom: 3%;
}

.application-form-title .container-left h3 p:before {
    display: none;
}

.application-form-title p {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 18px;
    padding-left: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    position: relative;
}

.application-form-title p:before {
    content: '';
    background-color: #b3a974;
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.spontaneous-form {
    width: 100%;
    position: relative;
    background-color: rgba(43, 44, 45, .9);
    padding: 2% 2% 10%;
    margin-top: 2%;
}

.application-form-title.spon p {
    color: #2b2c2d;
}

.application-form-title.spon .umbraco-forms-field-wrapper p {
    color: #fff;
}

.spontaneous-form p {
    padding-left: 0;
    padding-bottom: 3%;
}

.spontaneous-form p:before {
    display: none;
}

.spontaneous-form .umbraco-forms-field:not(:nth-child(2)) label.umbraco-forms-label {
    display: none;
}

/* .spontaneous-form .umbraco-forms-field.country.dropdown {
    width: 49%;
    position: relative;
    background-color: unset;
    top: unset;
    left: unset;
    height: unset;
    z-index: unset;
    display: unset;
    border-bottom: unset;
} */

.spontaneous-form .umbraco-forms-field.fileupload label.umbraco-forms-label, .spontaneous-form .umbraco-forms-field.fileupload label.umbraco-forms-label {
    display: block;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.spontaneous-form .umbraco-forms-field.fileupload {
    color: #fff !important;
}

.spontaneous-form .umbraco-forms-field .chooseFile {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 95%;
    border: 1px solid #859eb2;
    padding: 0 10px;
}

.spontaneous-form .umbraco-forms-field.fileupload .field-validation-error, .spontaneous-form .umbraco-forms-field.fileupload .field-validation-error {
    position: absolute;
    left: 0;
    bottom: -10px;
}

.spontaneous-form .umbraco-forms-field.multiplechoice  {
    padding-bottom: 20px;
}

.spontaneous-form label.umbraco-forms-label {
    color: #b3a974;
    font-family: "Montserrat", sans-serif;
}

.spontaneous-form .umbraco-forms-form span.checkboxlist {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 0 0;
    float: none;
    cursor: pointer;
}

.spontaneous-form .umbraco-forms-form span.checkboxlist .variation {
    width: 20%;
    position: relative;
    margin-bottom: 10px;
}

.spontaneous-form .umbraco-forms-form span.checkboxlist input[type='checkbox'] {
    -webkit-appearance: none;
    appearance: none;
}

.spontaneous-form .umbraco-forms-form span.checkboxlist input:after {
    line-height: 18px;
    font-size: 12px;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-left: 0;
    background: transparent;
    font-family: FontAwesome;
    content: "\f00c";
    color: transparent;
    text-align: center;
    border: 1px solid #fff;
    cursor: pointer;
}

.spontaneous-form .umbraco-forms-form span.checkboxlist input[type='checkbox']:checked:after {
    font-family: FontAwesome;
    content: "\f00c";
    color: #fff;
}

.spontaneous-form .dataconsent input[type='checkbox'] {
    -webkit-appearance: none;
    appearance: none;
}

.spontaneous-form .dataconsent input:after {
    line-height: 18px;
    font-size: 12px;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-left: 0;
    background: transparent;
    font-family: FontAwesome;
    content: "\f00c";
    color: transparent;
    text-align: center;
    border: 1px solid #fff;
    cursor: pointer;
}

.spontaneous-form .dataconsent input[type='checkbox']:checked:after {
    font-family: FontAwesome;
    content: "\f00c";
    color: #fff;
}

.spontaneous-form .umbraco-forms-form span.checkboxlist label {
    font-size: 12px;
    margin-left: 10px;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    float: none;
}

.spontaneous-form .umbraco-forms-container {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.spontaneous-form .umbraco-forms-field {
    position: relative;
}

.spontaneous-form .umbraco-forms-field:first-child {
    width: 100%;
}

.spontaneous-form .umbraco-forms-field:nth-child(2) {
    width: 100%;
}

.spontaneous-form .umbraco-forms-field:not(:nth-child(2)) {
    width: 49%;
    padding-bottom: 15px;
}

.spontaneous-form .umbraco-forms-field input[type='text'] {
    width: 95%;
    height: 35px;
    border: 1px solid #fff;
    outline: 0;
    padding: 0 10px;
    background: transparent;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 14px;
    max-width: 100% !important;
}

.spontaneous-form .umbraco-forms-field.country {
    width: 100%;
}

.spontaneous-form .umbraco-forms-field.pays {
    width: 100%;
}

.spontaneous-form .umbraco-forms-field select {
    width: 46.5%;
    height: 35px;
    border: 1px solid #fff;
    outline: 0;
    padding: 0 10px;
    background: transparent;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 14px;
}

.spontaneous-form .umbraco-forms-field textarea {
    width: 95%;
    height: 100px;
    border: 1px solid #fff;
    outline: 0;
    padding: 10px;
    background: transparent;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 14px;
    max-width: 100% !important;
}

.spontaneous-form .umbraco-forms-field.dataconsent {
    width: 95%;
    float: left;
    padding-top: 50px;
}

.spontaneous-form .umbraco-forms-field.dataconsent label {
    color: #fff;
}

.spontaneous-form .umbraco-forms-field input::-webkit-input-placeholder, .spontaneous-form .umbraco-forms-field textarea::-webkit-input-placeholder {
    color: #fff !important;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.spontaneous-form .umbraco-forms-field input::-moz-placeholder, .spontaneous-form .umbraco-forms-field textarea::-moz-placeholder {
    color: #fff !important;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.spontaneous-form .umbraco-forms-field input:-ms-input-placeholder, .spontaneous-form .umbraco-forms-field textarea:-ms-input-placeholder {
    color: #fff !important;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.spontaneous-form .umbraco-forms-field input:-moz-placeholder, .spontaneous-form .umbraco-forms-field textarea:-moz-placeholder {
    color: #fff !important;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.spontaneous-form .umbraco-forms-field input::placeholder, .spontaneous-form .umbraco-forms-field textarea::placeholder {
    color: #fff !important;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

/*.spontaneous-form .umbraco-forms-field.fileupload .umbraco-forms-field-wrapper {*/
/*    width: 95%;*/
/*    height: 35px;*/
/*    border: 1px solid #859eb2;*/
/*}*/

.spontaneous-form .umbraco-forms-navigation input {
    border: 1px solid #fff;
    padding: 0 35px;
    height: 35px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background: transparent;
    outline: 0;
    cursor: pointer;
}

.spontaneous-form .fileupload input {
    width: 100%;
    padding: 6px;
}

.spontaneous-employee-desc {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    top: -50px;
}

.spontaneous-form-left {
    width: 50%;
    position: relative;
}

.spontaneous-form-left h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    color: #2b2c2d;
    font-size: 60px;
}

.spontaneous-form-left p {
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 16px;
    line-height: 27px;
    padding-top: 10%;
    padding-right: 35%;
    padding-left: 10%;
    position: relative;
}

.spontaneous-form-left p:not(:nth-child(2)) {
    padding-top: 0;
}

.spontaneous-form-left p sup {
    display: block;
    font-family: "Montserrat", serif;
    color: #b3a974;
    font-size: 130px;
    position: absolute;
    left: 3%;
}

.spontaneous-form-left p:before {
    display: none;
}

.spontaneous-form-right {
    width: 50%;
    position: relative;
    right: -80px;
}

.spontaneous-employee {
    position: absolute;
    bottom: 0%;
    left: -20%;
}

.spontaneous-employee p:before {
    display: none;
}

.spontaneous-employee p {
    font-size: 14px;
}

/* End Artisans Job application CSS */

/* Artisans join beachcomber CSS */

.beachcomber-board.join h1 {
    padding-bottom: 0;
    position: relative;
    left: -30px;
    opacity: 0;
}

/*.board-image.board-image-join {*/
/*    left: -150px;*/
/*}*/

.board-image.board-image-join img {
    width: 100%;
    
}

.beachcomber-job-offers .container-left {
    padding-left: 7%;
}

.job-offers-filter {
    width: 100%;
    position: relative;
    padding-top: 2%;
}

.job-offers-filter p {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 27px;
    color: #898989;
}

.offers-filter {
    padding-top: 1%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.offers-filter p {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #2b2c2d;
}

.all-jobs-container {
    width: 100%;
    position: relative;
}

.filters {
    display: flex;
    align-items: flex-end;
    padding: 2% 0;
}

.filters select {
    width: 95%;
    height: 35px;
    border: 1px solid #2b2c2d;
    outline: 0;
    padding: 0 10px;
    background: transparent;
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 14px;
}

.filters #quicksearch {
    width: 95%;
    height: 35px;
    border: 1px solid #859eb2;
    outline: 0;
    padding: 0 10px;
    background: transparent;
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 14px;
}

.filter input[type="submit"] {
    border: 1px solid #2b2c2d;
    padding: 0 35px;
    height: 35px;
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background: transparent;
    outline: 0;
    cursor: pointer;
}

.filters .ui-group h3 {
    font-size: 15px;
    color: #2b2c2d;
    font-weight: normal;
}

.jobs-item {
    background-color: rgba(43, 44, 45, .9);
    padding: 3% 3%;
    margin: 5px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.jobs-item:nth-child(odd) {
    margin-left: 0;
}

.jobs-item:nth-child(even) {
    margin-right: 0;
}

.place-logo {
    min-width: 130px;
    text-align: center;
}

.place-logo img {
    display: unset;
}

.jobs-details {
    display: flex;
    align-items: center;
}

.job-name {
    padding-left: 30px;
}

.job-name h3 {
    font-family: 'linotype-didot-headline', serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 20px;
}

.job-name p {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    color: #fff;
}

.job-date {
    padding-left: 20px;
    position: relative;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.job-date:before {
    content: '';
    background-color: #b3a974;
    width: 7px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.job-date h3 {
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    color: #fff;
}

.job-date p { 
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #fff;
}

.beachcomber-join-spontaneous {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 3% 0;
}

.join-spontaneous-img {
    width: 50%;
    position: relative;
}

.join-spontaneous-img img {
    width: 100%;
    min-height: 573px;
    object-fit: cover;
}

.join-spontaneous-text {
    width: 50%;
    position: relative;
}

.join-spontaneous-text .container-left {
    padding-left: 15%;
    padding-bottom: 5%;
}

.join-spontaneous-text .container-left p {
    padding-left: 0;
    padding-right: 10%;
    color: #898989;
}

.join-send-cv {
    width: calc(100% + 50px);
    position: relative;
    left: -50px;
    background-color: rgba(43, 44, 45, .9);
    padding: 5% 5%;
}

.join-send-cv h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 35px;
    color: #fff;
    padding-bottom: 5%;
}

.join-send-cv a {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 25px;
}

/* Artisans join beachcomber CSS */

/* Artisans we offer */

.we-offer-title {
    width: 100%;
    position: relative;
}

.we-offer-title h1 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 57px;
    padding: 5% 0;
    position: relative;
    left: -30px;
    opacity: 0;
}

.we-offer-title .container-left {
    padding-left: 7%;
}

.we-offer-title .container-left h3 p {
    padding-left: 0;
    padding-top: 0;
}

.we-offer-learning {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 5% 0;
}

.weoffer-learning-text {
    width: 70%;
    position: relative;
}

.we-offer-learning p {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #2b2c2d;
}

.training-academy-logo {
    width: 30%;
    text-align: right;
}

.training-academy-logo img {
    display: unset;
}

.we-offer-description {
    width: 100%;
    position: relative;
    padding: 5% 0;
}

.we-offer-description h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 37px;
    color: #2b2c2d;
    padding-bottom: 25px;
}

.we-offer-description p {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #2b2c2d;
    padding-bottom: 50px;
}

.we-offer-description p:last-child {
    padding-bottom: 0;
}

.beachcomber-benefits {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.beachcomber-benefits .container-left {
    padding-left: 3%;
    width: 50%
}

.beachcomber-benefits .container-left h3 {
    padding-bottom: 10%;
}

.beachcomber-benefits .container-left p {
    padding-left: 0;
    padding-right: 5%;
    padding-top: 0;
    padding-bottom: 3%;
}

.beachcomber-benefits .container-left p.container-gold {
    color: #bda15e;
    padding-bottom: 1%;
}

.beachcomber-benefits-img {
    width: 50%;
    position: relative;
    text-align: right;
    margin-top: 10%;
}

.beachcomber-benefits-img img {
    display: unset;
}

.benefits-img2 {
    position: absolute;
    bottom: -60%;
    right: 2%;
}

.beachcomber-awards {
    width: 100%;
    position: relative;
    padding: 5% 0;
}

.beachcomber-awards .container-left {
    padding-left: 7%;
}

.beachcomber-awards .container-left h3 p {
    padding-top: 0;
    padding-left: 0;
}

.beachcomber-awards-people {
    width: 100%;
    position: relative;
    padding-top: 5%;
    padding-left: 7%;
}

.awards-desc {
    width: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 2%;
}

.awards-desc:last-child {
    padding-bottom: 0;
}

.awards-desc:nth-child(even) {
    padding-left: 30%;
}

.awards-desc-text {
    padding-left: 3%;
}

.awards-desc-text h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    color: #2b2c2d;
    font-size: 30px;
    padding-bottom: 20px;
}

.awards-desc-text p {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #2b2c2d;
    width: 60%;
}

.beachcomber-rewards {
    width: 100%;
    position: relative;
    padding: 0 0 5%;
    display: flex;
    align-items: center;
}

.beachcomber-rewards .container-left {
    padding-left: 10%;
    width: 50%;
}

.beachcomber-rewards .container-left p {
    padding-left: 0;
    padding-right: 10%;
    color: #2b2c2d;
}

.beachcomber-rewards-img {
    width: 50%;
}

.beachcomber-rewards-img img {
    min-height: 640px;
    width: 100%;
    object-fit: cover;
}

/* End Artisans we offer */


/* Artisans Life at beachcomber */

.beachcomber-philosophy.life {
    z-index: 2;
}

.beachcomber-philosophy.life .philosophy-text h1 {
    padding-bottom: 0;
    position: relative;
    left: -30px;
    opacity: 0;
}

.beachcomber-philosophy.life .container-left {
    padding-top: 0;
    padding-left: 7%;
}

.beachcomber-philosophy.life .philosophy-text p {
    padding: 5% 0;
}

.beachcomber-philosophy.life .philosophy-joy {
    bottom: -3%;
    padding: 2% 7% 2%;
    width: 100%;
    max-width: 70%;
}

.beachcomber-philosophy.life .philosophy-joy p {
    font-size: 18px;
    padding: 0;
}

.culture-text-slider {
    width: 100%;
    position: relative;
    padding: 3% 0 8%;
    margin-top: 5%;
}

.culture-slide-text {
    width: 100%;
    position: relative;
}

.culture-slide-text h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    color: #fff;
    font-size: 52px;
    padding-bottom: 10px;
}

.culture-slide-text p {
    font-size: 15px !important;
    width: 65%;
}

.culture-text-slider .swiper-pagination {
    color: #ffffff;
    text-align: left;
    top: 0;
    bottom: unset;
}

.culture-text-slider .swiper-pagination span {
    color: #ffffff;
}

.culture-text-slider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: url('../images/icn-next-slidewhite.png') no-repeat;
    right: 0;
    width: 41px;
    height: 41px;
    top: unset;
    left: unset;
    bottom: 0;
    outline: 0;
}

.culture-text-slider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background: url('../images/icn-prev-slidewhite.png') no-repeat;
    left: unset;
    right: 10%;
    width: 41px;
    height: 41px;
    top: unset;
    bottom: 0;
    outline: 0;
}

.artisans-head-image.life:before {
    display: none;
}

.artisans-stories {
    width: 100%;
    position: relative;
    padding: 5% 0;
}

.artisans-stories .container-left {
    padding-left: 7%;
    padding-bottom: 3%;
}

.artisans-stories p {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #2b2c2d;
}

.artisans-stories-slider {
    width: 100%;
    position: relative;
    background-color: rgba(43, 44, 45, .9);
    padding: 1% 5%;
    margin-top: 2%;
}

.artisans-stories-slider .swiper-container {
    padding-top: 0;
}

.stories-video {
    width: 100%;
    position: relative;
    text-align: center;
}

.stories-video img {
    display: unset;
}

.stories-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.artisans-stories-slider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: url('../images/icn-next-slidewhite.png') no-repeat;
    right: 1%;
    width: 41px;
    height: 41px;
    bottom: unset;
    left: unset;
    top: 50%;
    outline: 0;
}

.artisans-stories-slider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background: url('../images/icn-prev-slidewhite.png') no-repeat;
    right: unset;
    left: 1%;
    width: 41px;
    height: 41px;
    bottom: unset;
    top: 50%;
    outline: 0;
}

.beachcomber-listening {
    width: 100%;
    position: relative;
    display: flex;
    padding: 5% 0;
}

.beachcomber-listening-text {
    width: 50%;
    position: relative;
}

.beachcomber-listening-text .container-left {
    padding-left: 7%;
    padding-bottom: 10%;
}

.listening-text {
    width: 100%;
    position: relative;
}

.listening-text h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 24px;
    color: #2b2c2d;
    padding-bottom: 25px;
}

.listening-text p {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #2b2c2d;
    padding-bottom: 25px;
}

.hapiness-index {
    width: 100%;
    position: relative;
    max-width: 85%;
    padding-top: 5%;
}

.hapiness-index h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    color: #2b2c2d;
    font-size: 30px;
    text-align: center;
}

.hapiness-index-container {
    width: 100%;
    position: relative;
    background-color: rgba(43, 44, 45, .9);
    margin-top: 2%;
    padding: 5%;
    display: flex;
    align-items: center;
}

.hotel-index {
    text-align: center;
    padding: 0 8%;
    position: relative;
}

.hotel-index:after {
    content: '';
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 10px;
    width: 1px;
    height: 90%;
}

.hotel-index:first-child {
    padding-left: 0;
}

.hotel-index:last-child {
    padding-right: 0;
}

.hotel-index:last-child:after {
    display: none;
}

p.hotel-index-name {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    color: #fff;
}

p.hotel-index-number {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    color: #fff;
    padding-top: 15px;
}

p.hotel-index-number.gold {
    color: #b3a974;
}

.beachcomber-listening-img {
    width: 50%;
    text-align: right;
    z-index: 2;
}

.beachcomber-listening-img:after {
    content: '';
    background-color: #ac8a43;
    width: 500px;
    height: 500px;
    position: absolute;
    top: 15%;
    right: -10%;
    z-index: -1;
}

.beachcomber-listening-img img {
    display: unset;
}

.beachcomber-with-community {
    width: 100%;
    position: relative;
    padding: 5% 0 0;
    z-index: 2;
}

.beachcomber-with-community .container-left {
    padding-left: 7%;
}

.beachcomber-with-community p {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #2b2c2d;
    padding: 3% 0;
}

.work-community-container {
    width: 100%;
    position: relative;
}

.community-work {
    width: 100%;
    position: relative;
    padding: 1%;
    background-color: rgba(43, 44, 45, .9);
    margin-bottom: 5px;
}

.work-community-wrap {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.work-community-wrap h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    color: #b3a974;
    min-width: 90px;
}

.work-community-wrap p {
    font-family: "Montserrat", sans-serif;
    font-size: 23px;
    line-height: 26px;
    color: #fff;
    padding: 5px 0 5px 10px;
    position: relative;
}

.work-community-wrap p:before {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
}

.work-community-open {
    width: 100%;
    position: relative;
    padding-top: 2%;
    margin-top: 1%;
    display: none;
}

.work-community-open.open {
    display: flex;
}

.work-community-open:after {
    content: '';
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
}

.work-community-open .open-text {
    padding-left: 5%;
}

.open-img {
    width: 50%;
    position: relative;
}

.open-img img {
    width: 100%;
}

.open-text {
    width: 50%;
    position: relative;
}

.open-text p {
    width: 80%;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.open-text li {
    color: #fff;
}

.community-arrow {
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    cursor: pointer;
}

.community-arrow.rotate {
    transform: translateY(-50%) rotate(90deg);
}

.community-help {
    width: 100%;
    position: relative;
    background-color: #2b2c2d;
    padding: 2% 7%;
    margin-top: 2%;
}

.community-help h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 36px;
    color: #fff;
    position: relative;
}

.community-help h3:before {
    content: '';
    background: url('../images/icn-community-help.png') no-repeat;
    position: absolute;
    top: 0;
    left: -5%;
    width: 54px;
    height: 47px;
}

.community-help p { 
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
}

.community-help p a {
    color: #ffffff;
    position: relative;
    padding-bottom: 2px;
} 

.community-help p a:after {
    content: '';
    background-color: #bda15e;
    bottom: 0;
    left: 0;
    position: absolute;
    height: 1px;
    width: 100%;
}

.beachcomber-artisans.life .container-left p {
    width: 70%;
}

.artisans-life-text h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 120px;
    line-height: 60px;
    color: #fff;
}

.artisans-life-text p {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 52px;
    color: #fff;
    padding-bottom: 10%;
}

.artisans-life-text a {
    font-family: "Montserrat", serif;
    font-size: 12px;
    color: #fff;
    padding: 10px 25px;
    border: 1px solid #fff;
}

/* End Artisans Life at beachcomber */

/* ....... End Artisans ....... */


/* ....... Investors ....... */

/* Investors financial performance */

.beachcomber-financial-performances {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.financial-perfomances-text {
    width: 50%;
    position: relative;
    padding: 3% 0 0 8%;
}

.financial-perfomances-text h1 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 57px;
    padding-bottom: 4%;
    position: relative;
    left: -30px;
    opacity: 0;
}

.financial-perfomances-text p {
    padding-bottom: 30px;
    line-height: 27px;
    padding-right: 25%;
}

.financial-perfomances-text a {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color: #2b2c2d;
    border: 1px solid #2b2c2d;
    padding: 10px 20px;
    display: table;
}

.financial-perfomances-text a .in-cta {
    display: flex;
    align-items: center;
    transition: none;
}

.financial-perfomances-text a .in-cta svg {
    margin-right: 10px;
}

.fp-key-figures {
    width: 100%;
    position: relative;
    padding-top: 12%;
}

.fp-left.container-left {
    padding-left: 7%;
    padding-bottom: 5%;
}

.fp-figures-container {
    width: 100%;
    position: relative;
    background: rgba(43, 44, 45, .9);
    padding: 8% 0;
    display: flex;
    justify-content: center;
}

.fp-figures-number {
    width: 50%;
    padding: 0 5%;
    text-align: center;
    position: relative;
}

.fp-figures-number:not(:last-child):before {
    content: '';
    background-color: #9ca1a5;
    width: 1px;
    height: 85%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.fp-figures-number p {
    line-height: 27px;
    padding: 0;
    color: #fff;
}

.fp-figures-number h3 {
    font-size: 90px;
    color: #fff;
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    padding-top: 10px;
}

.fp-figures-number p.golden {
    font-size: 30px;
    color: #fff;
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
    top: 30px;
    opacity: 0;
}

.financial-perfomances-img {
    width: 50%;
    position: relative;
    top: -30px;
}

.financial-perfomances-img img {
    width: 100%;
    min-height: 769px;
    object-fit: cover;
    display: flex;
}

.beachcomber-performances-figures {
    width: 100%;
    position: relative;
    display: flex;
}

.performances-figures-img {
    width: 50%;
    position: relative;
}

.performances-figures-img img { 
    width: 100%;
    min-height: 574px;
    object-fit: cover;
}

.performances-figures-text {
    width: 50%;
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto;
}

.figures-text-numbers {
    width: 100%;
    position: relative;
    padding-left: 15%;
}

.performances-text-num {
    position: relative;
    padding-left: 10%;
    top: -15px;
}

.performances-text-num h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    color: #2b2c2d;
    font-size: 57px;
}

.performances-text-num p {
    font-family: "Montserrat", serif;
    color: #425862;
    font-size: 16px;
    padding-left: 20px;
}

.hotels-coming {
    width: 100%;
    position: relative;
    max-width: 50%;
    margin: 0 0 0 auto;
    background: rgba(43, 44, 45, .9);
    padding: 1% 3%;
}

.coming-soon-text {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 2%;
}

.coming-soon-text p {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 23px;
    color: #fff;
    padding-left: 20px;
}

.hotels-construction {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 10%;
}

.hotels-construction h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 57px;
    color: #fff;
}

.hotels-construction p {
    font-family: "Montserrat", serif;
    color: #fff;
    font-size: 16px;
    padding-left: 15px;
}

.beachcomber-responsible {
    width: 100%;
    position: relative;
    padding: 3% 0 5%;
}

.beachcomber-responsible .container-left {
    padding-left: 7%;
}

.beachcomber-responsible .container-left h3 p {
    line-height: 115px;
}

.beachcomber-responsible .container-left p {
    padding-left: 0;
    padding-top: 1%;
    width: 70%;
    color: #898989;
}

.beachcomber-responsible .container-left p.dark {
    color: #2b2c2d;
}

.beachcomber-performance-commitments {
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: auto auto auto auto;
    padding-bottom: 5%;
}

.beachcomber-performance-commitments img {
    width: 100%;
    max-height: 469px;
    min-height: 469px;
    object-fit: cover;
}

.beachcomber-performance-commitments img:not(:first-child) {
    max-width: 320px;
}

.performance-commitments {
    padding: 3%;
    width: 100%;
    background: #2b2c2d;
}

.performance-commitments .beachcomber-commitments-title {
    padding: 0;
    width: 100%;
}

.performance-commitments .beachcomber-commitments-title h3:before {
    display: none;
}

.performance-commitments .beachcomber-commitments-title p {
    padding: 5% 10% 5% 0;
    font-family: "Montserrat", sans-serif;
}

.performance-commitments .beachcomber-commitments-title:before {
    display: none;
}

/* End Investors financial performance */


/* Investors Communication */

.beachcomber-investors-communication {
    width: 100%;
    position: relative;
}

.investors-communication-text {
    width: 100%;
    position: relative;
    padding: 5% 0 3%;
}

.investors-communication-text h1 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 57px;
    color: #3a3a3a;
    padding-bottom: 3%;
    position: relative;
    left: -30px;
    opacity: 0;
}

.investors-communication-text p {
    padding-right: 10%;
    font-size: 18px;
}

.shareholders-calendar {
    width: 100%;
    position: relative;
    background-color: #2b2c2d;
    padding: 2% 2% 1%;
}

.shareholders-calendar h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 36px;
    color: #fff;
    padding-bottom: 3%;
}

.shareholders-calendar h3:before {
    content: '';
    background: url('../images/icn-shareholders-calendar.png') no-repeat;
    position: relative;
    display: inline-block;
    width: 35px;
    height: 37px;
    padding-right: 20px;
    vertical-align: sub;
}

.swiper-container.shareholders-slider {
    padding-top: 0;
}

.shareholders-slider-text {
    position: relative;
}

.shareholders-slider-text h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 23px;
    color: #fff;
}

.shareholders-slider-text h3:before {
    display: none;
}

.shareholders-slider-text p {
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    padding-right: 10%;
}

.beachcomber-investors-report {
    width: 100%;
    position: relative;
    padding: 5% 0;
}

.beachcomber-investors-report .container-left {
    padding-left: 7%;
    padding-bottom: 5%;
}

.investors-report-container {
    width: 100%;
    position: relative;
    background-color: #2b2c2d;
    padding: 7% 0 4%;
}

.swiper-container.annual-reports-slider {
    padding-top: 0;
}

.investors-report-container .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background: url('../images/icn-prev-slider.png') no-repeat;
    left: 1.5%;
    width: 41px;
    height: 41px;
    top: 50%;
    outline: 0;
}

.investors-report-container .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: url('../images/icn-next-slider.png') no-repeat;
    right: 1.5%;
    width: 41px;
    height: 41px;
    top: 50%;
    left: unset;
    outline: 0;
}

.report-desc {
    width: 100%;
    position: relative;
    max-width: 210px;
    margin: 0 auto;
}

.report-desc h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    color: #fff;
    padding-bottom: 10px;
}

.report-desc-download {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
}

.report-desc-download p {
    font-size: 10px;
    color: #fff;
}

.investors-report-container .swiper-pagination {
    bottom: unset;
    top: 7%;
    left: 6%;
    text-align: left;
}

.beachcomber-financial-communique {
    width: 100%;
    position: relative;
    padding-bottom: 3%;
}

.beachcomber-financial-communique .container-left {
    padding-left: 7%;
}

.financial-communique-container {
    width: 100%;
    position: relative;
    padding-top: 3%;
}

.financial-communique-repeat {
    width: 100%;
    position: relative;
}

.financial-communique-date {
    width: 100%;
    position: relative;
    background-color: #575859;
    padding: 1%;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.financial-communique-date h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    color: #fff;
    min-width: 90px;
}

.financial-communique-date p {
    font-family: "Montserrat", sans-serif;
    font-size: 23px;
    line-height: 26px;
    color: #fff;
    padding: 5px 0 5px 10px;
    position: relative;
}

.financial-communique-date p:before {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
}

.financial-communique-date .community-arrow {
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%) scaleY(-1);
    cursor: pointer;
}

.financial-communique-date .community-arrow.rotate {
    transform: translateY(-50%) scaleY(1);
}

.financial-communique-pdf {
    width: 100%;
    position: relative;
    padding: 3%;
    margin-bottom: 5px;
    background-color: rgba(87, 88, 89, .9);
    transition: none;
    display: none;
}

.financial-communique-pdf.open {
    display: block;
}

.communique-date-desc {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    cursor: pointer;
}

.communique-date-desc:after {
    content: '';
    background: #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.communique-date-desc:first-child {
    padding-top: 0;
}

.communique-date-desc:last-child {
    padding-bottom: 0;
}

.communique-date-desc:last-child:after {
    display: none;
}

.communique-date-desc h3 {
    color: #fff;
    font-size: 10px;
    padding-right: 15px;
}

.communique-date-desc p {
    position: relative;
    padding: 5px 0 5px 15px;
    line-height: 27px;
    margin-left: 15px;
    color: #fff;
}

.communique-date-desc p:before {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
}

/* End Investors Communication */

/* Investors Policies Governance */

.policies-governance-img {
    width: 50%;
    position: relative;
    top: -30px;
}

.policies-governance-img img {
    min-height: 687px;
}

.beachcomber-corporate-documents {
    width: 100%;
    position: relative;
    padding: 3% 0;
}

.beachcomber-corporate-documents .container-left {
    padding-left: 7%;
    padding-bottom: 3%;
}

.corporate-documents-container {
    background-color: #575859;
    padding: 2%;
}

.corporate-documents-container .financial-communique-pdf {
    display: block;
    padding-top: 2%;
    margin-bottom: 0;
    background-color: unset;
}

/* End Investors Policies Governance */

/* ....... End Investors ....... */


/* ....... Commitments ....... */

/* Commitments FED */

.beachcomber-FED {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.beachcomber-FED-img {
    position: relative;
    width: 40%;
}

.beachcomber-FED-text {
    position: relative;
    width: 60%;
}

.beachcomber-FED-text h1 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 57px;
    color: #3a3a3a;
    position: relative;
    left: -30px;
    opacity: 0;
}

.FED-text-icon {
    width: 100%;
    position: relative;
    padding-left: 20%;
}

.FED-text-icon img {
    display: unset;
}

.beachcomber-FED-initiatives {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    padding-top: 5%;
}

.FED-initiatives-links {
    width: 34%;
    background-color: #f8f4ee;
    position: relative;
    padding: 5% 7% 10%;
}

.FED-initiatives-links li {
    display: block;
    list-style: none;
    padding: 5% 0;
    position: relative;
    cursor: pointer;
}

.FED-initiatives-links li:first-child {
    padding-top: 0;
}

.FED-initiatives-links li a {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #3a3a3a;
}

.FED-initiatives-links li a.active p {
    color: #bda15e;
}

.FED-initiatives-links li:after {
    content: '';
    width: 30%;
    height: 1px;
    background: #3a3a3a;
    position: absolute;
    bottom: 10px;
    left: 0;
}

.FED-initiatives-links li:after > a.active {
    background: #bda15e;
}

.FED-initiatives-container {
    width: 66%;
    position: relative;
    padding-left: 3%;
    padding-right: 15%;
}

.initiatives-text {
    width: 100%;
    position: relative;
}

.initiatives-text h2, .initiatives-text h2 p {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 60px;
    line-height: 61px;
    color: #01345f;
}

.initiatives-text p {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 27px;
    padding-top: 2%;
}

.initiatives-text ul {
    padding-top: 1%;
}

.initiatives-text li {
    list-style: none;
    position: relative;
    font-family: "Montserrat", sans-serif;
    color: #3a3a3a;
    font-size: 18px;
    line-height: 27px;
    padding-bottom: 2%;
    padding-left: 20px;
}

.initiatives-text li:before {
    content: "\2022";
    color: #bda15e;
    font-weight: bold;
    font-size: 25px;
    position: absolute;
    left: 0;
}

.initiatives-photo-gallery {
    width: 100%;
    position: relative;
    padding-top: 5%;
}

.initiatives-photo-gallery p {
    font-family: "Montserrat", sans-serif;
    color: #3a3a3a;
    font-size: 18px;
    line-height: 26px;
}

.inner-photo-gallery {
    display: -ms-grid;
    display: grid;
    grid-template-columns: auto auto auto;
    padding-top: 3%;
    padding-bottom: 15%;
}

.initiatives-gallery-img {
    padding-right: 5%;
    padding-bottom: 5%;
}

.initiatives-gallery-img img {
    width: 100%;
}

.inner-photo-gallery a#loadMoree {
    font-family: "Montserrat", sans-serif;
    color: #bda15e;
    font-size: 12px;
    border: 1px solid #bda15e;
    padding: 10px 30px;
    text-align: center;
    bottom: 8%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}


/* End Commitments FED */


/* Commitments Key achievements */

.beachcomber-key-achievements {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

.key-achievements-text {
    position: relative;
    width: 50%;
    padding-right: 5%;
}

.key-achievements-text .key-achievements-text {
    width: 100%;
}

.key-achievements-text h1 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 57px;
    color: #3a3a3a;
    position: relative;
    left: -30px;
    opacity: 0;
}

.key-achievements-text p {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 27px;
    padding-top: 5%;
}

.key-achievements-img {
    position: relative;
}

.key-achievements-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.beachcomber-responsible-initiatives {
    width: 100%;
    position: relative;
    background-color: #f8f4ee;
    padding: 7% 0 0;
    top: -50px;
    margin-bottom: 7%;
}

.inner-responsible-initiatives {
    width: 100%;
    position: relative;
}

.responsible-initiatives-title.container-left {
    padding-left: 7%;
}

.responsible-initiatives-title.container-left h3 {
    color: #2b6147;
}

.responsible-initiatives-title.container-left h3:before {
    background-color: #2b6147;
}

.responsible-initiatives-title.container-left h3 p {
    color: #2b6147;
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 90px;
    line-height: 60px;
    position: relative;
}

.responsible-initiatives-title.container-left p {
    padding-left: 0;
    padding-top: 2%;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 27px;
}

.responsible-initiatives-images {
    width: 100%;
    position: relative;
    max-width: 1375px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.initiatives-images-bloc {
    position: relative;
    top: 80px;
    margin-bottom: 3%;
    margin-right: 2%;
    cursor: pointer;
}

.initiatives-images-bloc:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #2b6147;
    z-index: 1;
    opacity: 0.45;
}

.initiatives-bloc-overlay {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 2;
}

.initiatives-bloc-overlay h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
}

.initiatives-images-bloc:nth-child(even) {
    top: calc(80px + 30px);
}

/* End Commitments Key achievements */


/* End 52 Commitments */

.beachcomber-52-commitment {
    width: 100%;
    position: relative;
}

.commitment-text-logo {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2% 0;
}

.commitment-text {
    width: 100%;
    position: relative;
}

.commitment-text h1 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 57px;
    color: #3a3a3a;
    position: relative;
    left: -30px;
    opacity: 0;
}

.commitment-logo {
    position: relative;
}

.commitment-video {
    width: 100%;
    position: relative;
}

.commitment-video img {
    width: 100%;
    min-height: 519px;
    object-fit: cover;
}

.commitment-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.commitment-video-play img {
    width: unset;
    min-height: unset;
    object-fit: unset;
}

.beachcomber-art-beauty {
    width: 100%;
    position: relative;
    top: -75px
}

.art-beauty-text {
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 8% 0;
}

.art-beauty-text:after {
    content: '';
    background: #f8f4ee;
    width: 100%;
    max-width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.art-beauty-text p {
    font-size: 17px;
    line-height: 27px;
    padding-bottom: 2%;
    padding-left: 5%;
    width: 50%;
}

.art-beauty-title.container-left {
    padding-top: 5%;
    padding-left: 8%;
}

.art-beauty-title.container-left h3:before {
    background-color: #2b6147;
}

.art-beauty-title.container-left h3 p {
    color: #2b6147;
    padding-left: 0;
    width: 100%;
}

.art-beauty-title.container-left h3 {
    color: #2b6147;
}

.beachcomber-initiatives {
    width: 100%;
    position: relative;
    top: -150px;
    z-index: 2;
}

.initiatives-images {
    width: 100%;
    position: relative;
    max-width: 1375px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.initiatives-bloc {
    position: relative;
    margin-bottom: 3%;
    margin-right: 2%;
}

.initiatives-bloc:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #2b6147;
    z-index: 1;
    opacity: 0.45;
}

.initiatives-bloc-overlay {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 2;
}

.initiatives-bloc-overlay h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 40px;
    line-height: 40px;
    color: #ffffff;
}

.initiatives-bloc:nth-child(even) {
    top: 30px;
}

.beachcomber-social-charter {
    width: 100%;
    position: relative;
    background: #f8f4ee;
    height: 210px;
    margin-bottom: 10%;
    display: flex;
    align-items: center;
}

.inner-social-charter {
    width: 100%;
    max-width: 1375px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.social-charter-text {
    position: relative;
    padding-left: 5%;
}

.social-charter-text h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 35px;
    color: #bda15e;
    padding-bottom: 5%;
}

.social-charter-text a {
    color: #95855e;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    border: 1px solid #95855e;
    padding: 10px 25px;
}

/* End 52 Commitments */

/* ....... End Commitments ....... */


/* Newsroom Section */

.Communique {
    padding-top: 10%;
    padding-bottom: 5%;
}

.Communique .footer-links-info {
    padding: 2% 0;
}

.Communique .footer-links-info p {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    color: #2b2c2d;
}

.Communique .footer-links-info:after {
    content: '';
    background: #bda15e;
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
}


.Communique h2 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 57px;
    color: #2b2c2d;
}

.Communique li {
    list-style: none;
    padding-bottom: 2%;
    padding-top: 2%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Communique li:after {
    content: '';
    background: #b3a974;
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
}

.Communique li:last-child:after {
    display: none;
}

.communique-text span {
    line-height: 27px;
}

.communique-text .date {
    color: #2b2c2d;
    font-size: 14px;
    display: block;
    padding-bottom: 10px;
    font-family: "Montserrat", sans-serif;
}

.Communique a {
    margin-left: 5%;
}

.Communique a .download {
    border: 1px solid #2b2c2d;
    padding: 10px 30px;
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background: transparent;
    outline: 0;
    cursor: pointer;
}

.Communique li:last-child {
    padding-bottom: 0;
}

/* End Newsroom Section */


/* Newsletter Section */

.beachcomber-newsletter {
    width: 100%;
    position: relative;
    /*background-color: #dee5ea;*/
}

.newsletter-section {
    width: 100%;
    position: relative;
    padding: 1% 0;
}

.newsletter-section .umbraco-forms-page {
    display: flex;
}

.newsletter-section label.umbraco-forms-label {
    display: none;
}

.newsletter-section .connect {
    margin-bottom: 15px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 130%;
    color: #2b2c2d;
}

.newsletter-section .connect strong {
    display: block;
    font-size: 20px;
}

.newsletter-section .connect a {
    text-decoration: underline;
}

.newsletter-section .connect a:hover {
    color: #b3a974;
}

.newsletter-section .umbraco-forms-form {
    padding: 0;
}

.newsletter-section .umbraco-forms-form fieldset {
    padding: 0;
}

fieldset {
    border: none;
}

.newsletter-section .umbraco-forms-field {
    position: relative;
    padding-bottom: 20px;
}

.newsletter-section .field-validation-error {
    color: #ff0000;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    position: absolute;
    left: 0;
    bottom: 5px;
}

.newsletter-section .umbraco-forms-field {
    display: inline-block;
}

.newsletter-section .umbraco-forms-field.email {
    display: inline-block;
}

.newsletter-section .umbraco-forms-field.dataconsent {
    cursor: pointer;
}

.newsletter-section .umbraco-forms-form .umbraco-forms-field input.text, .newsletter-section .umbraco-forms-form .umbraco-forms-field.email input {
    width: 400px;
    height: 35px;
    border: 1px solid #2b2c2d;
    outline: 0;
    padding: 0 10px;
    background: transparent;
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 14px;
    max-width: 100% !important;
    margin: 0;
}

.newsletter-section .umbraco-forms-form .umbraco-forms-field input.text::-webkit-input-placeholder, .umbraco-forms-form .umbraco-forms-field.email input::-webkit-input-placeholder {
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.newsletter-section .umbraco-forms-form .umbraco-forms-field input.text::-moz-placeholder, .umbraco-forms-form .umbraco-forms-field.email input::-moz-placeholder {
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.newsletter-section .umbraco-forms-form .umbraco-forms-field input.text:-ms-input-placeholder, .umbraco-forms-form .umbraco-forms-field.email input:-ms-input-placeholder {
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.newsletter-section .umbraco-forms-form .umbraco-forms-field input.text:-moz-placeholder, .umbraco-forms-form .umbraco-forms-field.email input:-moz-placeholder {
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.newsletter-section label.umbraco-forms-label {
    display: none;
}

.newsletter-section .umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper label {
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    margin-left: 10px;
}

.contact-form-inner .umbraco-forms-field.disclaimer input {
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    width: auto;
    padding: 0 10px 0 0;
}

.contact-form-inner .umbraco-forms-field.disclaimer input:after {
    line-height: 18px;
    font-size: 12px;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-left: 0;
    background: transparent;
    font-family: FontAwesome;
    content: "\f00c";
    color: transparent;
    text-align: center;
    border: 1px solid #fff;
}

.contact-form-inner .umbraco-forms-field.disclaimer input[type='checkbox']:checked:after {
    font-family: FontAwesome;
    content: "\f00c";
    color: #fff;
}

.contact-form-inner .umbraco-forms-field.disclaimer label {
    color: #fff;
}

.contact-form-inner .umbraco-forms-field.clausedenonresponsabilité input {
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    width: auto;
    padding: 0 10px 0 0;
}

.contact-form-inner .umbraco-forms-field.clausedenonresponsabilité input:after {
    line-height: 18px;
    font-size: 12px;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-left: 0;
    background: transparent;
    font-family: FontAwesome;
    content: "\f00c";
    color: transparent;
    text-align: center;
    border: 1px solid #fff;
}

.contact-form-inner .umbraco-forms-field.clausedenonresponsabilité input[type='checkbox']:checked:after {
    font-family: FontAwesome;
    content: "\f00c";
    color: #fff;
}

.contact-form-inner .umbraco-forms-field.clausedenonresponsabilité label {
    color: #fff;
}

.newsletter-section .umbraco-forms-field.dataconsent input {
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: 0;
    width: auto;
    padding: 0;
    height: auto;
}

.newsletter-section .umbraco-forms-field.dataconsent input:after {
    line-height: 18px;
    font-size: 12px;
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -4px;
    margin-left: 0;
    background: transparent;
    font-family: FontAwesome;
    content: "\f00c";
    color: transparent;
    text-align: center;
    border: 1px solid #2b2c2d;
}

.newsletter-section .umbraco-forms-field.dataconsent input[type='checkbox']:checked:after {
    font-family: FontAwesome;
    content: "\f00c";
    color: #2b2c2d;
}

.newsletter-section .umbraco-forms-navigation {
    padding-left: 15px;
}

.newsletter-section .umbraco-forms-navigation input {
    border: 1px solid #2b2c2d;
    padding: 0 35px;
    height: 35px;
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background: transparent;
    outline: 0;
    cursor: pointer;
}

.newsletter-section .umbraco-forms-form .umbraco-forms-navigation {
    padding: 0;
}

/* End Newsletter Section */

/* Contact Section */

.contact-form {
    width: 100%;
    position: relative;
    padding: 5% 0 0;
}

.contact-form-title {
    width: 100%;
    position: relative;
}

.contact-form-title .container-left {
    padding-left: 7%;
}

.contact-form-title p {
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 18px;
    padding-left: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    position: relative;
    margin-top: 3%;
}

.contact-form-title p:before {
    content: '';
    background-color: #2b2c2d;
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.contact-form-inner {
    width: 100%;
    position: relative;
    background-color: #2b2c2d;
    padding: 2% 2% 5%;
    margin-top: 1%;
}

.contact-form-inner .umbraco-forms-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.contact-form-inner .umbraco-forms-field {
    width: 50%;
    padding-bottom: 1%;
}

.contact-form-inner .umbraco-forms-field input {
    width: 95%;
    height: 35px;
    border: 1px solid #fff;
    outline: 0;
    padding: 0 10px;
    background: transparent;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 14px;
}

.contact-form-inner .umbraco-forms-form .umbraco-forms-field input.text {
    width: 95%;
    height: 35px;
    border: 1px solid #fff;
    outline: 0;
    padding: 0 10px;
    background: transparent;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 14px;
    max-width: 100% !important;
}

.contact-form-inner .umbraco-forms-form .umbraco-forms-field textarea {
    width: 95%;
    height: 100px;
    border: 1px solid #fff;
    outline: 0;
    padding: 10px;
    background: transparent;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 14px;
    max-width: 100% !important;
}

.contact-form-inner .umbraco-forms-field input::-webkit-input-placeholder, .contact-form-inner .umbraco-forms-field textarea::-webkit-input-placeholder {
    color: #fff !important;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.contact-form-inner .umbraco-forms-field input::-moz-placeholder, .contact-form-inner .umbraco-forms-field textarea::-moz-placeholder {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.contact-form-inner .umbraco-forms-field input:-ms-input-placeholder, .contact-form-inner .umbraco-forms-field textarea:-ms-input-placeholder {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.contact-form-inner .umbraco-forms-field input:-moz-placeholder, .contact-form-inner .umbraco-forms-field textarea:-moz-placeholder {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.contact-form-inner label.umbraco-forms-label {
    display: none;
}

.contact-form-inner .umbraco-forms-navigation input {
    border: 1px solid #fff;
    padding: 0 35px;
    height: 35px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    background: transparent;
    outline: 0;
    cursor: pointer;
}

.contact-form-location {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5% 0;
}

.contact-form-location2 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0% 0% 3% 0%;
}

.contact-form-location .footer-links-info {
    width: 50%;
    position: relative;
}

.contact-form-location2 .footer-links-info {
    width: 50%;
    position: relative;
}

.contact-form-location2 .footer-links-info p {
    color: #2b2c2d;
}

.contact-form-img {
    width: 50%;
    position: relative;
}

.contact-form-img img {
    width: 100%;
}

.contact-second-img {
    position: absolute;
    left: -22%;
    bottom: 5%;
}

.footer-links-info a.contact-location {
    display: flex;
    align-items: center;
    padding-top: 20px;
}

a.contact-location img {
    display: block;
}

a.contact-location p {
    padding-top: 0;
    padding-left: 15px;
}

.contact-form-location .footer-links-info p {
    color: #2b2c2d;
}

.contact-form-location .footer-links-info a {
    color: #2b2c2d;
}

.contact-form-location .footer-links-info a:hover {
    color: #b3a974;
}


/* Footer */

footer {
    width: 100%;
    position: relative;
}

footer:before {
    content: '';
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(179,169,116,50%) 50%, rgba(0,0,0,0) 100%);
    width: 100%;
    height: 30px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}

.footer-links {
    width: 100%;
    position: relative;
    background-color: #575859;
    padding: 5% 0;
}

.footer-links-container {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.footer-links-container .earthcheck {
    width: 5%;
    position: relative;
}

.footer-links-logo {
    width: 25%;
    position: relative;
    padding-right: 5%;
}

.footer-links-info {
    position: relative;
    padding-right: 5%;
}

.footer-links-info:last-child {
    padding-right: 0;
}

.footer-links-info h3 {
    font-family: "Montserrat", serif;
    font-weight: 700;
    /*font-style: italic;*/
    font-size: 21px;
    color: #b3a974;
}

.footer-links-info h3:not(:first-child) {
    padding-top: 2%;
}

.footer-links-info p {
    font-family: "Montserrat", serif;
    font-size: 14px;
    color: #fff;
    padding-top: 10px;
}

.footer-links-info a {
    font-family: "Montserrat", serif;
    font-size: 14px;
    color: #fff;
    display: block;
    padding-top: 10px;
    margin:0;
}

.footer-links-info li {
    display: inline-block;
    list-style: none;
    padding-right: 20px;
}

.footer-links-info li:last-child {
    padding-right: 0;
}

.footer-links-info .social li svg {
    display: block;
    transition: none;
    fill: #fff;
}

.footer-links-info .social li a:hover svg {
    fill: #030405;
}

/* .earthcheck {
    padding-top: 20px;
} */

.copyright-section {
    width: 100%;
    position: relative;
    background-color: #2b2c2d;
}

.inner-copyright-section {
    width: 100%;
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
}

.copyright-left {
    width: 80%;
    position: relative;
    text-align: left;
    display: flex;
}

.copyright-left p {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
}

.copyright-left li {
    display: inline-block;
    list-style: none;
    position: relative;
}

.copyright-left li:after {
    content: '';
    background-color: #ffffff;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.copyright-left li:last-child:after {
    display: none;
}

.copyright-left li a {
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
}

.copyright-right {
    width: 20%;
    position: relative;
    text-align: right;
}

.copyright-right p {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #ffffff;
}

.copyright-right p a {
    color: #ffffff;
}

.field-validation-error {
    font-size: 12px;
    color: #ff0000;
    display: block;
    padding-top: 5px;
}


/* added CSS */

/* search */

/*.js .search {*/
/*    position: fixed;*/
/*    z-index: 1000;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*}*/
  
.js .search::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(87, 88, 89, .99);
    opacity: 0.5;
}

.js .btn--search-close {
    display: block;
}

/************************/
/* Transitions 			*/
/************************/

.js .search {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.js .search::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*background: rgb(141,198,63, 0.5);*/
    background: rgba(87, 88, 89, .99);
}

.js .main-wrap {
    position: relative;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
  
.js .main-wrap--move {
    -webkit-transform: scale3d(0.7, 0.7, 1);
            transform: scale3d(0.7, 0.7, 1);
}
  
.js .main-wrap--move .btn--search {
    pointer-events: none;
    opacity: 0;
}
  
.js .search {
    pointer-events: none;
}
  
.js .search--open {
    pointer-events: auto;
}
  
.js .search::before {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
  
.js .search--open::before {
    opacity: 1;
}

.search--open .btn--search-close {
    opacity: 1;
}
  
/* Close button */
.btn--search-close {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    font-size: 2em;
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    display: none;
    color: #ffffff;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

  
/* Search form with input and description */
.search__suggestion, .search__info {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
    -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, -webkit-transform 0.4s;
    transition: opacity 0.4s, transform 0.4s;
    transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
}
  
.search--open .search__suggestion, .search--open .search__info {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
  
.search--open .search__suggestion:first-child {
    -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s;
}
  
.search--open .search__suggestion:nth-child(2) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
}
  
.js .search__input {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
  
.js .search--open .search__input {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
}

.search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.search__form {
    width: 75%;
}

.search__input {
    font-family: 'Poppins', sans-serif;
    font-size: 8vw;
    line-height: 1;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0.05em 0;
    color: #ffffff;
    border-bottom: 5px solid #ffffff !important;
}

.search__input {
    border: none;
    background: transparent;
    outline: 0;
}

.search__info {
    font-size: 20px;
    font-weight: 500;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0.85em 0;
    text-align: right;
    color: #fff;
}

.btn--search-close span:after {
    content: '';
    background: url(../images/icn-search-close.png) no-repeat;
    width: 64px;
    height: 64px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: 15px;
}


/* added CSS */

.searchresults {
    width: 100%;
    position: relative;
}

.searchresults p {
    font-size: 30px;
    line-height: 40px;
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-style: italic;
    padding: 1% 0 0;
    color: #fff;
}

.searchresults ul li {
    list-style: none;
    padding-bottom: 1%;
}

.searchresults ul li a {
    font-weight: 400;
    font-size: 13px;
    text-decoration: none;
    position: relative;
    color: #fff;
}

.searchresults ul li a:hover {
    color: #bda15e;
    transition: 0.5s ease-in-out all;
}

.history-description-text a:hover{color: #bda15e;}


/* new banner */

/*.refont-banner-slider:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 40%;*/
/*    height: 100%;*/
/*    background: rgba(43, 44, 45, .2);*/
/*    top: 0;*/
/*    right: 0;*/
/*    z-index: 1;*/
/*}*/

/*.refont-banner-slider .refont-content {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 5%;*/
/*    width: 30%;*/
/*    transform: translate(0, -50%);*/
/*    z-index: 2;*/
/*}*/

.refont-banner-slider .refont-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    transform: none;
    z-index: 2;
}

.refont-banner-slider .refont-content .welcome-text {
    width: 100%;
    position: relative;
    z-index: 2;
    max-width: 100%;
    margin: 0;
    padding-bottom: 0;
}

.refont-banner-slider .refont-content .welcome-text-title {
    left: auto;
}

.refont-banner-slider .refont-content .welcome-text-title h1 {
    font-family: 'linotype-didot', serif;
    font-style: italic;
}

.artisans-imgText {
    max-width: 80%;
    margin: 0 auto 10%;
}

.footer-links-container.resto { align-items: center; }


/* error */

main.error header {
    position: fixed;
}

main.error .history-description {
    top: 0;
    margin: 10% auto 5%;
}

main.error .history-description-text h1 {
    left: 0;
    opacity: 1;
}

main.error .history-description-text {
    padding: 5%;
}

section.pdfs {
    margin: 10% 0;
}

section.pdfs .financial-perfomances-text h1 {
    left: 0;
    opacity: 1;
}
    
footer.pdfs .footer-links-logo {
    display: none;
}




/* New artisans */

section.artisans-new-section {
    margin-top: 0;
}

section.artisans-new-section .swiper-container {
    width: 100%;
    position: relative;
}

.beachcomber-artisans-bannerN .photo:after {
    content: '';
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    height: 55%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.beachcomber-artisans-bannerN .content {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10%;
    z-index: 2;
}

.artisans-happiness-image.image {
    display: table;
    margin: 0 auto;
    width: auto;
    text-align: center;
}

.artisans-happiness-image {
    width: 100%;
    text-align: center;
}

.artisans-happiness-text {
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 130%;
    margin-top: 3%;
    font-family: "Montserrat", serif;
}

.beachcomber-artisans-bannerN.bloc-Nban .content {
    text-align: center;
    color: #fff;
}

.beachcomber-artisans-bannerN.bloc-Nban .content .artisans-bannerN-pretitle {
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-style: italic;
    padding-bottom: 1%;
}

.beachcomber-artisans-bannerN.bloc-Nban .content .artisans-happiness-image {
    width: 100%;
}

.beachcomber-artisans-bannerN.bloc-Nban .content .artisans-happiness-image h1 {
    font-size: 130px;
    line-height: 100%;
    color: #fff;
    font-family: 'linotype-didot', serif;
    font-style: italic;
    font-weight: normal;
}

.beachcomber-artisans-bannerN.bloc-Nban.stories .content .artisans-happiness-image h1 {
    font-size: 100px;
}

.beachcomber-artisans-bannerN.bloc-Nban .content .medtext {
    padding-bottom: 0;
}

.inner-feel-happiness {
    padding: 5% 0;
}

.title-new-artisans {
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 57px;
    line-height: 110%;
    color: #555657;
}

.subtitle-new-artisans {
    font-size: 24px;
    line-height: 110%;
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    /*font-weight: 600;*/
    margin: .5% 0 3%;
}

.desc-new-artisans {
    font-size: 20px;
    line-height: 130%;
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;;
}

.inner-feel-happiness .desc {
    font-size: 20px;
    line-height: 110%;
    font-family: "Montserrat", sans-serif;;
    color: #2b2c2d;
    margin: 3% 0;
    text-align: center;
}

.artisans-cta a {
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 14px;
    border: 1px solid #2b2c2d;
    padding: 12px 50px;
    display: table;
    margin: 0 auto;
}

.artisans-cta a:hover {
    background: #2b2c2d;
    color: #fff;
}

.life .inner-feel-happiness .desc {
    width: 100%;
    max-width: 80%;
    margin: 3% auto;
}

.beachcomber-artisans-page .artisansN-title-bloc {
    margin-bottom: 8%;
}

.beachcomber-artisans-page .artisans-cta {
    margin-top: 3%;
}

.beachcomber-artisans-page .artisansN .beachcomber-artisans-text {
    padding: 0 14% 0 8%;
}

.beachcomber-artisans-page .artisansN .beachcomber-artisans-text h3 {
    padding-bottom: 5%;
} 

.beachcomber-artisans-page .artisansN .beachcomber-artisans-text h4 {
    font-size: 18px;
    line-height: 110%;
    color: #2b2c2d;
}

.beachcomber-artisans-page .artisansN .beachcomber-artisans-text p {
    font-size: 18px;
    line-height: 130%;
    padding: 1% 0 7%;
    font-family: "Montserrat", sans-serif;
}

.inner-artisansN-join {
    padding-bottom: 5%;
}

.bloc-artisansN-join {
    align-items: center;
    justify-content: space-between;
}

.left-artisansN-join {
    width: 45%;
    position: relative;
}

.right-artisansN-join {
    width: 47.5%;
    position: relative;
}

.right-artisansN-join .photo {
    z-index: 1;
}

.right-artisansN-join .photo:after {
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 7%;
    left: 5%;
    z-index: -1;
}

.inner-artisansN-join .artisans-cta {
    margin: 8% 0 3%;
}

.inner-artisansN-offre {
    margin-top: 5%;
}

.artisansN-offre-bloc {
    margin-top: 5%;
}

.artisansN-offre-repeated {
    width: 30%;
    position: relative;
    margin: 0 1.5%;
}

.artisansN-offre-repeated .photo {
    overflow: hidden;
}

.artisansN-offre-repeated .photo img {
    transition: all 1s ease-in-out;
}

.artisansN-offre-repeated a:hover .photo img {
    transform: scale(1.3);
}

.artisansN-offre-repeated .content {
    max-width: 100%;
    margin: 5% auto;
}

.artisansN-offre-repeated .content .tit {
    font-size: 20px;
    line-height: 130%;
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.artisansN-offre-repeated .content .sub {
    font-size: 18px;
    line-height: 110%;
    color: #2b2c2d;
}

.artisansN-offre-repeated .content span.sub {
    font-size: 18px;
    line-height: 110%;
    color: #2b2c2d;
    font-family: "Montserrat", sans-serif;
    display: block;
    margin-bottom: 10px;
}

.artisansN-offre-repeated .content .desc-new-artisans {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.inner-artisansN-offre .artisans-cta {
    margin-top: 3%;
}

.inner-artisansN-news {
    margin-bottom: 5%;
}

.artisansN-news-bloc {
    margin-top: 5%;
}

.artisansN-news-repeated {
    width: 30%;
    position: relative;
    margin-right: 5%;
    margin-bottom: 3%;
}

.artisansN-news-repeated:nth-child(3n) {
    margin-right: 0;
}

.sto-bloc .artisansN-news-repeated {
    width: 100%;
    margin: 0;
}

.sto-bloc .artisansBloc-slider .artisansN-offre-repeated {
    width: 100%;
    margin: 0;
}

.sto-bloc .artisansN-news-bloc > .artisansN-offre-repeated {
    margin: 0 1.5% 5%;
}

.sto-bloc .artisansMetiers-innerSli .swiper-button-prev {
    left: -5%;
}

.sto-bloc .artisansMetiers-innerSli .swiper-button-next {
    right: -5%;
}

.sto-bloc .swiper-button-prev {
    background: url(../images/icn-prev-slider.png) no-repeat;
    left: 2%;
    width: 50px;
    height: 50px;
    top: 20%;
    margin-top: 0;
    outline: 0;
    background-size: cover;
}

.sto-bloc .swiper-button-next {
    background: url(../images/icn-next-slider.png) no-repeat;
    right: 2%;
    width: 50px;
    height: 50px;
    top: 20%;
    margin-top: 0;
    outline: 0;
    background-size: cover;
}

.artisansN-news-repeated .photo {
    overflow: hidden;
}

.artisansN-news-repeated .photo img {
    transition: all 1s ease-in-out;
}

.artisansN-news-repeated a:hover .photo img {
    transform: scale(1.3);
}

.artisansN-news-repeated .content {
    color: #fff;
    background: rgba(43, 44, 45, .9);
    top: -75px;
    margin-bottom: -75px;
    padding: 8% 8% 12%;
    left: 5%;
}

.artisansN-news-date {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 110%;
    padding-bottom: 3%;
}

.artisansN-news-cat {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 110%;
    padding-bottom: 5%;
}

.artisansN-news-title {
    font-family: "Montserrat", serif;
    font-size: 28px;
    line-height: 130%;
    padding-bottom: 5%;
}

.artisansN-news-desc {
    font-family: "Montserrat", serif;
    font-size: 16px;
    line-height: 150%;
}

.inner-artisansN-news .artisans-cta {
    margin-top: 3%;
}

.beachcomber-artisans-page.meet .artisansN-title-bloc {
    margin: 8% auto;
}

.beachcomber-artisans-page.meet .artisansN-title-bloc > div {
    width: 75%;
    position: relative;
}

.artisansN-offre-repeated .desc-new-artisans {
    text-align: center;
    margin: 5% 0 10%;
}

.artisansN-offre-repeated .artisans-cta {
    font-family: "Montserrat", sans-serif;
    color: #2b2c2d;
    font-size: 14px;
    border: 1px solid #2b2c2d;
    padding: 12px 50px;
    display: table;
    margin: 0 auto;
}

.artisansN-offre-repeated .artisans-cta:hover {
    background: #2b2c2d;
    color: #fff;
}

.medtext {
    font-size: 18px;
    line-height: 110%;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    padding-bottom: 5%;
}

.stories .inner-feel-happiness .desc {
    text-align: left;
    font-family: "Montserrat", sans-serif;
    margin-top: 0;
}

.majordome-bloc {
    /*align-items: center;*/
    justify-content: space-between;
}

.left-majordome-section {
    width: 47.5%;
    position: relative;
}

.left-majordome-section .photo:not(:last-child) {
    margin-bottom: 5%;
}

.right-majordome-section {
    width: 47.5%;
    position: relative;
}

.right-majordome-section .desc-new-artisans {
    font-size: 20px;
}

.right-majordome-section .desc-new-artisans span {
    font-size: 32px;
    line-height: 130%;
    font-family: "Montserrat", sans-serif;
    display: block;
    margin: 5% 0;
}

.stories .inner-artisansN-offre {
    margin-bottom: 5%;
}

.inner-majordome-section .artisans-cta {
    margin-top: 5%;
}

.beachcomber-artisans-bannerN.focus {
    margin-bottom: 5%;
}

.focus .artisans-happiness-image h1 {
    font-size: 180px;
    line-height: 130%;
    color: #fff;
    font-family: 'linotype-didot', serif;
    font-style: italic;
    font-weight: normal;
}

.beachcomber-artisans-bannerN.focus .content {
    max-width: 60%;
}

.artisans-new-section .welcome-text-title h1 {
    font-size: 85px;
    line-height: 100%;
}

.artisans-new-section .welcome-text-title .subtxt {
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-style: italic;
}

.artisansN-news.ope .inner-artisansN-news {
    margin: 5% auto;
}

.artisansN-news.ope .subtitle-new-artisans {
    font-size: 20px;
    line-height: 130%;
    font-weight: normal;
}

.avp .artisans-happiness-image {
    width: auto;
}

.avp .inner-artisansN-join {
    padding: 5% 0;
}

.avp .right-artisansN-join .photo:after {
    display: none;
}

.inner-pilliers-artisans {
    margin: 0;
    justify-content: space-between;
    align-items: flex-end;
    padding: 5% 0 10%;
}

.left-pilliers-artisans {
    width: 47.5%;
    position: relative;
}

.right-pilliers-artisans {
    width: 47.5%;
    position: relative;
}

.pilliers-slider-bloc {
    margin-top: 3%;
    left: -20%;
    width: calc(100% + 20%);
    bottom: -20px;
}

.pilliers-slider-bloc .content {
    padding: 10%;
    background: rgba(43, 44, 45, .9);
}

.pilliersBloc-content .title-new-artisans {
    color: #fff;
    padding-bottom: 5%;
}

.pilliersBloc-content .desc-new-artisans {
    color: #fff;
}

.pilliers-slider-bloc .content .swiper-button-prev {
    background: url('../images/icn-prev-slidewhite.png') no-repeat;
    background-size: cover;
    left: unset;
    right: 10%;
    bottom: 7%;
    top: unset;
    width: 40px;
    height: 40px;
    outline: 0;
    margin: 0;
}

.pilliers-slider-bloc .content .swiper-button-next {
    background: url(../images/icn-next-slidewhite.png) no-repeat;
    background-size: cover;
    right: 3%;
    bottom: 7%;
    top: unset;
    left: unset;
    width: 40px;
    height: 40px;
    outline: 0;
    margin: 0;
}

.swiper-pag-bloc {
    position: absolute;
    top: 10%;
    left: 10%;
    display: flex;
    align-items: center;
    color: #fff;
}

.pilliers-slider-bloc .content .swiper-pagination {
    top: auto;
    left: auto;
    position: relative;
    text-align: left;
    margin-left: 5px;
}

.pilliers-slider-bloc .content .swiper-pagination .swiper-pagination-current {
    color: #fff;
    font-size: 16px;
}

.pilliers-slider-bloc .content .swiper-pagination .swiper-pagination-total {
    display: none;
}

.pilliers-artisans.vie .inner-pilliers-artisans .subtitle-new-artisans {
    margin: 0;
}

.pilliers-artisans.vie .right-pilliers-artisans > .title-new-artisans {
    margin-bottom: 5%;
}

.pilliers-artisans.vie .artisans-cta {
    margin-top: 5%;
}

.vie-artisans-bloc {
    padding: 5% 0 10%;
}

.vie-artisans-bloc .inner-pilliers-artisans {
    padding: 0;
}

.artisansN-offre .year.subtitle-new-artisans {
    font-size: 20px;
    margin: 0 0 5%;
}

.life .vie-artisans-bloc {
    padding: 5% 0 0;
}

.avp.life .inner-artisansN-join {
    padding: 8% 0;
}

.life .artisansN-title-bloc {
    margin: 8% auto 5%;
}

.beachcomber-artisans-page.meet.life .artisansN-title-bloc > div {
    width: 75%;
}

.inner-community-help {
    margin: 5% auto 0;
}

.inner-community-help .community-help {
    padding: 3% 5%;
    margin: 0;
}

.inner-community-help .community-help h3 {
    font-size: 50px;
    line-height: 110%;
    padding-left: 6%;
}

.inner-community-help .community-help h3:before {
    left: 0;
    top: 5px;
}

.inner-community-help .community-help p {
    font-size: 18px;
    line-height: 130%;
    padding-left: 6%;
    padding-top: 2%;
}

.life .inner-artisansN-join .artisans-cta {
    margin: 8% 0 0;
}

.right-majordome-section.life-ecoute {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.indice-ecoute-title {
    font-family: "Montserrat", serif;
    color: #2b2c2d;
    font-size: 30px;
    text-align: center;
    padding-bottom: 3%;
}

.indice-ecoute-numbers {
    background: rgba(43, 44, 45, .9);
    padding: 5%;
    align-items: flex-end;
}

.indice-ecoute-repeat {
    width: 33%;
    position: relative;
    text-align: center;
    color: #fff;
}

/*.indice-ecoute-repeat:not(:last-child):after {*/
/*    content: '';*/
/*    width: 1px;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    background: #fff;*/
/*}*/

.indice-ecoute-repeat:first-child .num {
    color: #b3a974;
}

.indice-ecoute-repeat .tit {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
}

.indice-ecoute-repeat .num {
    font-family: "Montserrat", serif;
    font-size: 55px;
    padding-top: 5%;
}

.offer .artisansN-title-bloc.bottom {
    margin: 3% auto 0;
}

.inner-artOffer-section {
    align-items: flex-end;
    justify-content: space-between;
}

.left-artOffer {
    width: 55%;
}

.right-artOffer {
    width: 40%;
}

.right-artOffer .photo {
    display: table;
    margin: 0 auto;
}

.inner-artOffer-section {
    margin: 5% auto 0;
}

.artOffer-image-bloc {
    margin-top: 5%;
}

.artOffer-image-bloc .photo {
    width: 50%;
    position: relative;
}

.beachcomber-artisans-page.offer {
    margin-bottom: 8%;
}

.epadev-bloc {
    justify-content: space-between;
    margin-top: 5%;
}

.epadev-repeat {
    width: 30%;
    position: relative;
}

.epadev-repeat .subtitle-new-artisans {
    font-size: 18px;
    margin: 0 0 1%;
}

.epadev-repeat .title-new-artisans {
    font-size: 32px;
    margin-bottom: 5%;
}

.epadev-repeat .desc-new-artisans {
    font-size: 18px;
}

.beachcomber-artisans-bannerN.focus.join .content {
    max-width: 70%;
}

.beachcomber-artisans-bannerN.focus.join .artisans-happiness-image {
    width: 100%;
    text-align: center;
}

.focus.join .artisans-happiness-image h1 {
    font-size: 160px;
}

.beachcomber-job-offers.artJoin {
    margin-top: 3%;
}

.beachcomber-job-offers.artJoin .subtitle-new-artisans {
    margin-bottom: 0;
}

.join .pilliers-slider-bloc .content {
    padding: 5%;
}

.join .artisans-cta a {
    color: #fff;
    border: 1px solid #fff;
    margin: 0;
}

.join .artisans-cta a:hover {
    background: #fff;
    color: #2b2c2d;
}

.join .inner-pilliers-artisans {
    margin: 0 auto;
}

.beachcomber-artisans-page#innovation {
    margin-bottom: 8%;
}

.artisans-new-section .beachcomber-artisans-page .artisansN .beachcomber-artisans-text h3 {
    left: 0 !important;
    transform: none !important;
    opacity: 1;
}

.artIsan-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.artIsan-play-btn svg {
    fill: #fff;
}

.artisansN-join.avp:after {
    display: none;
}

.artisansN-join.avp .inner-artisansN-join {
    margin-top: 5%;
}

.eiko-heavy,
.eiko-medium,
.eiko-thin {
    font-family: "Montserrat", sans-serif !important;
}