body {
overflow-x: hidden;}

.bg {
width: 100%; height: 100vh; background: black; display: flex; justify-content: center; position: absolute;}

.bg-item {
width: 190px; height: 100%; position: absolute; overflow: hidden; display: flex; align-items: center;}

.a1 {margin: 0px 0px 0px 428px;}
.b1 {margin: 0px 0px 0px -428px;}

.a2 {margin: 0px 0px 0px 856px;}
.b2 {margin: 0px 0px 0px -856px;}

.a3 {margin: 0px 0px 0px 1286px;}
.b3 {margin: 0px 0px 0px -1286px;}

.a4 {margin: 0px 0px 0px 1715px;}
.b4 {margin: 0px 0px 0px -1715px;}

.clbttm {}

.bg-column {
width: 100%; display: flex; flex-direction: column; gap: 24px; position: relative; height: 1264px;}

.bg-photoWrap {
width: 100%; height: 160px; overflow: hidden; border-radius: 15px;}

.bg-photo {
width: 100%; height: 100%; object-fit: cover; object-position: center;}

.clanim1 {animation: clanim1 45s infinite alternate linear;}
@keyframes clanim1 {
    0% {top: 150px;}
    100% {top: -150px;}
}
.clanim2 {animation: clanim2 45s infinite alternate linear;}
@keyframes clanim2 {
    0% {top: -150px;}
    100% {top: 150px;}
}

.wrap {
position: relative; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center;}

.wrap-int {
width: 550px; text-align: center; background: rgba(255,255,255,0.4); padding: 12px; border-radius: 34px; display: flex; flex-direction: column; align-items: center; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 1px solid white; box-shadow: 0px 28px 74px -8px rgba(0,0,0,1);}

.logo {
width: 279px; height: 53px; display: flex; justify-content: center; align-items: flex-end;}

.logo-top {
position: absolute; height: 40px; margin: 0px 0px 0px -199px;}

.logo-gamers {
position: absolute; height: 40px; margin: 0px 0px 0px 86px; animation-delay: .5s !important;}

.logoanim {animation: logoanim 1.2s infinite;}
@keyframes logoanim {
    0% {transform: translateY(-8px);}
    50% {transform: translateY(-2px);}
    100% {transform: translateY(-8px);}
}

.logo-shadow {
}

.nav-line {
width: 1px; height: 38px; background: var(--color-primario); margin: 0px 20px;}

.title {
font-size: 37px; padding: 0px 30px; margin: 50px 0px;}

.title h1 {
font-weight: 500;}

.bld {
font-weight: 700; text-decoration: underline;}

.nav {
background: white; display: flex; padding: 16px 0px; width: 100%; justify-content: center; align-items: center; border-radius: 21px; flex-wrap: wrap;}

.nav-link {
color: var(--color-primario); font-size: 16px; font-weight: 400;}








@media screen and (max-width: 650px) {
.sale1100 {display: none;}
}








@media screen and (max-width: 650px) {

.wrap-int {
width: 300px; text-align: center; background: rgba(255,255,255,0.4); padding: 12px; border-radius: 34px; display: flex; flex-direction: column; align-items: center; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 1px solid white; box-shadow: 0px 28px 74px -8px rgba(0,0,0,1);}

.sale650 {display: none;}

.nav-link {
color: var(--color-primario); font-size: 16px; font-weight: 400; width: 100%;}

.title {
font-size: 22px; padding: 0px 0px; margin: 7px 0px 25px 0px; width: 250px;}

.nav-line {
width: 80%; height: 1px; background: var(--color-primario); margin: 10px 10px;}

.logo {
width: 279px; height: 53px; display: flex; justify-content: center; align-items: flex-end; transform: scale(.7);}



}