@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {font-size:18px; color:#112543; margin:0; padding:0; font-weight:300;   overflow-x:hidden;font-family: 'Poppins', sans-serif;}

h1, h2, h3, h4, h5, h6 { font-weight:300}
.nom { margin:0 !important}

a:hover {text-decoration: none; color:#444}
a {color:#000}

a.white-color:hover {color:#2FBAF0;}

.navy-bg { background: #112543;}
.navy-color { color: #112543;}
.white-color {color:#FFF;}
.white-bg {background:#FFF;}
.grey-bg {background:#F2F5FA}
.blue-color {color:#2FBAF0;}
.blue-bg {background:#2FBAF0;}

.boat-bg { background-image:   url(../img/About-bg.png); background-position:  bottom right   ;  }

.f900 {font-weight:900}

.top-gallery {margin-left:-250px; position:relative; z-index:100000  }

.container-fluid { margin:0 !important; padding:0 !important;}

.intro-lg {font-size:360px; letter-spacing: -20px; color:#F2F5FA; font-weight:900; opacity: 0.4; display:block; width:100%; position:absolute; z-index:-1;   margin-left:-150px  }

.desktop-hidden {display:none !important}

.lang-menu a {color:#fff; display:inline-block; margin-left:5px;}
.lang-menu a:hover, .lang-menu a.active {color:#2FBAF0 !important; display:inline-block; margin-left:5px;}

.bg-image {background-repeat: no-repeat; background-size: cover; background-position:center center;}

#map-container { background: url(../img/map.png) center bottom no-repeat; height:600px}
@media (max-width:960px) {
    .mobile-hidden {display:none !important}
    .desktop-hidden {display:block !important}
    .top-gallery {margin-left:0px; position:relative; z-index:100000  }
    header h4 {font-size:18px;}
    .bg-image {background-repeat: no-repeat; background-size: cover; height:400px;}
    h1 {font-size:28px;}
    .top-gallery { background:#fff; }
 }