::selection{background:#fad897;color:#fff}::-moz-selection{background:#fad897;color:#fff}body{overflow-x:hidden;background:#fad897}html{overflow-y:scroll;overflow-x:hidden}ul li{list-style-type:none}header,section{position:relative}a,button{-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}a:hover,a:focus,a:visited,a:active{text-decoration:none!important;outline:none!important}.double-margin{margin-right:-30px;margin-left:-30px}.double-padding{padding-right:30px;padding-left:30px}.no-padding-right{padding-right:0}.no-padding-left{padding-left:0}body{font-family:montserrat,sans-serif;color:#fff;font-size:24px}h1,h2,h3,h4,h5,h6{font-weight:700}.left-side-wrapper{position:relative}.left-side-inner-wrapper{background:#2596be;padding:60px 0}header{position:relative;text-align:center;color:#fff;margin-bottom:40px}header h1{font-size:3em;margin:0 0 10px;line-height:1;font-weight:900;text-shadow:2px 2px 0 rgba(0,0,0,.2);text-transform:uppercase}header h1 span{color:#f9bc25}header p{font-size:300;color:#fff;margin:0;font-size:.9em}.game-search-wrapper{position:relative;max-width:600px;margin:0 auto}.game-search-wrapper h3{font-size:1em;text-align:center;margin:0 0 3px;color:#f9bc25;font-weight:900;letter-spacing:1px;text-transform:uppercase}.game-search-wrapper h3 span{color:#ff2846}.input-icon-wrapper{position:relative;margin:0 auto}.input-icon-wrapper span.lnr{position:absolute;font-size:30px;color:#fff;left:30px;top:37px}.input-style{height:100px;font-size:1.3em;color:#fff;outline:none!important;width:100%;padding:0 15px 0 85px;border:none;box-shadow:none;background:rgba(0,0,0,.7);border-radius:10px}.input-style::-webkit-input-placeholder{color:#fff;opacity:1}.input-style::-moz-placeholder{color:#fff;opacity:1}.input-style:-ms-input-placeholder{color:#fff;opacity:1}.input-style:-moz-placeholder{color:#fff;opacity:1}.right-side-wrapper{position:relative;padding:40px 80px 50px}.right-side-wrapper .container{max-width:1200px}.bottom-title h2{text-align:center;font-size:2.4em;letter-spacing:3px;border-bottom:4px solid rgba(0,0,0,.3);margin:0 0 30px}.item-grid-content{position:relative;margin:0 -10px}.no-result-found-wrapper{display:block;text-align:center;font-size:2.4em;display:none;color:#fff;font-weight:300;text-transform:uppercase;letter-spacing:3px;margin:80px 0 0}.no-result-found-wrapper span.lnr{font-size:3.4em;display:block;margin:0 0 20px;color:#222}.no-result-found-wrapper p{font-size:.4em;max-width:600px;margin:20px auto 0;color:#999}.grid-item{cursor:pointer;padding:10px;width:20%}.grid-item img{max-width:100%}.grid-item-inner{position:relative;overflow:hidden;-webkit-transition:-webkit-transform 300ms cubic-bezier(.225,3,.485,.895);transition:-webkit-transform 300ms cubic-bezier(.225,3,.485,.895);transition:transform 300ms cubic-bezier(.225,3,.485,.895);transition:transform 300ms cubic-bezier(.225,3,.485,.895),-webkit-transform 300ms cubic-bezier(.225,3,.485,.895)}.grid-item:hover .grid-item-inner{transform:scale(1.05);-webkit-transform:scale(1.05)}.grid-item-inner{box-shadow:0 4px 15px 0 rgba(0,0,0,.25);border-radius:8px;overflow:hidden;border:3px solid #222}.grid-item-info{position:absolute;background:rgba(0,0,0,.5);box-shadow:0 -3px 3px 0 rgba(0,0,0,.2);bottom:0;text-align:center;width:100%;padding:20px 12px;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.grid-item-info h4{font-size:.8em;margin:0;text-transform:uppercase;font-weight:700;letter-spacing:1.5px;color:#fff;z-index:2;position:relative}.grid-item-info h4:after{content:'';display:block;width:40px;height:2px;background:rgba(255,255,255,.1);margin:5px auto}.grid-item-info span{font-size:.55em;font-weight:400;color:#ccc;display:block;line-height:1.4;margin:5px 0 0}.grid-item-float-wrapper{position:absolute;top:15%;left:0;width:100%;opacity:0;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.grid-item-float-content{background:#f9bc25;width:100px;height:60px;text-align:center;border-radius:10px;font-weight:700;font-size:.5em;text-transform:uppercase;color:#fff;padding:5px 0 0;margin:0 auto;box-shadow:0 0 15px 0 rgba(0,0,0,.8)}.grid-item-float-content span{color:#fff;font-weight:400;display:block;font-size:2em;margin:0 0 5px}.grid-item:hover .grid-item-float-wrapper{top:35%;opacity:1}.animation-delay-200{-webkit-animation-delay:.2s;animation-delay:.2s}.animation-delay-400{-webkit-animation-delay:.4s;animation-delay:.4s}.animation-delay-600{-webkit-animation-delay:.6s;animation-delay:.6s}.animation-delay-800{-webkit-animation-delay:.8s;animation-delay:.8s}.animation-delay-1000{-webkit-animation-delay:1s;animation-delay:1s}.animation-delay-1200{-webkit-animation-delay:1.2s;animation-delay:1.2s}.animation-delay-1400{-webkit-animation-delay:1.4s;animation-delay:1.4s}.animation-delay-1600{-webkit-animation-delay:1.6s;animation-delay:1.6s}.animation-delay-1800{-webkit-animation-delay:1.8s;animation-delay:1.8s}@media screen and (max-width:1440px){.left-side-inner-wrapper{padding:60px 0}header h1{font-size:3em}header p{font-size:.9em}.bottom-title h2{font-size:2.2em}.grid-item-info h4{font-size:.7em}.grid-item-info{padding:15px 7px}.grid-item{padding:10px}}@media screen and (max-width:1200px){.grid-item{width:25%}header{margin-bottom:30px}.right-side-wrapper{padding:40px 30px 50px}}@media screen and (max-width:993px){.bottom-title h2{margin-bottom:20px}.grid-item-info h4{font-size:.6em;letter-spacing:0}.grid-item-info span{font-size:.5em}}@media screen and (max-width:767px){.left-side-inner-wrapper{padding:40px 0}header h1{font-size:2.4em}header p{font-size:.8em}.bottom-title h2{font-size:1.8em}.grid-item{width:33%}.right-side-wrapper{padding:30px 20px 50px}.grid-item{padding:10px 5px}}@media screen and (max-width:500px){header h1{font-size:2em}header p{font-size:.7em}.bottom-title h2{font-size:1.4em;line-height:1}.grid-item{width:50%}.no-result-found-wrapper span.lnr{font-size:2.4em}.no-result-found-wrapper{font-size:1.4em}}@media screen and (max-width:420px){.left-side-inner-wrapper{padding:30px 0}.input-style{height:70px}.input-icon-wrapper span.lnr{top:22px}.right-side-wrapper{padding:30px 10px 50px}header h1{font-size:1.6em}header p{font-size:.7em}.grid-item{width:50%}.input-style{font-size:1em}.grid-item-info span{font-size:.4em}.bottom-title h2{font-size:1.2em;letter-spacing:0;padding-bottom:5px;line-height:1}}@media screen and (max-width:350px){.right-side-wrapper{padding:20px 5px 50px}header h1{font-size:1.3em}header p{font-size:.7em}.bottom-title h2{font-size:1.2em}.grid-item{width:50%}.input-style{font-size:.8em}.grid-item-info span{font-size:.4em}.grid-item{padding:5px 3px}}