@font-face{font-family:'D-DIN Regular';font-style:normal;font-weight:normal;src:url("../font/D-DIN.woff") format("woff")}html,body{width:100%;margin:0;padding:0;overflow-x:hidden;position:relative}a{padding:0;margin:0}header{position:relative;background-color:#111111;height:5vw;color:#C28F2D;display:flex;font-family:"Mark Pro Medium", sans-serif;text-transform:uppercase;justify-content:space-between}header .logoRG{width:15vw;height:5vw;display:flex;padding-top:1.2vw;margin-left:5vw}header #riotgame{padding:0 0 0 0;margin-top:-2.5vw;width:5vw}header #iconlol{width:3.3vw;height:3.3vw;padding:0 0 0 2vw;margin:-0.4vw 0 0 0}header svg{margin:1vw 1vw 0 1vw;width:1vw;height:1vw}header .break{height:3.5vw;width:.2vw;background-color:#3C3C3C;margin:-0.4vw 0 0 0}header .mainMenu{margin-top:2vw;width:47vw;display:flex;overflow-x:hidden;margin-left:0vw;font-size:1vw;margin-right:30vw}header .mainMenu a:not(:first-child){margin-left:4vw}header .button{position:absolute;right:0;top:0;margin:0;padding:0;width:25vw;height:5vw}header .redLolll{all:unset;position:absolute;top:1.1vw;right:5vw;padding:0.7vw 1vw;border:none;background-color:#D64944;color:white;font-size:1vw;text-transform:uppercase;font-family:"Mark Pro Medium", sans-serif;font-weight:bold;overflow:hidden}header .redLolll:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);width:50px;z-index:1}header .redLolll:hover{cursor:pointer}header .redLolll:hover:after{left:120%;transition:all 1s cubic-bezier(0.19, 1, 0.22, 1)}header .goldLollll{all:unset;position:absolute;padding:0.5vw 1vw;top:1vw;border:0.3vw #C28F2D solid;background-color:rgba(155,176,110,0);color:#C28F2D;font-size:1vw;text-transform:uppercase;font-family:"Mark Pro Medium", sans-serif;font-weight:bold}header .goldLollll:hover{cursor:pointer;color:#90691e;border:0.3vw #90691e solid}header .goldLollll:hover:after{left:120%;transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1)}header #register{margin-left:2vw}header a{text-decoration:none;color:#C28F2D}header a:hover{color:#90691e}.signIn{margin:0;padding:0;position:fixed;background-color:rgba(0,0,0,0.7);top:0;width:100vw;height:100vh}.signIn .popup{height:43vw;width:60vw;display:block;background-color:#fff;margin:auto;margin-top:3vw;padding-top:0.1px}.signIn .border{height:36vw;width:54vw;margin:3vw;border:#C28F2D solid 1.5px;text-align:center;position:relative}.signIn .border .quite{background:url("../images/quite.png");position:absolute;height:2vw;width:2vw;right:.5vw;top:.5vw;background-size:contain;background-repeat:no-repeat}.signIn .border .quite:hover{cursor:pointer}.signIn .border h2{font-family:"BeaufortforLOL-Bold";text-transform:uppercase;margin:0 0 0 7%;font-size:3.5vw;color:#C28F2D;letter-spacing:0.3vw}.signIn .border h4{font-family:"D-DIN Regular";font-size:2vw;font-weight:normal;margin:5% 0 0 7.7%;text-transform:uppercase;color:#C28F2D}.signIn .border p{font-family:"D-DIN Regular";font-size:1.5vw}.signIn .border input:-webkit-autofill,.signIn .border input:-webkit-autofill:hover,.signIn .border input:-webkit-autofill:focus,.signIn .border textarea:-webkit-autofill,.signIn .border textarea:-webkit-autofill:hover,.signIn .border textarea:-webkit-autofill:focus,.signIn .border select:-webkit-autofill,.signIn .border select:-webkit-autofill:hover,.signIn .border select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30vw #fff inset !important;-webkit-text-fill-color:#C28F2D !important}.signIn .border input:not(:last-child){position:relative;all:unset;display:block;width:25vw;height:3vw;margin:auto;font-family:"Mark Pro Medium", sans-serif;color:#C28F2D !important;border:#C28F2D 1px solid;margin-bottom:1vw;font-size:1vw;padding-left:1vw;text-align:left}.signIn .border input:not(:last-child)::placeholder{color:#C28F2D !important;text-transform:uppercase}.signIn .border input:last-child{display:block;margin:1.5vw auto 0 auto;padding:1vw 2vw;border:none;background-color:#D64944;color:white;font-size:1vw;text-transform:uppercase;font-family:"Mark Pro Medium", sans-serif;font-weight:bold}.signIn .border input:last-child:hover{cursor:pointer;background-color:#a33430}.invalid-feedback{color:red;margin:0;padding:0}.logIn{margin:0;padding:0;position:fixed;background-color:rgba(0,0,0,0.7);top:0;width:100vw;height:100vh}.logIn .popup{height:43vw;width:60vw;display:block;background-color:#fff;margin:auto;margin-top:3vw;padding-top:0.1px}.logIn .border{height:36vw;width:54vw;margin:3vw;border:#C28F2D solid 1.5px;text-align:center;position:relative}.logIn .border .quite{background:url("../images/quite.png");position:absolute;height:2vw;width:2vw;right:.5vw;top:.5vw;background-size:contain;background-repeat:no-repeat}.logIn .border .quite:hover{cursor:pointer}.logIn .border h2{font-family:"BeaufortforLOL-Bold";text-transform:uppercase;margin:0 0 0 7%;font-size:3.5vw;color:#C28F2D;letter-spacing:0.3vw}.logIn .border h4{font-family:"D-DIN Regular";font-size:2vw;font-weight:normal;margin:5% 0 0 7.7%;text-transform:uppercase;color:#C28F2D}.logIn .border p{font-family:"D-DIN Regular";font-size:1.5vw}.logIn .border input:-webkit-autofill,.logIn .border input:-webkit-autofill:hover,.logIn .border input:-webkit-autofill:focus,.logIn .border textarea:-webkit-autofill,.logIn .border textarea:-webkit-autofill:hover,.logIn .border textarea:-webkit-autofill:focus,.logIn .border select:-webkit-autofill,.logIn .border select:-webkit-autofill:hover,.logIn .border select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30vw #fff inset !important;-webkit-text-fill-color:#C28F2D !important}.logIn .border input:not(:last-child){position:relative;all:unset;display:block;width:25vw;height:3.5vw;margin:auto;font-family:"Mark Pro Medium", sans-serif;color:#C28F2D !important;border:#C28F2D 1px solid;margin-bottom:2vw;margin-top:3vw;font-size:1vw;padding-left:1vw;text-align:left}.logIn .border input:not(:last-child)::placeholder{color:#C28F2D !important;text-transform:uppercase}.logIn .border input:last-child{display:block;margin:1.5vw auto 0 auto;padding:1vw 2vw;border:none;background-color:#D64944;color:white;font-size:1vw;text-transform:uppercase;font-family:"Mark Pro Medium", sans-serif;font-weight:bold}.logIn .border input:last-child:hover{cursor:pointer;background-color:#a33430}footer{height:18vw;background-color:#010101}footer .contents{width:50%;margin:auto;padding-top:3vw;text-align:center}footer .contents p{font-weight:bold;text-align:center;color:#585858;text-transform:uppercase;font-family:"Mark Pro Medium", sans-serif}footer .contents p:first-child{font-size:1vw}footer .contents p:nth-child(2){font-size:.8vw;margin-bottom:3vw}footer .contents p:nth-child(3){font-size:.6vw;letter-spacing:.1vw}footer .contents p a{color:#D64944}