button.disabled,button.disabled:hover{color:red;cursor:no-drop}.section{min-height:200px;overflow:hidden}.section:not(#start){font-size:3vw;text-align:center}#start{background:#080325;background-size:cover;color:#b0b14e;position:relative}#start::before{position:absolute;content:'';display:block;width:100%;height:100%;background:url(../img/backgrounds/background.jpg);z-index:1;opacity:.2}.main-logo{position:relative;z-index:10;opacity:.95;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.main-logo:hover{opacity:1}.main-logo:before{content:'';display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:65%;height:0;z-index:1;-webkit-transition:box-shadow .3s ease-in-out,width .5s ease-in-out;-moz-transition:box-shadow .3s ease-in-out,width .5s ease-in-out;-ms-transition:box-shadow .3s ease-in-out,width .5s ease-in-out;-o-transition:box-shadow .3s ease-in-out,width .5s ease-in-out;transition:box-shadow .3s ease-in-out,width .5s ease-in-out}.main-logo.has-shadow:before{box-shadow:0 0 14vw 3vw rgba(35,109,172,.5);z-index:-1}.main-logo img{width:100%;max-width:none;z-index:12;position:relative;transform:scale(.9)}.icon-menu{margin-top:1vw;margin-bottom:1vw}.icon-menu-item{position:relative;z-index:10}.icon-menu-item:before{content:'';display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1%;height:1%;z-index:1;-webkit-transition:box-shadow .5s ease-in-out;-moz-transition:box-shadow .5s ease-in-out;-ms-transition:box-shadow .5s ease-in-out;-o-transition:box-shadow .5s ease-in-out;transition:box-shadow .5s ease-in-out}.icon-menu-item.has-shadow:before{box-shadow:0 0 10vw 3vw #2982cf;z-index:-1}.icon-menu-item.has-shadow:hover:before{box-shadow:0 0 10vw 4vw #2982cf}.img-holder{width:100%;height:100%;display:block;position:relative}.icon-menu-item img,.img-circle+.shadow{z-index:10;opacity:.8;-webkit-transition:transform .3s ease-in-out,opacity .3s ease-in-out,filter 1s ease-in-out;-moz-transition:transform .3s ease-in-out,opacity .3s ease-in-out,filter 1s ease-in-out;-ms-transition:transform .3s ease-in-out,opacity .3s ease-in-out,filter 1s ease-in-out;-o-transition:transform .3s ease-in-out,opacity .3s ease-in-out,filter 1s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,filter 1s ease-in-out;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9);filter:grayscale(50%)}.icon-menu-item:hover img,.icon-menu-item:hover .img-circle+.shadow{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);filter:grayscale(0)}.img-circle{border-radius:100%}.img-circle+.shadow{position:absolute;width:100%;height:100%;box-shadow:inset 0 -14vw 3vw -10vw #000;border-radius:100%;top:0;left:0;opacity:1}.icon-menu-item .card-img-bottom{opacity:1;-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);position:absolute;left:0;right:0;bottom:1vw;filter:brightness(100%)}.hearthstone.icon-menu-item .card-img-bottom{filter:brightness(65%);bottom:-1vw}.destiny.icon-menu-item .card-img-bottom{filter:brightness(65%);bottom:-.9vw}.anthem.icon-menu-item .card-img-bottom{filter:brightness(65%);bottom:0}.artifact.icon-menu-item .card-img-bottom{filter:brightness(65%);bottom:0}.icon-menu-item:hover .card-img-bottom{filter:brightness(500%)}.hearthstone.icon-menu-item:hover .card-img-bottom{filter:brightness(110%)}.artifact.icon-menu-item:hover .card-img-bottom{filter:brightness(200%)}.btn-holder{position:absolute;bottom:5%;width:100%}#overwatch{background:url(../img/backgrounds/overwatch.jpg) no-repeat;background-size:cover;color:#ece4d1}#overwatch .fp-tableCell,#hearthstone .fp-tableCell{background:#1e5799;background:-moz-linear-gradient(-45deg,rgba(30,87,153,0.3) 0%,#000000 67%);background:-webkit-linear-gradient(-45deg,rgba(30,87,153,0.3) 0%,#000000 67%);background:linear-gradient(135deg,rgba(30,87,153,0.3) 0%,#000000 67%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(30, 87, 153, 0.3)',endColorstr='#000000',GradientType=1 );box-shadow:inset 0 0 50px #0c0c20}#destiny{background:url(../img/backgrounds/destiny-2.png) no-repeat;background-size:cover;color:#ece4d1}#destiny .fp-tableCell{background:#000;background:-moz-linear-gradient(-45deg,rgba(0,0,0,1) 40%,rgba(30,87,153,0.3) 100%);background:-webkit-linear-gradient(-45deg,rgba(0,0,0,1) 40%,rgba(30,87,153,0.3) 100%);background:linear-gradient(135deg,rgba(0,0,0,1) 40%,rgba(30,87,153,0.3) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#1e5799',GradientType=1 );box-shadow:inset 0 0 50px #0c0c20}#hearthstone{background:url(../img/backgrounds/hearthstone.png) no-repeat;background-size:cover;color:#ece4d1;background-position-x:50%}#artifact{background:url(http://1stgamers.com/wp-content/uploads/2018/03/artifact-blogroll-5-1520577714846_1280w.jpg) no-repeat;background-size:cover;color:#aa4c17;display:none!important}#anthem{background:url(https://i.ytimg.com/vi/wi0Uq7QmKm4/maxresdefault.jpg) no-repeat;background-size:cover;color:#daa520;display:none!important}#overwatch p{padding-right:5%}#destiny p{padding-left:5%}#hearthstone p{padding-right:5%}.wow{visibility:hidden}[class^=hvr-]{margin:.4rem;padding:1rem 3rem 1.7rem;cursor:pointer;background:0 0;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:2rem}[class^=hvr-]:hover{text-decoration:none;color:inherit}[class^=hvr-]:hover:after,[class^=hvr-]:focus:after,[class^=hvr-]:active:after{animation-iteration-count:infinite;box-shadow:0 0 2px 1px #b7e5ff}[class^=hvr-]:before,[class^=hvr-]:after{border-color:#b7e5ff}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#b7e5ff solid 3px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:3s;animation-duration:3s}.hvr-ripple-out:hover:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:active:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out;animation-iteration-count:infinite}.hvr-ripple-out:after{content:'';position:absolute;border:#e1e1e1 solid 0;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:hover:after,.hvr-ripple-out:focus:after,.hvr-ripple-out:active:after{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out;animation-iteration-count:infinite;box-shadow:0 0 3px 1px #e1e1e1}@media(max-width:1400px){#overwatch{}#destiny{}#hearthstone{}}@media(max-width:1200px){}@media(max-width:992px){.btn-holder{position:static;width:auto}#overwatch{}#destiny{background-position-x:100%}#hearthstone{background-position-x:17%}#overwatch .fp-tableCell,#hearthstone .fp-tableCell{background:rgba(0,0,0,.6)}#destiny .fp-tableCell{background:rgba(0,0,0,.6)}}@media(max-width:768px){[class^=hvr-]{font-size:3rem}#overwatch{}#destiny{}#hearthstone{}.icon-menu{padding:0 5%}.icon-menu-item{margin-bottom:3vw}.icon-menu{margin-top:3vw}#overwatch p,#destiny p,#hearthstone p{padding:0 1%}}@keyframes jump{0%{top:0}25%,75%{top:10px}50%{top:15px}100%{top:0}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(180deg)}}#submenu{margin-left:10px;font-size:18px}#arrow-down{text-align:center;position:relative;margin-top:10px}.mobile-nav #arrow-down{text-align:center;position:relative;top:-25px}.logo .dropdown:hover #arrow-down{animation:jump 1s infinite}.desktop-nav{margin-bottom:20px;padding:20px 0;text-align:center;color:#fff}.desktop-nav .logo{width:150px;height:180px;margin:0 auto;background:0 0;border-radius:50%;padding:40px 0 0;position:relative}.desktop-nav .logo .dropdown{margin-top:20px;width:150px;height:150px;box-shadow:0 0 0 10px #5a5f5f;border-radius:50%;z-index:20}.desktop-nav .logo .dropdown{background:0 0;border:0}.desktop-nav .logo .dropdown::before,.desktop-nav .logo .dropdown::after{box-sizing:inherit;content:''}.circle,.circle:before,.circle:after{border-radius:100%}.circle:before{content:' ';display:block;position:absolute;z-index:-1;height:100%;width:100%;padding:10px}.circle.spin:hover:before{transform:rotate(900deg)}.circle.fill:before{transition:all 1s ease-in-out}.circle.fill:hover:before{box-shadow:inset 0 -2px 10px 5px #5a5f5f}.circle.fill.andspin:hover:before{transform:rotate(-720deg)}.desktop-nav .logo img{width:150px;height:150px;cursor:pointer;padding:15px;margin-left:0;z-index:5}.desktop-nav .logo i{top:-30px;z-index:10;width:13px;height:13px;border:solid #5a5f5f;border-width:0 3px 3px 0;display:inline-block;padding:3px}.desktop-nav .logo .down{margin-top:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.desktop-nav .logo .dropdown-menu{background:rgba(8,3,37,.9)}.desktop-nav .logo .dropdown-menu .dropdown-item{color:#fff;text-decoration:none}.desktop-nav .logo .dropdown-menu a:after{content:'';display:block;height:5px;width:100%;border-bottom:1px solid;-o-transition:.3s -o-transform ease;transition:.3s -webkit-transform ease;transition:.3s transform ease;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;-ms-transform-origin:0;-o-transform-origin:0;transform-origin:0;opacity:.5}.desktop-nav .logo .dropdown-menu a:hover:after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}.desktop-nav .logo .boxes{width:230px;height:60px;position:absolute;margin:0 auto;top:0;right:0;bottom:0;left:0;cursor:pointer;-webkit-box-shadow:0 0 5px 2px rgba(0,0,0,.75);-moz-box-shadow:0 0 5px 2px rgba(0,0,0,.75);box-shadow:0 0 5px 2px rgba(0,0,0,.75)}.boxes .angled-img .img{height:60px;line-height:60px;z-index:1}.boxes .angled-img .over-info{z-index:2}.desktop-nav .logo .line{width:220px;height:2px;background:#5a5f5f;position:absolute;right:100px;top:25px;margin-top:20px;z-index:0}.desktop-nav .logo .box-6{left:150px;bottom:220px}.desktop-nav .logo .box-6 .line{width:220px;height:150px;background:0 0;position:absolute;right:100px;top:5px;z-index:0;border:2px solid #5a5f5f;border-color:#5a5f5f transparent transparent transparent;border-radius:60%/100px 0 0 0}.desktop-nav .logo .box-6 .nested-box{left:260px}.desktop-nav .logo .box-6 .nested-box .line{width:200px;height:2px;background:#5a5f5f;position:absolute;right:100px;top:5px;border:0;z-index:0}.desktop-nav .logo .box-2{left:180px;top:70px}.desktop-nav .logo .box-2 .line{width:170px;height:150px;background:0 0;position:absolute;right:100px;top:5px;z-index:0;border:2px solid #5a5f5f;border-color:#5a5f5f transparent transparent transparent;border-radius:50%/15px 0 0 0}.desktop-nav .logo .box-2 .nested-box{left:260px}.desktop-nav .logo .box-2 .nested-box .line{width:200px;height:2px;background:#5a5f5f;position:absolute;right:100px;top:15px;border:0;z-index:0}.desktop-nav .logo .box-4{left:180px;top:140px}.desktop-nav .logo .box-4 .line{width:170px;height:150px;background:0 0;position:absolute;right:95px;top:-140px;z-index:0;border:2px solid #5a5f5f;border-color:transparent transparent #5a5f5f transparent;border-radius:0 0 0 50%/12px}.desktop-nav .logo .box-4 .nested-box{left:260px}.desktop-nav .logo .box-4 .nested-box .line{width:200px;height:2px;background:#5a5f5f;position:absolute;right:100px;top:5px;border:0;z-index:0}.desktop-nav .logo .box-8{left:160px;top:210px}.desktop-nav .logo .box-8 .line{width:230px;height:150px;background:0 0;position:absolute;right:100px;top:-133px;z-index:0;border:2px solid #5a5f5f;border-color:transparent transparent #5a5f5f transparent;border-radius:0 0 0 80%/70px}.desktop-nav .logo .box-8 .nested-box{left:260px}.desktop-nav .logo .box-8 .nested-box .line{width:200px;height:2px;background:#5a5f5f;position:absolute;right:100px;top:15px;border:0;z-index:0}.desktop-nav .logo .box-5{margin-right:0;bottom:120px;right:150px}.desktop-nav .logo .box-5 .line{width:230px;height:170px;background:0 0;position:absolute;right:100px;top:30px;left:100px;z-index:0;border:2px solid #5a5f5f;border-color:transparent transparent transparent #5a5f5f;border-radius:30%/100px 0 0 0;transform:rotate(100deg)}.desktop-nav .logo .box-5 .nested-box{margin-right:0;right:260px}.desktop-nav .logo .box-5 .nested-box .line{width:200px;height:2px;background:#5a5f5f;position:absolute;right:100px;top:5px;border:0;transform:rotate(0deg);z-index:0}.desktop-nav .logo .box-1{margin-right:0;top:70px;right:180px}.desktop-nav .logo .box-1 .line{width:170px;height:150px;background:0 0;position:absolute;right:80px;top:5px;left:115px;z-index:0;border:2px solid #5a5f5f;border-color:transparent transparent transparent #5a5f5f;border-radius:10%/70px 0 0 0;transform:rotate(90deg)}.desktop-nav .logo .box-1 .nested-box{margin-right:0;right:260px}.desktop-nav .logo .box-1 .nested-box .line{width:200px;height:2px;background:#5a5f5f;position:absolute;right:100px;top:15px;border:0;transform:rotate(0deg);z-index:0}.desktop-nav .logo .box-3{margin-right:0;right:180px;top:140px}.desktop-nav .logo .box-3 .line{width:170px;height:150px;background:0 0;position:absolute;right:95px;left:100px;top:-140px;z-index:0;border:2px solid #5a5f5f;border-color:transparent transparent #5a5f5f transparent;border-radius:0 0 50%/12px 0}.desktop-nav .logo .box-3 .nested-box{margin-right:0;right:260px}.desktop-nav .logo .box-3 .nested-box .line{width:200px;height:2px;background:#5a5f5f;position:absolute;right:100px;top:5px;border:0;z-index:0}.desktop-nav .logo .box-7{margin-right:0;right:170px;top:210px}.desktop-nav .logo .box-7 .line{width:230px;height:150px;background:0 0;position:absolute;top:-133px;left:100px;z-index:0;border:2px solid #5a5f5f;border-color:transparent transparent #5a5f5f transparent;border-radius:0 0 80%/70px 0}.desktop-nav .logo .box-7 .nested-box{margin-right:0;right:260px}.desktop-nav .logo .box-7 .nested-box .line{width:200px;height:2px;background:#5a5f5f;position:absolute;right:100px;top:15px;border:0;transform:rotate(0deg)}.mobile-nav{text-align:center;color:#fff;padding-top:100px;padding-bottom:950px}.over-info p{margin-top:7px}.mobile-nav .logo{width:150px;height:150px;margin:0 auto;background:0 0;background-size:150px 150px;position:relative;color:#fff}.mobile-nav .logo .dropdown img{width:150px;height:150px;cursor:pointer;box-shadow:0 0 0 10px #5a5f5f;border-radius:50%;padding:15px;margin:5px auto 0}.mobile-nav .logo i{border:solid #5a5f5f;border-width:0 3px 3px 0;display:inline-block;padding:3px}.mobile-nav .logo .down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.mobile-nav .logo .dropdown-menu{background:rgba(8,3,37,.9)}.mobile-nav .logo .dropdown-menu .dropdown-item{color:#fff;text-decoration:none;display:block;width:150px;margin:20px}.mobile-nav .logo .dropdown-menu .dropdown-item:hover{background:rgba(250,155,30,.8)}.mobile-nav .logo .boxes{width:200px;height:60px;position:absolute;margin:0 auto;top:0;right:0;bottom:0;left:0;margin-top:-30px;cursor:pointer}.mobile-nav .logo .line{width:100px;height:150px;background:0 0;position:absolute;right:75px;bottom:2px;z-index:0;border:2px solid #5a5f5f;border-color:#5a5f5f transparent transparent transparent;border-radius:50%/50px 0 0 0;transform:rotate(90deg)}.mobile-nav .logo .right{top:270px;left:40px}.mobile-nav .logo .right .line{width:175px;right:75px;bottom:15px}.mobile-nav .logo .right .nested-box{top:150px}.mobile-nav .logo .right .nested-box .line{border-radius:0}.mobile-nav .logo .left{margin-right:0;top:210px;right:45px}.mobile-nav .logo .left .line{width:60px;border-color:transparent transparent #5a5f5f transparent;border-radius:0 0 0 50%/20px;left:145px}.mobile-nav .logo .left .nested-box{top:150px}.mobile-nav .logo .left .nested-box .line{width:105px;border-radius:0;left:124px}