html {
  font-size: calc((1vw + 1vh) * 0.7);
}

@font-face {
  font-family: mainfont;
  src: url(/fonts/CenturyGothicW05-Regular.woff2);
}
@font-face {
  font-family: secfont;
  src: url(/fonts/Nicolas\ Cochin\ EF\ Regular.ttf);
}
@font-face {
  font-family: opti;
  src: url(/fonts/OPTINaval.otf);
}
@font-face {
  font-family: magna;
  src: url(/fonts/Magna.ttf);
}
.linemap {
  display: none;
  border: #fe502e 0.4px double;
}

.linestart {
  border: #f3f1f1 1px solid;
  width: 100%;
  opacity: 0.8;
}

.mainscreen {
  width: 100vw;
  height: auto;
  position: relative;
}
.mainscreen .logo {
  font-size: 5rem;
  font-family: mainfont;
  color: #f3f1f1;
  position: absolute;
  z-index: 1000;
  left: 10%;
  background-color: #151515;
  padding: 1rem;
}
.mainscreen .language {
  font-family: mainfont;
  color: #f3f1f1;
  position: absolute;
  z-index: 1000;
  right: 10%;
  background-color: #151515;
  padding: 1rem;
}
.mainscreen .leftpart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.mainscreen .leftpart .item {
  width: 33%;
  height: 100%;
  overflow: hidden;
}
.mainscreen .leftpart .item img {
  width: 100%;
  border-radius: 9px;
}

.mainimage {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.mainscreen__image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.mainscreen__image .rectangle {
  position: absolute;
  width: 100%;
  height: 40vh;
  top: 0;
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, #151515 83.65%);
}

.navigation {
  color: #dbdbdb;
  font-size: calc((1vw + 1vh) * 1);
  text-transform: uppercase;
  font-family: mainfont;
  padding: 3rem;
  z-index: 1000 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc((1vw + 1vh) * 2);
  white-space: nowrap;
}
.navigation .button1 {
  border: #fe502e 1px solid;
  padding: 1rem;
  transition: all 0.5s;
  background-color: #151515;
  text-align: center;
  width: auto;
  display: inline-block;
}
.navigation .button1:hover {
  transform: scale(1.1);
  transition: all 0.3s;
  background-color: #fe502e;
}
.navigation .button2 {
  padding: 0.7rem;
  border-bottom: 5px double;
  transition: all 0.3s;
  background-color: #151515;
  text-align: center;
  width: auto;
}
.navigation .button2:hover {
  transition: all 0.3s;
  border: 5px double;
}

.active__language {
  color: #fe502e;
}

.secondpart {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
}
.secondpart .aboutus {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  width: 100%;
}
.secondpart .about__left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
  padding: 1rem;
  border-radius: 20px;
}
.secondpart .about__left img {
  width: 100%;
  border-radius: 9px;
}
.secondpart .about__right {
  color: #dbdbdb;
  width: 40%;
  font-size: calc((1vw + 1vh) * 1.6);
  text-align: center;
  font-family: magna;
}

span {
  color: #fe502e;
  font-weight: bold;
}

.grid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}
.grid .left {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}
.grid .right img {
  width: 100%;
}

.active {
  border-bottom: 1px solid #fe502e;
}

.thirdscreen {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  width: 100vw;
  height: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.thirdscreen h1 {
  color: #dbdbdb;
  font-family: mainfont;
  text-transform: uppercase;
  text-align: center;
  font-size: 2rem;
  letter-spacing: 0.1rem;
  margin-bottom: 3rem;
}
.thirdscreen p {
  text-align: justify;
  color: #dbdbdb;
  font-size: calc((1vw + 1vh) * 0.6);
}
.thirdscreen .third__left {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.thirdscreen .third__left .mapgoogle {
  width: 40vw;
  height: 50vh;
  background: radial-gradient(circle, transparent 14%, #fe502e 15%, #fe502e 25%, transparent 26%);
  background-size: 2em 2em;
  background-color: #151515;
  opacity: 1;
  padding: 2rem;
}
.thirdscreen .third__left .mapgoogle iframe {
  width: 100%;
  height: 100%;
}
.thirdscreen .third__left .map {
  border-radius: 9px;
}
.thirdscreen .program {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.thirdscreen .program p {
  font-family: mainfont;
}
.thirdscreen .third__right {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 50%;
}
.thirdscreen .third__right .info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.thirdscreen .third__right .info .about__reserve {
  color: #dbdbdb;
  font-family: magna;
  font-size: calc((1vw + 1vh) * 2.5);
  width: 80%;
  text-align: center;
}
.thirdscreen .third__right .info img {
  width: 70px;
}
.thirdscreen .third__right .info p,
.thirdscreen .third__right .info a {
  font-size: calc((1vw + 1vh) * 0.5);
  color: #151515;
  padding: 0.5rem;
}
.thirdscreen .third__right p,
.thirdscreen .third__right a {
  font-size: calc((1vw + 1vh) * 1);
}
.thirdscreen .third__right .reserve__method {
  display: flex;
  align-items: center;
  justify-content: center;
}
.thirdscreen .third__right .reserve__method p {
  color: #f3f1f1;
  font-size: calc((1vw + 1vh) * 2);
  font-family: mainfont;
  border-bottom: 5px #fe502e double;
  padding: 1rem;
  font-weight: bold;
}

footer {
  width: 100vw;
  padding: 1rem;
  margin-top: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
footer .footerlogo {
  font-size: calc((1vw + 1vh) * 2);
  font-family: magna;
  letter-spacing: 0.6rem;
}
footer .rights {
  padding: 2rem;
  background-color: #151515;
  border-radius: 30px;
  font-weight: bold;
}
footer .rights h1 {
  font-size: 1rem;
  color: #dbdbdb;
}
footer h1 {
  font-family: mainfont;
}
footer .footer__content {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background-color: #151515;
  border-radius: 9px;
  padding: 2rem;
  width: 100vw;
  color: #dbdbdb;
  font-family: mainfont;
  font-size: 0.9rem;
  text-align: center;
  letter-spacing: 0.1rem;
}
footer .footer__content p {
  font-size: 1rem;
}
footer .footer__content img {
  width: 40px;
}

.svgbet {
  width: 100vw;
  height: 10vh;
  background: radial-gradient(circle, #fe502e 10%, transparent 11%), radial-gradient(circle at bottom left, #fe502e 5%, transparent 6%), radial-gradient(circle at bottom right, #fe502e 5%, transparent 6%), radial-gradient(circle at top left, #fe502e 5%, transparent 6%), radial-gradient(circle at top right, #fe502e 5%, transparent 6%);
  background-size: 3em 3em;
  background-color: #151515;
  opacity: 1;
}/*# sourceMappingURL=main.css.map */