.bx-x{transition: .3s;}
.bx-x:hover{font-weight: 900;font-size: larger;transition: .3s;}
:root {--header-height: 3rem;--first-color: #26A69A;--first-color-lighter: #ECF3F2;--first-color-dark: rgb(21, 37, 185);--title-color: #11443F;--text-color: #5B7B78;--body-color: #F5FFFE;--body-font: Helvetica;--biggest-font-size: 4rem;--big-font-size: 1.75rem;--normal-font-size: 0.938rem;--font-medium: 500;--font-semi-bold: 600;--z-tooltip: 10;--z-fixed: 100;}
body{position: relative;}
.grid-frame,#loading{position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 1;display: grid;overflow: hidden;place-items: center;background: radial-gradient(circle, rgb(120, 120, 158) 0%, rgb(120, 120, 158) 100%);max-width: 100vw;min-height: 100vh;}
#loading{animation: slider 1s linear   forwards;}
.site{width: 100%;height: 100%;background-color:rgb(72, 177, 190);}
.main {position: relative;width: 100%;height: 100%;}  
@media screen and (min-width:1024px) {:root {--biggest-font-size: 5rem ;--big-font-size: 1.25rem;--normal-font-size: 1rem;}}
*,::before,::after {box-sizing: border-box;}
body {margin: 0;font-family: 'Oswald', sans-serif;font-size: var(--normal-font-size);background-color: var(--body-color);color:var(--text-color);}
#languageSelect {margin-top: .15rem;font-size: 1.4rem;margin-right: 1.5rem;border-radius: .75rem;padding: .2rem;background: black;color: white;}
h1,h2,ul,p {margin: 0;}
ul {padding: 0;list-style: none;}
a {text-decoration: none;}
img {max-width: 120%;height: auto;}
.main-frame{position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.main {position: relative;width: 100%;height: 100%;}  
.bg-container {max-width: 968px;margin-left: 1.5rem;margin-right: 1.5rem;}
.header {width: 100%;position: fixed;top: 0;left: 0;z-index: var(--z-fixed);}
.nav {max-width: 100vw;height: var(--header-height);display: flex;justify-content: space-between;align-items: center;}
@media screen and (max-width:1025px) {.nav__menu{position: fixed;top: -100%;left: 1rem;width: 65%;margin: 0 auto;text-align: center;padding-top: 1.5rem;background: black;border: 1px solid white;border-radius: 1rem;transition: .5s;}#nav-menu{left: 2rem;right:2rem ;min-height: fit-content;}}
.nav__logo img{margin-top: 4.2rem; border-radius: 50%;} 
.nav__link{color: rgb(255, 255, 255);background: black;font-size: 1.4rem;padding: .5rem;transition: .3s;}
.nav__link:hover{font-weight: 600;transition: .3s;font-size: 1.8rem;}
.nav__item{margin-bottom: 1.5rem;color: rgb(255, 255, 255);background: black;font-size: 1.4rem;transition: .3s;}
.nav__toggle{font-size: 5rem; margin-top: 1.5rem;margin-right: .3rem;color: rgb(1, 1, 1); cursor: pointer;}
.show-menu{top: calc(var(--header-height) + 1.5rem);}
.islands{height: 100vh;position: relative;}
.islands__bg{position: absolute;top: 0;left: 0;width: 100%;height: 100vh;object-fit: cover;object-position: center;}
.islands__container{position: relative;height: 100%;display: grid;grid-template-columns: 66vw 1fr;align-content: center; }
.islands__data{margin-left: 1rem;text-align: left;}
.islands__data h2, .islands__data h1{background-color: rgba(156, 149, 149, 0.619);margin-top: 0.5rem;} 
.islands__subtitle,.islands__subtitle1{color: blue;font-size: 1.75rem;font-weight: 500;}
.islands__title{font-size: 4rem;color: rgb(255, 255, 255);-webkit-text-stroke:3px blue;}
@media screen and (max-width:1024px) {.islands__subtitle{font-size: 1.75rem;font-weight: 500;}.islands__subtitle1{font-size: 1.75rem;font-weight: 500;}.islands__title{font-size: 3.5rem;}}
@media screen and (max-width:768px) {.islands__subtitle,.islands__subtitle1{font-size: 1.75rem;font-weight: 500;}.islands__title{    font-size: 3rem;}.controls__container{padding: 0.25rem 0.5rem;column-gap:1rem;}}.islands__button{position: absolute;margin-top: 1rem;margin-left: 0rem;display: inline-flex;align-items: center;padding: .6rem .8rem;background-color: rgba(156, 149, 149, .6);color: rgb(255, 255, 255);font-size: 2rem;border-radius: .5rem;font-weight: 750;-webkit-text-stroke:2px blue;}
.islands__button:hover{background-color: rgba(156, 149, 149, .8);font-weight: 900;font-size: 2.3rem;}
.islands__button-icon{color: rgb(255, 255, 255);-webkit-text-stroke:2px blue;margin-left: .5rem;margin-top:.3rem;}
.islands__button:hover > .islands__button-icon{font-weight: 900;color: rgb(255, 255, 255);-webkit-text-stroke:1px blue;margin-top:.5rem;font-size: 2.9rem;}
@media screen and (max-width:500px) {
.islands__subtitle,.islands__subtitle1{font-size: 1.45rem;font-weight: 500;}
.islands__title{font-size: 2rem;-webkit-text-stroke:1.5px blue;}
.nav__logo img{margin-top: 2.8rem; border-radius: 50%;} 
img{width: 70%;}
.islands__button{font-size: 2rem;}}
.islands__video{display: flex;align-items: center;justify-content: center;padding-bottom: .75rem;}
.islands__video-content{display: inline-flex;padding: .15rem;background-color: rgba(156, 149, 149, 0.619);border-radius: 50%;cursor: pointer;}
.islands__video-icon{font-size: 4.5rem;color: blue;transition: .3s;}
.islands__video-icon:hover{color: rgb(255, 0, 0);transition: .2s;}.islands__popup{display: none;position: absolute;left: 50%;top: 50%;z-index: 99999999999999999999999999999999;transform: translate(-50%,-50%);background-color: var(--first-color-lighter);padding: 1rem 1rem;width: 560px;height:320px;}
.islands__popup.offersText{position: fixed;height: 65%;font-size: 1.3rem;overflow-y: scroll;overflow-x: hidden;padding: 1rem;color: blue;border-top-left-radius: 1rem ;border-bottom-left-radius: 1rem ;}
.islands__popup.offersText h2{text-align: center;background: whitesmoke;text-decoration: underline;margin: 1rem 0;}
.islands__popup.offersText p{text-align: justify;text-indent: 4rem;margin-left: 1rem;}
.xPosition{display: none;position: absolute;padding: .35rem;font-size: 1.2rem;border-radius: 50%;z-index: 999999999999999999999999;background-color:blue ;color: white;}
#youtube{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;border: 5px solid black;}
.islands__popup-close{position: absolute;top: -.75rem;right: -.75rem;z-index: 2;display: inline-flex;padding: .35rem;background-color: rgb(255, 0, 0);color: var(--first-color-lighter);font-size: 1.2rem;border-radius: 50%;cursor: pointer;}
.show-popup{display: block;}
.controls__img{width: 35px;height: 35px;border: 2px solid rgb(255, 255, 255);border-radius: .5rem;cursor: pointer;}
.controls{position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);background: goldenrod;border: 2px solid white;border-radius: .75rem;z-index: var(--z-tooltip);overflow: hidden;transition: .3s;}
.controls__container{display: flex;align-items: center;column-gap: 1rem;}
.swiper-slide-thumb-active{width: 45px;height: 45px;}
@media screen and (min-width:1024px) {.bg-container{margin-left: auto;margin-right: auto;}.islands__descripton{padding-right: 11rem;}}          
@media screen and (min-width:1025px) {.nav{height: calc(var(--header-height) + 1.5rem);}.nav__list-frame{background: rgb(0, 0, 0);text-align: center;margin-left: .2rem;padding: .5rem;border: 1px solid white;}.nav__list{display:flex;margin-right: 3.6rem;}.nav__item{margin: 0 .2rem;}.nav__link{color: rgb(255, 255, 255);font-size: 24px;font-weight: 300;}.nav__logo img{margin-top: 3rem;margin-right: 5rem;}.nav__toggle{display: none;}.islands__descriptions{padding-right: 5rem;margin-bottom: 2rem;}.islands__video{justify-content: center;align-items: center;padding: 0;}.islands__video-icon{font-size: 6rem;}.islands__popup-close{font-size: 1.5rem;}.islands__popup{width: 700px;height: 400px;}.controls{border-radius: 1.25rem;}.controls__container{padding: 0.15rem 0.5rem;column-gap:  1rem;}.controls__img{width: 45px;height: 45px;border-radius: .75rem;}.swiper-slide-thumb-active{width: 55px;height: 55px;}}
@media screen and (min-width:769px ) and ( max-width: 927px) {.nav__list {margin-right: 0;margin-left: 0;}.nav__list-frame {margin-left: .2rem;} .nav__logo img {margin-right: 2rem;}}
@media screen and (min-width:320px) and (max-width:600px) {.islands__popup{width: 300px;height: 180px;}}
@media screen and (max-width: 325px) {.bg-container{margin-left: 1rem;margin-right: 1rem;}.controls__container{column-gap: .5rem;padding: 0.25rem 0.4rem;}.islands__popup{width: 250px;height: 150px;}.islands__video-icon{font-size: 3.5rem;}.islands__subtitle{font-size: 1.25rem;font-weight: 500;}.islands__title{font-size: 1.8rem;}}
@media  screen and(max-width:290px) {.controls__container{column-gap: .2rem;padding: 0.1rem 0.1rem;}}