* { margin: 0; padding: 0; border: none; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body { max-width: 2000px; margin: auto; caret-color: #f5aa28; font-family: 'Montserrat', sans-serif; }

a { cursor: pointer; text-decoration: none; }

img { max-width: 100%; height: auto; display: block; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.dnone { display: none; }

.colflex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.grid { display: -ms-grid; display: grid; }

.w50 { width: 50%; margin: auto; }

.w60 { width: 60%; margin: auto; }

.w80 { width: 80%; margin: auto; }

.w90 { width: 90%; margin: auto; }

.relative { position: relative; }

.absolute { position: absolute; }

input, select, textarea { font-size: 16px; }

main { padding-top: 2rem; height: 100%; }

@media (min-width: 768px) { main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

@media (min-width: 1280px) { main { padding-top: 4rem; } }

@media (min-width: 1900px) { main { padding-top: 4rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

main .backBlue { height: 50%; width: 100%; background: #103d59; bottom: 0; z-index: -1; }

@media (min-width: 768px) { main .backBlue { height: 44%; } }

@media (min-width: 1024px) { main .backBlue { height: 42%; } }

@media (min-width: 1280px) { main .backBlue { height: 41%; } }

@media (min-width: 1366px) { main .backBlue { height: 43%; } }

@media (min-width: 1600px) { main .backBlue { height: 47%; } }

@media (min-width: 1900px) { main .backBlue { height: 44%; } }

@media (min-width: 768px) { .mobile { width: 50%; } }

@media (min-width: 1024px) { .mobile { width: 45%; } }

@media (min-width: 1280px) { .mobile { width: 40%; } }

@media (min-width: 1900px) { .mobile { padding-top: 2rem; } }

.mobile .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 768px) { .mobile .container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } }

.mobile .container .logo { width: 70%; margin-bottom: 2rem; }

@media (min-width: 768px) { .mobile .container .logo { width: 60%; padding-left: 10%; } }

@media (min-width: 1366px) { .mobile .container .logo { padding-left: 15%; width: 65%; } }

@media (min-width: 1600px) { .mobile .container .logo { width: 70%; padding-left: 20%; } }

@media (min-width: 1900px) { .mobile .container .logo { width: 65%; } }

.mobile .container .soon { background: #f5aa28; width: 72%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin-bottom: 1rem; }

.mobile .container .soon h1 { color: #fff; text-transform: uppercase; font-weight: 900; font-size: 30px; }

@media (min-width: 768px) { .mobile .container .soon { width: 110%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .mobile .container .soon h1 { font-size: 70px; padding-left: 10%; } }

@media (min-width: 1280px) { .mobile .container .soon { padding: 10px 0; width: 110%; }
  .mobile .container .soon h1 { font-size: 85px; } }

@media (min-width: 1440px) { .mobile .container .soon { width: 110%; }
  .mobile .container .soon h1 { font-size: 95px; padding-left: 12%; } }

@media (min-width: 1600px) { .mobile .container .soon h1 { padding-left: 18%; } }

@media (min-width: 1900px) { .mobile .container .soon { width: 115%; }
  .mobile .container .soon h1 { font-size: 110px; } }

.mobile .container .web { color: #103d59; font-size: 18px; text-align: center; }

.mobile .container .web span { font-weight: 700; }

@media (min-width: 768px) { .mobile .container .web { font-size: 24px; text-align: left; padding-left: 10%; } }

@media (min-width: 1280px) { .mobile .container .web { font-size: 30px; } }

@media (min-width: 1366px) { .mobile .container .web { padding-left: 15%; } }

@media (min-width: 1440px) { .mobile .container .web { margin-bottom: 1rem; } }

@media (min-width: 1600px) { .mobile .container .web { padding-left: 20%; } }

@media (min-width: 1900px) { .mobile .container .web { margin: 1rem 0 2rem; font-size: 38px; } }

.mobile .container .small { width: 85%; margin-bottom: 1rem; }

@media (min-width: 768px) { .mobile .container .small { display: none; } }

.mobile .container .line { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 768px) { .mobile .container .line { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 2rem 0 0 10%; border-left: 2px solid #f5aa28; padding-left: 1rem; width: 80%; } }

@media (min-width: 1024px) { .mobile .container .line { width: 60%; } }

@media (min-width: 1366px) { .mobile .container .line { margin: 3rem 0 0 15%; width: 55%; } }

@media (min-width: 1440px) { .mobile .container .line { margin: 2rem 0 0 14%; } }

@media (min-width: 1600px) { .mobile .container .line { margin: 2rem 0 0 20%; } }

@media (min-width: 1900px) { .mobile .container .line { width: 50%; border-left: 3px solid #f5aa28; } }

.mobile .container .com { color: #fff; text-align: center; margin-bottom: 1rem; }

.mobile .container .com span { font-weight: 700; }

@media (min-width: 768px) { .mobile .container .com { text-align: left; } }

@media (min-width: 1600px) { .mobile .container .com { font-size: 20px; } }

@media (min-width: 1900px) { .mobile .container .com { margin-bottom: 1.5rem; font-size: 22px; } }

.mobile .container a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; padding: 5px 15px; color: #103d59; margin-bottom: 1rem; position: relative; cursor: pointer; font-size: 17px; font-weight: 700; }

.mobile .container a:first-of-type { font-size: 15px; }

.mobile .container a::after { content: ""; width: 100%; height: 100%; border: 1px solid #fff; position: absolute; bottom: -5px; right: -5px; }

.mobile .container a img { width: 25px; margin-right: 7px; }

@media (min-width: 768px) { .mobile .container a:last-child { margin-bottom: 0; } }

@media (min-width: 1900px) { .mobile .container a { margin-bottom: 2rem; } }

.mobile .container .arrowMob { width: 80%; }

@media (min-width: 768px) { .mobile .container .arrowMob { display: none; } }

@media (min-width: 768px) { .desktop { display: block; width: 50%; padding-top: 2rem; }
  .desktop img:not(.arrowDesk) { margin-bottom: 1rem; } }

.desktop .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.desktop .container .arrowDesk { width: 70%; }

@media (min-width: 1024px) { .desktop { padding: 0; width: 55%; }
  .desktop .container { width: 90%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .desktop .container .arrowDesk { width: 50%; } }

@media (min-width: 1280px) { .desktop { width: 60%; } }

@media (min-width: 1600px) { .desktop .container .arrowDesk { width: 50%; } }
/*# sourceMappingURL=styles.css.map */