/* The Other Div with Position Absolute */ .other-div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; height: 200px; background-color: lightblue; z-index: 0; } /* The Modal (background) */ .modal { display: flex; align-items: center; justify-content: center; position: fixed; z-index: 9999; /* Set a higher z-index than the other elements */ left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); } /* Modal Content */ .modal-content { background-color: #fefefe; padding: 20px; border: 1px solid #888; width: 60%; max-width: 600px; text-align: center; } /* The Close Button */ .close1 { color: rgb(165, 38, 38); float: right; font-size: 100px; font-weight: bold; background-color: #404040; border-radius: 0px 15px 15px 0px; } .close1:hover, .close1:focus { color: #242222; text-decoration: none; cursor: pointer; } /*! Flickity v2.0.10 http://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:white;background:rgba(255,255,255,0.75);cursor:pointer;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:white}.flickity-prev-next-button:focus{outline:none;box-shadow:0 0 0 5px #09F}.flickity-prev-next-button:active{opacity:0.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:0.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:0.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}.header{background-repeat:no-repeat;background-position:top center;background-image:url("../img/header.png");background-attachment:fixed;padding-left:0;z-index:-2;padding-right:0;height:300px;position:relative}@media (min-width: 992px) and (max-width: 1199px){.header{background-image:url("../img/header_md.png")}}@media (min-width: 768px) and (max-width: 991px){.header{background-image:url("../img/header_sm.png")}}@media (max-width: 767px){.header{background-image:url("../img/header_xs.png");height:330px}}.header .logo-container{max-width:430px;position:absolute;top:5000%;left:50%;margin:0px 0 0 -170px}.header .download-header{margin-top:12px}@font-face{font-family:'Exocet Reaper';src:url("../fonts/hinted-ExocetReaper-Light.eot");src:local("Exocet Reaper Light Regular"),local("ExocetReaper-Light"),url("../fonts/hinted-ExocetReaper-Lightd41d.eot?#iefix") format("embedded-opentype"),url("../fonts/hinted-ExocetReaper-Light.woff") format("woff"),url("../fonts/hinted-ExocetReaper-Light.ttf") format("truetype");font-weight:300;font-style:normal}.header-slider{font-family:hertz;color:#ffffff;margin-top:50px;margin-bottom:50px;box-shadow:0px 0px 25px 25px black}@media (max-width: 767px){.header-slider{margin-top:0;margin-bottom:0;box-shadow:none}}.header-slider .carousel-cell{width:inherit}.header-slider .carousel-cell .cell-body{position:relative}.header-slider .carousel-cell .cell-body:before{display:block;content:"";width:100%;padding-top:56.25%}.header-slider .carousel-cell .cell-body>.content{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#010105}.header-slider .flickity-prev-next-button{width:46px;height:53px;border-radius:0;background:url("../img/carousel-sprite.png") !important}.header-slider .flickity-prev-next-button.next{background-position-x:-92px !important;right:-32px;z-index:9}@media (max-width: 767px){.header-slider .flickity-prev-next-button.next{right:0}}.header-slider .flickity-prev-next-button.next:hover{background-position-x:-138px !important}.header-slider .flickity-prev-next-button.previous{background-position-x:-46px !important;left:-32px;z-index:9}@media (max-width: 767px){.header-slider .flickity-prev-next-button.previous{left:0}}.header-slider .flickity-prev-next-button.previous:hover{background-position-x:0 !important}.header-slider .flickity-prev-next-button:hover{background:url("../img/carousel-sprite.png") !important}.header-slider .flickity-prev-next-button:active{opacity:1}.header-slider .flickity-prev-next-button:disabled{display:none !important}.header-slider .flickity-prev-next-button .arrow{fill:white !important;display:none}.header-slider .flickity-prev-next-button.no-svg{color:white !important;display:none}.flickity-page-dots{bottom:15px !important}@media (max-width: 767px){.flickity-page-dots{bottom:-10px}}.flickity-page-dots .dot{width:7px;height:7px;opacity:1;background:#ffffff;border:2px solid #ffffff;box-shadow:0 0 3px 1px #ffffff}.flickity-page-dots .dot.is-selected{background:transparent;box-shadow:0 0 3px 1px #fffc28}@media (max-width: 767px){.slider-fix{margin-right:0;margin-left:0;padding-left:0;padding-right:0}}.carousel-chars{background-color:rgba(7,3,4,0.6);box-shadow:0 0 20px 8px rgba(0,0,0,0.6);margin-bottom:20px;margin-top:20px;padding:0}@media (max-width: 767px){.carousel-chars{margin-bottom:0}}.carousel-char .face-cell{background-image:url(../img/glow.png);background-size:contain;background-repeat:no-repeat;background-position:center;background-position-y:-6px;margin-right:5px;padding-top:16px;opacity:1;width:218px;height:150px;cursor:pointer !important}@media (max-width: 767px){.carousel-char .face-cell{width:150px}}.carousel-char .face-cell .class-name{margin-top:-9px;margin-right:auto;margin-left:auto;margin-bottom:0;width:118px;text-align:center;background-image:linear-gradient(#173356 46%, #162838 72%);padding:3px;border-radius:5px;border:1px solid rgba(72,169,189,0.33);box-shadow:0 0 0 2px #032023;transition:all 0.1s ease-in-out}.carousel-char .face-cell .class-desc{font-size:12px;padding:10px}.carousel-char .face-cell.is-selected{opacity:1}.carousel-char .face-cell.is-selected>.class-name{text-shadow:1px 1px 0 #fff;background-color:#3d2546;background-image:linear-gradient(#f3f3f3 46%, #a0a0a0 83%);color:#000000;border:1px solid #f2fcff;box-shadow:0 0 0 2px rgba(248,249,255,0.11)}.carousel-char .face-cell.is-selected>img{border-color:#dffaff;box-shadow:0 0 15px 1px #f5faff}.carousel-char .face-cell:hover{opacity:1}.carousel-char .face-cell img{margin-top:20px;margin-right:auto;margin-left:auto;margin-bottom:0;display:block;border-radius:50px;border:5px solid #0c2e31;transition:all 0.5s ease-in-out;box-shadow:0 0 7px 1px rgba(66,246,255,0.68)}.carousel-char .character-cell{height:430px;width:100%}@media (min-width: 120px) and (max-width: 360px){.carousel-char .character-cell{height:600px !important}}@media (min-width: 361px) and (max-width: 500px){.carousel-char .character-cell{height:635px !important}}@media (min-width: 500px) and (max-width: 600px){.carousel-char .character-cell{height:670px !important}}@media (max-width: 767px){.carousel-char .character-cell{height:745px}}@media (min-width: 768px) and (max-width: 991px){.carousel-char .character-cell{height:835px}}.flickity-prev-next-button{width:50px;height:50px;background:transparent !important}.flickity-prev-next-button:hover{background:transparent !important}.characters-main{padding-top:15px}.characters-main .flickity-prev-next-button{width:45px;height:45px;background:linear-gradient(#2b5967 46%, #0a2c3a 72%) !important;border-radius:5px;border:1px solid rgba(89,221,241,0.25);box-shadow:0px 0px 13px 3px #000000}.characters-main .flickity-prev-next-button{top:-75px}.characters-main .flickity-prev-next-button.next{right:-17px;z-index:9}@media (max-width: 767px){.characters-main .flickity-prev-next-button.next{right:5px}}.characters-main .flickity-prev-next-button.previous{left:-17px;z-index:9}@media (max-width: 767px){.characters-main .flickity-prev-next-button.previous{left:5px}}.characters-main .flickity-prev-next-button .arrow{fill:#bff5ff !important}.characters-main .flickity-prev-next-button.no-svg{color:white !important}.characters-main .flickity-prev-next-button:disabled{display:none !important}.characters-nav{background:linear-gradient(rgba(44,128,154,0.25) 46%, rgba(10,44,58,0.07) 72%)}@media (min-width: 992px) and (max-width: 1200px){.hack-md{font-size:28px !important}}.carousel-cell-image{transition:opacity 0.4s;opacity:0}.carousel-cell-image.flickity-lazyloaded,.carousel-cell-image.flickity-lazyerror{opacity:1}.carousel-image{min-width:150px}.Divider{height:55px;margin:-18px 0;position:relative;z-index:1}.Divider:before{left:0;margin-right:82px;right:50%;background:url(../img/divider-sprite.png) repeat-x 50% 0;content:"";height:55px;position:absolute;top:0}.Divider:after{left:50%;margin-left:82px;right:0;background:url(../img/divider-sprite.png) repeat-x 50% 0;content:"";height:55px;position:absolute;top:0}.Divider .Divider-rule{background:url(../img/divider-sprite.png) repeat-x 50% 100%;border:0;height:55px;left:50%;margin:0 0 0 -82px;position:absolute;top:5px;width:164px}.btn-download{background-image:-webkit-linear-gradient(top, #e8e5e5 46%, #b1b1b1 64%);color:#000;font-family:'Exocet Reaper', serif;font-weight:300;font-style:normal;font-size:35px;text-align:center;text-shadow:1px 1px 0 #ffffff;display:inline-block;width:260px;padding:10px;cursor:pointer;border-radius:3px;box-shadow:0 0 15px 3px #000000;border:1px solid #fff;transition:all .05s ease-in-out;margin-top:10px;margin-bottom:10px}.btn-download:hover{background-image:-webkit-linear-gradient(top, #1c1919 46%, #0b0b0b 64%);color:#fff;text-shadow:1px 1px 0 #000;border:1px solid #000;transition:all .05s ease-in-out}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active:hover,.btn-primary:active:focus, .btn-primary:active.focus,.btn-primary.active:hover,.btn-primary.active:focus,.btn-primary.active.focus,.open>.btn-primary.dropdown-toggle:hover,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle.focus{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled.focus,.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.button-game{position:relative;display:block;font-family:hertz;font-size:24px;letter-spacing:1px;padding:0 42px;line-height:54px;text-align:center;width:100%;text-shadow:1px 1px 20px #000000;box-shadow:0 0 12px 2px #000000;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px auto;max-width:350px}.button-game:after{background:url(../img/button-sprite.png) no-repeat 0 -108px;height:54px;left:-3px;position:absolute;top:0;width:51px;z-index:2;content:""}.button-game:before{background:url(../img/button-sprite.png) no-repeat 0 -162px;height:54px;position:absolute;right:-3px;top:0;width:51px;z-index:2;content:""}.button-game:hover{background:url(../img/button-sprite.png) repeat-x 0 -54px;text-decoration:none;color:#ffffff;transition:color 0.3s ease-in-out}.btn-red{background:url(../img/button-sprite.png) repeat-x 0 0;color:#f3aa55}.btn-red:hover{background:url(../img/button-sprite.png) repeat-x 0 -54px}.btn-blue{background:url(../img/button-sprite_b.png) repeat-x 0 0;color:#c1f5ff}.btn-blue:hover{background:url(../img/button-sprite_b.png) repeat-x 0 -54px}.card{display:block;background-color:red;width:100%;box-shadow:0 0 15px 3px #000000;margin-top:15px;margin-bottom:15px;border-radius:8px 8px 0 0}.card .card-title{width:100%;height:50px;display:block;border-radius:5px 5px 0 0;background-color:#cc0000;background-image:-webkit-linear-gradient(top, #e8e5e5 46%, #b1b1b1 64%);color:#000;border:1px solid #fff}.card .card-title h1{text-shadow:1px 1px 0 #ffffff;margin-top:5px}.card .card-body{height:150px;width:100%;display:block;background-color:#8a0000}.card .card-footer{height:100px;width:100%;display:block;background-color:#800000} div.Countdown { background-position: center; background-repeat: no-repeat; background-image:url(../img/countdown1.png); width: 100%; padding:100px; margin: auto; position:relative; }​ @font-face { font-family: hertz; src:url(OptimusPrincepsSemiBold.ttf) font-weight: 900; } :root { --bg1: url(../img/bg_container/bg_container1.jpg); --bg2: url(../img/bg_container/bg_container2.jpg); --bg3: url(../img/bg_container/bg_container3.jpg); --bg4: url(../img/bg_container/bg_container4.jpg); --bg5: url(../img/bg_container/bg_container5.jpg); --bg6: url(../img/bg_container/bg_container6.jpg); --bg7: url(../img/bg_container/bg_container7.jpg); --bg8: url(../img/bg_container/bg_container8.jpg); --bg9: url(../img/bg_container/bg_container9.jpg); --bg10: url(../img/bg_container/bg_container10.jpg); --bg11: url(../img/bg_container/bg_container11.jpg); --bg12: url(../img/bg_container/bg_container12.jpg); --bg13: url(../img/bg_container/bg_container13.jpg); --bg14: url(../img/bg_container/bg_container14.jpg); } .bg-img1 { background-image: var(--bg1); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-img2 { background-image: var(--bg2); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-img3 { background-image: var(--bg3); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-img4 { background-image: var(--bg4); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-img5 { background-image: var(--bg5); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-img6 { background-image: var(--bg6); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-img7 { background-image: var(--bg7); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-img8 { background-image: var(--bg8); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; z-index:1; } .bg-img9 { background-image: var(--bg9); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-img10 { background-image: var(--bg10); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-img11 { background-image: var(--bg11); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-img12 { background-image: var(--bg12); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-img13 { background-image: var(--bg13); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-img14 { background-image: var(--bg14); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } div.MobileCountdown { background-position: center; background-repeat: no-repeat; background-image:url(../img/countdown1M.png); width: 100%; padding:80px; margin: auto; position:relative; }​ table.steelBlueCols { background: rgba(204, 204, 204, 0.6); width: 400px; text-align: center; border-collapse: collapse; } table.steelBlueCols td, table.steelBlueCols th { border: 0.12em solid #FFFFFF; padding: 5px 10px; } table.steelBlueCols tbody td { font-size: 19px; font-weight:lighter; color: #FAFFD9; opacity: 1; } table.steelBlueCols td:nth-child(even) { background:rgba(144, 51, 132, 0.6); } table.steelBlueCols tfoot td { font-size: 13px; } table.steelBlueCols tfoot .links { text-align: right; } table.steelBlueCols tfoot .links a{ display: inline-block; background: #FFFFFF; color: #398AA4; padding: 2px 8px; border-radius: 5px; } table.steelBlueColsgr { background: rgba(204, 204, 204, 0.6); width: 400px; text-align: center; border-collapse: collapse; } table.steelBlueColsgr td, table.steelBlueCols th { border: 0.12em solid #FFFFFF; padding: 5px 10px; } table.steelBlueColsgr tbody td { font-size: 19px; font-weight:lighter; color: #FAFFD9; opacity: 1; } table.steelBlueColsgr td:nth-child(even) { background:rgba(211, 171, 61, 0.6); } table.steelBlueColsgr tfoot td { font-size: 13px; } table.steelBlueColsgr tfoot .links { text-align: right; } table.steelBlueColsph tfoot .links a{ display: inline-block; background: #FFFFFF; color: #398AA4; padding: 2px 8px; border-radius: 5px; } table.steelBlueColsph { background: rgba(204, 204, 204, 0.6); width: 400px; text-align: center; border-collapse: collapse; } table.steelBlueColsph td, table.steelBlueCols th { border: 0.12em solid #FFFFFF; padding: 5px 10px; } table.steelBlueColsph tbody td { font-size: 19px; font-weight:lighter; color: #FAFFD9; opacity: 1; } table.steelBlueColsph td:nth-child(even) { background:rgba(51, 88, 144, 0.6); } table.steelBlueColsph tfoot td { font-size: 13px; } table.steelBlueColsph tfoot .links { text-align: right; } table.steelBlueColsph tfoot .links a{ display: inline-block; background: #FFFFFF; color: #398AA4; padding: 2px 8px; border-radius: 5px; } table.steelBlueColsml { background: rgba(161, 159, 159, 0.808); width: 400px; text-align: center; border-collapse: collapse; } table.steelBlueColsml td, table.steelBlueCols th { border: 0.12em solid #FFFFFF; padding: 5px 10px; } table.steelBlueColsml tbody td { font-size: 19px; font-weight:lighter; color: #FAFFD9; opacity: 1; } table.steelBlueColsml td:nth-child(even) { background:rgba(79, 74, 160, 0.795); } table.steelBlueColsml tfoot td { font-size: 13px; } table.steelBlueColsml tfoot .links { text-align: right; } table.steelBlueColsml tfoot .links a{ display: inline-block; background: #FFFFFF; color: #398AA4; padding: 2px 8px; border-radius: 5px; } .container-event { position: relative; width: 100%; max-width: 400px; float:left; } .container-event img { width: 100%; height: auto; padding: 12px 24px; float:left; } .btn-event { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: rgb(137, 62, 160); color: white; font-size: 16px; font-family:Verdana, Geneva, Tahoma, sans-serif; padding: 12px 24px; border: none; cursor: pointer; border-radius: 5px; } .btn-event:hover { background-color: rgb(116, 22, 153); } #leaves1{ width: 120px; height:106px; background: url(../img/leaves/leaves-left-4.png) no-repeat; animation-name:leaves1; animation-duration: 7s; position: fixed; animation-iteration-count: infinite; z-index:-1; } @keyframes leaves1{ 0% {opacity:1;left: 300px;top: -200px;transform: rotate(-70deg);} 100%{ opacity:1;left: 600px;top: 400px;} } #leaves2{ width: 160px; height:72px; background: url(../img/leaves/leaves-left-5.png) no-repeat; animation-name:leaves2; animation-duration: 8s; position: fixed; animation-iteration-count: infinite; z-index:-1; animation-delay: 3s } @keyframes leaves2{ 0% {opacity:1; left: 500px;top: -200px;transform: rotate(70deg);} 100%{ opacity:1;left: 800px;top: 400px;} } #leaves3{ width: 160px; height:72px; background: url(../img/leaves/leaves-right-4.png) no-repeat; animation-name:leaves3; animation-duration: 8s; position: fixed; animation-iteration-count: infinite; z-index:-1; animation-delay: 6s } @keyframes leaves3{ 0% {opacity:1; left: 700px;top: -200px;transform: rotate(70deg);} 100%{ opacity:1;left: 1000px;top: 400px;} } #leaves4{ width: 120px; height:106px; background: url(../img/leaves/leaves-left-4.png) no-repeat; animation-name:leaves4; animation-duration: 6s; position: fixed; animation-iteration-count: infinite; z-index:-1; animation-delay: 4s } @keyframes leaves4{ 0% {opacity:1;left: 600px;top: -200px;transform: rotate(70deg);} 100%{ opacity:1;left: 1100px;top: 400px;} } #leaves5{ width: 120px; height:106px; background: url(../img/leaves/leaves-right-3.png) no-repeat; animation-name:leaves5; animation-duration: 7s; position: fixed; animation-iteration-count: infinite; z-index:-1; animation-delay: 5s } @keyframes leaves5{ 0% {opacity:1;left: 1000px;top: -200px;transform: rotate(90deg);} 100%{ opacity:1;left: 1300px;top: 400px;} } #leaves6{ width: 120px; height:106px; background: url(../img/leaves/leaves-right-5.png) no-repeat; animation-name:leaves6; animation-duration: 10s; position: fixed; animation-iteration-count: infinite; z-index:-1; animation-delay: 0.5s } @keyframes leaves6{ 0% {opacity:1;left: 1400px;top: -200px;transform: rotate(-90deg);} 100%{ opacity:1;left: 1700px;top: 400px;} } #leaves7{ width: 120px; height:106px; background: url(../img/leaves/leaves-right-4.png) no-repeat; animation-name:leaves7; animation-duration: 10s; position: fixed; animation-iteration-count: infinite; z-index:-1; animation-delay: 3.5s } @keyframes leaves7{ 0% {opacity:1;left: 1700px;top: -200px;transform: rotate(70deg);} 100%{ opacity:1;left: 2000px;top: 400px;} } #leaves8{ width: 120px; height:106px; background: url(../img/leaves/leaves-left-5.png) no-repeat; animation-name:leaves8; animation-duration: 9s; position: fixed; animation-iteration-count: infinite; z-index:-1; animation-delay: 1.5s } @keyframes leaves8{ 0% {opacity:1;left: 2000px;top: -200px;transform: rotate(70deg);} 100%{ opacity:1;left: 2300px;top: 400px;} } #leaves9{ width: 160px; height:72px; background: url(../img/leaves/leaves-left-4.png) no-repeat; animation-name:leaves9; animation-duration: 8s; position: fixed; animation-iteration-count: infinite; z-index:-1; animation-delay: 3s } @keyframes leaves9{ 0% {opacity:1; left: 1900px;top: -200px;transform: rotate(70deg);} 100%{ opacity:1;left: 2200px;top: 400px;} } #leaves10{ width: 160px; height:72px; background: url(../img/leaves/leaves-right-4.png) no-repeat; animation-name:leaves10; animation-duration: 8s; position: fixed; animation-iteration-count: infinite; z-index:-1; animation-delay: 6s } @keyframes leaves10{ 0% {opacity:1; left: 2100px;top: -200px;transform: rotate(70deg);} 100%{ opacity:1;left: 2300px;top: 400px;} } #leaves11{ width: 160px; height:72px; background: url(../img/leaves/leaves-left-4.png) no-repeat; animation-name:leaves11; animation-duration: 8s; position: fixed; animation-iteration-count: infinite; z-index:-1; } @keyframes leaves11{ 0% {opacity:1; left: 50px;top: -200px;transform: rotate(70deg);} 100%{ opacity:1;left: 100px;top: 400px;} } #leaves12{ width: 160px; height:72px; background: url(../img/leaves/leaves-right-5.png) no-repeat; animation-name:leaves12; animation-duration: 8s; position: fixed; animation-iteration-count: infinite; z-index:-1; animation-delay: 3s } @keyframes leaves12{ 0% {opacity:1; left: 100px;top: -200px;transform: rotate(70deg);} 100%{ opacity:1;left: 300px;top: 400px;} } .list-one{ font-size: 20px; } .container1 { padding: 1em; overflow: hidden; } .left { text-align: center; float: left; position:relative; margin-top: 50px; width: 33%; } .right { text-align: center; float: left; position: relative; margin-top: 50px; padding-top: 12px; width: 33%; } .centre { text-align: center; float: left; position:relative; margin-top: 50px; padding-top: 12px; width: 33%; } .bg-container{background-repeat:no-repeat;background-position:top center}.pattern{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAIklEQVQYV2NkYGD4z8DAwMiABGAcmASYRlYB10FQJczU/wBmmgcFDko32QAAAABJRU5ErkJggg==") repeat;z-index:4}.slider-corner{background:url(../img/modal.png) no-repeat;position:absolute;height:18px;width:18px;z-index:3}.slider-corner-top-left{background-position:-1px -1px;left:-3px;top:32px;z-index:3}.slider-corner-top-right{background-position:-19px -1px;right:-3px;top:32px;z-index:3}.slider-corner-bottom-right{background-position:-19px -19px;bottom:32px;right:-3px;z-index:3}.slider-corner-bottom-left{background-position:-1px -19px;bottom:32px;left:-3px;z-index:3}.slider-border{position:absolute}.slider-border-top{background:url(../img/modal-frame.png) 0 0 repeat-x;height:18px;left:0;right:0;top:32px;z-index:2}.slider-border-right{background:url(../img/modal.png) -272px 0 repeat-y;bottom:32px;right:-3px;top:32px;width:18px;z-index:2}.slider-border-bottom{background:url(../img/modal-frame.png) 0 -18px repeat-x;bottom:32px;height:18px;left:0;right:0;z-index:2}.slider-border-left{background:url(../img/modal.png) -254px 0 repeat-y;bottom:32px;left:-3px;top:32px;width:18px;z-index:2}.side-menu{position:fixed;right:0;z-index:3;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width: 767px){.side-menu{top:0;-webkit-transform:none;transform:none}}.side-menu .btn-open{z-index:9;background-color:#fff;cursor:pointer;display:inline-block;height:50px;width:50px}.side-menu .btn-open .btn-open-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:yellow}.side-menu nav{background-color:red}.side-menu ul{list-style:none;margin-bottom:0;padding-left:0;display:inline-block}.side-menu ul li{list-style:none;display:block;padding:10px;background-color:#fff}.side-menu ul li a{vertical-align:sub;text-decoration:none}@media (max-width: 767px){.col-image{margin-top:20px}}.col-image img{margin:0 auto}.col-text{text-align:center;text-shadow:1px 1px 1px #000000}.col-code{margin-top:74px;box-shadow:0 0 20px 20px rgba(29,2,2,0.52);background-color:rgba(29,2,2,0.52)}.col-code img{margin:0 auto}@media (max-width: 991px){.col-code{margin-top:21px}}@media (min-width: 992px) and (max-width: 1199px){.col-code{margin-top:51px}}@media (max-width: 767px){.col-code{margin-top:-55px;margin-bottom:10px}}.col-code2{margin-top:74px;box-shadow:0 0 20px 20px rgba(1,14,20,0.7);background-color:rgba(1,14,20,0.7)}.col-code2 img{margin:0 auto}@media (max-width: 991px){.col-code2{margin-top:21px}}@media (min-width: 992px) and (max-width: 1199px){.col-code2{margin-top:51px}}@media (max-width: 767px){.col-code2{margin-top:-55px;margin-bottom:10px}}@media (max-width: 767px){.img-freegold{margin-top:-40px !important}}.discord-image{padding:0px;margin:0 auto}.discord-col{margin-top:10px}@media (max-width: 991px){.discord-col{margin-top:0;margin-bottom:15px}}@media (max-width: 1199px){.discord-col{margin-top:0;margin-bottom:15px}}.char-info-bg{margin-top:20px;background:linear-gradient(to left, rgba(6,45,62,0.43), rgba(255,255,255,0));border-radius:5px;padding-bottom:5px;text-align:center}.char-info-bg h1{display:inline-block;vertical-align:middle;color:#ffd600;font-size:40px;text-align:center}@media (max-width: 767px){.char-info-bg h1{font-size:27px}}.char-info-bg p{text-align:center;border-radius:3px;margin:5px;padding:5px;background-color:rgba(0,0,0,0.4);border:1px solid rgba(125,255,253,0.17);box-sizing:border-box;margin-top:30px}.char-info-bg .class-icon{display:inline-block;background-size:contain;width:180px;height:180px;vertical-align:middle}@media (max-width: 767px){.char-info-bg .class-icon{width:100px;height:100px}}.char-info-bg .class-dk{background-image:url("../img/class_icons/info_bg_0.png")}.char-info-bg .class-dw{background-image:url("../img/class_icons/info_bg_1.png")}.char-info-bg .class-el{background-image:url("../img/class_icons/info_bg_2.png")}.char-info-bg .class-mk{background-image:url("../img/class_icons/info_bg_3.png")}.char-info-bg .class-su{background-image:url("../img/class_icons/info_bg_4.png")}.char-skills-preview-c{padding:5px 19px 12px}.char-skills-preview-c .char-skills-preview{position:relative;border-radius:9px;border:1px solid rgba(125,255,253,0.17);box-shadow:0 0 0 1px #000000d1;margin:0 auto;min-width:100%}.char-skills-preview-c .char-skills-preview:before{display:block;content:"";width:100%;padding-top:56.25%}.char-skills-preview-c .char-skills-preview>.content{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#010105}.char-skills-preview-c p{text-align:center;border-radius:3px;padding:5px;margin-top:5px;background-color:rgba(0,0,0,0.4);border:1px solid rgba(125,255,253,0.17);box-sizing:border-box}.show-all{color:#38a9ac;cursor:pointer}.border-main{box-shadow:0 0 20px 4px #000;padding:0}.border-main .border{position:absolute}.border-main .border.c-l-t{background:url("../img/border/c_l_t.png");width:24px;height:28px;left:0;margin-top:-2px;z-index:3}.border-main .border.c-r-t{background:url("../img/border/c_r_t.png");width:39px;height:28px;right:0;margin-top:-2px;margin-left:-2px;z-index:3}.border-main .border.l-s-t{background:url("../img/border/l_s_t.png") repeat;height:8px;width:calc(100% - 32px);z-index:2;margin-top:-2px}@media (max-width: 767px){.border-main .border.l-s-t{width:100%}}.border-main .border.l-s-t2{margin-top:150px;width:100%}.border-main .border.l-s-b{background:url("../img/border/l_s_b.png") repeat;height:8px;width:calc(100% - 32px);z-index:2;bottom:0}.border-main .border.c-l-b{background:url("../img/border/c_l_b.png");width:39px;height:28px;left:0;bottom:0;margin-top:-2px;z-index:3}.border-main .border.c-r-b{background:url("../img/border/c_r_b.png");width:39px;height:28px;right:0;bottom:0;margin-top:-2px;z-index:3}.border-main .border.l-r-b{background:url("../img/border/l_r_b.png") repeat;height:calc(100% - 26px);width:8px;z-index:2;right:0}.border-main .border.l-l-b{background:url("../img/border/l_l_b.png") repeat;height:calc(100% - 26px);width:8px;z-index:2;left:0}.tooltip-inner{text-shadow:1px 1px 0 #fff;background-color:#3d2546;background-image:linear-gradient(#f3f3f3 46%, #a0a0a0 83%);color:#000000;border:1px solid #f2fcff;box-shadow:0 0 0 2px rgba(248,249,255,0.11)}.tooltip-arrow{border-top-color:#ffffff}.tooltip.top .tooltip-arrow{border-top-color:#ffffff}.tooltip.top-left .tooltip-arrow{border-top-color:#ffffff}.tooltip.top-right .tooltip-arrow{border-top-color:#ffffff}.tooltip.right .tooltip-arrow{border-right-color:#ffffff}.tooltip.left .tooltip-arrow{border-left-color:#ffffff}.tooltip.bottom .tooltip-arrow{border-bottom-color:#ffffff}.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#ffffff}.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#ffffff}.char-skills{border-radius:3px;margin:25px 5px 5px;padding:5px;background-color:rgba(0,0,0,0.4);border:1px solid rgba(125,255,253,0.17);box-sizing:border-box;text-align:center}.char-skills .char-skills-title{text-align:left;display:block !important;border-bottom:1px solid rgba(125,255,253,0.17);margin-bottom:7px}.char-skills .skill{width:50px;height:50px;border-radius:50%;background-size:contain;display:inline-block;border:1px solid rgba(125,255,253,0.2);box-shadow:1px 1px 2px 1px #000;margin-right:12px;cursor:help;margin-bottom:5px}@media (max-width: 430px){.char-skills .skill{width:30px;height:30px;margin-right:7px}}@media (min-width: 431px) and (max-width: 767px){.char-skills .skill{width:45px;height:45px;margin-right:12px}}@media (min-width: 992px) and (max-width: 1199px){.char-skills .skill{width:40px;height:40px;margin-right:12px}}@media (min-width: 768px) and (max-width: 991px){.char-skills .skill{width:50px;height:50px;margin-right:25px}}.footer{padding-top:20px}.footer .copyright{margin-top:15px;color:#a5a5a5;text-shadow:0 0 5px #000000}.footer .copyright a{color:#dcdcdc;text-decoration:none}.footer .partners{color:#828282;font-size:12px;text-shadow:0 0 5px #000000}.footer .partners a{text-decoration:none;color:#a5a5a5}.footer .footer-links h1{font-size:20px}.footer .footer-links .list-unstyled{border:1px dashed rgba(255,255,255,0.08);padding:10px;background-color:rgba(255,255,255,0.02)}.footer .footer-links a{color:#ffffff;transition:all 0.2s ease-in-out}.footer .footer-links a:hover{color:#67e8ea;text-decoration:none;transition:all 0.5s ease-in-out}.youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;background:#000}.youtube-player:hover .play{background-position:0 -49px}.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:transparent}.youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;transition:.4s all}.youtube-player .play{height:49px;width:92px;left:50%;top:55%;margin-left:-36px;margin-top:-36px;position:absolute;background:url("../img/video-play.png") no-repeat;cursor:pointer}body{color:#ffffff;overflow-x:hidden;background-color:#151515}.no-flick{-webkit-transform:translate3d(0, 0, 0)}h1{font-family:hertz;text-shadow:1px 1px 20px #000000;color:#E5E58C}.scroll-up{width:100px;height:50px;position:fixed;bottom:5px;left:15px;display:none;text-indent:-9999px;background:url("../img/top.png") no-repeat;z-index:99}@media (max-width: 1199px){.scroll-up{width:45px;bottom:5px;right:5px;background:url("../img/top_2.png")}}